@charset "UTF-8";
@font-face {
  font-family: Gotham;
  src: url("fonts/GothamBook.otf");
  font-weight: normal;
}
@font-face {
  font-family: Gotham;
  src: url("fonts/GothamBold.otf");
  font-weight: bold;
}
@font-face {
  font-family: Gotham;
  src: url("fonts/GothamBold-Italic.otf");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: Gotham;
  src: url("fonts/GothamBook-Italic.otf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: Gotham;
  src: url("fonts/GothamThin.otf");
  font-weight: 300;
}
i.icon, .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child i.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child i.thisicon {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-color: transparent;
  background-image: url("images/icon-sprite@2x.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 720px auto;
  cursor: pointer;
}
i.icon.footerlogo, .repeatblocks.colorslide .imagetextblock .half:first-child i.footerlogo.thisicon {
  background-position: -480px 0px;
  width: 160px;
  height: 160px;
  transform-origin: top;
}
@media screen and (max-width: 740px) {
  i.icon.footerlogo, .repeatblocks.colorslide .imagetextblock .half:first-child i.footerlogo.thisicon {
    background-position: -508px 0px;
  }
}
i.icon.flushleft, .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child i.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child i.thisicon {
  margin-left: -22px;
}
i.icon.flushright, .repeatblocks.colorslide .imagetextblock .half:first-child i.flushright.thisicon {
  margin-right: -22px;
}
i.icon.logo, .repeatblocks.colorslide .imagetextblock .half:first-child i.logo.thisicon {
  background-position: 0px -80px;
}
i.icon.logo:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.logo.thisicon:hover {
  background-position: -80px -80px;
}
i.icon.logo:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.logo.thisicon:active, i.icon.logo.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.logo.active.thisicon {
  background-position: -160px -80px;
}
i.icon.logo:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.logo.thisicon:focus {
  background-position: -240px -80px;
}
i.icon.logo.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.logo.disabled.thisicon {
  background-position: -320px -80px;
}
i.icon.logo.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.logo.share.thisicon {
  background-position: -80px -80px;
}
i.icon.sandwich, .repeatblocks.colorslide .imagetextblock .half:first-child i.sandwich.thisicon {
  background-position: 0px -160px;
}
i.icon.sandwich:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.sandwich.thisicon:hover {
  background-position: -80px -160px;
}
i.icon.sandwich:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.sandwich.thisicon:active, i.icon.sandwich.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.sandwich.active.thisicon {
  background-position: -160px -160px;
}
i.icon.sandwich:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.sandwich.thisicon:focus {
  background-position: -240px -160px;
}
i.icon.sandwich.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.sandwich.disabled.thisicon {
  background-position: -320px -160px;
}
i.icon.sandwich.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.sandwich.share.thisicon {
  background-position: -80px -160px;
}
i.icon.rightarrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.rightarrow.thisicon {
  background-position: 0px -240px;
}
i.icon.rightarrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.rightarrow.thisicon:hover {
  background-position: -80px -240px;
}
i.icon.rightarrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.rightarrow.thisicon:active, i.icon.rightarrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.rightarrow.active.thisicon {
  background-position: -160px -240px;
}
i.icon.rightarrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.rightarrow.thisicon:focus {
  background-position: -240px -240px;
}
i.icon.rightarrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.rightarrow.disabled.thisicon {
  background-position: -320px -240px;
}
i.icon.rightarrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.rightarrow.share.thisicon {
  background-position: -80px -240px;
}
i.icon.leftarrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.leftarrow.thisicon {
  background-position: 0px -320px;
}
i.icon.leftarrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.leftarrow.thisicon:hover {
  background-position: -80px -320px;
}
i.icon.leftarrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.leftarrow.thisicon:active, i.icon.leftarrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.leftarrow.active.thisicon {
  background-position: -160px -320px;
}
i.icon.leftarrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.leftarrow.thisicon:focus {
  background-position: -240px -320px;
}
i.icon.leftarrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.leftarrow.disabled.thisicon {
  background-position: -320px -320px;
}
i.icon.leftarrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.leftarrow.share.thisicon {
  background-position: -80px -320px;
}
i.icon.toparrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.toparrow.thisicon {
  background-position: 0px -400px;
}
i.icon.toparrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.toparrow.thisicon:hover {
  background-position: -80px -400px;
}
i.icon.toparrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.toparrow.thisicon:active, i.icon.toparrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.toparrow.active.thisicon {
  background-position: -160px -400px;
}
i.icon.toparrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.toparrow.thisicon:focus {
  background-position: -240px -400px;
}
i.icon.toparrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.toparrow.disabled.thisicon {
  background-position: -320px -400px;
}
i.icon.toparrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.toparrow.share.thisicon {
  background-position: -80px -400px;
}
i.icon.bottomarrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.bottomarrow.thisicon {
  background-position: 0px -480px;
}
i.icon.bottomarrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.bottomarrow.thisicon:hover {
  background-position: -80px -480px;
}
i.icon.bottomarrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.bottomarrow.thisicon:active, i.icon.bottomarrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.bottomarrow.active.thisicon {
  background-position: -160px -480px;
}
i.icon.bottomarrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.bottomarrow.thisicon:focus {
  background-position: -240px -480px;
}
i.icon.bottomarrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.bottomarrow.disabled.thisicon {
  background-position: -320px -480px;
}
i.icon.bottomarrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.bottomarrow.share.thisicon {
  background-position: -80px -480px;
}
i.icon.burgerwhite, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerwhite.thisicon {
  background-position: 0px -560px;
}
i.icon.burgerwhite:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerwhite.thisicon:hover {
  background-position: -80px -560px;
}
i.icon.burgerwhite:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerwhite.thisicon:active, i.icon.burgerwhite.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerwhite.active.thisicon {
  background-position: -160px -560px;
}
i.icon.burgerwhite:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerwhite.thisicon:focus {
  background-position: -240px -560px;
}
i.icon.burgerwhite.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerwhite.disabled.thisicon {
  background-position: -320px -560px;
}
i.icon.burgerwhite.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerwhite.share.thisicon {
  background-position: -80px -560px;
}
i.icon.burgerblack, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerblack.thisicon {
  background-position: 0px -640px;
}
i.icon.burgerblack:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerblack.thisicon:hover {
  background-position: -80px -640px;
}
i.icon.burgerblack:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerblack.thisicon:active, i.icon.burgerblack.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerblack.active.thisicon {
  background-position: -160px -640px;
}
i.icon.burgerblack:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerblack.thisicon:focus {
  background-position: -240px -640px;
}
i.icon.burgerblack.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerblack.disabled.thisicon {
  background-position: -320px -640px;
}
i.icon.burgerblack.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.burgerblack.share.thisicon {
  background-position: -80px -640px;
}
i.icon.whiterightarrow, .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child i.whiterightarrow.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child i.thisicon {
  background-position: 0px -720px;
}
i.icon.whiterightarrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.thisicon:hover {
  background-position: -80px -720px;
}
i.icon.whiterightarrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.thisicon:active, i.icon.whiterightarrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.active.thisicon {
  background-position: -160px -720px;
}
i.icon.whiterightarrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.thisicon:focus {
  background-position: -240px -720px;
}
i.icon.whiterightarrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.disabled.thisicon {
  background-position: -320px -720px;
}
i.icon.whiterightarrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.share.thisicon {
  background-position: -80px -720px;
}
i.icon.whiteleftarrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.whiteleftarrow.thisicon, .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child i.thisicon {
  background-position: 0px -800px;
}
i.icon.whiteleftarrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.whiteleftarrow.thisicon:hover, .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child i.thisicon:hover {
  background-position: -80px -800px;
}
i.icon.whiteleftarrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.whiteleftarrow.thisicon:active, .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child i.thisicon:active, i.icon.whiteleftarrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.whiteleftarrow.active.thisicon, .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child i.active.thisicon {
  background-position: -160px -800px;
}
i.icon.whiteleftarrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.whiteleftarrow.thisicon:focus, .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child i.thisicon:focus {
  background-position: -240px -800px;
}
i.icon.whiteleftarrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.whiteleftarrow.disabled.thisicon, .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child i.disabled.thisicon {
  background-position: -320px -800px;
}
i.icon.whiteleftarrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.whiteleftarrow.share.thisicon, .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child i.share.thisicon {
  background-position: -80px -800px;
}
i.icon.whitetoparrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitetoparrow.thisicon {
  background-position: 0px -880px;
}
i.icon.whitetoparrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitetoparrow.thisicon:hover {
  background-position: -80px -880px;
}
i.icon.whitetoparrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitetoparrow.thisicon:active, i.icon.whitetoparrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitetoparrow.active.thisicon {
  background-position: -160px -880px;
}
i.icon.whitetoparrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitetoparrow.thisicon:focus {
  background-position: -240px -880px;
}
i.icon.whitetoparrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitetoparrow.disabled.thisicon {
  background-position: -320px -880px;
}
i.icon.whitetoparrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitetoparrow.share.thisicon {
  background-position: -80px -880px;
}
i.icon.whitebottomarrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitebottomarrow.thisicon {
  background-position: 0px -960px;
}
i.icon.whitebottomarrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitebottomarrow.thisicon:hover {
  background-position: -80px -960px;
}
i.icon.whitebottomarrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitebottomarrow.thisicon:active, i.icon.whitebottomarrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitebottomarrow.active.thisicon {
  background-position: -160px -960px;
}
i.icon.whitebottomarrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitebottomarrow.thisicon:focus {
  background-position: -240px -960px;
}
i.icon.whitebottomarrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitebottomarrow.disabled.thisicon {
  background-position: -320px -960px;
}
i.icon.whitebottomarrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.whitebottomarrow.share.thisicon {
  background-position: -80px -960px;
}
i.icon.closewhite, .repeatblocks.colorslide .imagetextblock .half:first-child i.closewhite.thisicon, i.icon.closetopics, .repeatblocks.colorslide .imagetextblock .half:first-child i.closetopics.thisicon {
  background-position: 0px -1600px;
}
i.icon.closeblack, .repeatblocks.colorslide .imagetextblock .half:first-child i.closeblack.thisicon {
  background-position: 0px -1680px;
}
i.icon.products, .repeatblocks.colorslide .imagetextblock .half:first-child i.products.thisicon {
  background-position: 0px -1760px;
}
i.icon.products:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.products.thisicon:hover {
  background-position: -80px -1760px;
}
i.icon.products:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.products.thisicon:active, i.icon.products.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.products.active.thisicon {
  background-position: -160px -1760px;
}
i.icon.products:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.products.thisicon:focus {
  background-position: -240px -1760px;
}
i.icon.products.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.products.disabled.thisicon {
  background-position: -320px -1760px;
}
i.icon.products.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.products.share.thisicon {
  background-position: -80px -1760px;
}
i.icon.technology, .repeatblocks.colorslide .imagetextblock .half:first-child i.technology.thisicon {
  background-position: 0px -1840px;
}
i.icon.technology:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.technology.thisicon:hover {
  background-position: -80px -1840px;
}
i.icon.technology:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.technology.thisicon:active, i.icon.technology.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.technology.active.thisicon {
  background-position: -160px -1840px;
}
i.icon.technology:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.technology.thisicon:focus {
  background-position: -240px -1840px;
}
i.icon.technology.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.technology.disabled.thisicon {
  background-position: -320px -1840px;
}
i.icon.technology.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.technology.share.thisicon {
  background-position: -80px -1840px;
}
i.icon.blog, .repeatblocks.colorslide .imagetextblock .half:first-child i.blog.thisicon {
  background-position: 0px -1920px;
}
i.icon.blog:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.blog.thisicon:hover {
  background-position: -80px -1920px;
}
i.icon.blog:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.blog.thisicon:active, i.icon.blog.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.blog.active.thisicon {
  background-position: -160px -1920px;
}
i.icon.blog:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.blog.thisicon:focus {
  background-position: -240px -1920px;
}
i.icon.blog.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.blog.disabled.thisicon {
  background-position: -320px -1920px;
}
i.icon.blog.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.blog.share.thisicon {
  background-position: -80px -1920px;
}
i.icon.company, .repeatblocks.colorslide .imagetextblock .half:first-child i.company.thisicon {
  background-position: 0px -2000px;
}
i.icon.company:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.company.thisicon:hover {
  background-position: -80px -2000px;
}
i.icon.company:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.company.thisicon:active, i.icon.company.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.company.active.thisicon {
  background-position: -160px -2000px;
}
i.icon.company:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.company.thisicon:focus {
  background-position: -240px -2000px;
}
i.icon.company.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.company.disabled.thisicon {
  background-position: -320px -2000px;
}
i.icon.company.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.company.share.thisicon {
  background-position: -80px -2000px;
}
i.icon.plus, .repeatblocks.colorslide .imagetextblock .half:first-child i.plus.thisicon {
  background-position: 0px -2080px;
}
i.icon.plus:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.plus.thisicon:hover {
  background-position: -80px -2080px;
}
i.icon.plus:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.plus.thisicon:active, i.icon.plus.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.plus.active.thisicon {
  background-position: -160px -2080px;
}
i.icon.plus:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.plus.thisicon:focus {
  background-position: -240px -2080px;
}
i.icon.plus.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.plus.disabled.thisicon {
  background-position: -320px -2080px;
}
i.icon.plus.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.plus.share.thisicon {
  background-position: -80px -2080px;
}
i.icon.minus, .repeatblocks.colorslide .imagetextblock .half:first-child i.minus.thisicon {
  background-position: 0px -2160px;
}
i.icon.minus:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.minus.thisicon:hover {
  background-position: -80px -2160px;
}
i.icon.minus:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.minus.thisicon:active, i.icon.minus.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.minus.active.thisicon {
  background-position: -160px -2160px;
}
i.icon.minus:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.minus.thisicon:focus {
  background-position: -240px -2160px;
}
i.icon.minus.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.minus.disabled.thisicon {
  background-position: -320px -2160px;
}
i.icon.minus.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.minus.share.thisicon {
  background-position: -80px -2160px;
}
i.icon.blogsearch, .repeatblocks.colorslide .imagetextblock .half:first-child i.blogsearch.thisicon {
  background-position: 0px -2240px;
}
i.icon.blogsearch:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.blogsearch.thisicon:hover {
  background-position: -80px -2240px;
}
i.icon.blogsearch:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.blogsearch.thisicon:active, i.icon.blogsearch.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.blogsearch.active.thisicon {
  background-position: -160px -2240px;
}
i.icon.blogsearch:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.blogsearch.thisicon:focus {
  background-position: -240px -2240px;
}
i.icon.blogsearch.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.blogsearch.disabled.thisicon {
  background-position: -320px -2240px;
}
i.icon.blogsearch.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.blogsearch.share.thisicon {
  background-position: -80px -2240px;
}

i.small.icon, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.thisicon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-color: transparent;
  background-image: url("images/icon-sprite@2x.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 360px auto;
}
i.small.icon.flushleft, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.thisicon {
  margin-left: -11px;
}
i.small.icon.flushright, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.flushright.thisicon {
  margin-right: -11px;
}
i.small.icon.logo, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.logo.thisicon {
  background-position: 0px -40px;
}
i.small.icon.logo:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.logo.thisicon:hover {
  background-position: -40px -40px;
}
i.small.icon.logo:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.logo.thisicon:active, i.small.icon.logo.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.logo.active.thisicon {
  background-position: -80px -40px;
}
i.small.icon.logo:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.logo.thisicon:focus {
  background-position: -120px -40px;
}
i.small.icon.logo.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.logo.disabled.thisicon {
  background-position: -160px -40px;
}
i.small.icon.logo.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.logo.share.thisicon {
  background-position: -120px -40px;
}
i.small.icon.sandwich, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.sandwich.thisicon {
  background-position: 0px -80px;
}
i.small.icon.sandwich:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.sandwich.thisicon:hover {
  background-position: -40px -80px;
}
i.small.icon.sandwich:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.sandwich.thisicon:active, i.small.icon.sandwich.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.sandwich.active.thisicon {
  background-position: -80px -80px;
}
i.small.icon.sandwich:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.sandwich.thisicon:focus {
  background-position: -120px -80px;
}
i.small.icon.sandwich.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.sandwich.disabled.thisicon {
  background-position: -160px -80px;
}
i.small.icon.sandwich.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.sandwich.share.thisicon {
  background-position: -120px -80px;
}
i.small.icon.rightarrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.rightarrow.thisicon {
  background-position: 0px -120px;
}
i.small.icon.rightarrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.rightarrow.thisicon:hover {
  background-position: -40px -120px;
}
i.small.icon.rightarrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.rightarrow.thisicon:active, i.small.icon.rightarrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.rightarrow.active.thisicon {
  background-position: -80px -120px;
}
i.small.icon.rightarrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.rightarrow.thisicon:focus {
  background-position: -120px -120px;
}
i.small.icon.rightarrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.rightarrow.disabled.thisicon {
  background-position: -160px -120px;
}
i.small.icon.rightarrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.rightarrow.share.thisicon {
  background-position: -120px -120px;
}
i.small.icon.leftarrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.leftarrow.thisicon {
  background-position: 0px -160px;
}
i.small.icon.leftarrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.leftarrow.thisicon:hover {
  background-position: -40px -160px;
}
i.small.icon.leftarrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.leftarrow.thisicon:active, i.small.icon.leftarrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.leftarrow.active.thisicon {
  background-position: -80px -160px;
}
i.small.icon.leftarrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.leftarrow.thisicon:focus {
  background-position: -120px -160px;
}
i.small.icon.leftarrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.leftarrow.disabled.thisicon {
  background-position: -160px -160px;
}
i.small.icon.leftarrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.leftarrow.share.thisicon {
  background-position: -120px -160px;
}
i.small.icon.toparrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.toparrow.thisicon {
  background-position: 0px -200px;
}
i.small.icon.toparrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.toparrow.thisicon:hover {
  background-position: -40px -200px;
}
i.small.icon.toparrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.toparrow.thisicon:active, i.small.icon.toparrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.toparrow.active.thisicon {
  background-position: -80px -200px;
}
i.small.icon.toparrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.toparrow.thisicon:focus {
  background-position: -120px -200px;
}
i.small.icon.toparrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.toparrow.disabled.thisicon {
  background-position: -160px -200px;
}
i.small.icon.toparrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.toparrow.share.thisicon {
  background-position: -120px -200px;
}
i.small.icon.bottomarrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.bottomarrow.thisicon {
  background-position: 0px -240px;
}
i.small.icon.bottomarrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.bottomarrow.thisicon:hover {
  background-position: -40px -240px;
}
i.small.icon.bottomarrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.bottomarrow.thisicon:active, i.small.icon.bottomarrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.bottomarrow.active.thisicon {
  background-position: -80px -240px;
}
i.small.icon.bottomarrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.bottomarrow.thisicon:focus {
  background-position: -120px -240px;
}
i.small.icon.bottomarrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.bottomarrow.disabled.thisicon {
  background-position: -160px -240px;
}
i.small.icon.bottomarrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.bottomarrow.share.thisicon {
  background-position: -120px -240px;
}
i.small.icon.burgerwhite, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerwhite.thisicon {
  background-position: 0px -280px;
}
i.small.icon.burgerwhite:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerwhite.thisicon:hover {
  background-position: -40px -280px;
}
i.small.icon.burgerwhite:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerwhite.thisicon:active, i.small.icon.burgerwhite.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerwhite.active.thisicon {
  background-position: -80px -280px;
}
i.small.icon.burgerwhite:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerwhite.thisicon:focus {
  background-position: -120px -280px;
}
i.small.icon.burgerwhite.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerwhite.disabled.thisicon {
  background-position: -160px -280px;
}
i.small.icon.burgerwhite.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerwhite.share.thisicon {
  background-position: -120px -280px;
}
i.small.icon.burgerblack, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerblack.thisicon {
  background-position: 0px -320px;
}
i.small.icon.burgerblack:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerblack.thisicon:hover {
  background-position: -40px -320px;
}
i.small.icon.burgerblack:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerblack.thisicon:active, i.small.icon.burgerblack.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerblack.active.thisicon {
  background-position: -80px -320px;
}
i.small.icon.burgerblack:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerblack.thisicon:focus {
  background-position: -120px -320px;
}
i.small.icon.burgerblack.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerblack.disabled.thisicon {
  background-position: -160px -320px;
}
i.small.icon.burgerblack.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.burgerblack.share.thisicon {
  background-position: -120px -320px;
}
i.small.icon.white.rightarrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.rightarrow.thisicon {
  background-position: 0px -360px;
}
i.small.icon.white.rightarrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.rightarrow.thisicon:hover {
  background-position: -40px -360px;
}
i.small.icon.white.rightarrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.rightarrow.thisicon:active, i.small.icon.white.rightarrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.rightarrow.active.thisicon {
  background-position: -80px -360px;
}
i.small.icon.white.rightarrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.rightarrow.thisicon:focus {
  background-position: -120px -360px;
}
i.small.icon.white.rightarrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.rightarrow.disabled.thisicon {
  background-position: -160px -360px;
}
i.small.icon.white.rightarrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.rightarrow.share.thisicon {
  background-position: -120px -360px;
}
i.small.icon.white.leftarrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.leftarrow.thisicon {
  background-position: 0px -400px;
}
i.small.icon.white.leftarrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.leftarrow.thisicon:hover {
  background-position: -40px -400px;
}
i.small.icon.white.leftarrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.leftarrow.thisicon:active, i.small.icon.white.leftarrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.leftarrow.active.thisicon {
  background-position: -80px -400px;
}
i.small.icon.white.leftarrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.leftarrow.thisicon:focus {
  background-position: -120px -400px;
}
i.small.icon.white.leftarrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.leftarrow.disabled.thisicon {
  background-position: -160px -400px;
}
i.small.icon.white.leftarrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.leftarrow.share.thisicon {
  background-position: -120px -400px;
}
i.small.icon.white.toparrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.toparrow.thisicon {
  background-position: 0px -440px;
}
i.small.icon.white.toparrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.toparrow.thisicon:hover {
  background-position: -40px -440px;
}
i.small.icon.white.toparrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.toparrow.thisicon:active, i.small.icon.white.toparrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.toparrow.active.thisicon {
  background-position: -80px -440px;
}
i.small.icon.white.toparrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.toparrow.thisicon:focus {
  background-position: -120px -440px;
}
i.small.icon.white.toparrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.toparrow.disabled.thisicon {
  background-position: -160px -440px;
}
i.small.icon.white.toparrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.toparrow.share.thisicon {
  background-position: -120px -440px;
}
i.small.icon.white.bottomarrow, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.bottomarrow.thisicon {
  background-position: 0px -480px;
}
i.small.icon.white.bottomarrow:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.bottomarrow.thisicon:hover {
  background-position: -40px -480px;
}
i.small.icon.white.bottomarrow:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.bottomarrow.thisicon:active, i.small.icon.white.bottomarrow.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.bottomarrow.active.thisicon {
  background-position: -80px -480px;
}
i.small.icon.white.bottomarrow:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.bottomarrow.thisicon:focus {
  background-position: -120px -480px;
}
i.small.icon.white.bottomarrow.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.bottomarrow.disabled.thisicon {
  background-position: -160px -480px;
}
i.small.icon.white.bottomarrow.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.white.bottomarrow.share.thisicon {
  background-position: -120px -480px;
}
i.small.icon.facebook, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.facebook.thisicon {
  background-position: 0px -520px;
}
i.small.icon.facebook:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.facebook.thisicon:hover {
  background-position: -40px -520px;
}
i.small.icon.facebook:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.facebook.thisicon:active, i.small.icon.facebook.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.facebook.active.thisicon {
  background-position: -80px -520px;
}
i.small.icon.facebook:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.facebook.thisicon:focus {
  background-position: -120px -520px;
}
i.small.icon.facebook.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.facebook.disabled.thisicon {
  background-position: -160px -520px;
}
i.small.icon.facebook.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.facebook.share.thisicon {
  background-position: -120px -520px;
}
i.small.icon.twitter, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.twitter.thisicon {
  background-position: 0px -560px;
}
i.small.icon.twitter:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.twitter.thisicon:hover {
  background-position: -40px -560px;
}
i.small.icon.twitter:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.twitter.thisicon:active, i.small.icon.twitter.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.twitter.active.thisicon {
  background-position: -80px -560px;
}
i.small.icon.twitter:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.twitter.thisicon:focus {
  background-position: -120px -560px;
}
i.small.icon.twitter.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.twitter.disabled.thisicon {
  background-position: -160px -560px;
}
i.small.icon.twitter.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.twitter.share.thisicon {
  background-position: -120px -560px;
}
i.small.icon.linkedin, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.linkedin.thisicon {
  background-position: 0px -600px;
}
i.small.icon.linkedin:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.linkedin.thisicon:hover {
  background-position: -40px -600px;
}
i.small.icon.linkedin:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.linkedin.thisicon:active, i.small.icon.linkedin.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.linkedin.active.thisicon {
  background-position: -80px -600px;
}
i.small.icon.linkedin:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.linkedin.thisicon:focus {
  background-position: -120px -600px;
}
i.small.icon.linkedin.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.linkedin.disabled.thisicon {
  background-position: -160px -600px;
}
i.small.icon.linkedin.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.linkedin.share.thisicon {
  background-position: -120px -600px;
}
i.small.icon.medium, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.medium.thisicon {
  background-position: 0px -640px;
}
i.small.icon.medium:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.medium.thisicon:hover {
  background-position: -40px -640px;
}
i.small.icon.medium:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.medium.thisicon:active, i.small.icon.medium.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.medium.active.thisicon {
  background-position: -80px -640px;
}
i.small.icon.medium:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.medium.thisicon:focus {
  background-position: -120px -640px;
}
i.small.icon.medium.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.medium.disabled.thisicon {
  background-position: -160px -640px;
}
i.small.icon.medium.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.medium.share.thisicon {
  background-position: -120px -640px;
}
i.small.icon.instagram, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.instagram.thisicon {
  background-position: 0px -680px;
}
i.small.icon.instagram:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.instagram.thisicon:hover {
  background-position: -40px -680px;
}
i.small.icon.instagram:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.instagram.thisicon:active, i.small.icon.instagram.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.instagram.active.thisicon {
  background-position: -80px -680px;
}
i.small.icon.instagram:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.instagram.thisicon:focus {
  background-position: -120px -680px;
}
i.small.icon.instagram.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.instagram.disabled.thisicon {
  background-position: -160px -680px;
}
i.small.icon.instagram.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.instagram.share.thisicon {
  background-position: -120px -680px;
}
i.small.icon.pinterest, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.pinterest.thisicon {
  background-position: 0px -720px;
}
i.small.icon.pinterest:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.pinterest.thisicon:hover {
  background-position: -40px -720px;
}
i.small.icon.pinterest:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.pinterest.thisicon:active, i.small.icon.pinterest.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.pinterest.active.thisicon {
  background-position: -80px -720px;
}
i.small.icon.pinterest:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.pinterest.thisicon:focus {
  background-position: -120px -720px;
}
i.small.icon.pinterest.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.pinterest.disabled.thisicon {
  background-position: -160px -720px;
}
i.small.icon.pinterest.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.pinterest.share.thisicon {
  background-position: -120px -720px;
}
i.small.icon.youtube, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.youtube.thisicon {
  background-position: 0px -760px;
}
i.small.icon.youtube:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.youtube.thisicon:hover {
  background-position: -40px -760px;
}
i.small.icon.youtube:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.youtube.thisicon:active, i.small.icon.youtube.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.youtube.active.thisicon {
  background-position: -80px -760px;
}
i.small.icon.youtube:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.youtube.thisicon:focus {
  background-position: -120px -760px;
}
i.small.icon.youtube.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.youtube.disabled.thisicon {
  background-position: -160px -760px;
}
i.small.icon.youtube.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.youtube.share.thisicon {
  background-position: -120px -760px;
}
i.small.icon.products, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.products.thisicon {
  background-position: 0px -880px;
}
i.small.icon.products:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.products.thisicon:hover {
  background-position: -40px -880px;
}
i.small.icon.products:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.products.thisicon:active, i.small.icon.products.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.products.active.thisicon {
  background-position: -80px -880px;
}
i.small.icon.products:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.products.thisicon:focus {
  background-position: -120px -880px;
}
i.small.icon.products.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.products.disabled.thisicon {
  background-position: -160px -880px;
}
i.small.icon.products.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.products.share.thisicon {
  background-position: -120px -880px;
}
i.small.icon.technology, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.technology.thisicon {
  background-position: 0px -920px;
}
i.small.icon.technology:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.technology.thisicon:hover {
  background-position: -40px -920px;
}
i.small.icon.technology:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.technology.thisicon:active, i.small.icon.technology.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.technology.active.thisicon {
  background-position: -80px -920px;
}
i.small.icon.technology:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.technology.thisicon:focus {
  background-position: -120px -920px;
}
i.small.icon.technology.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.technology.disabled.thisicon {
  background-position: -160px -920px;
}
i.small.icon.technology.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.technology.share.thisicon {
  background-position: -120px -920px;
}
i.small.icon.blog, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blog.thisicon {
  background-position: 0px -960px;
}
i.small.icon.blog:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blog.thisicon:hover {
  background-position: -40px -960px;
}
i.small.icon.blog:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blog.thisicon:active, i.small.icon.blog.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blog.active.thisicon {
  background-position: -80px -960px;
}
i.small.icon.blog:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blog.thisicon:focus {
  background-position: -120px -960px;
}
i.small.icon.blog.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blog.disabled.thisicon {
  background-position: -160px -960px;
}
i.small.icon.blog.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blog.share.thisicon {
  background-position: -120px -960px;
}
i.small.icon.company, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.company.thisicon {
  background-position: 0px -1000px;
}
i.small.icon.company:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.company.thisicon:hover {
  background-position: -40px -1000px;
}
i.small.icon.company:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.company.thisicon:active, i.small.icon.company.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.company.active.thisicon {
  background-position: -80px -1000px;
}
i.small.icon.company:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.company.thisicon:focus {
  background-position: -120px -1000px;
}
i.small.icon.company.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.company.disabled.thisicon {
  background-position: -160px -1000px;
}
i.small.icon.company.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.company.share.thisicon {
  background-position: -120px -1000px;
}
i.small.icon.plus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.plus.thisicon {
  background-position: 0px -1040px;
}
i.small.icon.plus:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.plus.thisicon:hover {
  background-position: -40px -1040px;
}
i.small.icon.plus:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.plus.thisicon:active, i.small.icon.plus.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.plus.active.thisicon {
  background-position: -80px -1040px;
}
i.small.icon.plus:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.plus.thisicon:focus {
  background-position: -120px -1040px;
}
i.small.icon.plus.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.plus.disabled.thisicon {
  background-position: -160px -1040px;
}
i.small.icon.plus.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.plus.share.thisicon {
  background-position: -120px -1040px;
}
i.small.icon.minus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.minus.thisicon {
  background-position: 0px -1080px;
}
i.small.icon.minus:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.minus.thisicon:hover {
  background-position: -40px -1080px;
}
i.small.icon.minus:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.minus.thisicon:active, i.small.icon.minus.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.minus.active.thisicon {
  background-position: -80px -1080px;
}
i.small.icon.minus:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.minus.thisicon:focus {
  background-position: -120px -1080px;
}
i.small.icon.minus.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.minus.disabled.thisicon {
  background-position: -160px -1080px;
}
i.small.icon.minus.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.minus.share.thisicon {
  background-position: -120px -1080px;
}
i.small.icon.blogsearch, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blogsearch.thisicon {
  background-position: 0px -1120px;
}
i.small.icon.blogsearch:hover, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blogsearch.thisicon:hover {
  background-position: -40px -1120px;
}
i.small.icon.blogsearch:active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blogsearch.thisicon:active, i.small.icon.blogsearch.active, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blogsearch.active.thisicon {
  background-position: -80px -1120px;
}
i.small.icon.blogsearch:focus, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blogsearch.thisicon:focus {
  background-position: -120px -1120px;
}
i.small.icon.blogsearch.disabled, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blogsearch.disabled.thisicon {
  background-position: -160px -1120px;
}
i.small.icon.blogsearch.share, .repeatblocks.colorslide .imagetextblock .half:first-child i.small.blogsearch.share.thisicon {
  background-position: -120px -1120px;
}

.closewhite, .closeblack, .closetopics {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.closewhite:hover, .closeblack:hover, .closetopics:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media print {
  .socialshare {
    display: none;
  }
}
@media (min-width: 741px) {
  .socialshare {
    width: 42px;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    left: auto;
    right: 28px;
    float: right;
    z-index: 999;
    height: 0px;
  }
}
@media (max-width: 740px) {
  .socialshare {
    position: relative;
    height: 42px;
    max-width: 700px;
    margin: 10px auto;
    text-align: right;
  }
}
.socialshare__button {
  display: inline-block;
  background-color: #fff;
  border-radius: 100px;
  border: 1px solid #e3e3e3;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}
@media (min-width: 741px) {
  .socialshare__button:first-child {
    margin-top: 100px;
  }
}
@media (max-width: 740px) {
  .socialshare__button {
    margin-right: 6px;
  }
}
.socialshare__button:hover {
  border-color: #000;
}
.socialshare__button > a {
  display: block;
}

.fields, select, textarea, input[type=text], input[type=email], input[type=name], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=file], label {
  background-color: transparent;
  border-width: 0px 0px 2px 0px;
  border-color: #999;
  border-style: solid;
  border-radius: 0px;
  padding: 18px 24px;
  font-family: "Gotham", "Verdana", sans-serif;
  color: #4a4a4a;
  letter-spacing: 2.4px;
  font-size: 12px;
  text-align: left;
}

label {
  display: inline-block;
  padding-left: 0;
  color: #ccc;
}
@media screen and (min-width: 741px) {
  label {
    width: 22.5%;
    padding-right: 2.5%;
  }
}
@media screen and (max-width: 740px) {
  label {
    width: 22.5%;
    padding-right: 2.5%;
  }
}

.button, #country_selector, #closeCookieMonster, #country_selector_go, .ssologin, a.ssologin, .googlelogin, a.googlelogin, input[type=button], input[type=submit], a.button {
  border-radius: 8px;
  background-color: none;
  padding: 22px 36px;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2.4px;
  line-height: 10px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  border: 1px solid #fff;
  font-weight: bold;
}
@media screen and (min-width: 741px) {
  .button, #country_selector, #closeCookieMonster, #country_selector_go, .ssologin, a.ssologin, .googlelogin, a.googlelogin, input[type=button], input[type=submit], a.button {
    padding: 22px 36px;
  }
}
@media screen and (max-width: 740px) {
  .button, #country_selector, #closeCookieMonster, #country_selector_go, .ssologin, a.ssologin, .googlelogin, a.googlelogin, input[type=button], input[type=submit], a.button {
    padding: 16px 18px;
    margin-bottom: 8px;
  }
}
.button:hover, #country_selector:hover, #closeCookieMonster:hover, #country_selector_go:hover, .ssologin:hover, .googlelogin:hover, input[type=button]:hover, input[type=submit]:hover {
  background-color: #219db3 !important;
  border-color: #219db3 !important;
  cursor: hand;
  color: #fff !important;
}
.button.showdemoform, .showdemoform#country_selector, .showdemoform#closeCookieMonster, .showdemoform#country_selector_go, .showdemoform.ssologin, .showdemoform.googlelogin, input.showdemoform[type=button], input.showdemoform[type=submit], .button.showapplyform, .showapplyform#country_selector, .showapplyform#closeCookieMonster, .showapplyform#country_selector_go, .showapplyform.ssologin, .showapplyform.googlelogin, input.showapplyform[type=button], input.showapplyform[type=submit], .button.download, .download#country_selector, .download#closeCookieMonster, .download#country_selector_go, .download.ssologin, .download.googlelogin, input.download[type=button], input.download[type=submit] {
  background-color: #FCB040 !important;
  border-color: #FCB040 !important;
  color: #fff !important;
}
.button.showdemoform:hover, .showdemoform#country_selector:hover, .showdemoform#closeCookieMonster:hover, .showdemoform#country_selector_go:hover, .showdemoform.ssologin:hover, .showdemoform.googlelogin:hover, input.showdemoform[type=button]:hover, input.showdemoform[type=submit]:hover, .button.showapplyform:hover, .showapplyform#country_selector:hover, .showapplyform#closeCookieMonster:hover, .showapplyform#country_selector_go:hover, .showapplyform.ssologin:hover, .showapplyform.googlelogin:hover, input.showapplyform[type=button]:hover, input.showapplyform[type=submit]:hover, .button.download:hover, .download#country_selector:hover, .download#closeCookieMonster:hover, .download#country_selector_go:hover, .download.ssologin:hover, .download.googlelogin:hover, input.download[type=button]:hover, input.download[type=submit]:hover {
  background-color: #fb9b0e !important;
  border-color: #fb9b0e !important;
}
.button.loadmore, .loadmore#country_selector, .loadmore#closeCookieMonster, .loadmore#country_selector_go, .loadmore.ssologin, .loadmore.googlelogin, input.loadmore[type=button], input.loadmore[type=submit] {
  background-color: transparent !important;
  border-color: #000 !important;
  color: #000 !important;
  padding: 11px 12px;
}
.button.loadmore:hover, .loadmore#country_selector:hover, .loadmore#closeCookieMonster:hover, .loadmore#country_selector_go:hover, .loadmore.ssologin:hover, .loadmore.googlelogin:hover, input.loadmore[type=button]:hover, input.loadmore[type=submit]:hover {
  background-color: #219db3 !important;
  border-color: #219db3 !important;
  color: #fff !important;
}
.button.login, .login#country_selector, .login#closeCookieMonster, .login#country_selector_go, .login.ssologin, .login.googlelogin, input.login[type=button], input.login[type=submit] {
  background-color: transparent;
  border-color: #2EBFD9 !important;
  color: #fff !important;
}
@media screen and (max-width: 740px) {
  .button.login, .login#country_selector, .login#closeCookieMonster, .login#country_selector_go, .login.ssologin, .login.googlelogin, input.login[type=button], input.login[type=submit] {
    background-color: #2EBFD9 !important;
  }
}
.button.login:hover, .login#country_selector:hover, .login#closeCookieMonster:hover, .login#country_selector_go:hover, .login.ssologin:hover, .login.googlelogin:hover, input.login[type=button]:hover, input.login[type=submit]:hover {
  background-color: #219db3 !important;
  border-color: #219db3 !important;
}
.button.small, .small#country_selector, .small#closeCookieMonster, .small#country_selector_go, .small.ssologin, .small.googlelogin, input.small[type=button], input.small[type=submit] {
  background-color: #2EBFD9 !important;
  border-color: #2EBFD9 !important;
  color: #fff !important;
  padding: 11px 12px;
}
.button.small:hover, .small#country_selector:hover, .small#closeCookieMonster:hover, .small#country_selector_go:hover, .small.ssologin:hover, .small.googlelogin:hover, input.small[type=button]:hover, input.small[type=submit]:hover {
  background-color: #219db3 !important;
  border-color: #219db3 !important;
}
.button.hero, .hero#country_selector, .hero#closeCookieMonster, .hero#country_selector_go, .hero.ssologin, .hero.googlelogin, input.hero[type=button], input.hero[type=submit] {
  padding: 11px 12px;
}
.button.viewall, .viewall#country_selector, .viewall#closeCookieMonster, .viewall#country_selector_go, .viewall.ssologin, .viewall.googlelogin, input.viewall[type=button], input.viewall[type=submit] {
  padding: 4px 8px 3px 8px;
  display: inline-block;
  border-color: #666;
  color: #666;
  font-size: 0.8em;
}
@media (min-width: 741px) {
  .button.viewall, .viewall#country_selector, .viewall#closeCookieMonster, .viewall#country_selector_go, .viewall.ssologin, .viewall.googlelogin, input.viewall[type=button], input.viewall[type=submit] {
    float: right;
    margin-top: 3px;
  }
}
.button.download_inline, .download_inline#country_selector, .download_inline#closeCookieMonster, .download_inline#country_selector_go, .download_inline.ssologin, .download_inline.googlelogin, input.download_inline[type=button], input.download_inline[type=submit] {
  padding: 11px 18px;
  background: transparent;
  display: inline-block;
  border-color: #666;
  color: #666;
  font-size: 0.8em;
}
@media (min-width: 741px) {
  .button.download_inline, .download_inline#country_selector, .download_inline#closeCookieMonster, .download_inline#country_selector_go, .download_inline.ssologin, .download_inline.googlelogin, input.download_inline[type=button], input.download_inline[type=submit] {
    margin-top: 3px;
  }
}
a.learnmore {
  padding: 0px 0px 12px 0px;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2.4px;
  line-height: 10px;
  font-size: 12px;
  color: #FCB040;
  position: relative;
  cursor: pointer;
  /*
  		&:before {
  			content: " ";
  			width: 100%;
  			height: 4px;
  			display: block;
  			background-color: #e3e3e3;
  			position: absolute;
  			top: 0px;
  			left: auto;
  			border-radius: 20px;
  		}
  */
}
a.learnmore .icon, a.learnmore .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child a.learnmore .thisicon {
  vertical-align: middle;
}
a.learnmoresimple {
  padding: 4px 0px 12px 0px;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2.4px;
  line-height: 10px;
  font-size: 12px;
  color: #FCB040;
  position: relative;
  cursor: pointer;
}
a.learnmoresimple .icon, a.learnmoresimple .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child a.learnmoresimple .thisicon {
  vertical-align: middle;
}

input {
  outline: none;
}
input::placeholder {
  color: #ccc;
}
input[type=text], input[type=email], input[type=name], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=file] {
  min-width: 200px;
  display: inline-block;
}
@media screen and (min-width: 741px) {
  input[type=text], input[type=email], input[type=name], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=file] {
    width: 72.5%;
    padding-left: 1.25%;
    padding-right: 1.25%;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 740px) {
  input[type=text], input[type=email], input[type=name], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=file] {
    width: 72.5%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
input[type=text]:-webkit-autofill, input[type=text]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus input[type=text]:-webkit-autofill, input[type=email]:-webkit-autofill, input[type=email]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus input[type=email]:-webkit-autofill, input[type=name]:-webkit-autofill, input[type=name]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus input[type=name]:-webkit-autofill, input[type=password]:-webkit-autofill, input[type=password]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus input[type=password]:-webkit-autofill, input[type=url]:-webkit-autofill, input[type=url]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus input[type=url]:-webkit-autofill, input[type=number]:-webkit-autofill, input[type=number]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus input[type=number]:-webkit-autofill, input[type=tel]:-webkit-autofill, input[type=tel]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus input[type=tel]:-webkit-autofill, input[type=file]:-webkit-autofill, input[type=file]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus input[type=file]:-webkit-autofill, input[type=email]:-webkit-autofill:focus input[type=text]:-webkit-autofill, input[type=email]:-webkit-autofill:focus input[type=email]:-webkit-autofill, input[type=email]:-webkit-autofill:focus input[type=name]:-webkit-autofill, input[type=email]:-webkit-autofill:focus input[type=password]:-webkit-autofill, input[type=email]:-webkit-autofill:focus input[type=url]:-webkit-autofill, input[type=email]:-webkit-autofill:focus input[type=number]:-webkit-autofill, input[type=email]:-webkit-autofill:focus input[type=tel]:-webkit-autofill, input[type=email]:-webkit-autofill:focus input[type=file]:-webkit-autofill, input[type=name]:-webkit-autofill:focus input[type=text]:-webkit-autofill, input[type=name]:-webkit-autofill:focus input[type=email]:-webkit-autofill, input[type=name]:-webkit-autofill:focus input[type=name]:-webkit-autofill, input[type=name]:-webkit-autofill:focus input[type=password]:-webkit-autofill, input[type=name]:-webkit-autofill:focus input[type=url]:-webkit-autofill, input[type=name]:-webkit-autofill:focus input[type=number]:-webkit-autofill, input[type=name]:-webkit-autofill:focus input[type=tel]:-webkit-autofill, input[type=name]:-webkit-autofill:focus input[type=file]:-webkit-autofill, input[type=password]:-webkit-autofill:focus input[type=text]:-webkit-autofill, input[type=password]:-webkit-autofill:focus input[type=email]:-webkit-autofill, input[type=password]:-webkit-autofill:focus input[type=name]:-webkit-autofill, input[type=password]:-webkit-autofill:focus input[type=password]:-webkit-autofill, input[type=password]:-webkit-autofill:focus input[type=url]:-webkit-autofill, input[type=password]:-webkit-autofill:focus input[type=number]:-webkit-autofill, input[type=password]:-webkit-autofill:focus input[type=tel]:-webkit-autofill, input[type=password]:-webkit-autofill:focus input[type=file]:-webkit-autofill, input[type=url]:-webkit-autofill:focus input[type=text]:-webkit-autofill, input[type=url]:-webkit-autofill:focus input[type=email]:-webkit-autofill, input[type=url]:-webkit-autofill:focus input[type=name]:-webkit-autofill, input[type=url]:-webkit-autofill:focus input[type=password]:-webkit-autofill, input[type=url]:-webkit-autofill:focus input[type=url]:-webkit-autofill, input[type=url]:-webkit-autofill:focus input[type=number]:-webkit-autofill, input[type=url]:-webkit-autofill:focus input[type=tel]:-webkit-autofill, input[type=url]:-webkit-autofill:focus input[type=file]:-webkit-autofill, input[type=number]:-webkit-autofill:focus input[type=text]:-webkit-autofill, input[type=number]:-webkit-autofill:focus input[type=email]:-webkit-autofill, input[type=number]:-webkit-autofill:focus input[type=name]:-webkit-autofill, input[type=number]:-webkit-autofill:focus input[type=password]:-webkit-autofill, input[type=number]:-webkit-autofill:focus input[type=url]:-webkit-autofill, input[type=number]:-webkit-autofill:focus input[type=number]:-webkit-autofill, input[type=number]:-webkit-autofill:focus input[type=tel]:-webkit-autofill, input[type=number]:-webkit-autofill:focus input[type=file]:-webkit-autofill, input[type=tel]:-webkit-autofill:focus input[type=text]:-webkit-autofill, input[type=tel]:-webkit-autofill:focus input[type=email]:-webkit-autofill, input[type=tel]:-webkit-autofill:focus input[type=name]:-webkit-autofill, input[type=tel]:-webkit-autofill:focus input[type=password]:-webkit-autofill, input[type=tel]:-webkit-autofill:focus input[type=url]:-webkit-autofill, input[type=tel]:-webkit-autofill:focus input[type=number]:-webkit-autofill, input[type=tel]:-webkit-autofill:focus input[type=tel]:-webkit-autofill, input[type=tel]:-webkit-autofill:focus input[type=file]:-webkit-autofill, input[type=file]:-webkit-autofill:focus input[type=text]:-webkit-autofill, input[type=file]:-webkit-autofill:focus input[type=email]:-webkit-autofill, input[type=file]:-webkit-autofill:focus input[type=name]:-webkit-autofill, input[type=file]:-webkit-autofill:focus input[type=password]:-webkit-autofill, input[type=file]:-webkit-autofill:focus input[type=url]:-webkit-autofill, input[type=file]:-webkit-autofill:focus input[type=number]:-webkit-autofill, input[type=file]:-webkit-autofill:focus input[type=tel]:-webkit-autofill, input[type=file]:-webkit-autofill:focus input[type=file]:-webkit-autofill {
  -webkit-text-fill-color: #999;
  transition: background-color 5000s ease-in-out 0s;
}
input[type=tel] {
  width: 100%;
}
input[type=button], input[type=submit] {
  margin-top: 24px;
  width: auto;
  -webkit-appearance: none;
  background-color: #2EBFD9;
  border-color: #2EBFD9;
}
input[type=button].hero, input[type=submit].hero {
  background-color: #FCB040;
  border-color: #FCB040;
  padding: 13px 16px;
}
input[type=button].hero:hover, input[type=submit].hero:hover {
  background-color: #fb9b0e;
  border-color: #fb9b0e;
}
input[type=button].tricky, input[type=submit].tricky {
  padding: 13px 16px;
  position: absolute;
  top: -16px;
  right: 0px;
  border: none;
}
input[type=file] {
  padding-bottom: 15px;
  letter-spacing: normal;
  opacity: 1;
  position: relative;
}
input[type=file]::-webkit-file-upload-button {
  visibility: hidden;
}
input[type=file]:before {
  width: 100%;
  background-color: #999;
  height: 1px;
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0px;
  opacity: 1;
  z-index: 100;
}

textarea {
  -webkit-appearance: none;
  outline: none;
  min-width: 200px;
  display: inline-block;
  color: inherit;
}
@media screen and (min-width: 741px) {
  textarea {
    width: 73.125%;
    padding-left: 1.25%;
    padding-right: 1.25%;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 740px) {
  textarea {
    width: 72.5%;
    padding-left: 1.25%;
    padding-right: 1.25%;
  }
}
textarea::placeholder {
  color: #666;
}

select {
  -webkit-appearance: none;
  outline: none;
  min-width: 200px;
  display: inline-block;
  color: #ccc;
  background-position: right center;
  background-image: url("images/down-select-arrow-white.png");
  background-repeat: no-repeat;
  background-size: 24px auto;
}
@media screen and (min-width: 741px) {
  select {
    width: 75%;
    padding-left: 1.25%;
    padding-right: 1.25%;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 740px) {
  select {
    width: 72.5%;
    padding-left: 1.25%;
    padding-right: 1.25%;
  }
}
select:hover {
  color: #333;
}
select::-ms-expand {
  display: none;
  /* hide the default arrow in ie10 and ie11 */
}

.forminput {
  width: 100%;
}
.forminput:active label, .forminput:hover label {
  border-color: #50E3C2;
  color: #fff;
}
.forminput:active input, .forminput:active textarea, .forminput:active select, .forminput:hover input, .forminput:hover textarea, .forminput:hover select {
  border-color: #50E3C2;
}
.forminput:active input::placeholder, .forminput:active textarea::placeholder, .forminput:active select::placeholder, .forminput:hover input::placeholder, .forminput:hover textarea::placeholder, .forminput:hover select::placeholder {
  color: #50E3C2;
}
@media screen and (min-width: 741px) {
  .forminput.linear {
    display: block !important;
    width: auto !important;
  }
}
.forminput.linear p {
  font-size: 13px !important;
}
.forminput.linear a {
  color: #FCB040;
  font-weight: bold;
}

/*
.applyinput {
  width: 100%;
  position: relative;

  label {
    border-bottom-width: 1px;
    border-color: #999;
  }

  input {
    border-color: #999;
    border-bottom-width: 1px;
    margin-bottom: 8px;
      &::placeholder {
        color: #999;
      }
    &[type="submit"] {
      border: none;
    }  
  }

  &:active, &:hover {
    label {
      border-color: #333;
    }

    input {
      border-color: #333;
      &::placeholder {
        color: #999;
      }
    }
  }
}
*/
.applyinput {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 741px) {
  .applyinput {
    width: 49%;
    padding-right: 0.5%;
  }
}
.applyinput label {
  border-bottom-width: 1px;
  border-color: #999;
}
.applyinput input {
  border-color: #999;
  border-bottom-width: 1px;
  margin-bottom: 8px;
}
.applyinput input::placeholder {
  color: #999;
}
.applyinput input[type=submit] {
  border: none;
}
.applyinput:active label, .applyinput:hover label {
  border-color: #333;
}
.applyinput:active input, .applyinput:hover input {
  border-color: #333;
}
.applyinput:active input::placeholder, .applyinput:hover input::placeholder {
  color: #999;
}

.downloadinput {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 741px) {
  .downloadinput {
    width: 98%;
    padding-right: 1%;
  }
}
.downloadinput label {
  border-bottom-width: 1px;
  border-color: #999;
  color: #333;
}
.downloadinput input {
  border-color: #999;
  border-bottom-width: 1px;
  margin-bottom: 8px;
}
.downloadinput input::placeholder {
  color: #999;
}
.downloadinput input[type=submit] {
  border: none;
}
.downloadinput:active label, .downloadinput:hover label {
  border-color: #333;
}
.downloadinput:active input, .downloadinput:hover input {
  border-color: #333;
}
.downloadinput:active input::placeholder, .downloadinput:hover input::placeholder {
  color: #999;
}

.mandatory label {
  border-color: #F2695A;
}
.mandatory input {
  border-color: #F2695A;
}
.mandatory input::placeholder {
  color: #F2695A;
}

@media screen and (min-width: 741px) {
  #topcta, #loginbutton, #appbutton {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: fixed;
    top: -48px;
    right: 28px;
    width: auto;
    text-align: right;
    z-index: 999;
  }
}
@media screen and (max-width: 740px) {
  #topcta, #loginbutton, #appbutton {
    transition: all 1s;
    -webkit-transition: all 1s;
    position: fixed;
    top: -48px;
    right: 10px;
    width: auto;
    text-align: right;
    z-index: 999;
  }
}

@media screen and (min-width: 741px) {
  .burger {
    display: none;
  }
}
@media screen and (max-width: 740px) {
  .burger {
    position: fixed;
    top: 10px;
    left: 10px;
    text-align: right;
    z-index: 999;
    background-color: #121212;
    width: 44px;
    height: 44px;
    display: block;
  }
}
.burger.passive .burgericon {
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  background-image: url("images/ham-mnu-ico@3x.png");
  background-position: center center;
  background-size: 22px 22px;
}
.burger.active {
  background-color: transparent !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.burger.active:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.burger.active .burgericon {
  background-position: -18px -1618px;
  background-image: url("images/icon-sprite@2x.png");
  background-repeat: no-repeat;
  background-size: 720px auto;
  width: 44px;
  height: 44px;
}

#hidetopmenu, #hideblogmenu {
  display: none;
}
#hidetopmenu .closewhite, #hideblogmenu .closewhite {
  background-position: -18px -1618px;
  width: 44px;
  height: 44px;
}

@media screen and (min-width: 741px) {
  #loginbutton, #appbutton {
    top: 14px;
  }
}
@media screen and (max-width: 740px) {
  #loginbutton, #appbutton {
    top: 10px;
  }
}

.googlelogin {
  background-image: url("images/signin-google-logo.png");
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: 14px center;
  background-color: #e3e3e3;
  border-color: #ffff;
  color: #545454 !important;
  width: calc(100% - 102px);
  text-align: center;
}
.googlelogin:hover {
  background-color: #fff;
}
@media screen and (min-width: 741px) {
  .googlelogin {
    padding-left: 64px !important;
  }
}
@media screen and (max-width: 740px) {
  .googlelogin {
    width: auto;
    padding-left: 34px !important;
    background-position: 2px center;
    width: calc(100% - 52px);
  }
}

.ssologin {
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: 14px center;
  background-color: #e3e3e3 !important;
  border-color: #ffff !important;
  color: #545454 !important;
  width: 100% !important;
}
.ssologin:hover {
  background-color: #fff;
}
@media screen and (max-width: 740px) {
  .ssologin {
    width: auto;
    padding-left: 34px;
    background-position: 2px center;
    width: calc(100% - 52px);
  }
}

#closeCookieMonster, #country_selector_go {
  padding: 12px 18px;
  text-decoration: none !important;
  border-color: #2EBFD9;
  background-color: #2EBFD9;
  color: #fff;
  text-align: center;
}

#country_selector {
  padding: 12px 30px 12px 12px;
  text-decoration: none !important;
  border-color: #c7c7c7;
  background-color: #c7c7c7;
  color: #000;
  font-weight: normal;
  text-transform: capitalize;
  letter-spacing: normal;
  width: auto;
  min-width: auto;
  display: inline;
  margin-bottom: 0px;
}

@media screen and (min-width: 741px) {
  .topic {
    position: fixed;
    top: 10px;
    right: 150px;
    text-align: right;
    z-index: 899;
    width: 44px;
    height: 44px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
  }
}
@media screen and (max-width: 740px) {
  .topic {
    position: fixed;
    top: 10px;
    left: 56px;
    text-align: right;
    z-index: 999;
    width: 44px;
    height: 44px;
    background-color: #121212;
  }
}
.topic.passive .topicicon {
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  background-image: url("images/search-icon.png");
  background-position: center center;
  background-size: 22px 22px;
}
.topic.active {
  background-color: transparent !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.topic.active:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.topic.active .topicicon {
  background-position: -18px -1618px;
  background-image: url("images/icon-sprite@2x.png");
  background-repeat: no-repeat;
  background-size: 720px auto;
  width: 44px;
  height: 44px;
}

@-moz-document url-prefix() {
  select {
    padding-bottom: 17px !important;
  }

  input[type=file] {
    padding-bottom: 14px;
  }
}
#scrollLoadTrigger {
  padding: 48px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border-width: 4px;
  border-style: solid;
  border-color: #54BBBB #54BBBB #54BBBB transparent;
  margin: 0 auto;
  animation: spin 2s linear infinite;
}

@media screen and (min-width: 741px) {
  .formcontent.login {
    width: 44%;
    float: left;
    position: relative;
  }
  .formcontent.login:first-child {
    border-right: 1px solid #666;
    padding-right: 5%;
  }
  .formcontent.login:nth-child(2) {
    padding-left: 5%;
    padding-top: 30px;
  }
  .formcontent.login .andor {
    width: 38px;
    height: 20px;
    text-align: center;
    position: absolute;
    left: -19px;
    top: 45%;
    border-radius: 100%;
    background-color: #483860;
    color: #fff;
    border: 1px solid #e3e3e3;
    padding: 9px 0px;
    display: block;
  }
  .formcontent.login .forminput {
    width: 100% !important;
  }
}
@media screen and (max-width: 740px) {
  .formcontent.login .andor {
    display: none;
  }
}

body {
  padding: 0;
  margin: 0;
  font-family: "Gotham", "Verdana", sans-serif;
  width: auto;
  background-color: #fff;
  color: #545454;
}
@media screen and (min-width: 741px) {
  body {
    min-width: 980px;
  }
}
@media screen and (min-width: 1025px) {
  body {
    font-size: 16px;
  }
}
@media screen and (min-width: 741px) and (max-width: 1024px) {
  body {
    min-width: 980px;
    font-size: 14.4px;
  }
}
@media screen and (max-width: 740px) {
  body {
    font-size: 14.4px;
  }
}
p:empty {
  display: none !important;
}

noscript > div {
  padding: 24px 24px;
  margin-top: 60px;
  background-color: rgba(12, 12, 12, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.4em;
  font-size: 10px;
  text-align: center;
  border-top: 1px solid red;
  color: #fff;
}
noscript > div p {
  max-width: 800px;
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 741px) {
  .floating-notifications {
    position: fixed;
    right: 30px;
    top: 80px;
    z-index: 999;
  }
}
@media screen and (max-width: 740px) {
  .floating-notifications {
    position: fixed;
    right: 18px;
    bottom: 20px;
    z-index: 999;
  }
}

.cookieMonster, .selectLocation {
  background-color: #f3f3f3;
  font-size: 13px;
  width: 240px;
  z-index: 898;
  text-align: left;
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 12px;
  box-shadow: 0px 12px 48px rgba(0, 0, 0, 0.2);
  position: relative;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.cookieMonster .closeorange, .selectLocation .closeorange {
  position: absolute;
  right: -12px;
  top: -12px;
  z-index: 1000;
  background: url("images/controls.png") no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background-color: #FCB040;
  border-radius: 100px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.cookieMonster .closeorange:hover, .selectLocation .closeorange:hover {
  transform: rotate(90deg);
}
.cookieMonster a, .selectLocation a {
  text-decoration: underline;
  font-weight: bold;
}
.cookieMonster p, .selectLocation p {
  padding: 6px;
  margin: 0;
}

.cookieMonster {
  display: none;
}

@media screen and (max-width: 740px) {
  .nomobile {
    display: none !important;
  }
  .nomobile img {
    display: none !important;
  }
}

@media screen and (min-width: 741px) {
  .nopc {
    display: none !important;
  }
  .nopc img {
    display: none !important;
  }
}

.hidden, .onlyprint {
  display: none !important;
}

.error_container {
  width: auto;
}
.error_container .wrapper {
  width: 600px;
}
.error_container .bannercontent {
  text-align: center;
  border: 1px solid #ff6666;
  background-color: #ff6666;
  margin: 48px 0px;
}
.error_container .error {
  color: #fff !important;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.4em;
}

a {
  outline: none;
  color: inherit;
  text-decoration: none;
}
.clear {
  clear: both;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Gotham", "Helvetica Neue", "Verdana", sans-serif;
}
h1.light, h2.light, h3.light, h4.light, h5.light, h6.light {
  font-weight: normal;
}

small {
  font-size: 0.8em;
  line-height: normal;
  color: #878787;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0px 0px;
  padding: 12px 0px;
}

li {
  line-height: 1.6em;
}

p {
  line-height: 24px;
}
p.fineprint {
  line-height: 14px;
  font-size: 11.2px;
}
p.fineprint a {
  color: #54BBBB;
  text-decoration: underline;
}

h4 {
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 740px) {
  h4 {
    font-size: 14.4px;
  }
}

.container {
  width: 100%;
  height: auto;
}

.fineprint {
  font-size: 11.2px !important;
  padding-top: 24px;
}

.wrapper {
  max-width: 1280px;
  margin: 0px auto;
  width: 100%;
}

#canvascover {
  z-index: 900;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  right: -100%;
  background-color: rgba(38, 46, 89, 0.8);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
@media screen and (min-width: 741px) {
  #canvascover {
    -webkit-backdrop-filter: saturate(100%) blur(6px);
    backdrop-filter: saturate(100%) blur(6px);
  }
}
#canvascover.active {
  right: 0%;
}

#canvascoverwhite {
  z-index: 999;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -120vw;
  background-color: rgba(255, 255, 255, 0.7);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
@media screen and (min-width: 741px) {
  #canvascoverwhite {
    -webkit-backdrop-filter: saturate(100%) blur(6px);
    backdrop-filter: saturate(100%) blur(6px);
  }
}
#canvascoverwhite.active {
  right: 0vw;
}

#pagecontent {
  /*
  	float: right; 
  	position: relative;
  	// Needed for sidebar
  */
}

@keyframes floating {
  0% {
    transform: translate(0, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(15px, 15px) rotate(3deg) scale(1.1);
  }
  100% {
    transform: translate(0, 0px) rotate(0deg) scale(1);
  }
}
.four_o_four a {
  color: #54BBBB;
  font-weight: bold;
}
.four_o_four .wrapper {
  max-width: 980px;
  width: 100%;
}
@media screen and (max-width: 740px) {
  .four_o_four .wrapper {
    margin-top: 100px;
    overflow: hidden;
  }
}
.four_o_four .wrapper h1, .four_o_four .wrapper h4, .four_o_four .wrapper p {
  padding: 12px 0px 12px 12px;
}
.four_o_four .wrapper h1 {
  color: #54BBBB;
}
.four_o_four .wrapper .half {
  float: left;
  width: 50%;
  min-height: 280px;
}
.four_o_four .wrapper .half h4 {
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.8em;
}
.four_o_four .wrapper .message {
  padding-top: 30%;
  text-align: right;
}
.four_o_four .wrapper .message img {
  animation-name: floating;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@media screen and (min-width: 741px) {
  .four_o_four .wrapper .message img {
    width: 320px;
    margin-left: 30px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 740px) {
  .four_o_four .wrapper .message img {
    width: 100%;
    margin-left: 0px;
    margin-top: 10px;
  }
}
.four_o_four .wrapper .message p {
  padding-left: 40%;
}
.four_o_four .wrapper .line {
  padding-top: 30%;
}

@media screen and (min-width: 741px) {
  .centralscreenshots {
    width: auto;
    min-height: 720px;
    background-image: url("images/laptop_dots_screenshots.png");
    background-position: center center;
    background-size: auto 960px;
    background-repeat: no-repeat;
    position: relative;
  }
  .centralscreenshots .holder {
    position: absolute;
    top: 25.5%;
    left: 50%;
    margin-left: -323px;
  }
  .centralscreenshots .screen_slider {
    width: auto;
    height: auto;
    width: 647px;
  }
  .centralscreenshots .screen_slider .slick-dots {
    bottom: -120px;
  }
  .centralscreenshots .screen_slider .box {
    width: 647px;
    height: auto;
    position: static;
  }
  .centralscreenshots .screen_slider .box img {
    width: 647px;
    height: auto;
  }
}
@media screen and (max-width: 740px) {
  .centralscreenshots {
    display: none;
  }
}

.ticker {
  width: auto;
}
.ticker .wrapper {
  width: auto;
  max-width: 1024px;
  text-align: center;
  padding: 0px 0px;
}
.ticker .wrapper .icon, .ticker .wrapper .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child .ticker .wrapper .thisicon {
  display: inline-block;
  vertical-align: middle;
}
.ticker a:hover {
  text-decoration: underline;
}
.ticker.dark {
  color: #fff;
}
.ticker.light {
  color: #545454;
}

.subscribe {
  background-color: #dde6ec;
  padding: 64px 0px;
}
.subscribe .half {
  width: 49.5%;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}
.subscribe .half p {
  max-width: 300px;
}
.subscribe .third {
  display: inline-block;
  vertical-align: middle;
  height: auto;
  width: 33%;
}
.subscribe .third.two {
  width: 66.3333333333%;
}
.subscribe .wrapper {
  max-width: 960px;
}
.subscribe form > div {
  display: inline-block;
  padding-right: 12px;
}

@media screen and (min-width: 741px) {
  #sidemenu {
    float: left;
    background-color: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    font-weight: bold;
    width: 80px;
    z-index: 900;
  }
  #sidemenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 910;
    background-color: #fff;
    box-shadow: inset -1px 0px 6px rgba(0, 0, 0, 0.2);
    height: inherit;
  }
  #sidemenu ul li {
    width: auto;
    height: auto;
    text-align: center;
    margin-bottom: 0px;
    line-height: normal;
  }
  #sidemenu ul li a {
    display: block;
    cursor: pointer;
    outline: none;
  }
  #sidemenu ul li a.active, #sidemenu ul li a:hover {
    color: #008BEC;
  }
  #sidemenu ul li a.active .icon.products, #sidemenu ul li a.active .repeatblocks.colorslide .imagetextblock .half:first-child .products.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #sidemenu ul li a.active .products.thisicon, #sidemenu ul li a:hover .icon.products, #sidemenu ul li a:hover .repeatblocks.colorslide .imagetextblock .half:first-child .products.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #sidemenu ul li a:hover .products.thisicon {
    background-position: -160px -1760px;
  }
  #sidemenu ul li a.active .icon.technology, #sidemenu ul li a.active .repeatblocks.colorslide .imagetextblock .half:first-child .technology.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #sidemenu ul li a.active .technology.thisicon, #sidemenu ul li a:hover .icon.technology, #sidemenu ul li a:hover .repeatblocks.colorslide .imagetextblock .half:first-child .technology.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #sidemenu ul li a:hover .technology.thisicon {
    background-position: -160px -1840px;
  }
  #sidemenu ul li a.active .icon.blog, #sidemenu ul li a.active .repeatblocks.colorslide .imagetextblock .half:first-child .blog.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #sidemenu ul li a.active .blog.thisicon, #sidemenu ul li a:hover .icon.blog, #sidemenu ul li a:hover .repeatblocks.colorslide .imagetextblock .half:first-child .blog.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #sidemenu ul li a:hover .blog.thisicon {
    background-position: -160px -1920px;
  }
  #sidemenu ul li a.active .icon.company, #sidemenu ul li a.active .repeatblocks.colorslide .imagetextblock .half:first-child .company.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #sidemenu ul li a.active .company.thisicon, #sidemenu ul li a:hover .icon.company, #sidemenu ul li a:hover .repeatblocks.colorslide .imagetextblock .half:first-child .company.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #sidemenu ul li a:hover .company.thisicon {
    background-position: -160px -2000px;
  }
  #sidemenu ul li a .icon, #sidemenu ul li a .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #sidemenu ul li a .thisicon {
    vertical-align: middle;
    margin-bottom: 0px;
    z-index: 80;
  }
  #sidemenu ul li a span {
    font-weight: bold;
    font-size: 9px;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding-bottom: 24px;
    margin: -16px 4px 0px 4px;
    border-bottom: 1px solid #9B9B9B;
    z-index: 70;
  }
  #sidemenu ul li > ul {
    display: block;
    position: fixed;
    top: 35px;
    left: -400px;
    width: 320px;
    height: auto;
    background-color: #fff;
    font-size: 14px;
    color: #000;
    z-index: -1;
    font-weight: normal;
    padding: 0px 0px;
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3);
  }
  #sidemenu ul li > ul.active {
    display: block;
    top: 34px;
    left: 80px;
  }
  #sidemenu ul li > ul li {
    text-align: left;
    position: relative;
    border-bottom: 1px solid #9B9B9B;
    clear: both;
  }
  #sidemenu ul li > ul li:last-child {
    border-bottom: none;
  }
  #sidemenu ul li > ul li .icon, #sidemenu ul li > ul li .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #sidemenu ul li > ul li .thisicon {
    float: right;
    margin: 10px;
  }
  #sidemenu ul li > ul li.active > a {
    color: #008BEC;
  }
  #sidemenu ul li > ul li > ul {
    position: relative;
    top: 0px;
    left: 0px;
    height: auto;
    font-size: 12px;
    color: #000;
    display: none;
    font-weight: normal;
    z-index: 1;
    box-shadow: none;
  }
  #sidemenu ul li > ul li > ul li {
    border-top: 1px solid #dbdbdb;
    border-bottom: none;
  }
  #sidemenu ul li > ul li > ul li a, #sidemenu ul li > ul li > ul li span {
    cursor: pointer;
    outline: none;
  }
  #sidemenu ul li > ul li a, #sidemenu ul li > ul li span {
    border-bottom: none;
  }
  #sidemenu ul li > ul li a {
    padding: 24px 0px 24px 24px;
    width: 70%;
    display: inline-block;
  }
  #sidemenu ul li > ul li span {
    padding: 24px 12px;
    z-index: 920;
    position: relative;
    cursor: pointer;
    outline: none;
    width: 70%;
    display: inline-block;
  }
  #sidemenu ul li > ul li.header {
    color: #000;
    font-size: 14px;
  }
  #sidemenu ul li > ul li.header span {
    display: block;
  }
}
@media screen and (max-width: 740px) {
  #sidemenu nav ul {
    padding: 0;
    margin: 0;
  }
  #sidemenu nav ul li span {
    display: none;
  }
  #sidemenu nav ul li > ul {
    display: none;
  }
}

#topmenu_pseudo {
  position: fixed;
  top: 0px;
  left: auto;
  width: 100%;
  height: 60px;
  z-index: 896;
  overflow: hidden;
}
#topmenu_pseudo .thisHover {
  color: #fff;
  font-size: 12px;
  height: 60px;
  width: 80%;
  margin-left: 80px;
  margin-right: 10%;
  position: relative;
}
@media screen and (max-width: 740px) {
  #topmenu_pseudo {
    display: none;
  }
}

@media screen and (min-width: 741px) {
  #topmenu {
    background-color: #121212;
    position: fixed;
    top: 0px;
    left: auto;
    width: 100%;
    min-width: 980px;
    z-index: 898;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -webkit-backdrop-filter: saturate(100%) blur(6px);
    backdrop-filter: saturate(100%) blur(6px);
  }
  #topmenu a:hover {
    color: #fff;
  }
  #topmenu nav {
    font-size: 12px;
    min-height: 60px;
    height: auto;
    width: 80%;
    margin-right: 15%;
    position: relative;
    color: #ccc;
  }
  #topmenu nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
  }
  #topmenu nav ul li {
    display: inline-block;
    float: left;
    position: relative;
    width: auto;
    vertical-align: text-top;
  }
  #topmenu nav ul li > a {
    padding: 22px 24px 22px 24px;
    display: block;
    border-left: 1px solid #444;
    cursor: pointer;
  }
  #topmenu nav ul li > a:hover {
    color: #54BBBB;
  }
  #topmenu nav ul li > p {
    padding: 22px 24px 22px 24px;
    display: block;
    border-left: 1px solid #444;
  }
  #topmenu nav ul li span {
    line-height: 1.2em;
    display: inline-block;
    vertical-align: middle;
    padding-right: 12px;
  }
  #topmenu nav ul li img.icon, #topmenu nav ul li .repeatblocks.colorslide .imagetextblock .half:first-child img.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #topmenu nav ul li img.thisicon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-left: 8px;
    vertical-align: middle;
    opacity: 0.7;
    display: none;
  }
  #topmenu nav ul li:hover span, #topmenu nav ul li:hover img.icon, #topmenu nav ul li:hover .repeatblocks.colorslide .imagetextblock .half:first-child img.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #topmenu nav ul li:hover img.thisicon {
    opacity: 1;
  }
  #topmenu nav ul li .sublinks {
    position: absolute;
    left: 0px;
    top: 62px;
    width: 756px;
    height: auto;
    padding: 8px 18px 18px 0px;
    background-color: #333;
    z-index: 999;
    display: none;
    border-left: 1px solid #444;
  }
  #topmenu nav ul li .sublinks ul {
    padding: 12px 0px;
    min-width: 240px;
    font-size: 1em;
    text-transform: none;
  }
  #topmenu nav ul li .sublinks ul li {
    display: block;
    width: auto;
    display: inline-block;
    min-width: 140px;
    float: none;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: top;
  }
  #topmenu nav ul li .sublinks ul li > a, #topmenu nav ul li .sublinks ul li > p {
    display: block;
    width: auto;
    padding: 6px 0px 6px 0px !important;
    margin-left: 26px;
    margin-right: 0px;
    border-left: none;
  }
  #topmenu nav ul li .sublinks ul li ul {
    display: block;
    padding: 0px 0px 10px 0px;
  }
  #topmenu nav ul li .sublinks ul li ul li {
    display: block;
    float: none;
    font-weight: normal;
    text-transform: capitalize;
  }
  #topmenu nav ul li .sublinks ul li ul li a {
    border: none;
  }
  #topmenu nav ul li .sublinks ul li ul li a.underline {
    font-weight: bold;
    padding: 16px 0px 6px 0px !important;
    text-transform: uppercase;
  }
  #topmenu nav ul li .mainlinks {
    position: absolute;
    left: 0px;
    top: 62px;
    width: 326px;
    height: auto;
    padding: 8px 18px 18px 0px;
    background-color: #333;
    z-index: 999;
    display: none;
    border-left: 1px solid #444;
  }
  #topmenu nav ul li .mainlinks ul {
    padding: 12px 0px;
    min-width: 240px;
    font-size: 1em;
    text-transform: none;
  }
  #topmenu nav ul li .mainlinks ul li {
    display: block;
    width: auto;
    max-width: 168px;
    min-width: 140px;
    float: none;
  }
  #topmenu nav ul li .mainlinks ul li > a {
    display: block;
    width: auto;
    padding: 6px 0px 6px 0px !important;
    margin-left: 26px;
    margin-right: 0px;
    border-left: none;
    cursor: pointer;
  }
  #topmenu nav ul li .mainlinks ul li ul {
    display: none;
  }
  #topmenu nav ul li:hover {
    background-color: #333;
  }
  #topmenu nav ul li:hover .sublinks {
    display: block;
  }
  #topmenu nav ul li:hover .mainlinks {
    display: block;
  }
  #topmenu nav > ul > li:first-child {
    width: 240px;
  }
  #topmenu nav > ul > li:first-child:hover {
    background: transparent;
  }
  #topmenu nav > ul > li:first-child i {
    display: none !important;
  }
  #topmenu nav > ul > li:first-child span {
    display: none !important;
  }
  #topmenu nav > ul > li:first-child a {
    display: block;
    padding: 9px 12px;
    border: none;
  }
  #topmenu nav > ul > li:first-child img.icon, #topmenu nav > ul > li:first-child .repeatblocks.colorslide .imagetextblock .half:first-child img.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #topmenu nav > ul > li:first-child img.thisicon {
    width: 90%;
    height: 44px;
    margin-left: 4px;
    background-image: url("images/dw_logo_white@4x.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    opacity: 1;
    display: block;
  }
  #topmenu.active {
    top: 0 !important;
  }
}
@media screen and (max-width: 740px) {
  #topmenu {
    background-color: #121212;
    position: fixed;
    top: 0px;
    left: -640px;
    width: 100vw;
    z-index: 898;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    overflow: hidden;
    color: #fff;
    box-shadow: 4px 0px 24px rgba(0, 0, 0, 0.5);
  }
  #topmenu nav {
    font-size: 12px;
    height: 100vh;
    width: auto;
    margin: 0;
    position: relative;
    overflow: scroll;
    padding-top: 60px;
  }
  #topmenu nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #topmenu nav ul li {
    display: block;
    width: auto;
    vertical-align: text-top;
    padding: 0px 0px 12px 0px;
    border-bottom: 1px solid #555;
    text-transform: uppercase;
    font-weight: bold;
  }
  #topmenu nav ul li .sublinks ul {
    width: auto;
    padding-bottom: 24px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #topmenu nav ul li .sublinks ul li {
    display: block;
    width: auto;
    text-transform: uppercase;
    padding: 0px;
    border: none;
    font-weight: normal;
  }
  #topmenu nav ul li .sublinks ul li > a, #topmenu nav ul li .sublinks ul li > p {
    display: block;
    width: auto;
    padding: 6px 12px 6px 20px !important;
  }
  #topmenu nav ul li .sublinks ul li ul li {
    text-transform: capitalize;
    font-weight: normal;
  }
  #topmenu nav ul li .sublinks ul li ul li a.underline {
    text-transform: uppercase;
  }
  #topmenu nav ul li .mainlinks ul {
    width: auto;
    padding-bottom: 24px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #topmenu nav ul li .mainlinks ul li {
    display: block;
    width: auto;
    text-transform: capitalize;
    padding: 0px;
    border: none;
    font-weight: normal;
  }
  #topmenu nav ul li .mainlinks ul li > a {
    display: block;
    width: auto;
    padding: 6px 12px 6px 20px !important;
  }
  #topmenu nav ul li .mainlinks ul li ul li {
    text-transform: capitalize;
    font-weight: normal;
  }
  #topmenu nav ul li .mainlinks ul li ul li a.underline {
    text-transform: uppercase;
  }
  #topmenu nav ul li > a {
    padding: 14px 12px 14px 20px;
    display: block;
  }
  #topmenu nav ul li span {
    line-height: 1.2em;
    display: inline-block;
    vertical-align: top;
  }
  #topmenu nav ul li img.icon, #topmenu nav ul li .repeatblocks.colorslide .imagetextblock .half:first-child img.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #topmenu nav ul li img.thisicon {
    display: none;
  }
  #topmenu nav ul li:first-child a {
    display: block;
  }
  #topmenu nav ul li:first-child img.icon, #topmenu nav ul li:first-child .repeatblocks.colorslide .imagetextblock .half:first-child img.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #topmenu nav ul li:first-child img.thisicon {
    width: 100%;
    height: 26px;
    background-image: url("images/dw_logo_white@4x.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    display: block;
  }
  #topmenu nav ul li:hover span, #topmenu nav ul li:hover img.icon, #topmenu nav ul li:hover .repeatblocks.colorslide .imagetextblock .half:first-child img.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #topmenu nav ul li:hover img.thisicon {
    opacity: 1;
  }
}

@media screen and (min-width: 741px) {
  #blogmenu {
    background-color: #121212;
    position: fixed;
    top: -1640px;
    left: auto;
    width: 100%;
    min-width: 980px;
    z-index: 890;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -webkit-backdrop-filter: saturate(100%) blur(6px);
    backdrop-filter: saturate(100%) blur(6px);
    overflow: hidden;
  }
  #blogmenu .borderTop {
    border-top: 1px solid #fff;
  }
  #blogmenu .closetopics {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1000;
  }
  #blogmenu a:hover {
    color: #fff;
  }
  #blogmenu input.search {
    -webkit-appearance: none;
    background: none;
    padding: 4px 0px;
    margin: 0;
    font-size: 2em;
    width: 90%;
    border: none;
    color: #fff;
  }
  #blogmenu input.search::placeholder {
    color: #999;
  }
  #blogmenu h4 {
    text-transform: uppercase;
    font-size: 1em;
    color: #fff;
    padding: 8px 24px 8px 0px;
  }
  #blogmenu nav {
    font-size: 12px;
    min-height: 60px;
    height: auto;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
    margin-bottom: 180px;
    position: relative;
    color: #ccc;
    max-width: 980px;
  }
  #blogmenu nav .listheader {
    width: 25%;
    float: left;
    padding: 18px 0px;
  }
  #blogmenu nav .listlinks {
    width: 75%;
    float: right;
    padding: 18px 0px;
  }
  #blogmenu nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #blogmenu nav ul li {
    display: inline-block;
    width: auto;
    vertical-align: text-top;
  }
  #blogmenu nav ul li > a {
    padding: 8px 24px 8px 0px;
    display: block;
  }
  #blogmenu nav ul li span {
    line-height: 1.2em;
    display: inline-block;
    vertical-align: top;
  }
  #blogmenu nav ul li:hover span, #blogmenu nav ul li:hover img.icon, #blogmenu nav ul li:hover .repeatblocks.colorslide .imagetextblock .half:first-child img.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child #blogmenu nav ul li:hover img.thisicon {
    opacity: 1;
  }
  #blogmenu.active {
    top: 0 !important;
  }
}
@media screen and (max-width: 740px) {
  #blogmenu {
    background-color: #121212;
    position: fixed;
    top: 0px;
    left: -640px;
    width: 100vw;
    z-index: 898;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    overflow: hidden;
    overflow-y: scroll;
    color: #fff;
    box-shadow: 4px 0px 24px rgba(0, 0, 0, 0.5);
    min-height: 100vh;
    height: 100vh;
  }
  #blogmenu .borderTop {
    border-top: 1px solid #999;
    margin-bottom: 12px;
  }
  #blogmenu nav {
    font-size: 12px;
    height: auto;
    width: auto;
    margin: 0;
    position: relative;
    padding-top: 50px;
  }
  #blogmenu nav h4 {
    padding: 14px 12px 14px 20px;
    display: block;
    text-transform: uppercase;
    font-size: 1em;
    color: #fff;
  }
  #blogmenu nav input.search {
    -webkit-appearance: none;
    background: none;
    padding: 4px 0px 4px 20px;
    margin: 0;
    font-size: 2em;
    width: 90%;
    border: none;
    color: #fff;
  }
  #blogmenu nav input.search::placeholder {
    color: #999;
  }
  #blogmenu nav ul {
    list-style: none;
    padding: 0 0 0 8px;
    margin: 0;
    line-height: 1em;
  }
  #blogmenu nav ul li {
    display: block;
    width: auto;
    vertical-align: text-top;
  }
  #blogmenu nav ul li > a {
    padding: 8px 12px;
    display: block;
  }
  #blogmenu nav ul li span {
    line-height: 1.2em;
    display: inline-block;
    vertical-align: top;
  }
}

.formpopup {
  background-color: transparent;
  background-image: linear-gradient(-180deg, #524269 0%, #4A4068 0%, #423E66 47%, #2D3863 100%);
  position: fixed;
  z-index: 1000;
  right: -100vw;
  top: 0;
  left: auto;
  opacity: 1;
  color: #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
@media screen and (min-width: 741px) {
  .formpopup {
    height: 400px;
    width: 80%;
    box-shadow: -12px 12px 48px rgba(0, 0, 0, 0.4);
  }
}
@media screen and (max-width: 740px) {
  .formpopup {
    width: 100%;
    box-shadow: none;
  }
}
.formpopup.active {
  right: 0;
}
.formpopup .wrapper {
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 741px) {
  .formpopup .wrapper {
    width: 80%;
    max-width: 920px;
    top: 20%;
  }
}
@media screen and (max-width: 740px) {
  .formpopup .wrapper {
    padding: 0 24px;
    width: auto;
    top: 14px;
  }
}
.formpopup .wrapper .formcontent h4 {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 3.6px;
}
.formpopup .wrapper .formcontent h2 {
  font-size: 48px;
}
.formpopup .wrapper .formcontent p {
  font-size: 16px;
}
.formpopup .wrapper .formcontent form .forminput {
  font-size: 0px;
  display: inline-block;
}
@media screen and (min-width: 741px) {
  .formpopup .wrapper .formcontent form .forminput {
    width: 49%;
    padding-right: 0.5%;
  }
}
.formpopup .wrapper .formcontent form .forminput.fullwidth {
  width: 99.5%;
}
.formpopup .wrapper .formcontent form .forminput.fullwidth label {
  vertical-align: bottom;
}
.formpopup .wrapper .formcontent form .forminput.fullwidth textarea {
  padding-right: 0.25% !important;
  margin-bottom: 0 !important;
  vertical-align: bottom;
}
.formpopup .error {
  padding: 24px 36px 24px 60px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 16px;
  border-radius: 100px;
  display: inline-block;
  position: relative;
  font-size: 12.8px;
}
@media screen and (min-width: 741px) {
  .formpopup .error {
    padding: 24px 36px 24px 60px;
    margin: 24px 0;
  }
  .formpopup .error:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    left: 22px;
    top: 22px;
    background-color: #F2695A;
  }
}
@media screen and (max-width: 740px) {
  .formpopup .error {
    padding: 12px 18px 12px 40px;
    margin: 12px 0;
  }
  .formpopup .error:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 20px;
    position: absolute;
    left: 11px;
    top: 11px;
    background-color: #F2695A;
  }
}
.formpopup input {
  color: #fff;
}
@media screen and (min-width: 741px) {
  .formpopup .closewhite {
    position: absolute;
    right: 7%;
    top: 64px;
    z-index: 1000;
  }
}
@media screen and (max-width: 740px) {
  .formpopup .closewhite {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1000;
  }
}

#loginform:target, #demoform:target {
  width: 100vw;
}

@media screen and (min-width: 741px) {
  .downloadform {
    background-color: transparent;
    position: fixed;
    z-index: 1000;
    right: auto;
    top: 30vh;
    left: 150vw;
    width: 580px;
    opacity: 1;
    color: #545454;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
  }
  .downloadform .closeorange {
    position: absolute;
    right: -12px;
    top: -12px;
    z-index: 1000;
    background: url("images/controls.png") no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background-color: #FCB040;
    border-radius: 100px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
  }
  .downloadform .closeorange:hover {
    transform: rotate(90deg);
  }
  .downloadform h4, .downloadform p {
    padding: 12px 18px 0px 0px;
  }
  .downloadform p {
    font-size: 12px;
    line-height: 1.6em;
  }
  .downloadform .banner {
    width: 35%;
    height: 280px;
    overflow: hidden;
    border-radius: 12px 0px 0px 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 18px 0px;
    float: left;
    box-shadow: 0px 8px 36px rgba(0, 0, 0, 0.5);
  }
  .downloadform .banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .downloadform .dform {
    border-radius: 12px;
    background-color: #fff;
    width: calc(65% - 36px);
    min-height: 300px;
    height: auto;
    float: right;
    box-shadow: 0px 12px 48px rgba(0, 0, 0, 0.5);
    padding: 6px 18px;
  }
  .downloadform.active {
    left: calc(50vw - 290px);
  }
}
@media screen and (max-width: 740px) {
  .downloadform {
    background-color: transparent;
    position: fixed;
    z-index: 1000;
    right: auto;
    bottom: -150vh;
    left: auto;
    width: 100%;
    opacity: 1;
    color: #545454;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
  }
  .downloadform .closeorange {
    position: absolute;
    right: 0px;
    top: -12px;
    z-index: 1000;
    background: url("images/controls.png") no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background-color: #FCB040;
    border-radius: 100px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
  }
  .downloadform .closeorange:hover {
    transform: rotate(90deg);
  }
  .downloadform h4, .downloadform p {
    padding: 12px 18px 0px 0px;
  }
  .downloadform p {
    font-size: 12px;
    line-height: 1.6em;
  }
  .downloadform .banner {
    width: calc(100% - 24px);
    height: 180px;
    overflow: hidden;
    border-radius: 12px 12px 0px 0px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px 12px;
    box-shadow: 0px 8px 36px rgba(0, 0, 0, 0.5);
  }
  .downloadform .banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .downloadform .dform {
    border-radius: 12px 12px 0px 0px;
    box-shadow: 0px 12px 48px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    width: auto;
    min-height: 300px;
    height: auto;
    padding: 6px 18px;
  }
  .downloadform.active {
    bottom: 0px;
  }
}

.recommendform {
  background-color: transparent;
  position: fixed;
  z-index: 1000;
  right: auto;
  bottom: -100vh;
  left: 20px;
  width: 360px;
  opacity: 1;
  color: #545454;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.recommendform .closeorange {
  position: absolute;
  right: 8px;
  top: -12px;
  z-index: 1000;
  background: url("images/controls.png") no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background-color: #FCB040;
  border-radius: 100px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.recommendform .closeorange:hover {
  transform: rotate(90deg);
}
.recommendform h4, .recommendform p {
  padding: 12px 18px 0px 0px;
}
.recommendform p {
  font-size: 12px;
  line-height: 1.6em;
}
.recommendform .banner {
  width: calc(100% - 36px);
  height: 160px;
  overflow: hidden;
  border-radius: 12px 12px 0px 0px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0px 18px;
  box-shadow: 0px 8px 36px rgba(0, 0, 0, 0.5);
}
.recommendform .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recommendform .dform {
  border-radius: 12px;
  background-color: #fff;
  min-height: 180px;
  height: auto;
  box-shadow: 0px 12px 48px rgba(0, 0, 0, 0.5);
  padding: 6px 18px;
}
.recommendform.active {
  bottom: 20px;
}

.error {
  padding: 24px 36px 24px 60px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 16px;
  border-radius: 100px;
  display: inline-block;
  position: relative;
  font-size: 12.8px;
}
@media screen and (min-width: 741px) {
  .error {
    padding: 24px 36px 24px 60px;
    margin: 24px 0;
  }
  .error:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    left: 22px;
    top: 22px;
    background-color: #F2695A;
  }
}
@media screen and (max-width: 740px) {
  .error {
    padding: 12px 18px 12px 40px;
    margin: 12px 0;
  }
  .error:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 20px;
    position: absolute;
    left: 11px;
    top: 11px;
    background-color: #F2695A;
  }
}
@media screen and (min-width: 741px) {
  .error.success {
    padding: 24px 36px 24px 60px;
    margin: 24px 0;
  }
  .error.success:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    left: 22px;
    top: 22px;
    background-color: #50E3C2;
  }
}
@media screen and (max-width: 740px) {
  .error.success {
    padding: 12px 18px 12px 40px;
    margin: 12px 0;
  }
  .error.success:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 20px;
    position: absolute;
    left: 11px;
    top: 11px;
    background-color: #50E3C2;
  }
}

@media screen and (max-width: 740px) {
  #logo {
    width: 115px;
    height: 20px;
    background-image: url("images/dw_logo_dark@4x.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    position: absolute;
    top: 20px;
    left: 2.5%;
    z-index: 200;
    opacity: 1;
  }
  #logo.dark {
    background-image: url("images/dw_logo_white@4x.png");
  }

  #sidemenu li.logo {
    display: none;
  }
}
@media screen and (min-width: 741px) {
  #logo {
    width: 230px;
    height: 40px;
    background-image: url("images/dw_logo_dark@4x.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    position: absolute;
    top: 20px;
    left: 2.5%;
    z-index: 200;
    opacity: 1;
  }
  #logo.dark {
    background-image: url("images/dw_logo_white@4x.png");
  }

  #sidemenu li.logo {
    display: none;
  }
}
.fillslides, .fillform, .fillslidessmall {
  width: 100%;
  min-height: 480px;
  margin: 0px;
  padding: 0px;
  position: relative;
  background-color: #EDF2F5;
  color: #fff;
}
.fillslides .slide, .fillform .slide, .fillslidessmall .slide {
  width: 100%;
  height: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
}
.fillslides .slide .overlaycolor, .fillform .slide .overlaycolor, .fillslidessmall .slide .overlaycolor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
}
.fillslides .slide .wrapper, .fillform .slide .wrapper, .fillslidessmall .slide .wrapper {
  height: 100%;
  position: relative;
  z-index: 101;
}
@media screen and (min-width: 741px) {
  .fillslides .slide .bannercontent, .fillform .slide .bannercontent, .fillslidessmall .slide .bannercontent {
    width: 45%;
    padding: 0 2.5%;
    position: relative;
    top: 30%;
    bottom: auto;
  }
  .fillslides .slide .bannercontent.light, .fillslides .slide .bannercontent.Light, .fillform .slide .bannercontent.light, .fillform .slide .bannercontent.Light, .fillslidessmall .slide .bannercontent.light, .fillslidessmall .slide .bannercontent.Light {
    color: #222;
  }
  .fillslides .slide .bannercontent.light .button, .fillslides .slide .bannercontent.light input[type=button], .fillslides .slide .bannercontent.light input[type=submit], .fillslides .slide .bannercontent.light .googlelogin, .fillslides .slide .bannercontent.light .ssologin, .fillslides .slide .bannercontent.light #closeCookieMonster, .fillslides .slide .bannercontent.light #country_selector_go, .fillslides .slide .bannercontent.light #country_selector, .fillslides .slide .bannercontent.Light .button, .fillslides .slide .bannercontent.Light input[type=button], .fillslides .slide .bannercontent.Light input[type=submit], .fillslides .slide .bannercontent.Light .googlelogin, .fillslides .slide .bannercontent.Light .ssologin, .fillslides .slide .bannercontent.Light #closeCookieMonster, .fillslides .slide .bannercontent.Light #country_selector_go, .fillslides .slide .bannercontent.Light #country_selector, .fillform .slide .bannercontent.light .button, .fillform .slide .bannercontent.light input[type=button], .fillform .slide .bannercontent.light input[type=submit], .fillform .slide .bannercontent.light .googlelogin, .fillform .slide .bannercontent.light .ssologin, .fillform .slide .bannercontent.light #closeCookieMonster, .fillform .slide .bannercontent.light #country_selector_go, .fillform .slide .bannercontent.light #country_selector, .fillform .slide .bannercontent.Light .button, .fillform .slide .bannercontent.Light input[type=button], .fillform .slide .bannercontent.Light input[type=submit], .fillform .slide .bannercontent.Light .googlelogin, .fillform .slide .bannercontent.Light .ssologin, .fillform .slide .bannercontent.Light #closeCookieMonster, .fillform .slide .bannercontent.Light #country_selector_go, .fillform .slide .bannercontent.Light #country_selector, .fillslidessmall .slide .bannercontent.light .button, .fillslidessmall .slide .bannercontent.light input[type=button], .fillslidessmall .slide .bannercontent.light input[type=submit], .fillslidessmall .slide .bannercontent.light .googlelogin, .fillslidessmall .slide .bannercontent.light .ssologin, .fillslidessmall .slide .bannercontent.light #closeCookieMonster, .fillslidessmall .slide .bannercontent.light #country_selector_go, .fillslidessmall .slide .bannercontent.light #country_selector, .fillslidessmall .slide .bannercontent.Light .button, .fillslidessmall .slide .bannercontent.Light input[type=button], .fillslidessmall .slide .bannercontent.Light input[type=submit], .fillslidessmall .slide .bannercontent.Light .googlelogin, .fillslidessmall .slide .bannercontent.Light .ssologin, .fillslidessmall .slide .bannercontent.Light #closeCookieMonster, .fillslidessmall .slide .bannercontent.Light #country_selector_go, .fillslidessmall .slide .bannercontent.Light #country_selector {
    border-color: #222;
    color: #222;
  }
  .fillslides .slide .bannercontent h4, .fillform .slide .bannercontent h4, .fillslidessmall .slide .bannercontent h4 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
    font-weight: normal;
  }
  .fillslides .slide .bannercontent h2, .fillslides .slide .bannercontent h1, .fillform .slide .bannercontent h2, .fillform .slide .bannercontent h1, .fillslidessmall .slide .bannercontent h2, .fillslidessmall .slide .bannercontent h1 {
    font-size: 46px;
  }
  .fillslides .slide .bannercontent p, .fillform .slide .bannercontent p, .fillslidessmall .slide .bannercontent p {
    font-size: 16px;
  }
}
@media screen and (max-width: 740px) {
  .fillslides .slide .bannercontent, .fillform .slide .bannercontent, .fillslidessmall .slide .bannercontent {
    width: calc(100% - 36px);
    padding: 0 18px;
    position: absolute;
    top: auto;
    bottom: 10%;
  }
  .fillslides .slide .bannercontent.light, .fillslides .slide .bannercontent.Light, .fillform .slide .bannercontent.light, .fillform .slide .bannercontent.Light, .fillslidessmall .slide .bannercontent.light, .fillslidessmall .slide .bannercontent.Light {
    color: #222;
  }
  .fillslides .slide .bannercontent h4, .fillform .slide .bannercontent h4, .fillslidessmall .slide .bannercontent h4 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
    font-weight: normal;
  }
  .fillslides .slide .bannercontent h2, .fillform .slide .bannercontent h2, .fillslidessmall .slide .bannercontent h2 {
    font-size: 24px;
  }
  .fillslides .slide .bannercontent p, .fillform .slide .bannercontent p, .fillslidessmall .slide .bannercontent p {
    font-size: 16px;
  }
}

.fillslidessmall {
  width: 100%;
  min-height: 480px;
  margin: 0px;
  padding: 0px;
  position: relative;
  background-color: #EDF2F5;
  color: #fff;
}
.fillslidessmall .slide {
  width: 100%;
  height: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
}
.fillslidessmall .slide .overlaycolor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
}
.fillslidessmall .slide .wrapper {
  height: 100%;
  position: relative;
  z-index: 101;
}
@media screen and (min-width: 741px) {
  .fillslidessmall .slide .bannercontent {
    width: 45%;
    padding: 0 2.5%;
    position: relative;
    top: 30%;
    bottom: auto;
  }
  .fillslidessmall .slide .bannercontent.light, .fillslidessmall .slide .bannercontent.Light {
    color: #222;
  }
  .fillslidessmall .slide .bannercontent h4, .fillslidessmall .slide .bannercontent h1 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
    font-weight: normal;
  }
  .fillslidessmall .slide .bannercontent h2 {
    font-size: 46px;
  }
  .fillslidessmall .slide .bannercontent p {
    font-size: 16px;
  }
}
@media screen and (max-width: 740px) {
  .fillslidessmall .slide .bannercontent {
    width: calc(100% - 36px);
    padding: 0 18px;
    position: absolute;
    top: auto;
    bottom: 10%;
  }
  .fillslidessmall .slide .bannercontent.light, .fillslidessmall .slide .bannercontent.Light {
    color: #222;
  }
  .fillslidessmall .slide .bannercontent h4, .fillslidessmall .slide .bannercontent h1 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
    font-weight: normal;
  }
  .fillslidessmall .slide .bannercontent h2 {
    font-size: 24px;
  }
  .fillslidessmall .slide .bannercontent p {
    font-size: 16px;
  }
}

.fillform {
  width: 100%;
  min-height: 480px;
  margin: 0px;
  padding: 0px;
  position: relative;
  background-color: #EDF2F5;
  color: #fff;
}
.fillform input {
  color: #fff;
}
.fillform .slide {
  width: 100%;
  height: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
}
.fillform .slide .overlaycolor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
}
.fillform .slide .wrapper {
  height: 100%;
  position: relative;
  z-index: 101;
}
@media screen and (min-width: 741px) {
  .fillform .slide .bannercontent {
    width: 45%;
    padding: 0 2.5%;
    position: relative;
    top: 30%;
    bottom: auto;
  }
  .fillform .slide .bannercontent.light, .fillform .slide .bannercontent.Light {
    color: #222;
  }
  .fillform .slide .bannercontent h4, .fillform .slide .bannercontent h1 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
    font-weight: normal;
  }
  .fillform .slide .bannercontent h2 {
    font-size: 46px;
  }
  .fillform .slide .bannercontent p {
    font-size: 16px;
  }
}
@media screen and (max-width: 740px) {
  .fillform .slide .bannercontent {
    width: calc(100% - 36px);
    padding: 0 18px;
    position: relative;
    padding-top: 20vh;
    bottom: auto;
  }
  .fillform .slide .bannercontent.light, .fillform .slide .bannercontent.Light {
    color: #222;
  }
  .fillform .slide .bannercontent h4 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
    font-weight: normal;
  }
  .fillform .slide .bannercontent h2 {
    font-size: 24px;
  }
  .fillform .slide .bannercontent p {
    font-size: 16px;
  }
}

@media screen and (min-width: 741px) {
  .fillform .slide .formcontent, .fillslidessmall .slide .formcontent {
    width: 40%;
    padding: 0 2.5% 12px 2.5%;
    position: absolute;
    top: 20%;
    right: 2.5%;
    background-color: rgba(29, 44, 61, 0.95);
    border-radius: 20px;
  }
  .fillform .slide .formcontent form, .fillslidessmall .slide .formcontent form {
    overflow: hidden;
    padding: 12px 0px;
  }
  .fillform .slide .formcontent form > div, .fillslidessmall .slide .formcontent form > div {
    width: 100%;
  }
  .fillform .slide .formcontent form textarea, .fillslidessmall .slide .formcontent form textarea {
    width: 100%;
  }
  .fillform .slide .formcontent.light, .fillform .slide .formcontent.Light, .fillslidessmall .slide .formcontent.light, .fillslidessmall .slide .formcontent.Light {
    color: #222;
  }
  .fillform .slide .formcontent h4, .fillslidessmall .slide .formcontent h4 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
  }
  .fillform .slide .formcontent h2, .fillslidessmall .slide .formcontent h2 {
    font-size: 48px;
  }
  .fillform .slide .formcontent p, .fillslidessmall .slide .formcontent p {
    font-size: 16px;
  }
  .fillform .slide .formthankyou, .fillslidessmall .slide .formthankyou {
    width: 40%;
    padding: 0 2.5%;
    position: absolute;
    top: 40%;
    right: 2.5%;
    background-color: rgba(29, 44, 61, 0.95);
    border-radius: 20px;
  }
  .fillform .slide .formthankyou form, .fillslidessmall .slide .formthankyou form {
    overflow: hidden;
    padding: 12px 0px;
  }
  .fillform .slide .formthankyou form > div, .fillslidessmall .slide .formthankyou form > div {
    width: 100%;
  }
  .fillform .slide .formthankyou form textarea, .fillslidessmall .slide .formthankyou form textarea {
    width: 100%;
  }
  .fillform .slide .formthankyou.light, .fillform .slide .formthankyou.Light, .fillslidessmall .slide .formthankyou.light, .fillslidessmall .slide .formthankyou.Light {
    color: #222;
  }
  .fillform .slide .formthankyou h4, .fillslidessmall .slide .formthankyou h4 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
  }
  .fillform .slide .formthankyou h2, .fillslidessmall .slide .formthankyou h2 {
    font-size: 48px;
  }
  .fillform .slide .formthankyou p, .fillslidessmall .slide .formthankyou p {
    font-size: 16px;
  }
}
@media screen and (max-width: 740px) {
  .fillform .slide .formcontent, .fillform .slide .formthankyou, .fillslidessmall .slide .formcontent, .fillslidessmall .slide .formthankyou {
    width: 90%;
    padding: 0 2.5%;
    margin: 12px auto;
    position: relative;
    background-color: rgba(29, 44, 61, 0.95);
    border-radius: 20px;
  }
  .fillform .slide .formcontent form, .fillform .slide .formthankyou form, .fillslidessmall .slide .formcontent form, .fillslidessmall .slide .formthankyou form {
    overflow: hidden;
    padding: 12px 0px;
  }
  .fillform .slide .formcontent form > div, .fillform .slide .formthankyou form > div, .fillslidessmall .slide .formcontent form > div, .fillslidessmall .slide .formthankyou form > div {
    width: 100%;
  }
  .fillform .slide .formcontent form textarea, .fillform .slide .formthankyou form textarea, .fillslidessmall .slide .formcontent form textarea, .fillslidessmall .slide .formthankyou form textarea {
    width: 100%;
  }
  .fillform .slide .formcontent.light, .fillform .slide .formcontent.Light, .fillform .slide .formthankyou.light, .fillform .slide .formthankyou.Light, .fillslidessmall .slide .formcontent.light, .fillslidessmall .slide .formcontent.Light, .fillslidessmall .slide .formthankyou.light, .fillslidessmall .slide .formthankyou.Light {
    color: #222;
  }
  .fillform .slide .formcontent h4, .fillform .slide .formthankyou h4, .fillslidessmall .slide .formcontent h4, .fillslidessmall .slide .formthankyou h4 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
  }
  .fillform .slide .formcontent h2, .fillform .slide .formthankyou h2, .fillslidessmall .slide .formcontent h2, .fillslidessmall .slide .formthankyou h2 {
    font-size: 48px;
  }
  .fillform .slide .formcontent p, .fillform .slide .formthankyou p, .fillslidessmall .slide .formcontent p, .fillslidessmall .slide .formthankyou p {
    font-size: 16px;
  }
}

.fillslidesbreaker {
  width: 100%;
  min-height: 480px;
  margin: 0px;
  padding: 0px;
  position: relative;
  background-color: #EDF2F5;
  color: #fff;
}
.fillslidesbreaker .slide {
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (min-width: 741px) {
  .fillslidesbreaker .slide .overlaycolor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
  }
}
@media screen and (max-width: 740px) {
  .fillslidesbreaker .slide .overlaycolor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
  }
}
.fillslidesbreaker .slide .wrapper {
  height: 100%;
  position: relative;
  z-index: 101;
  max-width: 1000px;
}
@media screen and (min-width: 741px) {
  .fillslidesbreaker .slide .bannercontent {
    width: 45%;
    padding: 0 2.5%;
    position: relative;
    top: 20%;
  }
  .fillslidesbreaker .slide .bannercontent.light, .fillslidesbreaker .slide .bannercontent.Light {
    color: #222;
  }
  .fillslidesbreaker .slide .bannercontent h4 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
    font-weight: normal;
  }
  .fillslidesbreaker .slide .bannercontent h2 {
    font-size: 24px;
  }
  .fillslidesbreaker .slide .bannercontent p {
    font-size: 16px;
  }
}
@media screen and (max-width: 740px) {
  .fillslidesbreaker .slide .bannercontent {
    width: 90%;
    padding: 12px 5% 48px 5%;
    position: absolute;
    top: auto;
    bottom: 0;
  }
  .fillslidesbreaker .slide .bannercontent.light, .fillslidesbreaker .slide .bannercontent.Light {
    color: #222;
  }
  .fillslidesbreaker .slide .bannercontent h4 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
    font-weight: normal;
  }
  .fillslidesbreaker .slide .bannercontent h2 {
    font-size: 18px;
  }
  .fillslidesbreaker .slide .bannercontent p {
    font-size: 16px;
  }
}

.fillslidessmall .slide, .fillslidesbreaker .slide, .fillform .slide {
  min-height: 480px;
}
.fillslidessmall .slide.blurred .overlaycolor, .fillslidesbreaker .slide.blurred .overlaycolor, .fillform .slide.blurred .overlaycolor {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.2) 90%);
}

.fillform_webinar {
  width: 100vw;
  height: auto;
  min-height: 460px;
}
.fillform_webinar ul, .fillform_webinar ol {
  max-width: 700px;
  margin: 0 auto;
  padding: 18px 0px;
}
.fillform_webinar ul li, .fillform_webinar ol li {
  list-style-position: inside;
  list-style-type: none;
  padding: 4px 4px 4px 36px;
  background-image: url("images/list-icon-2.png");
  background-position: left 12px;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
@media print {
  .fillform_webinar ul, .fillform_webinar ol {
    max-width: 140mm;
    padding: 2mm 0px;
  }
}
.fillform_webinar .slide {
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 460px;
}
.fillform_webinar .slide .overlaycolor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
}
.fillform_webinar .slide .wrapper {
  position: relative;
  z-index: 101;
}
.fillform_webinar .slide .wrapper .formcontent, .fillform_webinar .slide .wrapper .formthankyou {
  padding: 12px;
}
.fillform_webinar .slide .wrapper .formcontent label, .fillform_webinar .slide .wrapper .formthankyou label {
  color: inherit;
}
.fillform_webinar .slide .wrapper .formcontent form, .fillform_webinar .slide .wrapper .formcontent .thankyoucard, .fillform_webinar .slide .wrapper .formthankyou form, .fillform_webinar .slide .wrapper .formthankyou .thankyoucard {
  padding: 12px 24px;
  background-color: #f7f7f7;
  border-radius: 12px;
}
.fillform_webinar .slide .wrapper .formcontent form > div, .fillform_webinar .slide .wrapper .formcontent .thankyoucard > div, .fillform_webinar .slide .wrapper .formthankyou form > div, .fillform_webinar .slide .wrapper .formthankyou .thankyoucard > div {
  width: 100%;
}
.fillform_webinar .slide .wrapper .formcontent form textarea, .fillform_webinar .slide .wrapper .formcontent .thankyoucard textarea, .fillform_webinar .slide .wrapper .formthankyou form textarea, .fillform_webinar .slide .wrapper .formthankyou .thankyoucard textarea {
  width: 100%;
}
.fillform_webinar .slide .wrapper .formcontent .thankyoucard, .fillform_webinar .slide .wrapper .formthankyou .thankyoucard {
  background-color: #323133;
  color: #fff;
}
.fillform_webinar .slide .wrapper .formcontent h4, .fillform_webinar .slide .wrapper .formthankyou h4 {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 3.6px;
}
.fillform_webinar .slide .wrapper .formcontent h2, .fillform_webinar .slide .wrapper .formthankyou h2 {
  font-size: 48px;
}
.fillform_webinar .slide .wrapper .formcontent p, .fillform_webinar .slide .wrapper .formthankyou p {
  font-size: 16px;
}
.fillform_webinar .slide .wrapper .bannercontent {
  padding: 24px;
}
.fillform_webinar .slide .wrapper .bannercontent.light, .fillform_webinar .slide .wrapper .bannercontent.Light {
  color: #222;
}
.fillform_webinar .slide .wrapper .bannercontent.dark, .fillform_webinar .slide .wrapper .bannercontent.Dark {
  color: #fff;
}
.fillform_webinar .slide .wrapper .bannercontent h4, .fillform_webinar .slide .wrapper .bannercontent h1 {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 3.6px;
  font-weight: normal;
}
.fillform_webinar .slide .wrapper .bannercontent h2 {
  font-size: 46px;
}
.fillform_webinar .slide .wrapper .bannercontent p {
  font-size: 16px;
}
@media screen and (max-width: 740px) {
  .fillform_webinar .slide .wrapper {
    display: block;
    margin: 0px;
    width: auto;
  }
  .fillform_webinar .slide .wrapper .bannercontent {
    width: calc(100% - 48px);
    padding-top: 64px;
  }
  .fillform_webinar .slide .wrapper .formcontent, .fillform_webinar .slide .wrapper .formthankyou {
    width: calc(100% - 48px);
    padding-bottom: 24px;
  }
  .fillform_webinar .slide .wrapper .formcontent form, .fillform_webinar .slide .wrapper .formthankyou form {
    padding: 12px 12px;
  }
}
@media screen and (min-width: 741px) {
  .fillform_webinar .slide .wrapper {
    display: flex;
    margin: 0 auto 0 auto;
    max-width: 1268px;
  }
  .fillform_webinar .slide .wrapper .formcontent, .fillform_webinar .slide .wrapper .formthankyou {
    width: 50%;
  }
  .fillform_webinar .slide .wrapper .formcontent .inwrapper, .fillform_webinar .slide .wrapper .formthankyou .inwrapper {
    padding: 128px 12px 12px 12px;
  }
  .fillform_webinar .slide .wrapper .bannercontent {
    width: 50%;
  }
  .fillform_webinar .slide .wrapper .bannercontent .inwrapper {
    padding: 64px 24px 12px 0px;
  }
}

.fixedimageslide {
  width: 100%;
  min-height: 200px;
  margin: 0px;
  padding: 0px;
  position: relative;
  color: #fff;
  text-align: center;
  background-color: none;
  background-size: cover;
}
.fixedimageslide input {
  color: #fff;
}
.fixedimageslide .slide {
  width: 100%;
  min-height: 200px;
  height: auto;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
}
.fixedimageslide .slide .overlaycolor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.fixedimageslide .slide .wrapper {
  height: auto;
  position: relative;
  z-index: 101;
}
.fixedimageslide .slide .bannercontent, .fixedimageslide .slide .bannerresult {
  width: 80%;
  max-width: 860px;
  position: relative;
  margin: 0 auto;
  padding: 8% 0px;
}
.fixedimageslide .slide .bannercontent.blank, .fixedimageslide .slide .bannerresult.blank {
  padding: 6% 0px 8% 0px;
}
.fixedimageslide .slide .bannercontent.light, .fixedimageslide .slide .bannercontent.Light, .fixedimageslide .slide .bannerresult.light, .fixedimageslide .slide .bannerresult.Light {
  color: #222;
}
.fixedimageslide .slide .bannercontent h4, .fixedimageslide .slide .bannerresult h4 {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 3.6px;
}
@media screen and (min-width: 741px) {
  .fixedimageslide .slide .bannercontent h2, .fixedimageslide .slide .bannercontent h3, .fixedimageslide .slide .bannerresult h2, .fixedimageslide .slide .bannerresult h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (max-width: 740px) {
  .fixedimageslide .slide .bannercontent h2, .fixedimageslide .slide .bannercontent h3, .fixedimageslide .slide .bannerresult h2, .fixedimageslide .slide .bannerresult h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
.fixedimageslide .slide .bannercontent p, .fixedimageslide .slide .bannerresult p {
  font-size: 16px;
}
.fixedimageslide .slide .bannerform {
  width: 100%;
  max-width: 860px;
  position: relative;
  margin: 0 auto;
  padding: 8% 0px 2% 0px;
  display: none;
  color: #fff;
}
.fixedimageslide .slide .bannerform input {
  color: #fff;
}
.fixedimageslide .slide .bannerform.light, .fixedimageslide .slide .bannerform.Light {
  color: #222;
}
.fixedimageslide .slide .bannerform.light input, .fixedimageslide .slide .bannerform.Light input {
  color: #222;
}
.fixedimageslide .slide .bannerform.dark, .fixedimageslide .slide .bannerform.Dark {
  color: #fff;
}
.fixedimageslide .slide .bannerform.dark input, .fixedimageslide .slide .bannerform.Dark input {
  color: #fff;
}
.fixedimageslide .slide .bannerform h4 {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 3.6px;
}
@media screen and (min-width: 741px) {
  .fixedimageslide .slide .bannerform h2, .fixedimageslide .slide .bannerform h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (max-width: 740px) {
  .fixedimageslide .slide .bannerform h2, .fixedimageslide .slide .bannerform h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
.fixedimageslide .slide .bannerform p {
  font-size: 16px;
}
@media screen and (min-width: 1025px) {
  .fixedimageslide.bgfixed .slide {
    background-attachment: fixed;
    min-height: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .fixedimageslide.bgfixed .slide {
    min-height: 200px;
  }
}
.fixedimageslide.sectionheader {
  color: #000;
  background-color: inherit;
  min-height: 100px;
}
.fixedimageslide.sectionheader .slide {
  min-height: 100px;
}
.fixedimageslide.sectionheader .slide .bannercontent {
  padding: 2% 0px;
}
.fixedimageslide .formcontent {
  font-size: 12px;
}
@media screen and (min-width: 741px) {
  .fixedimageslide .formcontent .forminput {
    width: 33%;
    margin-right: 0.3%;
    float: left;
  }
  .fixedimageslide .formcontent .forminput label {
    padding-left: 0;
  }
  .fixedimageslide .formcontent .forminput input {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 740px) {
  .fixedimageslide .formcontent .forminput {
    width: 90%;
    margin: 0 5%;
    float: none;
    text-align: left;
  }
  .fixedimageslide .formcontent .forminput label {
    padding-left: 0;
  }
  .fixedimageslide .formcontent .forminput input {
    padding-left: 0;
    padding-right: 2.5%;
  }
}

@media screen and (min-width: 741px) {
  .fixedimageslide-single {
    width: 100%;
    min-height: 200px;
    margin: 0px;
    padding: 0px;
    position: relative;
    color: #fff;
    text-align: left;
    background-color: none;
    background-size: cover;
  }
  .fixedimageslide-single ul, .fixedimageslide-single ol {
    padding: 8px 0px;
    margin: 0;
  }
  .fixedimageslide-single ul li, .fixedimageslide-single ol li {
    list-style-position: inside;
    list-style-type: none;
    padding: 12px 4px 12px 36px;
    background-image: url("images/list-icon-2.png");
    background-position: left 20px;
    background-repeat: no-repeat;
    background-size: 14px auto;
  }
  .fixedimageslide-single ul li:last-child, .fixedimageslide-single ol li:last-child {
    border-bottom: none;
  }
  .fixedimageslide-single .slide {
    width: 100%;
    min-height: 200px;
    height: auto;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
  }
  .fixedimageslide-single .slide .overlaycolor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
  .fixedimageslide-single .slide .wrapper {
    height: auto;
    position: relative;
    z-index: 101;
    max-width: 944px;
    margin: 0 auto;
  }
  .fixedimageslide-single .slide .bannercontent {
    width: 40%;
    max-width: 960px;
    position: relative;
    padding: 12% 8px 12% 0px;
  }
  .fixedimageslide-single .slide .bannercontent.light {
    color: #222;
  }
  .fixedimageslide-single .slide .bannercontent h4 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
  }
  .fixedimageslide-single .slide .bannercontent h2, .fixedimageslide-single .slide .bannercontent h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .fixedimageslide-single .slide .bannercontent p {
    font-size: 16px;
  }
}
@media screen and (max-width: 740px) {
  .fixedimageslide-single {
    width: 100%;
    min-height: 200px;
    margin: 0px;
    padding: 0px;
    position: relative;
    color: #fff;
    text-align: left;
    background-color: none;
    background-size: cover;
  }
  .fixedimageslide-single ul, .fixedimageslide-single ol {
    padding: 8px 0px;
    margin: 0;
  }
  .fixedimageslide-single ul li, .fixedimageslide-single ol li {
    list-style-position: inside;
    list-style-type: none;
    padding: 8px 4px 8px 36px;
    background-image: url("images/list-icon-2.png");
    background-position: left 20px;
    background-repeat: no-repeat;
    background-size: 14px auto;
  }
  .fixedimageslide-single ul li:last-child, .fixedimageslide-single ol li:last-child {
    border-bottom: none;
  }
  .fixedimageslide-single .slide {
    width: 100%;
    min-height: 200px;
    height: auto;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
  }
  .fixedimageslide-single .slide .overlaycolor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
  .fixedimageslide-single .slide .wrapper {
    height: auto;
    position: relative;
    z-index: 101;
    max-width: 944px;
    margin: 0 auto;
  }
  .fixedimageslide-single .slide .bannercontent {
    width: calc(100% - 36px);
    max-width: 960px;
    position: relative;
    padding: 360px 18px 12px 18px;
  }
  .fixedimageslide-single .slide .bannercontent.light {
    color: #222;
  }
  .fixedimageslide-single .slide .bannercontent h4 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
  }
  .fixedimageslide-single .slide .bannercontent h2, .fixedimageslide-single .slide .bannercontent h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .fixedimageslide-single .slide .bannercontent p {
    font-size: 16px;
  }
}

.imagetextblock ul, .imagetextblock ol {
  padding: 8px 0px;
  margin: 0;
}
.imagetextblock ul li, .imagetextblock ol li {
  list-style-position: inside;
  list-style-type: none;
  padding: 4px 4px 4px 36px;
  background-image: url("images/list-icon-2.png");
  background-position: left 12px;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
@media screen and (min-width: 741px) {
  .imagetextblock {
    text-align: center;
    position: relative;
  }
  .imagetextblock p {
    white-space: pre-wrap;
  }
  .imagetextblock .half {
    background-size: cover;
    background-position: center center;
    width: 50%;
    position: relative;
    height: 100%;
    display: table-cell;
  }
  .imagetextblock .third {
    background-size: cover;
    background-position: center center;
    width: 33.3333333333%;
    position: relative;
    height: 100%;
    display: table-cell;
  }
  .imagetextblock .two.third {
    width: 66.6666666667%;
  }
  .imagetextblock .half .overlaycolor, .imagetextblock .third .overlaycolor, .imagetextblock .two.third .overlaycolor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
  .imagetextblock .half .wrapper, .imagetextblock .third .wrapper, .imagetextblock .two.third .wrapper {
    height: 100%;
    position: relative;
    z-index: 101;
  }
  .imagetextblock .half .bannercontent, .imagetextblock .third .bannercontent, .imagetextblock .two.third .bannercontent {
    width: 70%;
    max-width: 720px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .imagetextblock .half .bannercontent.light, .imagetextblock .half .bannercontent.Light, .imagetextblock .third .bannercontent.light, .imagetextblock .third .bannercontent.Light, .imagetextblock .two.third .bannercontent.light, .imagetextblock .two.third .bannercontent.Light {
    color: #222;
  }
  .imagetextblock .half .bannercontent h4, .imagetextblock .third .bannercontent h4, .imagetextblock .two.third .bannercontent h4 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
  }
  .imagetextblock .half .bannercontent h3, .imagetextblock .third .bannercontent h3, .imagetextblock .two.third .bannercontent h3 {
    font-size: 28px;
  }
  .imagetextblock .half .bannercontent p, .imagetextblock .third .bannercontent p, .imagetextblock .two.third .bannercontent p {
    font-size: 16px;
  }
  .imagetextblock.left .wrapper {
    max-width: none;
    display: table;
  }
  .imagetextblock.left .half .bannercontent {
    padding: 128px 0px;
  }
  .imagetextblock.left .half:nth-child(1) {
    text-align: center;
  }
  .imagetextblock.left .half:nth-child(1) .bannercontent {
    color: #fff;
    margin: 0 auto;
  }
  .imagetextblock.left .half:nth-child(2) {
    text-align: left;
  }
  .imagetextblock.left .half:nth-child(2) .bannercontent {
    margin: 0 10%;
    text-align: left;
  }
  .imagetextblock.lefttext .third, .imagetextblock.lefttext .two.third {
    display: block;
    float: left;
  }
  .imagetextblock.lefttext .third .bannercontent, .imagetextblock.lefttext .two.third .bannercontent {
    padding: 128px 0px 24px 0px;
  }
  .imagetextblock.lefttext .third .bannercontent, .imagetextblock.lefttext .two.third .bannercontent {
    vertical-align: text-top;
  }
  .imagetextblock.lefttext .third:nth-child(1), .imagetextblock.lefttext .two.third:nth-child(1) {
    text-align: left;
  }
  .imagetextblock.lefttext .third:nth-child(1) .bannercontent, .imagetextblock.lefttext .two.third:nth-child(1) .bannercontent {
    margin: 0 5%;
    text-align: left;
    color: #2EBFD9;
  }
  .imagetextblock.lefttext .third:nth-child(2), .imagetextblock.lefttext .two.third:nth-child(2) {
    text-align: left;
  }
  .imagetextblock.lefttext .third:nth-child(2) .bannercontent, .imagetextblock.lefttext .two.third:nth-child(2) .bannercontent {
    margin: 0 2.5%;
    text-align: left;
  }
  .imagetextblock.right {
    background-color: #fff;
  }
  .imagetextblock.right .wrapper {
    max-width: none;
    display: table;
  }
  .imagetextblock.right .bannercontent {
    padding: 128px 0px;
  }
  .imagetextblock.right .half:nth-child(2) .bannercontent {
    color: #fff;
    margin: 0 auto;
  }
  .imagetextblock.right .half:nth-child(1) {
    text-align: right;
  }
  .imagetextblock.right .half:nth-child(1) .bannercontent {
    margin: 0 10%;
    text-align: left;
  }
}
@media screen and (max-width: 740px) {
  .imagetextblock {
    text-align: left;
    position: relative;
  }
  .imagetextblock p {
    white-space: pre-wrap;
  }
  .imagetextblock .half {
    background-size: cover;
    background-position: center center;
    width: auto;
    position: relative;
    height: auto;
    display: block;
  }
  .imagetextblock .third {
    background-size: cover;
    background-position: center center;
    width: auto;
    position: relative;
    height: auto;
    display: block;
  }
  .imagetextblock .two.third {
    width: auto;
  }
  .imagetextblock .half .overlaycolor, .imagetextblock .third .overlaycolor, .imagetextblock .two.third .overlaycolor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
  .imagetextblock .half .wrapper, .imagetextblock .third .wrapper, .imagetextblock .two.third .wrapper {
    height: 100%;
    position: relative;
    z-index: 101;
  }
  .imagetextblock .half .bannercontent, .imagetextblock .third .bannercontent, .imagetextblock .two.third .bannercontent {
    width: auto;
    position: relative;
    display: block;
  }
  .imagetextblock .half .bannercontent.light, .imagetextblock .half .bannercontent.Light, .imagetextblock .third .bannercontent.light, .imagetextblock .third .bannercontent.Light, .imagetextblock .two.third .bannercontent.light, .imagetextblock .two.third .bannercontent.Light {
    color: #222;
  }
  .imagetextblock .half .bannercontent h4, .imagetextblock .third .bannercontent h4, .imagetextblock .two.third .bannercontent h4 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
  }
  .imagetextblock .half .bannercontent h3, .imagetextblock .third .bannercontent h3, .imagetextblock .two.third .bannercontent h3 {
    font-size: 28px;
  }
  .imagetextblock.left .wrapper {
    max-width: none;
    display: table;
  }
  .imagetextblock.left .half .bannercontent {
    padding: 128px 0px;
  }
  .imagetextblock.left .half:nth-child(1) {
    text-align: center;
  }
  .imagetextblock.left .half:nth-child(1) .bannercontent {
    color: #fff;
    margin: 0 auto;
  }
  .imagetextblock.left .half:nth-child(2) {
    text-align: left;
  }
  .imagetextblock.left .half:nth-child(2) .bannercontent {
    margin: 0 12px;
    text-align: left;
  }
  .imagetextblock.lefttext .third, .imagetextblock.lefttext .two.third {
    display: block;
    float: left;
  }
  .imagetextblock.lefttext .third .bannercontent, .imagetextblock.lefttext .two.third .bannercontent {
    padding: 128px 0px 24px 0px;
  }
  .imagetextblock.lefttext .third .bannercontent, .imagetextblock.lefttext .two.third .bannercontent {
    vertical-align: text-top;
  }
  .imagetextblock.lefttext .third:nth-child(1), .imagetextblock.lefttext .two.third:nth-child(1) {
    text-align: left;
  }
  .imagetextblock.lefttext .third:nth-child(1) .bannercontent, .imagetextblock.lefttext .two.third:nth-child(1) .bannercontent {
    margin: 0 12px;
    text-align: left;
    color: #2EBFD9;
  }
  .imagetextblock.lefttext .third:nth-child(2), .imagetextblock.lefttext .two.third:nth-child(2) {
    text-align: left;
  }
  .imagetextblock.lefttext .third:nth-child(2) .bannercontent, .imagetextblock.lefttext .two.third:nth-child(2) .bannercontent {
    margin: 0 12px;
    text-align: left;
  }
  .imagetextblock.right {
    background-color: #fff;
  }
  .imagetextblock.right .wrapper {
    max-width: none;
    display: table;
  }
  .imagetextblock.right .bannercontent {
    padding: 128px 0px;
  }
  .imagetextblock.right .half:nth-child(2) .bannercontent {
    color: #fff;
    margin: 0 auto;
  }
  .imagetextblock.right .half:nth-child(1) {
    text-align: right;
  }
  .imagetextblock.right .half:nth-child(1) .bannercontent {
    margin: 0 12px;
    text-align: left;
  }
}

.repeatblocks ul, .repeatblocks ol {
  padding: 8px 0px;
  margin: 0;
}
.repeatblocks ul li, .repeatblocks ol li {
  list-style-position: inside;
  list-style-type: none;
  padding: 4px 4px 4px 36px;
  background-image: url("images/list-icon-2.png");
  background-position: left 12px;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
@media screen and (min-width: 741px) {
  .repeatblocks {
    background-color: #fff;
  }
  .repeatblocks .fixedimageslide .bannercontent {
    padding: 8% 0 12px 0;
  }
  .repeatblocks .fixedimageslide h2 {
    font-size: 32px !important;
  }
  .repeatblocks .imagetextblock {
    display: block;
    height: auto;
    min-height: 320px;
    text-align: left;
  }
  .repeatblocks .imagetextblock .half {
    display: block;
    height: 100%;
    position: absolute;
    left: 0%;
    top: auto;
  }
  .repeatblocks .imagetextblock .half:nth-child(2n+2) {
    left: 50%;
    position: relative;
  }
  .repeatblocks .imagetextblock .half .bannercontent {
    padding: 64px 10%;
    text-align: left;
    max-width: 420px;
  }
  .repeatblocks .imagetextblock .half .bannercontent .counter {
    background-color: #598DEF;
    width: 74px;
    height: 74px;
    color: #fff;
    position: relative;
    margin-bottom: 24px;
    font-size: 22px;
    text-align: center;
    line-height: 18px;
  }
  .repeatblocks .imagetextblock .half .bannercontent .counter:after {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    border-radius: 20px;
    height: 6px;
    background-color: #fff;
    left: 25px;
    bottom: 20px;
    z-index: 102;
    opacity: 0.4;
  }
  .repeatblocks .imagetextblock .half .bannercontent .counter p {
    padding: 20px 0px 32px 0px;
    margin: 0px;
    font-weight: normal;
  }
  .repeatblocks .imagetextblock .half.screen .bannercontent {
    padding: 32px 10%;
  }
  .repeatblocks .imagetextblock .half.screen .screenshot {
    text-align: right;
  }
  .repeatblocks .imagetextblock .half.screen .screenshot img {
    max-width: 420px;
    max-height: 320px;
    position: relative;
    top: 20px;
    height: auto;
    -webkit-filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.2));
    cursor: -webkit-zoom-in;
    transition: all 5s;
    -webkit-transition: all 5s;
  }
  .repeatblocks .imagetextblock .half.graphic .bannercontent {
    padding: 40px 10% 0 10%;
    width: 80%;
  }
  .repeatblocks .imagetextblock .half.graphic .screenshot {
    text-align: right;
  }
  .repeatblocks .imagetextblock .half.graphic .screenshot img {
    max-width: 420px;
    max-height: 480px;
    position: relative;
    top: 0px;
  }
  .repeatblocks .imagetextblock:nth-child(2n+2) {
    text-align: right;
  }
  .repeatblocks .imagetextblock:nth-child(2n+2) .half {
    left: 50%;
    position: absolute;
  }
  .repeatblocks .imagetextblock:nth-child(2n+2) .half.screen .screenshot {
    text-align: left;
  }
  .repeatblocks .imagetextblock:nth-child(2n+2) .half .bannercontent .counter {
    background-color: #FCB040;
  }
  .repeatblocks .imagetextblock:nth-child(2n+2) .half:nth-child(2n+2) {
    left: 0%;
    position: relative;
  }
  .repeatblocks.colorslide .imagetextblock {
    background-color: #fff;
  }
  .repeatblocks.colorslide .imagetextblock .half:first-child .wrapper {
    text-align: right;
  }
  .repeatblocks.colorslide .imagetextblock .half:first-child.color {
    background-color: #598DEF;
    color: #fff;
  }
  .repeatblocks.colorslide .imagetextblock .half:first-child.color .wrapper {
    text-align: right;
  }
  .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child .wrapper {
    text-align: left;
  }
  .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child.color {
    background-color: #FCB040;
    color: #fff;
  }
  .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child.color .wrapper {
    text-align: left;
  }
}
@media screen and (max-width: 740px) {
  .repeatblocks {
    background-color: #fff;
  }
  .repeatblocks .fixedimageslide .bannercontent {
    padding: 12% 18px 4% 18px;
    width: calc(100% - 24px);
  }
  .repeatblocks .fixedimageslide h2 {
    font-size: 22.4px !important;
  }
  .repeatblocks .imagetextblock {
    display: block;
    height: auto;
    min-height: 420px;
    text-align: left;
  }
  .repeatblocks .imagetextblock .half {
    display: block;
    min-height: 320px;
    height: auto;
    position: relative;
    left: auto;
    top: auto;
  }
  .repeatblocks .imagetextblock .half:nth-child(2n+2) {
    left: auto;
    position: relative;
  }
  .repeatblocks .imagetextblock .half .bannercontent {
    padding: 12px 18px;
    text-align: left;
  }
  .repeatblocks .imagetextblock .half .bannercontent .counter {
    background-color: #598DEF;
    width: 74px;
    height: 74px;
    color: #fff;
    position: relative;
    margin-bottom: 24px;
    font-size: 22px;
    text-align: center;
    line-height: 18px;
  }
  .repeatblocks .imagetextblock .half .bannercontent .counter:after {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    border-radius: 20px;
    height: 6px;
    background-color: #fff;
    left: 25px;
    bottom: 20px;
    z-index: 102;
    opacity: 0.4;
  }
  .repeatblocks .imagetextblock .half .bannercontent .counter p {
    padding: 20px 0px 32px 0px;
    margin: 0px;
    font-weight: normal;
  }
  .repeatblocks .imagetextblock .half.screen .bannercontent {
    padding: 32px 12px;
  }
  .repeatblocks .imagetextblock .half.screen .screenshot {
    text-align: left;
  }
  .repeatblocks .imagetextblock .half.screen .screenshot img {
    position: relative;
    top: auto;
    height: auto;
    width: 100%;
    -webkit-filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.2));
    transition: all 5s;
    -webkit-transition: all 5s;
  }
  .repeatblocks .imagetextblock .half.graphic .bannercontent {
    padding: 0;
  }
  .repeatblocks .imagetextblock .half.graphic .screenshot {
    text-align: left;
  }
  .repeatblocks .imagetextblock .half.graphic .screenshot img {
    position: relative;
    top: auto;
    height: auto;
    width: 100%;
  }
  .repeatblocks .imagetextblock:nth-child(2n+2) {
    text-align: left;
  }
  .repeatblocks .imagetextblock:nth-child(2n+2) .half {
    left: auto;
    position: relative;
  }
  .repeatblocks .imagetextblock:nth-child(2n+2) .half.screen .screenshot, .repeatblocks .imagetextblock:nth-child(2n+2) .half.graphic .screenshot {
    text-align: left;
  }
  .repeatblocks .imagetextblock:nth-child(2n+2) .half .bannercontent .counter {
    background-color: #FCB040;
  }
  .repeatblocks .imagetextblock:nth-child(2n+2) .half:nth-child(2n+2) {
    left: auto;
    position: relative;
  }
  .repeatblocks.colorslide .imagetextblock {
    background-color: #fff;
  }
  .repeatblocks.colorslide .imagetextblock .half:first-child .wrapper {
    text-align: right;
  }
  .repeatblocks.colorslide .imagetextblock .half:first-child.color {
    background-color: #598DEF;
    color: #fff;
  }
  .repeatblocks.colorslide .imagetextblock .half:first-child.color .wrapper {
    text-align: right;
  }
  .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child .wrapper {
    text-align: left;
  }
  .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child.color {
    background-color: #FCB040;
    color: #fff;
  }
  .repeatblocks.colorslide .imagetextblock:nth-child(2n+2) .half:first-child.color .wrapper {
    text-align: left;
  }
}
.repeatblocks.colorslide .imagetextblock {
  background-color: #fff;
}
.rightslidesblock {
  background-color: #fff;
  padding: 0px 0px 24px 0px;
}
.rightslidesblock ul, .rightslidesblock ol {
  padding: 8px 0px;
  margin: 0;
}
.rightslidesblock ul li, .rightslidesblock ol li {
  list-style-position: inside;
  list-style-type: none;
  padding: 4px 4px 4px 36px;
  background-image: url("images/list-icon-2.png");
  background-position: left 12px;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
.rightslidesblock .imagetextblock {
  position: relative;
}
.rightslidesblock .imagetextblock .bannercontent {
  padding: 0px 10%;
  text-align: left;
  max-width: 420px;
  vertical-align: middle;
}
.rightslidesblock .imagetextblock .bannercontent .rightslides {
  height: auto;
  margin-top: 0px;
  text-align: center;
}
.rightslidesblock .imagetextblock .bannercontent .rightslides .slides img {
  display: inline-block;
  width: 100%;
}
.rightslidesblock .imagetextblock .half {
  position: absolute;
  left: 50%;
  top: 0;
}
.rightslidesblock .imagetextblock .half .wrapper {
  text-align: center;
}
.rightslidesblock .imagetextblock .half:nth-child(2) {
  position: absolute;
  left: 0%;
  top: 0;
}
.rightslidesblock .imagetextblock .half:nth-child(2) .wrapper {
  text-align: right;
}
.rightslidesblock .imagetextblock .half:nth-child(1) .wrapper .bannercontent {
  padding: 32px 20% 0 0;
}
@media screen and (max-width: 741px) {
  .rightslidesblock .imagetextblock .half:nth-child(2), .rightslidesblock .imagetextblock .half:nth-child(1) {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
  }
  .rightslidesblock .imagetextblock .half:nth-child(1) .wrapper .bannercontent {
    padding: 32px 0;
  }
}

.singleimage {
  padding: 64px 0px 64px 0px;
  text-align: center;
}
.singleimage .sectionheader {
  padding: 24px 0px;
}
.singleimage .wrapper {
  max-width: 960px;
}

.inline_content_box {
  text-align: left;
  padding: 0px;
  margin: 0px;
  background-color: #fff;
}
.inline_content_box ul, .inline_content_box ol {
  padding: 8px 0px;
  margin: 0;
}
.inline_content_box ul li, .inline_content_box ol li {
  list-style-position: inside;
  list-style-type: none;
  padding: 4px 4px 4px 24px;
  background-image: url("images/list-icon.png");
  background-position: left 12px;
  background-repeat: no-repeat;
  background-size: 6px auto;
}
.inline_content_box.footer {
  background-color: #394b94;
  color: #fff;
}
.inline_content_box.footer .wrapper {
  border: none;
  max-width: 960px;
}
.inline_content_box.footer .wrapper p {
  font-size: 14.4px;
}
@media screen and (min-width: 741px) {
  .inline_content_box.footer .box > div {
    border-left: 1px solid #d9d9d9;
  }
}
@media screen and (max-width: 740px) {
  .inline_content_box.footer .box > div {
    border-bottom: 1px solid #6d7ec6;
  }
}
.inline_content_box.footer .box:first-child > div {
  border-left: none;
}
.inline_content_box .wrapper {
  max-width: 980px;
  display: table;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (min-width: 741px) {
  .inline_content_box .wrapper {
    display: table;
  }
}
@media screen and (max-width: 740px) {
  .inline_content_box .wrapper {
    display: block;
  }
}
.inline_content_box .box {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 741px) {
  .inline_content_box .box {
    display: table-cell;
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 740px) {
  .inline_content_box .box {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 741px) {
  .inline_content_box .box > div {
    padding: 0px 36px 0px 12px;
    margin: 36px 0 36px 0;
  }
}
@media screen and (max-width: 740px) {
  .inline_content_box .box > div {
    padding: 0px 18px;
  }
}
.inline_content_box .box .contentimage {
  width: auto;
  height: auto;
  min-height: 100px;
  max-width: 100px;
}
.inline_content_box .box .contentimage img {
  width: auto;
  height: 100px;
}
.inline_content_box .box .bannercontent.light, .inline_content_box .box .bannercontent.Light {
  color: #545454;
}
.inline_content_box .box .bannercontent.dark, .inline_content_box .box .bannercontent.Dark {
  color: #fff;
}

.contentgrid_2 {
  padding: 12px 0px;
}
.contentgrid_2 .bannercontent {
  text-align: left;
  padding: 0 12px 2px 12px;
  max-width: 1248px;
  width: calc(100% - 24px);
  margin: 0 auto;
}
.contentgrid_2 .bannercontent h2 {
  color: #000;
}
.contentgrid_2 .bannercontent h4, .contentgrid_2 .bannercontent h6 {
  color: #000;
  text-transform: uppercase;
  text-align: left;
  padding-left: 8px;
}
@media screen and (min-width: 741px) {
  .contentgrid_2 .wrapper {
    display: flex;
    max-width: 1248px;
    padding: 12px;
    width: calc(100% - 24px);
  }
}
@media screen and (min-width: 741px) {
  .contentgrid_2 .box {
    width: 50%;
    display: block;
  }
}
@media screen and (max-width: 740px) {
  .contentgrid_2 .box {
    width: 100%;
  }
}
.contentgrid_2 .box .inwrap {
  margin: 0px 12px 0px 12px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f7f7f7;
  display: flex;
  height: 100%;
}
@media screen and (max-width: 740px) {
  .contentgrid_2 .box .inwrap {
    margin: 0px 18px 24px 18px;
  }
}
.contentgrid_2 .box .inwrap .bannercontent {
  padding: 0 18px 6px 18px;
  text-align: left;
  width: 60%;
}
.contentgrid_2 .box .inwrap h3 {
  font-weight: bold;
  color: #545454;
  font-size: 14px;
  padding-bottom: 2px;
}
.contentgrid_2 .box .inwrap h6 {
  font-weight: bold;
  font-size: 10px;
  padding-top: 2px;
  text-transform: uppercase;
  padding-left: 0px;
  padding-bottom: 2px;
  color: #999;
}
.contentgrid_2 .box .inwrap p {
  font-size: 12px;
  line-height: 1.5em;
}
.contentgrid_2 .box .inwrap .face {
  width: 40%;
  height: auto;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.contentgrid_2 .box .inwrap .face img {
  object-fit: cover;
}
@media screen and (min-width: 741px) {
  .contentgrid_2 .box .inwrap .face {
    /*
    img {
                width: 100%;
                min-height: 160px;
                height: auto;
              }
    */
  }
}
@media screen and (min-width: 321px) and (max-width: 740px) {
  .contentgrid_2 .box .inwrap .face {
    width: 120px;
    height: 120px;
    margin-bottom: 4px;
    border-radius: 0px 0px 8px 0px;
  }
  .contentgrid_2 .box .inwrap .face img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 320px) {
  .contentgrid_2 .box .inwrap .face {
    width: 120px;
    height: 120px;
    margin-bottom: 4px;
    border-radius: 0px 0px 8px 0px;
  }
  .contentgrid_2 .box .inwrap .face img {
    width: 100%;
    height: auto;
  }
}

.contentgrid {
  padding: 12px 0px;
}
.contentgrid.accounts {
  padding-top: 120px;
}
.contentgrid .bannercontent {
  text-align: left;
  padding: 0 0 2px 0;
}
.contentgrid .bannercontent h2 {
  color: #000;
}
.contentgrid .bannercontent h4, .contentgrid .bannercontent h6 {
  color: #000;
  text-transform: uppercase;
  text-align: left;
  padding-left: 8px;
}
.contentgrid .wrapper {
  max-width: 960px;
}
.contentgrid .rolling_slides {
  max-width: 960px;
  width: auto;
  position: relative;
  height: auto;
}
.contentgrid .box {
  float: left;
}
@media screen and (min-width: 741px) {
  .contentgrid .box {
    width: 25%;
  }
}
@media screen and (max-width: 740px) {
  .contentgrid .box {
    width: 75%;
  }
}
.contentgrid .box .inwrap {
  margin: 0px 4px 48px 4px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #f7f7f7;
}
.contentgrid .box .inwrap .bannercontent {
  padding: 0 18px 18px 18px;
  text-align: left;
}
.contentgrid .box .inwrap h3 {
  font-weight: bold;
  color: #545454;
  font-size: 14px;
  padding-bottom: 2px;
}
.contentgrid .box .inwrap h6 {
  font-weight: bold;
  font-size: 10px;
  padding-top: 2px;
  text-transform: uppercase;
  padding-left: 0px;
  color: #999;
}
.contentgrid .box .inwrap p {
  font-size: 12px;
  line-height: 1.5em;
}
.contentgrid .box .inwrap .face {
  width: 100%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 741px) {
  .contentgrid .box .inwrap .face {
    height: 220px;
  }
  .contentgrid .box .inwrap .face img {
    width: 100%;
    min-height: 180px;
    height: auto;
  }
}
@media screen and (min-width: 321px) and (max-width: 740px) {
  .contentgrid .box .inwrap .face {
    height: 230px;
  }
  .contentgrid .box .inwrap .face img {
    width: 100%;
    min-height: 170px;
    height: auto;
  }
}
@media screen and (max-width: 320px) {
  .contentgrid .box .inwrap .face {
    height: 240px;
  }
  .contentgrid .box .inwrap .face img {
    width: 100%;
    min-height: 160px;
    height: auto;
  }
}

.datastacks {
  text-align: left;
  padding: 24px 0px 48px 0px;
  margin: 0px;
}
.datastacks .wrapper {
  max-width: 960px;
}
.datastacks .box {
  position: relative;
}
@media screen and (min-width: 741px) {
  .datastacks .box {
    width: 50%;
    display: block;
    min-height: 80px;
    padding: 0px;
    margin: 0px;
    float: left;
  }
}
@media screen and (max-width: 740px) {
  .datastacks .box {
    width: 100%;
    display: block;
    height: auto;
    clear: both;
  }
}
@media screen and (min-width: 741px) {
  .datastacks .box > div {
    padding: 12px 12px 24px 12px;
  }
}
@media screen and (max-width: 740px) {
  .datastacks .box > div {
    padding: 12px 0px 24px 0px;
    margin: 0px 12px;
  }
}
.datastacks .box .contentimage {
  width: auto;
  height: auto;
  float: left;
  width: 30%;
}
.datastacks .box .contentimage img {
  width: 100%;
  max-width: 80px;
  height: auto;
}
.datastacks .box .bannercontent {
  float: left;
  width: 70%;
}
.datastacks #datacount small {
  text-transform: uppercase;
}
.datastacks #datacount p {
  padding-bottom: 2px;
}
.datastacks #datacount h2 {
  color: #000;
  padding-top: 2px;
}
@media screen and (min-width: 741px) {
  .datastacks #datacount h2 {
    font-size: 28.8px;
  }
}
@media screen and (max-width: 740px) {
  .datastacks #datacount h2 {
    font-size: 25.6px;
  }
}
.datastacks #datacount h3 {
  color: #000;
  padding-top: 2px;
}
@media screen and (min-width: 741px) {
  .datastacks #datacount h3 {
    font-size: 25.6px;
  }
}
@media screen and (max-width: 740px) {
  .datastacks #datacount h3 {
    font-size: 19.2px;
  }
}

.datastacksmaps {
  text-align: left;
  padding: 0px 0px 12px 0px;
  margin: 0px;
  text-align: left;
}
.datastacksmaps .wrapper {
  max-width: 960px;
  display: table;
}
.datastacksmaps .box {
  position: relative;
}
@media screen and (min-width: 741px) {
  .datastacksmaps .box {
    width: 50%;
    display: inline-block;
    min-height: 80px;
  }
}
@media screen and (max-width: 740px) {
  .datastacksmaps .box {
    width: 100%;
    display: block;
    height: auto;
    float: none;
    clear: both;
  }
}
@media screen and (min-width: 741px) {
  .datastacksmaps .box > div {
    padding: 12px 12px 12px 12px;
  }
}
@media screen and (max-width: 740px) {
  .datastacksmaps .box > div {
    padding: 12px 12px 12px 12px;
  }
}
@media screen and (min-width: 741px) {
  .datastacksmaps .box .contentimage {
    height: auto;
    float: left;
    width: 30%;
  }
  .datastacksmaps .box .contentimage img {
    width: 100%;
    max-width: 70px;
    height: auto;
  }
}
@media screen and (max-width: 740px) {
  .datastacksmaps .box .contentimage {
    height: auto;
    float: left;
    width: 30%;
  }
  .datastacksmaps .box .contentimage img {
    width: 100%;
    max-width: 70px;
    height: auto;
  }
}
.datastacksmaps .box .bannercontent {
  padding: 0px;
}
@media screen and (min-width: 741px) {
  .datastacksmaps .box .bannercontent {
    float: left;
    width: 70%;
    text-align: left;
  }
}
@media screen and (max-width: 740px) {
  .datastacksmaps .box .bannercontent {
    float: left;
    width: 70%;
    text-align: left;
  }
}
.datastacksmaps #datacount small {
  text-transform: uppercase;
}
.datastacksmaps #datacount p {
  padding-bottom: 2px;
}
.datastacksmaps #datacount h2 {
  color: #000;
  padding-top: 2px;
}
@media screen and (min-width: 741px) {
  .datastacksmaps #datacount h2 {
    font-size: 28.8px;
  }
}
@media screen and (max-width: 740px) {
  .datastacksmaps #datacount h2 {
    font-size: 25.6px;
  }
}
.datastacksmaps #datacount h3 {
  color: #000;
  padding-top: 2px;
}
@media screen and (min-width: 741px) {
  .datastacksmaps #datacount h3 {
    font-size: 25.6px;
  }
}
@media screen and (max-width: 740px) {
  .datastacksmaps #datacount h3 {
    font-size: 19.2px;
  }
}

.feed_blogs {
  text-align: left;
  margin: 0px;
}
@media screen and (min-width: 741px) {
  .feed_blogs {
    padding: 48px 0px 0px 0px;
  }
}
@media screen and (max-width: 740px) {
  .feed_blogs {
    padding: 12px 0px 12px 0px;
  }
}
.feed_blogs h4.header {
  text-transform: uppercase;
  letter-spacing: 2.4px;
  font-size: 12.8px;
}
@media screen and (min-width: 741px) {
  .feed_blogs h4.header {
    padding: 0 12px 24px 12px;
  }
}
@media screen and (max-width: 740px) {
  .feed_blogs h4.header {
    padding: 12px 18px 0px 18px;
  }
}
.feed_blogs .wrapper {
  max-width: 960px;
  padding-bottom: 72px;
}
.feed_blogs .tag_description {
  padding: 12px;
  border-radius: 4px;
  background-color: #fff;
}
@media screen and (min-width: 741px) {
  .feed_blogs .tag_description {
    margin: 0 10px 10px 10px;
  }
}
@media screen and (max-width: 740px) {
  .feed_blogs .tag_description {
    margin: 12px 18px 0px 18px;
  }
}
.feed_blogs .box {
  float: left;
}
.feed_blogs .box > a, .feed_blogs .box > .wrapper {
  padding: 0;
  margin: 0;
  display: block;
}
.feed_blogs .box > a > div:hover {
  background-color: #8babbe;
  color: #fff;
}
.feed_blogs .box > a > div, .feed_blogs .box > .wrapper > div {
  padding: 0px 0px;
  border-radius: 4px;
  overflow: hidden;
  font-size: 12.8px;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  cursor: pointer;
  margin: 10px;
  background-color: #edf2f5;
}
.feed_blogs .box > a > div .download_inline, .feed_blogs .box > .wrapper > div .download_inline {
  position: absolute;
  bottom: 12px;
  left: auto;
  display: block;
  border: 1px solid #54BBBB;
  border-radius: 8px;
  padding: 0px 4px 0px 12px;
}
.feed_blogs .box > a > div .download_inline .icon, .feed_blogs .box > a > div .download_inline .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child .feed_blogs .box > a > div .download_inline .thisicon, .feed_blogs .box > .wrapper > div .download_inline .icon, .feed_blogs .box > .wrapper > div .download_inline .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child .feed_blogs .box > .wrapper > div .download_inline .thisicon {
  vertical-align: middle;
}
.feed_blogs .box > a > div:hover, .feed_blogs .box > .wrapper > div:hover {
  background-color: #8babbe;
  color: #fff;
}
.feed_blogs .box > a > div:hover .download_inline, .feed_blogs .box > .wrapper > div:hover .download_inline {
  color: #fff;
  border: 1px solid #fff;
}
.feed_blogs .box > a > div:hover .download_inline .icon, .feed_blogs .box > a > div:hover .download_inline .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child .feed_blogs .box > a > div:hover .download_inline .thisicon, .feed_blogs .box > .wrapper > div:hover .download_inline .icon, .feed_blogs .box > .wrapper > div:hover .download_inline .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child .feed_blogs .box > .wrapper > div:hover .download_inline .thisicon {
  vertical-align: middle;
  background-position: -160px -240px !important;
}
.feed_blogs .box > a > div:hover .learnmore, .feed_blogs .box > .wrapper > div:hover .learnmore {
  color: #fff;
}
.feed_blogs .box > a > div:hover .learnmore .icon, .feed_blogs .box > a > div:hover .learnmore .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child .feed_blogs .box > a > div:hover .learnmore .thisicon, .feed_blogs .box > .wrapper > div:hover .learnmore .icon, .feed_blogs .box > .wrapper > div:hover .learnmore .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child .feed_blogs .box > .wrapper > div:hover .learnmore .thisicon {
  vertical-align: middle;
  background-position: -160px -120px !important;
}
.feed_blogs .box > a > div .contentimage, .feed_blogs .box > .wrapper > div .contentimage {
  background-size: cover;
  background-position: center center;
}
.feed_blogs .box > a > div .contentimage.blank, .feed_blogs .box > .wrapper > div .contentimage.blank {
  background-image: url("images/blogdefault.jpg");
}
.feed_blogs .box > a > div .contentimage img, .feed_blogs .box > .wrapper > div .contentimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 741px) {
  .feed_blogs .box > a > div h4, .feed_blogs .box > a > div h5, .feed_blogs .box > a > div h6, .feed_blogs .box > a > div p, .feed_blogs .box > .wrapper > div h4, .feed_blogs .box > .wrapper > div h5, .feed_blogs .box > .wrapper > div h6, .feed_blogs .box > .wrapper > div p {
    padding: 12px 18px 0px 18px;
    margin: 0;
  }
}
@media screen and (max-width: 740px) {
  .feed_blogs .box > a > div h4, .feed_blogs .box > a > div h5, .feed_blogs .box > a > div h6, .feed_blogs .box > a > div p, .feed_blogs .box > .wrapper > div h4, .feed_blogs .box > .wrapper > div h5, .feed_blogs .box > .wrapper > div h6, .feed_blogs .box > .wrapper > div p {
    padding: 12px 8px 0px 8px;
    margin: 0;
  }
}
.feed_blogs .box > a > div p, .feed_blogs .box > .wrapper > div p {
  line-height: 18px;
}
.feed_blogs .box > a > div p a, .feed_blogs .box > .wrapper > div p a {
  font-weight: bold;
}
.feed_blogs .box > a > div p.credits, .feed_blogs .box > .wrapper > div p.credits {
  font-size: 9.6px;
}
@media screen and (min-width: 741px) {
  .feed_blogs .box > a > div p.credits, .feed_blogs .box > .wrapper > div p.credits {
    padding: 6px 18px 0px 18px;
    margin: 0;
  }
}
@media screen and (max-width: 740px) {
  .feed_blogs .box > a > div p.credits, .feed_blogs .box > .wrapper > div p.credits {
    padding: 6px 8px 0px 8px;
    margin: 0;
  }
}
@media screen and (min-width: 741px) {
  .feed_blogs .box.post {
    width: 33.3333333333%;
  }
  .feed_blogs .box.post:nth-child(8n+1) > a > div, .feed_blogs .box.post:nth-child(8n+1) > .wrapper > div {
    height: 510px;
  }
  .feed_blogs .box.post:nth-child(8n+1) > a > div .contentimage, .feed_blogs .box.post:nth-child(8n+1) > .wrapper > div .contentimage {
    width: auto;
    height: 48%;
    overflow: hidden;
  }
  .feed_blogs .box.post:nth-child(8n+6) {
    float: right;
  }
  .feed_blogs .box.post:nth-child(8n+6) > a > div, .feed_blogs .box.post:nth-child(8n+6) > .wrapper > div {
    height: 510px;
  }
  .feed_blogs .box.post:nth-child(8n+6) > a > div .contentimage, .feed_blogs .box.post:nth-child(8n+6) > .wrapper > div .contentimage {
    width: auto;
    height: 48%;
    overflow: hidden;
  }
  .feed_blogs .box.post:nth-child(8n+2), .feed_blogs .box.post:nth-child(8n+5) {
    width: 66.6666666667%;
  }
  .feed_blogs .box.post:nth-child(8n+2) > a > div, .feed_blogs .box.post:nth-child(8n+2) > .wrapper > div, .feed_blogs .box.post:nth-child(8n+5) > a > div, .feed_blogs .box.post:nth-child(8n+5) > .wrapper > div {
    height: 245px;
  }
  .feed_blogs .box.post:nth-child(8n+2) > a > div .contentimage, .feed_blogs .box.post:nth-child(8n+2) > .wrapper > div .contentimage, .feed_blogs .box.post:nth-child(8n+5) > a > div .contentimage, .feed_blogs .box.post:nth-child(8n+5) > .wrapper > div .contentimage {
    width: 48.4%;
    height: 100%;
    overflow: hidden;
    float: left;
  }
  .feed_blogs .box.post:nth-child(8n+2) > a > div .bannercontent, .feed_blogs .box.post:nth-child(8n+2) > .wrapper > div .bannercontent, .feed_blogs .box.post:nth-child(8n+5) > a > div .bannercontent, .feed_blogs .box.post:nth-child(8n+5) > .wrapper > div .bannercontent {
    width: 50%;
    float: right;
  }
  .feed_blogs .box.post:nth-child(4n+3) > a > div, .feed_blogs .box.post:nth-child(4n+3) > .wrapper > div, .feed_blogs .box.post:nth-child(4n+4) > a > div, .feed_blogs .box.post:nth-child(4n+4) > .wrapper > div {
    height: 245px;
  }
  .feed_blogs .box.post:nth-child(4n+3) > a > div .contentimage, .feed_blogs .box.post:nth-child(4n+3) > .wrapper > div .contentimage, .feed_blogs .box.post:nth-child(4n+4) > a > div .contentimage, .feed_blogs .box.post:nth-child(4n+4) > .wrapper > div .contentimage {
    width: auto;
    height: 40%;
    overflow: hidden;
  }
  .feed_blogs .box.post:nth-child(4n+3) > a > div .excerpt, .feed_blogs .box.post:nth-child(4n+3) > .wrapper > div .excerpt, .feed_blogs .box.post:nth-child(4n+4) > a > div .excerpt, .feed_blogs .box.post:nth-child(4n+4) > .wrapper > div .excerpt {
    display: none;
  }
  .feed_blogs .box.reco, .feed_blogs .box.media, .feed_blogs .box.news {
    width: 50%;
  }
  .feed_blogs .box.reco > a > div, .feed_blogs .box.reco > .wrapper > div, .feed_blogs .box.media > a > div, .feed_blogs .box.media > .wrapper > div, .feed_blogs .box.news > a > div, .feed_blogs .box.news > .wrapper > div {
    height: 245px;
  }
  .feed_blogs .box.reco > a > div .contentimage, .feed_blogs .box.reco > .wrapper > div .contentimage, .feed_blogs .box.media > a > div .contentimage, .feed_blogs .box.media > .wrapper > div .contentimage, .feed_blogs .box.news > a > div .contentimage, .feed_blogs .box.news > .wrapper > div .contentimage {
    width: 48%;
    height: 100%;
    overflow: hidden;
    float: left;
  }
  .feed_blogs .box.reco > a > div .bannercontent, .feed_blogs .box.reco > .wrapper > div .bannercontent, .feed_blogs .box.media > a > div .bannercontent, .feed_blogs .box.media > .wrapper > div .bannercontent, .feed_blogs .box.news > a > div .bannercontent, .feed_blogs .box.news > .wrapper > div .bannercontent {
    width: 52%;
    float: right;
  }
  .feed_blogs .box.footreco {
    width: 100%;
  }
  .feed_blogs .box.footreco > a > div, .feed_blogs .box.footreco > .wrapper > div {
    height: 145px;
  }
  .feed_blogs .box.footreco > a > div .credits, .feed_blogs .box.footreco > .wrapper > div .credits {
    display: none;
  }
  .feed_blogs .box.footreco > a > div .contentimage, .feed_blogs .box.footreco > .wrapper > div .contentimage {
    width: 28%;
    height: 100%;
    overflow: hidden;
    float: left;
  }
  .feed_blogs .box.footreco > a > div .bannercontent, .feed_blogs .box.footreco > .wrapper > div .bannercontent {
    width: 72%;
    float: right;
  }
  .feed_blogs .box.whitepaper {
    width: 33.3333333333%;
  }
  .feed_blogs .box.whitepaper > a > div, .feed_blogs .box.whitepaper > .wrapper > div {
    height: 510px;
  }
  .feed_blogs .box.whitepaper > a > div .contentimage, .feed_blogs .box.whitepaper > .wrapper > div .contentimage {
    width: auto;
    height: 48%;
    overflow: hidden;
  }
  .feed_blogs .box.report {
    width: 33.3333333333%;
  }
  .feed_blogs .box.report > a > div, .feed_blogs .box.report > .wrapper > div {
    height: 510px;
    border: 1px solid #edf2f5;
  }
  .feed_blogs .box.report > a > div .contentimage, .feed_blogs .box.report > .wrapper > div .contentimage {
    width: auto;
    height: 48%;
    overflow: hidden;
    background-position: left center;
  }
}
@media screen and (max-width: 740px) {
  .feed_blogs .box.post, .feed_blogs .box.reco, .feed_blogs .box.news, .feed_blogs .box.whitepaper, .feed_blogs .box.report, .feed_blogs .box.footreco, .feed_blogs .box.media {
    width: 100%;
    float: none;
  }
  .feed_blogs .box.post > a > div, .feed_blogs .box.post > .wrapper > div, .feed_blogs .box.reco > a > div, .feed_blogs .box.reco > .wrapper > div, .feed_blogs .box.news > a > div, .feed_blogs .box.news > .wrapper > div, .feed_blogs .box.whitepaper > a > div, .feed_blogs .box.whitepaper > .wrapper > div, .feed_blogs .box.report > a > div, .feed_blogs .box.report > .wrapper > div, .feed_blogs .box.footreco > a > div, .feed_blogs .box.footreco > .wrapper > div, .feed_blogs .box.media > a > div, .feed_blogs .box.media > .wrapper > div {
    min-height: 100px;
    margin: 18px;
    display: flex;
  }
  .feed_blogs .box.post > a > div .contentimage, .feed_blogs .box.post > .wrapper > div .contentimage, .feed_blogs .box.reco > a > div .contentimage, .feed_blogs .box.reco > .wrapper > div .contentimage, .feed_blogs .box.news > a > div .contentimage, .feed_blogs .box.news > .wrapper > div .contentimage, .feed_blogs .box.whitepaper > a > div .contentimage, .feed_blogs .box.whitepaper > .wrapper > div .contentimage, .feed_blogs .box.report > a > div .contentimage, .feed_blogs .box.report > .wrapper > div .contentimage, .feed_blogs .box.footreco > a > div .contentimage, .feed_blogs .box.footreco > .wrapper > div .contentimage, .feed_blogs .box.media > a > div .contentimage, .feed_blogs .box.media > .wrapper > div .contentimage {
    width: 35%;
    overflow: hidden;
  }
  .feed_blogs .box.post > a > div .bannercontent, .feed_blogs .box.post > .wrapper > div .bannercontent, .feed_blogs .box.reco > a > div .bannercontent, .feed_blogs .box.reco > .wrapper > div .bannercontent, .feed_blogs .box.news > a > div .bannercontent, .feed_blogs .box.news > .wrapper > div .bannercontent, .feed_blogs .box.whitepaper > a > div .bannercontent, .feed_blogs .box.whitepaper > .wrapper > div .bannercontent, .feed_blogs .box.report > a > div .bannercontent, .feed_blogs .box.report > .wrapper > div .bannercontent, .feed_blogs .box.footreco > a > div .bannercontent, .feed_blogs .box.footreco > .wrapper > div .bannercontent, .feed_blogs .box.media > a > div .bannercontent, .feed_blogs .box.media > .wrapper > div .bannercontent {
    width: 65%;
    padding-bottom: 12px;
  }
}
.feed_blogs .half {
  float: left;
  width: 50%;
}
@media screen and (max-width: 740px) {
  .feed_blogs .half {
    float: none;
    width: 100%;
  }
}
@media screen and (min-width: 741px) {
  .feed_blogs .half .box.post, .feed_blogs .half .box.reco, .feed_blogs .half .box.media, .feed_blogs .half .box.news, .feed_blogs .half .box.whitepaper, .feed_blogs .half .box.report {
    width: 100%;
  }
}
.feed_blogs.footer {
  background-color: #324181;
}
.feed_blogs.footer h4.header {
  color: #fff;
}

.feed_blogs.blogpage, .feed_blogs.blog, .feed_blogs.press-room {
  background-color: #edf2f5;
}
.feed_blogs.blogpage .box > a > div, .feed_blogs.blog .box > a > div, .feed_blogs.press-room .box > a > div {
  background-color: #fff;
}
.feed_blogs.blogpage .box > a > div:hover, .feed_blogs.blog .box > a > div:hover, .feed_blogs.press-room .box > a > div:hover {
  background-color: #8babbe;
  color: #fff;
}
.feed_blogs.blogpage .box > .wrapper > div, .feed_blogs.blog .box > .wrapper > div, .feed_blogs.press-room .box > .wrapper > div {
  background-color: #fff;
}

.feed_blogs.mediapage .box > a > div, .feed_blogs.mediapage .box > .wrapper > div {
  border: 1px solid #edf2f5;
}

.fillslidesblog {
  width: auto;
  min-height: 480px;
  height: auto;
  margin: 0px;
  padding: 0px;
  position: relative;
  background-color: #EDF2F5;
  color: #fff;
}
@media screen and (max-width: 740px) {
  .fillslidesblog {
    height: 100vh;
  }
}
@media screen and (min-width: 741px) {
  .fillslidesblog {
    min-height: 50vh;
    height: auto;
  }
}
@media print {
  .fillslidesblog {
    max-width: none;
    width: 100%;
    height: 320px;
    margin-bottom: 10mm;
  }
}
.fillslidesblog .slide {
  width: 100%;
  height: 100%;
  min-height: 480px;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
}
@media screen and (max-width: 740px) {
  .fillslidesblog .slide {
    height: 100vh;
  }
}
@media screen and (min-width: 741px) {
  .fillslidesblog .slide {
    min-height: 50vh;
    height: auto;
  }
}
@media print {
  .fillslidesblog .slide {
    height: 320px;
    padding-bottom: 24px;
  }
}
.fillslidesblog .slide .overlaycolor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
@media screen {
  .fillslidesblog .slide .overlaycolor {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.2) 90%);
  }
}
@media print {
  .fillslidesblog .slide .overlaycolor {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
.fillslidesblog .slide .wrapper {
  height: 100%;
  position: relative;
  z-index: 101;
}
.fillslidesblog .slide .bannercontent {
  max-width: 700px;
  width: auto;
  margin: 0 auto 0 auto;
  padding: 0 2.5%;
  text-align: center;
  position: relative;
  padding-top: 160px;
  padding-bottom: 24px;
}
.fillslidesblog .slide .bannercontent h4 {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 3.6px;
  font-weight: normal;
}
@media screen and (min-width: 741px) {
  .fillslidesblog .slide .bannercontent h1 {
    font-size: 48px;
  }
}
@media screen and (max-width: 740px) {
  .fillslidesblog .slide .bannercontent h1 {
    font-size: 32px;
  }
}
.fillslidesblog .slide .bannercontent p {
  font-size: 16px;
}

.author_avatar {
  width: 80px;
  height: 80px;
  display: inline-block;
  overflow: hidden;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 100px;
  background-color: #fff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
  vertical-align: text-bottom;
}
.author_avatar.blank {
  background-image: url("images/blogdefault.jpg");
}

.blogcontent {
  position: relative;
  max-width: 960px;
  margin: 0 auto 48px auto;
}
.blogcontent.gated {
  margin-bottom: 0;
  padding-bottom: 0;
}
.blogcontent.gated .wrapper > * {
  display: none;
}
.blogcontent.gated .wrapper > *:nth-child(1), .blogcontent.gated .wrapper > *:nth-child(2), .blogcontent.gated .wrapper > *:nth-child(3), .blogcontent.gated .wrapper > *:nth-child(4), .blogcontent.gated .wrapper > *:nth-child(5) {
  display: block !important;
}
.blogcontent.gated .cover {
  display: block !important;
  z-index: 800;
  height: 200px;
  width: inherit;
  position: absolute;
  bottom: 0;
  left: auto;
  right: auto;
  background-image: linear-gradient(0deg, white 30%, rgba(255, 255, 255, 0) 100%);
}
.blogcontent.pits {
  padding-top: 128px;
  padding-bottom: 128px;
  border-bottom: none;
}
@media screen and (min-width: 741px) {
  .blogcontent {
    padding: 48px 0px;
    margin: 0 auto 48px auto;
  }
}
@media screen and (max-width: 740px) {
  .blogcontent {
    padding: 12px 12px 48px 12px;
    margin: 0 0 48px 0;
  }
}
@media print {
  .blogcontent {
    max-width: none;
    width: 100%;
    font-size: 10pt;
  }
}
.blogcontent a {
  color: #598DEF;
  font-weight: bold;
  word-break: break-word;
}
.blogcontent a.tags {
  padding: 6px 8px;
  background-color: #EDF2F5;
  border-radius: 4px;
  color: #545454;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 9.6px;
  display: inline-block;
  margin: 2px 4px 2px 0px;
}
.blogcontent a.tags:hover {
  background-color: #abc3d1;
  color: #fff;
}
@media screen and (min-width: 741px) {
  .blogcontent iframe {
    width: 960px;
  }
}
@media screen and (max-width: 740px) {
  .blogcontent iframe {
    width: 100%;
  }
}
.blogcontent figure {
  width: auto;
  height: auto;
  display: inline-block;
  font-style: italic;
  color: #ccc;
  font-size: 0.8em;
  text-align: center;
  margin: 0px;
}
.blogcontent figure figcaption {
  text-align: center;
  padding: 8px 0 16px 0;
  margin: 10px 0 0 0;
  border-bottom: 1px solid #e3e3e3;
}
@media screen and (min-width: 741px) {
  .blogcontent figure.alignleft {
    float: left;
    width: 47.5%;
    max-width: 510px;
    padding: 0px;
    margin: 24px 5% 24px 1%;
    font-size: 0.8em;
    color: #bababa;
    text-align: right;
  }
  .blogcontent figure.alignright {
    float: right;
    width: 45%;
    max-width: 510px;
    margin: 24px 1% 24px 5%;
    padding: 0px 0px 0px 2.5%;
    font-size: 0.8em;
    color: #878787;
    text-align: left;
  }
  .blogcontent figure.aligncenter, .blogcontent figure.alignnone {
    margin: 0 auto;
    display: block;
  }
}
@media print {
  .blogcontent figure.alignleft {
    float: left;
    width: 47.5%;
    max-width: 510px;
    padding: 0px;
    margin: 24px 5% 24px 1%;
    font-size: 0.8em;
    color: #bababa;
    text-align: right;
  }
  .blogcontent figure.alignright {
    float: right;
    width: 45%;
    max-width: 510px;
    margin: 24px 1% 24px 5%;
    padding: 0px 0px 0px 2.5%;
    font-size: 0.8em;
    color: #878787;
    text-align: left;
  }
  .blogcontent figure.aligncenter, .blogcontent figure.alignnone {
    margin: 0 auto;
    display: block;
  }
}
.blogcontent figure.aligncenter, .blogcontent figure.alignnone {
  margin: 0 auto;
  display: block;
}
.blogcontent img {
  width: auto;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
  page-break-inside: auto;
}
@media screen and (min-width: 741px) {
  .blogcontent img.alignleft {
    float: left;
    width: 47.5%;
    max-width: 510px;
    padding: 0px;
    margin: 24px 5% 24px 1%;
    font-size: 0.8em;
    color: #bababa;
  }
  .blogcontent img.alignright {
    float: right;
    width: 45%;
    max-width: 510px;
    margin: 24px 1% 24px 5%;
    padding: 0px 0px 0px 2.5%;
    font-size: 0.8em;
    color: #878787;
  }
}
.blogcontent img.aligncenter, .blogcontent img.alignnone {
  margin: 48px auto;
  display: block;
}
@media print {
  .blogcontent img {
    margin-top: 10mm !important;
    margin-bottom: 10mm !important;
    page-break-inside: auto;
    max-width: 90%;
  }
}
.blogcontent .wrapper p, .blogcontent .wrapper h1, .blogcontent .wrapper h2, .blogcontent .wrapper h3, .blogcontent .wrapper h4, .blogcontent .wrapper h5, .blogcontent .wrapper h6 {
  max-width: 700px;
  margin: 0 auto;
  padding: 18px 0px;
}
@media print {
  .blogcontent .wrapper p, .blogcontent .wrapper h1, .blogcontent .wrapper h2, .blogcontent .wrapper h3, .blogcontent .wrapper h4, .blogcontent .wrapper h5, .blogcontent .wrapper h6 {
    max-width: 65%;
    padding: 2mm 0px;
  }
}
@media print {
  .blogcontent .wrapper p {
    line-height: 15pt;
  }
}
.blogcontent .wrapper pre {
  max-width: 664px;
  margin: 0 auto 12px auto;
  background-color: #EDF2F5;
  color: black;
  white-space: pre-wrap;
  border-radius: 4px;
  padding: 18px 18px;
  border: none;
  outline: none;
  display: block;
  font-size: 12.8px;
  font-family: monospace;
  line-height: 1.6em;
  word-break: break-all;
}
.blogcontent .wrapper code {
  font-family: "menlo", monospace;
  line-height: 1.8em;
  display: block;
  white-space: pre-wrap;
  word-break: break-all;
}
@media screen and (min-width: 741px) {
  .blogcontent .wrapper p.alignleft {
    float: left;
    width: 47.5%;
    max-width: 510px;
    padding: 0px;
    margin: 24px 5% 24px 1%;
    font-size: 0.8em;
    color: #bababa;
  }
  .blogcontent .wrapper p.alignright {
    float: right;
    width: 45%;
    max-width: 510px;
    margin: 24px 1% 24px 5%;
    padding: 0px 0px 0px 2.5%;
    font-size: 0.8em;
    color: #878787;
  }
}
.blogcontent .wrapper p.aligncenter {
  margin: 24px auto 24px auto;
  font-size: 0.8em;
  color: #878787;
}
.blogcontent .wrapper blockquote {
  color: #6a93ac;
  /*
        &:before {
          content: '\201C';
          color: $dwblue;
          font-size: $fontsize*1.2;
          font-family: 'Times New Roman', serif;
        }
  */
}
@media screen and (min-width: 741px) {
  .blogcontent .wrapper blockquote {
    float: left;
    width: 47.5%;
    max-width: 510px;
    margin: 36px 5% 48px 1%;
    font-size: 22.4px;
    line-height: 30.4px;
    text-align: right;
  }
}
@media screen and (max-width: 740px) {
  .blogcontent .wrapper blockquote {
    float: none;
    width: auto;
    max-width: inherit;
    margin: 36px 5% 48px 1%;
    font-size: 19.2px;
    line-height: 24px;
    text-align: center;
  }
}
.blogcontent .wrapper ul, .blogcontent .wrapper ol {
  max-width: 700px;
  margin: 0 auto;
  padding: 18px 0px;
}
.blogcontent .wrapper ul li, .blogcontent .wrapper ol li {
  list-style-position: inside;
  list-style-type: none;
  padding: 4px 4px 4px 36px;
  background-image: url("images/list-icon-2.png");
  background-position: left 12px;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
@media print {
  .blogcontent .wrapper ul, .blogcontent .wrapper ol {
    max-width: 140mm;
    padding: 2mm 0px;
  }
}
.blogcontent .author {
  font-weight: bold;
  font-style: italic;
}

.blogcontent-resources {
  position: relative;
  max-width: 716px;
  margin: 48px auto 48px auto;
}
.blogcontent-resources.pits {
  padding-top: 128px;
  padding-bottom: 128px;
  border-bottom: none;
}
@media screen and (min-width: 741px) {
  .blogcontent-resources {
    padding: 48px 0px;
    margin: 48px auto 48px auto;
  }
}
@media screen and (max-width: 740px) {
  .blogcontent-resources {
    padding: 12px 12px 48px 12px;
    margin: 0 0 48px 0;
  }
}
@media print {
  .blogcontent-resources {
    max-width: none;
    width: 100%;
    font-size: 10pt;
  }
}
.blogcontent-resources a {
  color: #598DEF;
  font-weight: bold;
  word-break: break-word;
}
.blogcontent-resources a.tags {
  padding: 6px 8px;
  background-color: #EDF2F5;
  border-radius: 4px;
  color: #545454;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 9.6px;
  display: inline-block;
  margin: 2px 4px 2px 0px;
}
.blogcontent-resources a.tags:hover {
  background-color: #abc3d1;
  color: #fff;
}
@media screen and (min-width: 741px) {
  .blogcontent-resources iframe {
    width: 960px;
  }
}
@media screen and (max-width: 740px) {
  .blogcontent-resources iframe {
    width: 100%;
  }
}
.blogcontent-resources figure {
  width: auto;
  height: auto;
  display: inline-block;
  font-style: italic;
  color: #ccc;
  font-size: 0.8em;
  text-align: center;
  margin: 0px;
}
.blogcontent-resources figure figcaption {
  text-align: left;
  padding: 10px 0 0 0;
  margin: 10px auto 0 auto;
  border-top: 1px solid #e3e3e3;
  max-width: 700px;
  color: #878787;
}
@media screen and (min-width: 741px) {
  .blogcontent-resources figure {
    margin: 24px 0;
  }
  .blogcontent-resources figure.alignleft {
    float: left;
    width: 47.5%;
    max-width: 510px;
    padding: 0px;
    margin: 24px 5% 24px 1%;
    font-size: 0.8em;
    color: #bababa;
    text-align: right;
  }
  .blogcontent-resources figure.alignright {
    float: right;
    width: 45%;
    max-width: 510px;
    margin: 24px 1% 24px 5%;
    padding: 0px 0px 0px 2.5%;
    font-size: 0.8em;
    color: #878787;
    text-align: left;
  }
  .blogcontent-resources figure.aligncenter, .blogcontent-resources figure.alignnone {
    margin: 0 auto;
    display: block;
  }
}
@media print {
  .blogcontent-resources figure.alignleft {
    float: left;
    width: 47.5%;
    max-width: 510px;
    padding: 0px;
    margin: 24px 5% 24px 1%;
    font-size: 0.8em;
    color: #bababa;
    text-align: right;
  }
  .blogcontent-resources figure.alignright {
    float: right;
    width: 45%;
    max-width: 510px;
    margin: 24px 1% 24px 5%;
    padding: 0px 0px 0px 2.5%;
    font-size: 0.8em;
    color: #878787;
    text-align: left;
  }
  .blogcontent-resources figure.aligncenter, .blogcontent-resources figure.alignnone {
    margin: 0 auto;
    display: block;
  }
}
.blogcontent-resources figure.aligncenter, .blogcontent-resources figure.alignnone {
  margin: 0 auto;
  display: block;
}
.blogcontent-resources img {
  width: auto;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
  page-break-inside: auto;
}
@media screen and (min-width: 741px) {
  .blogcontent-resources img {
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.05);
  }
  .blogcontent-resources img.alignleft {
    float: left;
    width: 47.5%;
    max-width: 510px;
    padding: 0px;
    margin: 48px 5% 48px 1%;
    font-size: 0.8em;
    color: #bababa;
  }
  .blogcontent-resources img.alignright {
    float: right;
    width: 45%;
    max-width: 510px;
    margin: 24px 1% 24px 5%;
    padding: 0px 0px 0px 2.5%;
    font-size: 0.8em;
    color: #878787;
  }
}
.blogcontent-resources img.aligncenter, .blogcontent-resources img.alignnone {
  margin: 48px auto;
  display: block;
}
@media print {
  .blogcontent-resources img {
    margin-top: 10mm !important;
    margin-bottom: 10mm !important;
    page-break-inside: auto;
    max-width: 90%;
  }
}
.blogcontent-resources .wrapper h1, .blogcontent-resources .wrapper h2, .blogcontent-resources .wrapper h3, .blogcontent-resources .wrapper h4 {
  max-width: 700px;
  margin: 0 auto;
  padding: 18px 0px 6px 0px;
}
@media print {
  .blogcontent-resources .wrapper h1, .blogcontent-resources .wrapper h2, .blogcontent-resources .wrapper h3, .blogcontent-resources .wrapper h4 {
    max-width: 65%;
    padding: 2mm 0px;
  }
}
.blogcontent-resources .wrapper p, .blogcontent-resources .wrapper h5, .blogcontent-resources .wrapper h6 {
  max-width: 700px;
  margin: 0 auto;
  padding: 6px 0px 18px 0px;
}
@media print {
  .blogcontent-resources .wrapper p, .blogcontent-resources .wrapper h5, .blogcontent-resources .wrapper h6 {
    max-width: 65%;
    padding: 2mm 0px;
  }
}
.blogcontent-resources .wrapper h1.header {
  font-size: 32px;
  color: #545454;
  padding: 18px 0px 0px 0px;
}
@media print {
  .blogcontent-resources .wrapper p {
    line-height: 15pt;
  }
}
.blogcontent-resources .wrapper pre {
  max-width: 664px;
  margin: 0 auto 12px auto;
  background-color: #EDF2F5;
  color: black;
  white-space: pre-wrap;
  border-radius: 4px;
  padding: 18px 18px;
  border: none;
  outline: none;
  display: block;
  font-size: 12.8px;
  font-family: monospace;
  line-height: 1.6em;
  word-break: break-all;
}
.blogcontent-resources .wrapper code {
  font-family: "menlo", monospace;
  line-height: 1.8em;
  display: block;
  white-space: pre-wrap;
  word-break: break-all;
}
@media screen and (min-width: 741px) {
  .blogcontent-resources .wrapper p.alignleft {
    float: left;
    width: 47.5%;
    max-width: 510px;
    padding: 0px;
    margin: 24px 5% 24px 1%;
    font-size: 0.8em;
    color: #bababa;
  }
  .blogcontent-resources .wrapper p.alignright {
    float: right;
    width: 45%;
    max-width: 510px;
    margin: 24px 1% 24px 5%;
    padding: 0px 0px 0px 2.5%;
    font-size: 0.8em;
    color: #878787;
  }
}
.blogcontent-resources .wrapper p.aligncenter {
  margin: 24px auto 24px auto;
  font-size: 0.8em;
  color: #878787;
}
.blogcontent-resources .wrapper blockquote {
  color: #6a93ac;
  /*
        &:before {
          content: '\201C';
          color: $dwblue;
          font-size: $fontsize*1.2;
          font-family: 'Times New Roman', serif;
        }
  */
}
@media screen and (min-width: 741px) {
  .blogcontent-resources .wrapper blockquote {
    float: left;
    width: 47.5%;
    max-width: 510px;
    margin: 36px 5% 48px 1%;
    font-size: 22.4px;
    line-height: 30.4px;
    text-align: right;
  }
}
@media screen and (max-width: 740px) {
  .blogcontent-resources .wrapper blockquote {
    float: none;
    width: auto;
    max-width: inherit;
    margin: 36px 5% 48px 1%;
    font-size: 19.2px;
    line-height: 24px;
    text-align: center;
  }
}
.blogcontent-resources .wrapper ul {
  max-width: 700px;
  margin: 0 auto;
  padding: 18px 0px;
}
.blogcontent-resources .wrapper ul li {
  list-style-position: inside;
  list-style-type: none;
  padding: 4px 4px 4px 36px;
  background-image: url("images/list-icon-2.png");
  background-position: left 12px;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
@media print {
  .blogcontent-resources .wrapper ul {
    max-width: 140mm;
    padding: 2mm 0px;
  }
}
.blogcontent-resources .wrapper ol {
  max-width: 700px;
  margin: 0 auto;
  padding: 18px 0px;
  counter-reset: my-awesome-counter;
}
.blogcontent-resources .wrapper ol li {
  list-style-position: inside;
  list-style-type: none;
  padding: 4px 4px 4px 38px;
  counter-increment: my-awesome-counter;
  position: relative;
}
.blogcontent-resources .wrapper ol li:before {
  content: counter(my-awesome-counter);
  font-weight: bold;
  font-size: 0.6rem;
  margin-right: 1rem;
  color: #598DEF;
  text-align: center;
  background-color: #fff;
  border: 1px solid #598DEF;
  border-radius: 100%;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: bottom;
  position: absolute;
  top: 0.2em;
  left: 0;
}
@media print {
  .blogcontent-resources .wrapper ol {
    max-width: 140mm;
    padding: 2mm 0px;
  }
}
.blogcontent-resources .author {
  font-weight: bold;
  font-style: italic;
}

@media screen and (min-width: 741px) {
  .resource-wrapper {
    display: flex;
    flex-direction: row;
  }
  .resource-wrapper.align-left {
    flex-direction: row-reverse;
  }
}
.resource-wrapper .resource-sidebar {
  background-color: #f7f7f7;
  position: relative;
}
@media screen and (min-width: 741px) {
  .resource-wrapper .resource-sidebar {
    width: 30%;
    padding-top: 64px;
  }
}
@media screen and (min-width: 741px) {
  .resource-wrapper .resource-sidebar .resource-sticky {
    position: sticky;
    top: 63px;
    min-height: calc(100vh - 100px);
    overflow: auto;
    padding-bottom: 64px;
  }
}
.resource-wrapper .resource-sidebar h4 {
  text-transform: uppercase;
  font-size: 11.2px;
  font-weight: normal;
  color: black;
  padding: 24px 12px 18px 18px;
  margin: 0;
  border-bottom: #ccc solid 1px;
}
.resource-wrapper .resource-sidebar ul {
  padding: 0px 0px 0px 0px;
  list-style: none;
  margin: 0;
}
.resource-wrapper .resource-sidebar ul ul {
  padding: 0px 0px 0px 18px;
}
.resource-wrapper .resource-sidebar ul li {
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.resource-wrapper .resource-sidebar ul li ul {
  display: none;
}
.resource-wrapper .resource-sidebar ul li a {
  padding: 8px 12px 8px 36px;
  font-size: 12.8px;
  display: block;
  border-bottom: 1px solid #e7e7e7;
  background-image: url("images/resources-dot@2x.png");
  background-repeat: no-repeat;
  background-position: 12px 8px;
  background-size: 24px 24px;
}
.resource-wrapper .resource-sidebar ul li a:hover {
  color: black;
  font-weight: bold;
}
.resource-wrapper .resource-sidebar ul li.expandable.selected > a {
  background-image: url("images/resources-arrow-down@2x.png");
  background-size: 24px 24px;
  color: #000;
  font-weight: bold;
}
.resource-wrapper .resource-sidebar ul li.expandable.selected > ul {
  display: block;
}
.resource-wrapper .resource-sidebar ul li.expandable > a {
  background-image: url("images/resources-arrow-left@2x.png");
  background-size: 24px 24px;
}
.resource-wrapper .resource-sidebar ul li.active > a {
  background-size: 24px 24px;
  color: #598DEF !important;
  font-weight: bold;
}
.resource-wrapper .resource-content {
  padding-top: 64px;
}
@media screen and (min-width: 741px) {
  .resource-wrapper .resource-content {
    width: 70%;
    padding-top: 0px;
  }
}

a.presspost {
  padding: 0px 0px 12px 0px;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2.4px;
  line-height: 10px;
  font-size: 12px;
  color: #FCB040;
  position: relative;
  cursor: pointer;
  font-weight: normal !important;
}
a.presspost .icon, a.presspost .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child a.presspost .thisicon {
  vertical-align: middle;
  margin-top: -2px;
}

.steve .wrapper {
  max-width: 960px;
  padding: 64px 0px;
}
.steve .bannercontent {
  text-align: center;
}
.steve .bannercontent h2 {
  color: #000;
}
@media screen and (min-width: 741px) {
  .steve .third {
    width: 33.3333333333%;
    float: left;
  }
  .steve .third p.details {
    padding-bottom: 0px;
  }
  .steve .third.two {
    width: 66.6666666667%;
  }
}

.collapsible {
  padding: 0px;
  border-bottom: 1px solid #D9D9D9;
  margin: 64px 0 64px 0;
}
.collapsible h1, .collapsible h2, .collapsible h3, .collapsible h4 {
  text-transform: capitalize;
}
.collapsible dl {
  border-top: 1px solid #D9D9D9;
  padding: 8px 0px 8px 12px;
  margin: 0px;
}
.collapsible dl.active h4 {
  color: #598DEF;
}
.collapsible dl i.icon, .collapsible dl .repeatblocks.colorslide .imagetextblock .half:first-child i.thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child .collapsible dl i.thisicon {
  float: right;
  margin: 4px;
}
.collapsible dl dt {
  cursor: pointer;
}
.collapsible dl dd {
  display: none;
  margin: 0px;
  padding-bottom: 32px;
}
.collapsible dl dd h4 {
  color: #545454 !important;
}
.collapsible dl dd .two {
  padding-top: 12px;
}
.collapsible dl dd .two h4 {
  padding-top: 0px;
}
.collapsible dl dd ul, .collapsible dl dd ol {
  padding: 8px 0px;
  margin: 0;
}
.collapsible dl dd ul li, .collapsible dl dd ol li {
  list-style-position: inside;
  list-style-type: none;
  padding: 12px 4px 12px 0px;
  border-top: 1px solid #e3e3e3;
}
.collapsible dl.expanded dd {
  display: block;
}

.jobcounts {
  border-radius: 40px;
  padding: 0px 12px;
  background-color: #fff;
  display: inline-block;
  font-weight: normal;
  border: 1px solid #333;
  font-size: 10px;
}

.jobcontent {
  max-width: 960px;
  margin: 0 auto 48px auto;
}
.jobcontent .footerlogo {
  float: right;
  margin-top: 24px;
}
.jobcontent .joblogo {
  background-image: url("images/dw_logo_dark@4x.png");
  background-repeat: no-repeat;
  float: right;
  width: 280px;
  height: 40px;
  background-size: 180px auto;
  background-position: right center;
  margin-top: 12px;
}
.jobcontent p {
  clear: left;
}
.jobcontent .jobheader {
  border-bottom: 1px solid #666;
}
.jobcontent .sections {
  padding: 24px 0px;
  max-width: 700px;
  margin: 0 auto;
  clear: both;
}
@media screen and (min-width: 741px) {
  .jobcontent .sections .twocolumns ul, .jobcontent .sections .twocolumns ol {
    width: 48%;
    float: left;
    margin-right: 2%;
  }
}
@media print {
  .jobcontent .sections .twocolumns ul, .jobcontent .sections .twocolumns ol {
    width: 48%;
    float: left;
    margin-right: 2%;
  }
}
.jobcontent .sections .imagepadded {
  max-height: 320px;
  overflow: hidden;
}
.jobcontent .sections .imagepadded img {
  width: 100%;
  height: auto;
}
.jobcontent .sections .address {
  padding-top: 12px;
}
.jobcontent.pits {
  padding-top: 128px;
  padding-bottom: 128px;
  border-bottom: none;
}
@media screen and (min-width: 741px) {
  .jobcontent {
    padding: 48px 0px;
    margin: 0 auto 48px auto;
  }
}
@media print {
  .jobcontent {
    padding: 48px 0px;
    margin: 0 auto 48px auto;
  }
}
@media screen and (max-width: 740px) {
  .jobcontent {
    padding: 48px 12px;
    margin: 0 0 48px 0;
  }
  .jobcontent .footerlogo {
    margin-top: 24px;
    float: none;
  }
  .jobcontent .joblogo {
    background-image: url("images/dw_logo_dark@4x.png");
    background-repeat: no-repeat;
    width: 280px;
    height: 40px;
    float: none;
    background-size: 180px auto;
    background-position: left center;
    margin-top: 12px;
  }
}
.jobcontent a {
  color: #598DEF;
  font-weight: bold;
}
.jobcontent a.tags {
  padding: 6px 8px;
  background-color: #EDF2F5;
  border-radius: 4px;
  color: #545454;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 9.6px;
  display: inline-block;
  margin: 2px 4px 2px 0px;
}
.jobcontent a.tags:hover {
  background-color: #abc3d1;
  color: #fff;
}
.jobcontent .wrapper p, .jobcontent .wrapper h1, .jobcontent .wrapper h2, .jobcontent .wrapper h3, .jobcontent .wrapper h4, .jobcontent .wrapper h5, .jobcontent .wrapper h6 {
  padding: 18px 0px;
}
.jobcontent .wrapper h1, .jobcontent .wrapper h2, .jobcontent .wrapper h3 {
  text-transform: uppercase;
  color: #4675B8;
  clear: both;
}
.jobcontent .wrapper ul, .jobcontent .wrapper ol {
  margin: 0px 0px;
  padding: 0px 0px;
}
.jobcontent .wrapper ul li, .jobcontent .wrapper ol li {
  list-style-position: inside;
  list-style-type: none;
  padding: 12px 4px 12px 36px;
  background-image: url("images/list-icon-2.png");
  background-position: left 24px;
  background-repeat: no-repeat;
  background-size: 14px auto;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.jobcontent .author {
  font-weight: bold;
  font-style: italic;
}

@media print {
  .jobcontent {
    padding: 0;
    margin: 0 auto;
    max-width: 140mm;
    width: 210mm;
  }
  .jobcontent .sections {
    max-width: none;
  }
}
.applyform {
  width: auto;
  max-width: 700px;
  margin: 0 auto;
  bottom: 0px;
  padding-bottom: 12px;
  padding-top: 12px;
  background-color: #fff;
}
@media screen and (max-width: 740px) {
  .applyform {
    width: auto;
    padding: 12px 10px;
  }
}

cite {
  font-style: italic;
  font-weight: bold;
  font-size: 12.8px;
}

.slick-slide {
  outline: none !important;
}

.testimonials {
  text-align: center;
}
.testimonials .testimonial_slides, .testimonials .testimonial_slides_independent {
  background-color: #fff;
}
.testimonials .testimonial_slides .wrapper, .testimonials .testimonial_slides_independent .wrapper {
  max-width: 960px;
}
.testimonials .testimonial_slides .box .logos, .testimonials .testimonial_slides_independent .box .logos {
  width: 300px;
  height: auto;
  text-align: center;
  outline: none;
  padding: 0px 12px;
  display: block;
  margin: 0 auto;
}
.testimonials .testimonial_slides .box .logos img, .testimonials .testimonial_slides_independent .box .logos img {
  height: auto;
  max-width: 100%;
  max-height: 60px;
  vertical-align: middle;
  display: inline !important;
}
.testimonials .testimonial_slides .box .personimage, .testimonials .testimonial_slides_independent .box .personimage {
  width: 100px;
  height: 100px;
  text-align: center;
  outline: none;
  display: block;
  margin: 0 auto 12px auto;
  overflow: hidden;
  border-radius: 200px;
  border: 2px solid #fff;
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.testimonials .testimonial_slides .box .personimage img, .testimonials .testimonial_slides_independent .box .personimage img {
  width: auto;
  height: 100%;
  vertical-align: middle;
  display: inline !important;
}
@media screen and (min-width: 741px) {
  .testimonials .testimonial_slides .box .bannercontent, .testimonials .testimonial_slides_independent .box .bannercontent {
    max-width: 860px;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 740px) {
  .testimonials .testimonial_slides .box .bannercontent, .testimonials .testimonial_slides_independent .box .bannercontent {
    margin: 0;
    padding: 0 12px;
    display: block;
  }
}
.testimonials .testimonial_slides .wrapper {
  padding: 64px 0px 24px 0px;
}
.testimonials .testimonial_slides_independent .wrapper {
  padding: 48px 0px 48px 0px;
}
.testimonials .testimonial_logos {
  padding: 24px 0px 96px 0px;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 741px) {
  .testimonials .testimonial_logos:before, .testimonials .testimonial_logos:after {
    height: 24px;
    padding: 64px 0px 12px 0px;
  }
  .testimonials .testimonial_logos:before {
    position: absolute;
    width: 25%;
    left: 0px;
    top: 0px;
    content: "";
    background-image: linear-gradient(90deg, white 60%, rgba(255, 255, 255, 0) 100%);
    z-index: 120;
  }
  .testimonials .testimonial_logos:after {
    position: absolute;
    width: 25%;
    right: 0px;
    top: 0px;
    content: "";
    background-image: linear-gradient(270deg, white 60%, rgba(255, 255, 255, 0) 100%);
    z-index: 120;
  }
}
.testimonials .testimonial_logos .box {
  width: auto;
  height: 50px;
  cursor: pointer;
}
.testimonials .testimonial_logos .box .logos {
  width: auto;
  height: auto;
  text-align: center;
  outline: none;
  padding: 0 24px;
}
.testimonials .testimonial_logos .box .logos img {
  height: auto;
  max-height: 30px;
  vertical-align: middle;
  display: inline !important;
  opacity: 1;
}
.testimonials .image_logo {
  padding: 64px 0px 64px 0px;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 741px) {
  .testimonials .image_logo {
    /*
    &:before, &:after {
            height: 30px; 
            padding: 64px 0px 12px 0px;
          }
    */
    /*
          &:before {
            position: absolute;
            width: 25%;
            left: 0px;
            top: 0px;
            content: "";
            background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
            z-index: 120;
          }

          &:after {
            position: absolute;
            width: 25%;
            right: 0px;
            top: 0px;
            content: "";
            background-image: linear-gradient(270deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
            z-index: 120;
          }
    */
  }
}
.testimonials .image_logo .box {
  width: auto;
  height: 30px;
  cursor: pointer;
}
.testimonials .image_logo .box .logos {
  width: auto;
  height: auto;
  text-align: center;
  outline: none;
  padding: 0 36px;
}
.testimonials .image_logo .box .logos img {
  height: auto;
  max-height: 30px;
  vertical-align: middle;
  display: inline !important;
  opacity: 1;
}
.testimonials .image_logo.single {
  padding: 64px 0px 12px 0px;
  text-align: center;
  position: relative;
}
.testimonials .image_logo.single .wrapper {
  max-width: none;
}
@media screen and (min-width: 741px) {
  .testimonials .image_logo.single {
    /*
    &:before, &:after {
            height: 30px; 
            padding: 64px 0px 12px 0px;
          }
    */
    /*
          &:before {
            position: absolute;
            width: 25%;
            left: 0px;
            top: 0px;
            content: "";
            background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
            z-index: 120;
          }

          &:after {
            position: absolute;
            width: 25%;
            right: 0px;
            top: 0px;
            content: "";
            background-image: linear-gradient(270deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
            z-index: 120;
          }
    */
  }
}
.testimonials .image_logo.single .box {
  width: auto;
  height: 30px;
  cursor: pointer;
}
.testimonials .image_logo.single .box .logos {
  width: auto;
  height: auto;
  text-align: center;
  outline: none;
  padding: 0 36px;
}
.testimonials .image_logo.single .box .logos img {
  height: auto;
  max-height: 30px;
  vertical-align: middle;
  display: inline !important;
}
.testimonials .box.slick-current .logos img {
  opacity: 1;
}

.peoplescroller_old {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding: 24px 0px 128px 0px;
  text-align: center;
}
.peoplescroller_old .slick-dots {
  bottom: -50px;
}
.peoplescroller_old .wrapper {
  max-width: 960px;
  margin: 0 auto;
}
.peoplescroller_old .wrapper:before, .peoplescroller_old .wrapper:after {
  height: 320px;
  padding: 64px 0px 12px 0px;
}
.peoplescroller_old .wrapper:before {
  position: absolute;
  width: 10%;
  left: 0px;
  top: 0px;
  content: "";
  background-image: linear-gradient(90deg, #fff 10%, rgba(237, 242, 245, 0) 100%);
  z-index: 120;
}
.peoplescroller_old .wrapper:after {
  position: absolute;
  width: 10%;
  right: 0px;
  top: 0px;
  content: "";
  background-image: linear-gradient(270deg, #fff 10%, rgba(237, 242, 245, 0) 100%);
  z-index: 120;
}
.peoplescroller_old .wrapper .box {
  width: 420px;
  position: relative;
  float: left;
  height: auto;
  text-align: left;
  cursor: pointer;
}
.peoplescroller_old .wrapper .box.light, .peoplescroller_old .wrapper .box.Light {
  color: #545454;
}
.peoplescroller_old .wrapper .box.dark, .peoplescroller_old .wrapper .box.Dark {
  color: #fff;
}
.peoplescroller_old .wrapper .box .inwrap {
  margin: 50px 12px 72px 12px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  transition: all 1s;
  -webkit-transition: all 1s;
  background-color: #fff;
}
.peoplescroller_old .wrapper .box .face {
  font-size: 0;
}
.peoplescroller_old .wrapper .box img {
  width: 100%;
  height: auto;
}
.peoplescroller_old .wrapper .box .bannercontent {
  position: absolute;
  left: 24px;
  top: 10%;
  width: 50%;
}
.peoplescroller_old .wrapper .box .bannercontent h3 {
  width: 50%;
}
.peoplescroller_old .wrapper .box.focus .inwrap, .peoplescroller_old .wrapper .box.slick-current.slick-center .inwrap {
  z-index: 1000;
  box-shadow: 0px 18px 24px rgba(0, 0, 0, 0.3);
  transform: scale(1.15);
}
.peoplescroller_old2 {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding: 24px 0px 128px 0px;
  text-align: center;
}
.peoplescroller_old2 .slick-dots {
  bottom: -50px;
}
.peoplescroller_old2 .wrapper {
  max-width: 960px;
  margin: 24px auto;
}
.peoplescroller_old2 .wrapper .box {
  width: 420px;
  position: relative;
  float: left;
  height: auto;
  text-align: left;
  cursor: pointer;
}
.peoplescroller_old2 .wrapper .box.light, .peoplescroller_old2 .wrapper .box.Light {
  color: #545454;
}
.peoplescroller_old2 .wrapper .box .inwrap {
  margin: 0px;
  position: relative;
  transition: all 1s;
  -webkit-transition: all 1s;
  background-color: #fff;
}
.peoplescroller_old2 .wrapper .box .face {
  font-size: 0;
  margin-left: 10%;
  width: 90%;
}
.peoplescroller_old2 .wrapper .box img {
  width: 100%;
  height: auto;
}
.peoplescroller_old2 .wrapper .box:nth-child(even) .face {
  font-size: 0;
  margin: 0 0 0 10%;
  width: 90%;
}
.peoplescroller_old2 .wrapper .box:nth-child(even) .bannercontent {
  position: absolute;
  left: 50%;
  top: 20%;
  width: 40%;
  background-color: #fff;
  transition: all 1s;
  -webkit-transition: all 1s;
}
.peoplescroller_old2 .wrapper .box:nth-child(even) .bannercontent div {
  padding: 36px;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3);
}
.peoplescroller_old2 .wrapper .box:nth-child(even) .bannercontent h3 {
  max-width: 60%;
  font-weight: normal;
  color: #598DEF;
  font-size: 30px;
}
.peoplescroller_old2 .wrapper .box:nth-child(odd) .face {
  font-size: 0;
  margin: 0 10% 0 0;
  width: 90%;
}
.peoplescroller_old2 .wrapper .box:nth-child(odd) .bannercontent {
  position: absolute;
  right: 50%;
  top: 20%;
  width: 40%;
  background-color: #fff;
  transition: all 1s;
  -webkit-transition: all 1s;
}
.peoplescroller_old2 .wrapper .box:nth-child(odd) .bannercontent div {
  padding: 36px;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3);
}
.peoplescroller_old2 .wrapper .box:nth-child(odd) .bannercontent h3 {
  max-width: 60%;
  font-weight: normal;
  color: #598DEF;
  font-size: 30px;
}
.peoplescroller_old2 .wrapper .box.focus:nth-child(odd) .bannercontent, .peoplescroller_old2 .wrapper .box.slick-current:nth-child(odd) .bannercontent {
  right: 24px;
}
.peoplescroller_old2 .wrapper .box.focus:nth-child(even) .bannercontent, .peoplescroller_old2 .wrapper .box.slick-current:nth-child(even) .bannercontent {
  left: 24px;
}

.peoplescroller {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding: 24px 0px 48px 0px;
  text-align: center;
}
.peoplescroller .slick-dots {
  bottom: -24px;
}
.peoplescroller .wrapper {
  max-width: 960px;
  margin: 24px auto;
  border-bottom: 1px solid #abc3d1;
}
.peoplescroller .wrapper .box {
  width: 980px;
  height: 360px;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
}
.peoplescroller .wrapper .box.light, .peoplescroller .wrapper .box.Light {
  color: #545454;
}
.peoplescroller .wrapper .box .inwrap {
  margin: 0px;
  position: relative;
  background-color: #fff;
}
.peoplescroller .wrapper .box .face {
  font-size: 0;
  width: 50%;
  float: left;
  overflow: hidden;
}
.peoplescroller .wrapper .box img {
  width: 100%;
  height: auto;
}
.peoplescroller .wrapper .box .bannercontent {
  width: 50%;
  background-color: #fff;
  float: right;
}
.peoplescroller .wrapper .box .bannercontent h3 {
  color: #000;
  font-size: 25.6px;
}
.peoplescroller .wrapper .box .bannercontent div {
  padding: 36px 96px 36px 0px;
}

.footerlinks {
  background-color: #2B386F;
  font-size: 11.2px;
  color: #ffffff;
}
@media screen and (min-width: 741px) {
  .footerlinks {
    padding: 64px 0px 24px 0px;
  }
}
.footerlinks a {
  text-decoration: none;
}
@media screen and (min-width: 741px) {
  .footerlinks .primary_links {
    width: 71.4285714286%;
    float: left;
    column-count: 3;
    column-gap: 10px;
    vertical-align: top;
  }
}
@media screen and (max-width: 740px) {
  .footerlinks .primary_links {
    width: auto;
    float: none;
    column-count: 1;
    column-gap: 0px;
    vertical-align: top;
  }
}
.footerlinks ul {
  list-style: none;
  margin: 0px;
}
@media screen and (min-width: 741px) {
  .footerlinks ul {
    padding: 0px 0px 36px 0px;
    break-inside: avoid;
  }
}
@media screen and (max-width: 740px) {
  .footerlinks ul {
    display: block;
    padding: 12px 0px 12px 0px;
  }
}
.footerlinks ul h4 {
  color: #FCB040;
  text-transform: uppercase;
  letter-spacing: 2.4px;
  font-size: 12.8px;
  padding: 0;
  margin: 0;
}
.footerlinks ul li a, .footerlinks ul li span {
  display: block;
  color: inherit;
}
@media screen and (min-width: 741px) {
  .footerlinks ul li a, .footerlinks ul li span {
    padding: 8px 24px 8px 24px;
  }
}
@media screen and (max-width: 740px) {
  .footerlinks ul li a, .footerlinks ul li span {
    padding: 8px 18px 8px 18px;
  }
}
.footerlinks .social_Links .fineprint a {
  text-decoration: underline;
  padding: 0;
  display: inline;
}
@media screen and (min-width: 741px) {
  .footerlinks .social_Links {
    width: 28.5714285714%;
    float: right;
    text-align: right;
  }
}
@media screen and (max-width: 740px) {
  .footerlinks .social_Links {
    width: auto;
    float: none;
    text-align: left;
  }
}
.footerlinks .social_Links ul {
  display: block;
}
.footerlinks .social_Links ul li a, .footerlinks .social_Links ul li span {
  display: block;
  color: inherit;
}
@media screen and (min-width: 741px) {
  .footerlinks .social_Links ul li a, .footerlinks .social_Links ul li span {
    padding: 8px 24px 8px 24px;
  }
}
@media screen and (max-width: 740px) {
  .footerlinks .social_Links ul li a, .footerlinks .social_Links ul li span {
    padding: 8px 18px 8px 18px;
  }
}
.footerlinks .social_Links ul li ul {
  padding: 0;
  margin: 0;
}
.footerlinks .social_Links ul li ul li {
  display: inline-block;
}
.footerlinks .social_Links ul li ul li > a {
  padding: 12px 8px;
}
.footerlinks .social_Links ul li ul li:last-child > a {
  padding: 12px 20px 12px 8px;
}

.interlinks {
  width: auto;
  padding: 20px 0px;
  font-size: 0.9em;
  background-color: #394b94;
  color: #fff;
}
.interlinks p {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 741px) {
  .interlinks .wrapper {
    max-width: 1000px;
  }
  .interlinks .wrapper .half {
    float: left;
    width: 50%;
  }
  .interlinks .wrapper .half .learnmoresimple {
    margin-right: -14px;
  }
  .interlinks .wrapper .half div {
    border-left: 1px solid #6d7ec6;
    padding: 20px 12px 20px 20px;
    text-align: right;
  }
  .interlinks .wrapper .half:first-child div {
    padding: 20px 20px 20px 12px;
    text-align: left;
    border-left: none;
  }
}
@media screen and (max-width: 740px) {
  .interlinks .wrapper .half {
    width: auto;
    float: none;
  }
  .interlinks .wrapper .half div {
    border-top: 1px solid #6d7ec6;
    padding: 12px;
  }
  .interlinks .wrapper .half:first-child div {
    border: none;
  }
}

@media screen and (max-width: 740px) {
  .chartblocks {
    background-color: #fff;
    text-align: left;
    position: relative;
    color: #353C5A;
  }
  .chartblocks-glossary {
    background-color: #F5F8FF;
  }
  .chartblocks-glossary-wrapper {
    margin: 0 auto;
    padding: 6px 12px;
  }
  .chartblocks-glossary-wrapper:first-child {
    padding-top: 48px;
  }
  .chartblocks-glossary-wrapper:last-child {
    padding-bottom: 48px;
  }
  .chartblocks-glossary-wrapper h2, .chartblocks-glossary-wrapper h4 {
    color: #353C5A;
  }
  .chartblocks-glossary-wrapper p, .chartblocks-glossary-wrapper h2, .chartblocks-glossary-wrapper h4 {
    padding: 6px 12px;
  }
  .chartblocks-glossary-wrapper p {
    font-size: 0.8rem;
    line-height: 1.4rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .chartblocks .stats {
    display: block;
    width: inherit;
    padding: 18px 0px 6px 0px;
    margin: 0px 0px 0px 0px;
    color: #99adbd;
    border-bottom: 1px solid #ccd2ea;
  }
  .chartblocks .stats:last-of-type {
    border: none;
  }
  .chartblocks .stats h4 {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 0.8em;
  }
  .chartblocks .stats-box {
    align-content: center;
    border-bottom: 1px solid #ccd2ea;
    flex-grow: 1;
    flex-basis: 0;
  }
  .chartblocks .stats-box:last-child {
    border-right: none;
  }
  .chartblocks .stats-box-wrapper {
    padding: 6px 12px 12px 12px;
    margin: 0px;
  }
  .chartblocks .stats-box-wrapper .number {
    color: #4359A7;
  }
  .chartblocks .stats-box-wrapper .number h4 {
    font-size: 2.2em;
    font-weight: bold;
  }
  .chartblocks .stats-box-wrapper .number-plus {
    color: #4359A7;
    display: flex;
  }
  .chartblocks .stats-box-wrapper .number-plus div {
    flex-grow: 1;
    align-items: baseline;
    height: 100%;
  }
  .chartblocks .stats-box-wrapper .number-plus div h4 {
    font-weight: bold;
  }
  .chartblocks .stats-box-wrapper .number-plus div:last-child {
    text-align: right;
  }
  .chartblocks .stats-cards {
    display: block;
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #99adbd;
  }
  .chartblocks .stats-cards h4 {
    font-weight: normal;
    padding: 0;
    margin: 0;
  }
  .chartblocks .stats-cards p {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 0.8em;
    line-height: 1.4em;
  }
  .chartblocks .stats-cards-box {
    align-content: center;
    flex-grow: 1;
    flex-basis: 0;
    min-width: auto;
    border-bottom: 1px solid #ccd2ea;
  }
  .chartblocks .stats-cards-box-wrapper {
    padding: 12px 0px;
    margin: 4px 4px;
    border-radius: 12px;
  }
  .chartblocks .stats-cards-box-wrapper .value-bar-wrapper {
    height: 10px;
    width: 80%;
    margin: 1px 0 0 0;
  }
  .chartblocks .stats-cards-box-wrapper .value-bar-wrapper .value-bar1, .chartblocks .stats-cards-box-wrapper .value-bar-wrapper .value-bar2 {
    height: 10px;
    border-radius: 5px 5px;
  }
  .chartblocks .stats-cards-box-wrapper .value-bar-wrapper .value-bar1 {
    background-color: #4359a7;
  }
  .chartblocks .stats-cards-box-wrapper .value-bar-wrapper .value-bar2 {
    background-color: #a7b3dc;
  }
  .chartblocks .stats-cards-box-wrapper .number {
    color: #4359A7;
  }
  .chartblocks .stats-cards-box-wrapper .number h4 {
    font-size: 1.8em;
    font-weight: bold;
  }
  .chartblocks .stats-cards-box-wrapper .number-plus {
    color: #4359A7;
    display: flex;
    font-size: 16px;
  }
  .chartblocks .stats-cards-box-wrapper .number-plus:first-child {
    margin-top: 24px;
  }
  .chartblocks .stats-cards-box-wrapper .number-plus div {
    flex-grow: 1;
    align-items: baseline;
    height: 100%;
  }
  .chartblocks .stats-cards-box-wrapper .number-plus div h4 {
    font-weight: bold;
  }
  .chartblocks .stats-cards-box-wrapper .number-plus div:last-child {
    text-align: right;
  }
  .chartblocks .stats-cards-box-wrapper .red {
    color: #EC1382;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding {
    margin: 0px 0px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text {
    padding: 8px 12px 6px 8px;
    margin: 4px 4px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header {
    display: flex;
    flex-direction: row;
    padding-top: 12px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .icon, .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .thisicon {
    width: 25%;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .icon img, .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon img, .repeatblocks.colorslide .imagetextblock .half:first-child .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .thisicon img {
    width: 64px;
    height: 64px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .desc {
    width: 84%;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .value-bar-wrapper {
    height: 10px;
    width: 80%;
    margin: 1px 0 0 0;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .value-bar-wrapper .value-bar1, .chartblocks .stats-cards-box-wrapper-nopadding .value-bar-wrapper .value-bar2 {
    height: 10px;
    border-radius: 5px 5px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .value-bar-wrapper .value-bar1 {
    background-color: #4359a7;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .value-bar-wrapper .value-bar2 {
    background-color: #a7b3dc;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number {
    color: #4359A7;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number h4 {
    font-size: 1.8em;
    font-weight: bold;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number-plus {
    color: #4359A7;
    display: flex;
    font-size: 16px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number-plus:first-of-type {
    margin-top: 8px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number-plus div {
    flex-grow: 1;
    align-items: baseline;
    height: 100%;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number-plus div h4 {
    font-weight: bold;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number-plus div:last-child {
    text-align: right;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .red {
    color: #EC1382;
  }
  .chartblocks .stats-cards-box:last-child {
    border: 0;
  }
  .chartblocks .fullchart {
    overflow-x: hidden;
  }
  .chartblocks .fullchart-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    padding: 12px 0;
    z-index: 10;
  }
  .chartblocks .fullchart-inwrapper {
    margin: 0 12px;
    display: block;
    flex-direction: row;
  }
  .chartblocks .fullchart-sectionheader {
    padding: 0px 0px;
    width: auto;
    height: auto;
  }
  .chartblocks .fullchart-sectionheader-wrapper {
    overflow: hidden;
    padding-bottom: 6px;
    box-sizing: border-box;
  }
  .chartblocks .fullchart-sectionheader-wrapper h2 {
    color: #4359A7;
    font-size: 1.4rem;
  }
  .chartblocks .fullchart-sectionheader-wrapper .picture-header {
    position: relative;
    height: 12rem;
    overflow: hidden;
  }
  .chartblocks .fullchart-sectionheader-wrapper .picture-header picture {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: auto;
  }
  .chartblocks .fullchart-sectionheader-wrapper .picture-header picture img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
  }
  .chartblocks .fullchart-sectionheader-wrapper .picture-header h2 {
    font-weight: normal;
    position: absolute;
    bottom: 10px;
    color: #fff;
    max-width: 50%;
  }
  .chartblocks .fullchart-sectionheader p, .chartblocks .fullchart-sectionheader h2 {
    padding: 18px 12px 18px 12px;
  }
  .chartblocks .fullchart-sectionheader p {
    line-height: 1.4em;
  }
  .chartblocks .fullchart-sectionheader h2 {
    font-size: 24px;
    line-height: 1.1em;
  }
  .chartblocks .fullchart-sectionheader .disclaimer {
    color: #999;
    font-size: 0.8rem;
    line-height: 1.4rem;
  }
  .chartblocks .fullchart-unit {
    min-width: auto;
    flex-grow: 1;
    border-radius: 12px;
    padding: 18px 0 0 0;
    box-sizing: border-box;
    margin: 0 0 12px 0;
    height: auto;
    width: 100%;
  }
  .chartblocks .fullchart-unit .chart {
    position: relative;
  }
  .chartblocks .halfchart {
    height: auto;
  }
  .chartblocks .halfchart.dark {
    color: #fff;
  }
  .chartblocks .halfchart .background-fill {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 0;
  }
  .chartblocks .halfchart .background-fill img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .chartblocks .halfchart-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 12px 0;
    z-index: 10;
  }
  .chartblocks .halfchart-inwrapper {
    margin: 24px 0;
  }
  .chartblocks .halfchart-sectionheader {
    padding: 0px 0px;
  }
  .chartblocks .halfchart-sectionheader-wrapper {
    padding-bottom: 24px;
    height: 100%;
    box-sizing: border-box;
    position: relative;
  }
  .chartblocks .halfchart-sectionheader p, .chartblocks .halfchart-sectionheader h2 {
    padding: 6px 24px;
  }
  .chartblocks .halfchart-sectionheader p {
    line-height: 1.4em;
  }
  .chartblocks .halfchart-sectionheader h2 {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.1em;
  }
  .chartblocks .halfchart-sectionheader .disclaimer {
    color: #999;
    font-size: 0.8rem;
    line-height: 1.4rem;
  }
  .chartblocks .halfchart-unit {
    margin: 0;
    position: relative;
  }
  .chartblocks .halfchart-unit .chart {
    padding: 24px 0;
    position: relative;
  }
  .chartblocks .tooltip {
    border-radius: 8px;
    padding: 18px;
    width: calc(100% - 36px);
    height: auto;
    font-size: 10px;
    position: absolute;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: 100% !important;
    z-index: 1000;
    transition: all 0.2s;
    box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.2);
    display: block;
    visibility: hidden;
    font-weight: bold;
  }
  .chartblocks .tooltip:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 50%;
  }
  .chartblocks .tooltip {
    color: #353C5A;
    background-color: #f7f7f7;
  }
  .chartblocks .tooltip:before {
    border-bottom: 10px solid #f7f7f7;
  }
  .chartblocks .tooltip span {
    color: #353C5A;
  }
  .chartblocks .tooltip ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
  }
  .chartblocks .tooltip ul li {
    padding: 2px 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .chartblocks .tooltip ul li:last-child {
    border: none;
  }
  .chartblocks .tooltip-line {
    stroke: #353C5A;
    stroke-width: 1.4;
    opacity: 0;
  }
  .chartblocks .bar {
    opacity: 0.4;
    cursor: pointer;
    fill: #4359A7;
  }
  .chartblocks .bar:hover {
    opacity: 1;
    fill: #F05B59;
  }
  .chartblocks .bar-over {
    opacity: 0;
    fill: #98a4d7;
    cursor: pointer;
  }
  .chartblocks .line {
    fill: none;
    stroke-width: 2.2px;
  }
  .chartblocks .legend {
    font-size: 12px;
    fill: #353C5A;
  }
  .chartblocks .bar-labels {
    font-size: 14px;
    fill: #6B6BF5;
  }
  .chartblocks .line-labels {
    font-size: 11px;
  }
  .chartblocks .line-dashed {
    fill: none;
    stroke-width: 2.2px;
    stroke-dasharray: 6 6;
  }
  .chartblocks .circles {
    fill: #fff;
    stroke-width: 1.2px;
    cursor: pointer;
  }
  .chartblocks .circles-ends {
    fill: #ffffff;
  }
  .chartblocks .header {
    fill: #4359A7;
    font-weight: bold;
  }
  .chartblocks .x-axis .domain, .chartblocks .y-axis .domain, .chartblocks .y-axis-fade .domain {
    stroke: none;
  }
  .chartblocks .y-axis .tick line {
    stroke: #98a4d7;
    stroke-width: 0.9;
  }
  .chartblocks .y-axis-fade .tick line {
    stroke: #E2E2E2;
    stroke-dasharray: 4 4;
    stroke-width: 0.9;
  }
  .chartblocks .y-axis-fade .tick text {
    fill: #98a4d7;
    font-size: 8px;
    text-transform: uppercase;
  }
  .chartblocks .y-axis .tick text {
    fill: #98a4d7;
    font-size: 8px;
    text-transform: uppercase;
  }
  .chartblocks .x-axis .tick line {
    stroke: #98a4d7;
    stroke-dasharray: 4 4;
  }
  .chartblocks .x-axis .tick {
    color: #98a4d7;
    font-size: 8px;
    text-transform: uppercase;
  }
  .chartblocks .y-axis .tick {
    color: #385779;
    font-size: 8px;
    text-transform: uppercase;
  }
  .chartblocks .logo {
    opacity: 1;
  }
  .chartblocks .x-axis-bubble-matrix, .chartblocks .y-axis-bubble-matrix {
    font-family: inherit;
  }
  .chartblocks .x-axis-bubble-matrix .domain, .chartblocks .y-axis-bubble-matrix .domain {
    stroke: none;
  }
  .chartblocks .x-axis-bubble-matrix .tick, .chartblocks .y-axis-bubble-matrix .tick {
    color: #98a4d7;
    font-size: 14px;
  }
  .chartblocks .x-axis-bubble-matrix .tick line, .chartblocks .y-axis-bubble-matrix .tick line {
    stroke: #98a4d7;
  }
  .chartblocks .x-axis-bubble-matrix .tick text, .chartblocks .y-axis-bubble-matrix .tick text {
    fill: #4359A7;
  }
  .chartblocks .circle_bubble_matrix {
    stroke-width: 1.9;
    fill: #fff;
    opacity: 0.5;
  }
  .chartblocks .circle_text_bubble_matrix {
    font-size: 12px;
    font-weight: bold;
    color: #000;
  }

  .fillform-charts {
    width: 100vw;
    height: auto;
    min-height: 100vh;
    background-color: #e3e3e3;
    position: relative;
    padding-bottom: 24px;
  }
  .fillform-charts .background-fill {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .fillform-charts .background-fill img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
  }
  .fillform-charts-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    z-index: 10;
    position: relative;
    padding-top: 35vh;
    z-index: 10;
  }
  .fillform-charts-wrapper-sections {
    box-sizing: border-box;
    padding: 120px 24px 24px 24px;
  }
  .fillform-charts-wrapper-sections:empty {
    display: none;
  }
  .fillform-charts-wrapper-sections h1 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
    font-weight: normal;
    color: #4359A7;
  }
  .fillform-charts-wrapper-sections h2 {
    font-size: 36px;
    font-weight: bold;
    color: #4359A7;
  }
  .fillform-charts-wrapper-sections p {
    line-height: 1.4em;
  }
  .fillform-charts form {
    margin: 0 auto;
  }
  .fillform-charts-form {
    z-index: 10;
    position: relative;
    z-index: 10;
    border-radius: 12px;
    background-color: #ffffff;
    margin: 12px 24px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.07);
    color: #4359A7;
    padding: 8px 0px;
  }
  .fillform-charts-form-sections {
    box-sizing: border-box;
    padding: 0px 12px;
    align-content: center;
    flex-grow: 2;
  }
  .fillform-charts-form-sections input {
    margin: 0;
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
    letter-spacing: normal;
  }
  .fillform-charts-form-sections input[type=text], .fillform-charts-form-sections input[type=email] {
    border: 1px solid #768cda;
    border-radius: 5px;
    padding: 14px 12px;
    width: 100%;
  }
  .fillform-charts-form-sections input[type=submit] {
    background-image: linear-gradient(152deg, #4359A7 0%, #EC1382 100%);
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: normal;
    border: none;
    text-transform: none;
    padding: 18px 24px;
    width: 99%;
  }
  .fillform-charts-form-sections p {
    line-height: 1.4em;
    padding: 6px 0px;
  }

  .scroll-to-form {
    display: none;
  }

  .chartblocks.gated .chart {
    width: inherit;
    min-height: 320px;
    background-color: #f7f7f7;
    margin: 12px 6px;
    border-radius: 8px;
    position: relative;
  }
  .chartblocks.gated .chart svg {
    visibility: hidden;
  }
  .chartblocks.gated .chart .scroll-to-form {
    display: inline-block;
    padding: 12px 12px;
    font-size: 0.75rem;
    width: 180px;
    border-radius: 40px;
    color: #4359A7;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -90px;
  }
  .chartblocks.gated .chart .scroll-to-form:hover {
    background-color: #EC1382;
    background-image: linear-gradient(152deg, #4359A7 0%, #EC1382 100%);
    color: #fff;
  }
  .chartblocks.gated:nth-child(1) .chart, .chartblocks.gated:nth-child(2) .chart, .chartblocks.gated:nth-child(3) .chart, .chartblocks.gated:nth-child(4) .chart {
    background-color: #fff;
    width: inherit;
    min-height: auto;
    margin: 0px;
    border-radius: 0px;
  }
  .chartblocks.gated:nth-child(1) .chart svg, .chartblocks.gated:nth-child(2) .chart svg, .chartblocks.gated:nth-child(3) .chart svg, .chartblocks.gated:nth-child(4) .chart svg {
    visibility: visible;
  }
  .chartblocks.gated:nth-child(1) .chart .scroll-to-form, .chartblocks.gated:nth-child(2) .chart .scroll-to-form, .chartblocks.gated:nth-child(3) .chart .scroll-to-form, .chartblocks.gated:nth-child(4) .chart .scroll-to-form {
    display: none;
  }
}
@media screen and (min-width: 741px) {
  .chartblocks {
    background-color: #fff;
    text-align: left;
    position: relative;
    color: #353C5A;
  }
  .chartblocks-glossary {
    background-color: #F5F8FF;
  }
  .chartblocks-glossary-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    column-count: 2;
    column-gap: 12px;
    padding: 6px 24px;
  }
  .chartblocks-glossary-wrapper:first-child {
    padding-top: 48px;
  }
  .chartblocks-glossary-wrapper:last-child {
    padding-bottom: 48px;
  }
  .chartblocks-glossary-wrapper h2, .chartblocks-glossary-wrapper h4 {
    color: #353C5A;
  }
  .chartblocks-glossary-wrapper p, .chartblocks-glossary-wrapper h2, .chartblocks-glossary-wrapper h4 {
    padding: 6px 24px;
  }
  .chartblocks-glossary-wrapper p {
    font-size: 0.8rem;
    line-height: 1.4rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .chartblocks .stats {
    display: flex;
    width: inherit;
    flex-direction: row;
    padding: 18px 0px;
    margin: 0px 0px 0px 0px;
    color: #99adbd;
    border-bottom: 1px solid #ccd2ea;
  }
  .chartblocks .stats:last-of-type {
    border: none;
  }
  .chartblocks .stats h4 {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 0.8em;
  }
  .chartblocks .stats-box {
    align-content: center;
    border-right: 1px solid #ccd2ea;
    flex-grow: 1;
    flex-basis: 0;
  }
  .chartblocks .stats-box:last-child {
    border-right: none;
  }
  .chartblocks .stats-box-wrapper {
    padding: 6px 30px;
    margin: 0px;
  }
  .chartblocks .stats-box-wrapper .number {
    color: #4359A7;
  }
  .chartblocks .stats-box-wrapper .number h4 {
    font-size: 2.2em;
    font-weight: bold;
  }
  .chartblocks .stats-box-wrapper .number-plus {
    color: #4359A7;
    display: flex;
  }
  .chartblocks .stats-box-wrapper .number-plus div {
    flex-grow: 1;
    align-items: baseline;
    height: 100%;
  }
  .chartblocks .stats-box-wrapper .number-plus div h4 {
    font-weight: bold;
  }
  .chartblocks .stats-box-wrapper .number-plus div:last-child {
    text-align: right;
  }
  .chartblocks .stats-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #99adbd;
  }
  .chartblocks .stats-cards h4 {
    font-weight: normal;
    padding: 0;
    margin: 0;
  }
  .chartblocks .stats-cards p {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 0.8em;
    line-height: 1.4em;
  }
  .chartblocks .stats-cards-box {
    align-content: center;
    flex-grow: 1;
    flex-basis: 0;
    min-width: calc(50% - 1px);
    border-right: 1px solid #ccd2ea;
  }
  .chartblocks .stats-cards-box-wrapper {
    padding: 12px 22px;
    margin: 4px 4px;
    border-radius: 12px;
  }
  .chartblocks .stats-cards-box-wrapper .value-bar-wrapper {
    height: 10px;
    width: 80%;
    margin: 1px 0 0 0;
  }
  .chartblocks .stats-cards-box-wrapper .value-bar-wrapper .value-bar1, .chartblocks .stats-cards-box-wrapper .value-bar-wrapper .value-bar2 {
    height: 10px;
    border-radius: 5px 5px;
  }
  .chartblocks .stats-cards-box-wrapper .value-bar-wrapper .value-bar1 {
    background-color: #4359a7;
  }
  .chartblocks .stats-cards-box-wrapper .value-bar-wrapper .value-bar2 {
    background-color: #a7b3dc;
  }
  .chartblocks .stats-cards-box-wrapper .number {
    color: #99adbd;
  }
  .chartblocks .stats-cards-box-wrapper .number h4 {
    font-size: 1.8em;
    font-weight: bold;
  }
  .chartblocks .stats-cards-box-wrapper .number-plus {
    color: #99adbd;
    display: flex;
    font-size: 16px;
  }
  .chartblocks .stats-cards-box-wrapper .number-plus:first-child {
    margin-top: 24px;
  }
  .chartblocks .stats-cards-box-wrapper .number-plus div {
    flex-grow: 1;
    align-items: baseline;
    height: 100%;
  }
  .chartblocks .stats-cards-box-wrapper .number-plus div h4 {
    font-weight: bold;
  }
  .chartblocks .stats-cards-box-wrapper .number-plus div:last-child {
    text-align: right;
  }
  .chartblocks .stats-cards-box-wrapper .red {
    color: #EC1382;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding {
    margin: 4px 0px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text {
    padding: 12px 22px 24px 22px;
    margin: 4px 4px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header {
    display: flex;
    flex-direction: row;
    padding-top: 24px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .icon, .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon, .repeatblocks.colorslide .imagetextblock .half:first-child .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .thisicon {
    width: 15%;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .icon img, .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .repeatblocks.colorslide .imagetextblock .half:first-child .thisicon img, .repeatblocks.colorslide .imagetextblock .half:first-child .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .thisicon img {
    width: 64px;
    height: 64px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .stats-cards-text .stat-image-header .desc {
    width: 84%;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .value-bar-wrapper {
    height: 10px;
    width: 80%;
    margin: 1px 0 0 0;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .value-bar-wrapper .value-bar1, .chartblocks .stats-cards-box-wrapper-nopadding .value-bar-wrapper .value-bar2 {
    height: 10px;
    border-radius: 5px 5px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .value-bar-wrapper .value-bar1 {
    background-color: #4359a7;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .value-bar-wrapper .value-bar2 {
    background-color: #a7b3dc;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .header {
    color: #4359A7;
    font-size: 1em;
    font-weight: bold;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number {
    color: #99adbd;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number h4 {
    font-size: 1.8em;
    font-weight: bold;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number-plus {
    color: #99adbd;
    display: flex;
    font-size: 16px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number-plus:first-of-type {
    margin-top: 8px;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number-plus div {
    flex-grow: 1;
    align-items: baseline;
    height: 100%;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number-plus div h4 {
    font-weight: bold;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .number-plus div:last-child {
    text-align: right;
  }
  .chartblocks .stats-cards-box-wrapper-nopadding .red {
    color: #EC1382;
  }
  .chartblocks .stats-cards-box:last-child {
    border: 0;
  }
  .chartblocks .fullchart {
    overflow-x: hidden;
  }
  .chartblocks .fullchart-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    padding: 12px 0;
    z-index: 10;
  }
  .chartblocks .fullchart-inwrapper {
    margin: 0 24px;
    display: flex;
    flex-direction: row;
  }
  .chartblocks .fullchart-sectionheader {
    padding: 0px 0px;
    width: 30%;
    height: 100%;
  }
  .chartblocks .fullchart-sectionheader-wrapper {
    border-radius: 18px;
    overflow: hidden;
    padding-bottom: 24px;
    box-sizing: border-box;
  }
  .chartblocks .fullchart-sectionheader-wrapper h2 {
    color: #4359A7;
    font-size: 1.4rem;
  }
  .chartblocks .fullchart-sectionheader-wrapper .picture-header {
    position: relative;
    height: 12rem;
    overflow: hidden;
  }
  .chartblocks .fullchart-sectionheader-wrapper .picture-header picture {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: auto;
  }
  .chartblocks .fullchart-sectionheader-wrapper .picture-header picture img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
  }
  .chartblocks .fullchart-sectionheader-wrapper .picture-header h2 {
    font-weight: normal;
    position: absolute;
    bottom: 10px;
    color: #fff;
    max-width: 50%;
  }
  .chartblocks .fullchart-sectionheader p, .chartblocks .fullchart-sectionheader h2 {
    padding: 18px 24px 18px 24px;
  }
  .chartblocks .fullchart-sectionheader p {
    line-height: 1.4em;
  }
  .chartblocks .fullchart-sectionheader h2 {
    font-size: 24px;
    line-height: 1.1em;
  }
  .chartblocks .fullchart-sectionheader .disclaimer {
    color: #999;
    font-size: 0.8rem;
    line-height: 1.4rem;
  }
  .chartblocks .fullchart-unit {
    min-width: 69.9%;
    flex-grow: 1;
    border-radius: 12px;
    padding: 18px 0 0 0;
    box-sizing: border-box;
    margin: 0 0 12px 0;
    height: 100%;
  }
  .chartblocks .fullchart-unit .chart {
    position: relative;
  }
  .chartblocks .halfchart {
    height: auto;
    overflow-x: hidden;
  }
  .chartblocks .halfchart.dark {
    color: #fff;
  }
  .chartblocks .halfchart .background-fill {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 0;
  }
  .chartblocks .halfchart .background-fill img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .chartblocks .halfchart-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    padding: 12px 0;
    z-index: 10;
  }
  .chartblocks .halfchart-inwrapper {
    margin: 0 24px;
  }
  .chartblocks .halfchart-sectionheader {
    padding: 0px 24px;
  }
  .chartblocks .halfchart-sectionheader-wrapper {
    padding-bottom: 24px;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
  }
  .chartblocks .halfchart-sectionheader-wrapper .picture-header {
    position: relative;
    height: auto;
    min-height: 14rem;
    overflow: hidden;
    width: 35%;
  }
  .chartblocks .halfchart-sectionheader-wrapper .picture-header picture {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: auto;
  }
  .chartblocks .halfchart-sectionheader-wrapper .picture-header picture img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
  }
  .chartblocks .halfchart-sectionheader-wrapper .picture-header h2 {
    font-weight: normal;
    position: absolute;
    bottom: 10px;
    color: #fff;
    max-width: 50%;
  }
  .chartblocks .halfchart-sectionheader-wrapper-header {
    width: 65%;
    max-width: 720px;
  }
  .chartblocks .halfchart-sectionheader-wrapper-text {
    width: 65%;
    max-width: 720px;
  }
  .chartblocks .halfchart-sectionheader p, .chartblocks .halfchart-sectionheader h2 {
    padding: 6px 40px;
  }
  .chartblocks .halfchart-sectionheader p {
    line-height: 1.4em;
  }
  .chartblocks .halfchart-sectionheader h2 {
    color: #4359A7;
    font-size: 1.4rem;
    line-height: 1.1em;
  }
  .chartblocks .halfchart-sectionheader .disclaimer {
    color: #999;
    font-size: 0.8rem;
    line-height: 1.4rem;
    max-width: none;
    margin: 0;
  }
  .chartblocks .halfchart-unit {
    border-radius: 12px;
    margin: 0 0 12px 0;
    position: relative;
  }
  .chartblocks .halfchart-unit .chart {
    position: relative;
  }
  .chartblocks .light .tooltip {
    color: #353C5A;
    background-color: #fff;
    border-radius: 8px;
    padding: 18px;
    width: 200px;
    height: auto;
    font-size: 12px;
    position: absolute;
    z-index: 1000;
    transition: all 0.2s;
    box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.2);
    visibility: hidden;
    font-weight: bold;
  }
  .chartblocks .light .tooltip:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    position: absolute;
    left: -10px;
    top: 40%;
  }
  .chartblocks .light .tooltip span {
    color: #353C5A;
  }
  .chartblocks .light .tooltip ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .chartblocks .light .tooltip ul li {
    padding: 2px 0;
    border-bottom: 1px solid #cddad8;
  }
  .chartblocks .light .tooltip ul li:last-child {
    border: none;
  }
  .chartblocks .light .tooltip-line {
    stroke: #353C5A;
    stroke-width: 1.4;
    opacity: 0;
  }
  .chartblocks .light .bar {
    opacity: 0.4;
    cursor: pointer;
    fill: #4359A7;
  }
  .chartblocks .light .bar:hover {
    opacity: 1;
    fill: #F05B59;
  }
  .chartblocks .light .bar-over {
    opacity: 0;
    fill: #98a4d7;
    cursor: pointer;
  }
  .chartblocks .light .line {
    fill: none;
    stroke-width: 2.2px;
  }
  .chartblocks .light .legend {
    font-size: 12px;
    fill: #353C5A;
  }
  .chartblocks .light .bar-labels {
    font-size: 14px;
    fill: #6B6BF5;
  }
  .chartblocks .light .line-labels {
    font-size: 11px;
  }
  .chartblocks .light .line-dashed {
    fill: none;
    stroke-width: 2.2px;
    stroke-dasharray: 6 6;
  }
  .chartblocks .light .circles {
    fill: #fff;
    stroke-width: 1.2px;
    cursor: pointer;
  }
  .chartblocks .light .circles-ends {
    fill: #ffffff;
  }
  .chartblocks .light .header {
    fill: #4359A7;
    font-weight: bold;
  }
  .chartblocks .light .x-axis .domain, .chartblocks .light .y-axis .domain, .chartblocks .light .y-axis-fade .domain {
    stroke: none;
  }
  .chartblocks .light .y-axis .tick line {
    stroke: #98a4d7;
    stroke-width: 0.9;
  }
  .chartblocks .light .y-axis-fade .tick line {
    stroke: #E2E2E2;
    stroke-dasharray: 4 4;
    stroke-width: 0.9;
  }
  .chartblocks .light .y-axis-fade .tick text {
    fill: #98a4d7;
    font-size: 10px;
    text-transform: uppercase;
  }
  .chartblocks .light .y-axis .tick text {
    fill: #98a4d7;
    font-size: 10px;
    text-transform: uppercase;
  }
  .chartblocks .light .x-axis .tick line {
    stroke: #98a4d7;
  }
  .chartblocks .light .x-axis-fade .tick line {
    stroke: #98a4d7;
    stroke-dasharray: 4 4;
  }
  .chartblocks .light .x-axis .tick {
    color: #98a4d7;
    font-size: 10px;
    text-transform: uppercase;
  }
  .chartblocks .light .y-axis .tick {
    color: #385779;
    font-size: 10px;
    text-transform: uppercase;
  }
  .chartblocks .light .logo {
    opacity: 1;
  }
  .chartblocks .light .x-axis-bubble-matrix, .chartblocks .light .y-axis-bubble-matrix {
    font-family: inherit;
  }
  .chartblocks .light .x-axis-bubble-matrix .domain, .chartblocks .light .y-axis-bubble-matrix .domain {
    stroke: none;
  }
  .chartblocks .light .x-axis-bubble-matrix .tick, .chartblocks .light .y-axis-bubble-matrix .tick {
    color: #98a4d7;
    font-size: 14px;
  }
  .chartblocks .light .x-axis-bubble-matrix .tick line, .chartblocks .light .y-axis-bubble-matrix .tick line {
    stroke: #98a4d7;
  }
  .chartblocks .light .x-axis-bubble-matrix .tick text, .chartblocks .light .y-axis-bubble-matrix .tick text {
    fill: #4359A7;
  }
  .chartblocks .light .circle_bubble_matrix {
    stroke-width: 1.9;
    fill: #fff;
    opacity: 0.5;
  }
  .chartblocks .light .circle_text_bubble_matrix {
    font-size: 12px;
    font-weight: bold;
    color: #000;
  }
  .chartblocks .dark .tooltip {
    background-color: #fff;
    color: #353C5A;
    border-radius: 18px;
    padding: 18px;
    width: 200px;
    height: auto;
    font-size: 12px;
    position: absolute;
    z-index: 1000;
    transition: all 0.2s;
    box-shadow: 0px 16px 28px rgba(0, 0, 0, 0.2);
    visibility: hidden;
  }
  .chartblocks .dark .tooltip:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ffffff;
    position: absolute;
    left: -10px;
    top: 40%;
  }
  .chartblocks .dark .tooltip span {
    color: #353C5A;
  }
  .chartblocks .dark .tooltip ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .chartblocks .dark .tooltip ul li {
    padding: 2px 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .chartblocks .dark .tooltip ul li:last-child {
    border: none;
  }
  .chartblocks .dark .tooltip-line {
    stroke: #ffffff;
    stroke-width: 1.4;
    opacity: 0;
  }
  .chartblocks .dark .bar {
    opacity: 0.4;
    cursor: pointer;
    fill: #e3e3e3;
  }
  .chartblocks .dark .bar:hover {
    opacity: 1;
    fill: #F05B59;
  }
  .chartblocks .dark .bar-over {
    opacity: 0;
    fill: #98a4d7;
    cursor: pointer;
  }
  .chartblocks .dark .line {
    fill: none;
    stroke-width: 2.2px;
  }
  .chartblocks .dark .legend {
    font-size: 12px;
    fill: #fff;
  }
  .chartblocks .dark .bar-labels {
    font-size: 14px;
    fill: #6B6BF5;
  }
  .chartblocks .dark .line-labels {
    font-size: 11px;
  }
  .chartblocks .dark .line-dashed {
    fill: none;
    stroke-width: 2.2px;
    stroke-dasharray: 6 6;
  }
  .chartblocks .dark .circles {
    stroke-width: 1.2px;
    cursor: pointer;
  }
  .chartblocks .dark .header {
    fill: #fff;
    font-weight: normal;
  }
  .chartblocks .dark .x-axis .domain, .chartblocks .dark .y-axis .domain, .chartblocks .dark .y-axis-fade .domain {
    stroke: none;
  }
  .chartblocks .dark .y-axis .tick line {
    stroke: #98a4d7;
    stroke-width: 0.9;
  }
  .chartblocks .dark .y-axis-fade .tick line {
    stroke: #E2E2E2;
    stroke-dasharray: 4 4;
    stroke-width: 0.9;
  }
  .chartblocks .dark .y-axis-fade .tick text {
    fill: #98a4d7;
    font-size: 10px;
    text-transform: uppercase;
  }
  .chartblocks .dark .y-axis .tick text {
    fill: #98a4d7;
    font-size: 10px;
    text-transform: uppercase;
  }
  .chartblocks .dark .x-axis .tick line {
    stroke: #98a4d7;
    stroke-dasharray: 4 4;
  }
  .chartblocks .dark .x-axis .tick {
    color: #98a4d7;
    font-size: 10px;
    text-transform: uppercase;
  }
  .chartblocks .dark .y-axis .tick {
    color: #385779;
    font-size: 10px;
    text-transform: uppercase;
  }
  .chartblocks .dark .logo {
    opacity: 0.3;
  }

  .fillform-charts {
    width: 100vw;
    min-height: 35vh;
    height: auto;
    background-color: #e3e3e3;
    position: relative;
    padding-bottom: 36px;
  }
  .fillform-charts .background-fill {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .fillform-charts .background-fill img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
  }
  .fillform-charts-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    z-index: 10;
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 10;
  }
  .fillform-charts-wrapper-sections {
    width: 49.9%;
    box-sizing: border-box;
    padding: 120px 24px 24px 48px;
  }
  .fillform-charts-wrapper-sections h1 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.6px;
    font-weight: normal;
    color: #4359A7;
    max-width: 90%;
  }
  .fillform-charts-wrapper-sections h2 {
    font-size: 42px;
    font-weight: bold;
    color: #4359A7;
    max-width: 90%;
  }
  .fillform-charts-wrapper-sections p {
    line-height: 1.4em;
    max-width: 90%;
  }
  .fillform-charts form {
    max-width: 1280px;
    margin: 0 auto;
  }
  .fillform-charts-form {
    width: 75%;
    z-index: 10;
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 10;
    border-radius: 12px;
    background-color: #ffffff;
    margin-left: 24px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.07);
    color: #4359A7;
  }
  .fillform-charts-form-sections {
    box-sizing: border-box;
    padding: 12px 12px;
    align-content: center;
    flex-grow: 2;
  }
  .fillform-charts-form-sections:first-child, .fillform-charts-form-sections:last-child {
    width: 18%;
    flex-grow: 1;
  }
  .fillform-charts-form-sections:first-child {
    padding-left: 24px;
  }
  .fillform-charts-form-sections:last-child {
    padding-right: 24px;
  }
  .fillform-charts-form-sections input {
    margin: 0;
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
    letter-spacing: normal;
  }
  .fillform-charts-form-sections input[type=text], .fillform-charts-form-sections input[type=email] {
    border: 1px solid #768cda;
    border-radius: 5px;
    padding: 14px 12px;
    width: 100%;
  }
  .fillform-charts-form-sections input[type=submit] {
    background-image: linear-gradient(152deg, #4359A7 0%, #EC1382 100%);
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: normal;
    border: none;
    text-transform: none;
    padding: 18px 24px;
    width: 99%;
  }
  .fillform-charts-form-sections p {
    line-height: 1.4em;
  }

  .scroll-to-form {
    display: none;
  }

  .chartblocks.gated .chart {
    width: inherit;
    min-height: 320px;
    background-color: #f7f7f7;
    margin: 12px 24px;
    border-radius: 12px;
    position: relative;
  }
  .chartblocks.gated .chart svg {
    visibility: hidden;
  }
  .chartblocks.gated .chart .scroll-to-form {
    display: inline-block;
    padding: 12px 12px;
    font-size: 0.75rem;
    width: 180px;
    border-radius: 40px;
    color: #4359A7;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -90px;
  }
  .chartblocks.gated .chart .scroll-to-form:hover {
    background-color: #EC1382;
    background-image: linear-gradient(152deg, #4359A7 0%, #EC1382 100%);
    color: #fff;
  }
  .chartblocks.gated:nth-child(1) .chart, .chartblocks.gated:nth-child(2) .chart, .chartblocks.gated:nth-child(3) .chart, .chartblocks.gated:nth-child(4) .chart {
    background-color: #fff;
    width: inherit;
    min-height: auto;
    margin: 0px;
    border-radius: 0px;
  }
  .chartblocks.gated:nth-child(1) .chart svg, .chartblocks.gated:nth-child(2) .chart svg, .chartblocks.gated:nth-child(3) .chart svg, .chartblocks.gated:nth-child(4) .chart svg {
    visibility: visible;
  }
  .chartblocks.gated:nth-child(1) .chart .scroll-to-form, .chartblocks.gated:nth-child(2) .chart .scroll-to-form, .chartblocks.gated:nth-child(3) .chart .scroll-to-form, .chartblocks.gated:nth-child(4) .chart .scroll-to-form {
    display: none;
  }
}
.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  /* aspect ratio */
  vertical-align: top;
  overflow: hidden;
}

.svg-content-responsive {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
}

.bubble_table {
  padding: 0 24px 24px 24px;
}
.bubble_table h4 {
  color: #4359A7;
}
.bubble_table table {
  border: none;
  border-collapse: collapse;
  font-size: 0.8em;
  width: 100%;
}
.bubble_table table p {
  padding: 6px 12px;
}
.bubble_table table thead {
  font-weight: bold;
  color: #4359A7;
}
.bubble_table table tr td, .bubble_table table tr th {
  border-top: 1px solid #98a4d7;
  text-align: center;
}
.bubble_table table tr td:first-child, .bubble_table table tr th:first-child {
  font-weight: bold;
  text-align: right;
}

.embed {
  width: auto;
  height: auto;
  border-top: 1px solid #e3e3e3;
  padding-top: 64px;
}
.embed .embed_container {
  width: auto;
  height: auto;
  max-width: 1280px;
  padding: 4px 0px;
  margin: 12px auto 12px auto;
}
.embed .embed_container iframe {
  width: 100%;
}
.embed .disclaimer_text {
  color: #999;
  max-width: 980px;
  padding: 12px 0px;
  margin: 0 auto;
}
.embed .disclaimer_text p {
  margin: 0 auto;
  padding: 18px 24px;
  line-height: 16px;
  font-size: 12px;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: -webkit-zoom-out !important;
  -webkit-backdrop-filter: saturate(100%) blur(6px);
  backdrop-filter: saturate(100%) blur(6px);
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxLoadedContent img {
  border-radius: 4px;
  overflow: hidden;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(images/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(images/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: transparent;
  overflow: hidden;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#cboxLoadingOverlay {
  background: url(images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background-color: #FCB040;
  border-radius: 100px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background-color: #FCB040;
  border-radius: 100px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxClose {
  position: absolute;
  top: 0;
  right: 0;
  background: url(images/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background-color: #FCB040;
  border-radius: 100px;
}

#cboxClose {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#cboxClose:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

#cboxCurrent, #cboxPrevious, #cboxNext, #cboxTitle {
  display: none !important;
}

#colorbox {
  -webkit-filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.2));
}

.disqus_comments .wrapper {
  width: auto;
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 128px;
}

.disqus_count {
  display: inline-block;
}

/*
#disqus_thread{
     position: relative;
}
#disqus_thread:after{
     content: "";
     display: block;
     height: 55px;
     width: 100%;
     position: absolute;
     bottom: 0px;
     background:white;
}
*/
section.readme {
  max-width: 1024px;
  width: auto;
  padding: 0px 0px;
  background-color: #EDF2F5;
  color: #000;
}
section.readme h1, section.readme h2, section.readme h3, section.readme h4 {
  color: #0f41a0;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 2.4px;
}
section.readme h1, section.readme h2, section.readme h3, section.readme h4, section.readme h5, section.readme h6, section.readme p, section.readme blockquote {
  padding: 12px 48px;
  font-weight: normal;
}
section.readme small {
  color: #FCB040;
}
section.readme article, section.readme header, section.readme footer {
  border-bottom: 1px solid #e3e3e3;
  padding: 24px 48px;
}
section.readme article img, section.readme header img, section.readme footer img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0px 0px 24px 0px;
  border-bottom: 1px solid #e3e3e3;
}
section.readme article code, section.readme header code, section.readme footer code {
  font-size: 12px;
  line-height: 1.8em;
  color: #999;
  padding: 24px 24px;
  margin: 12px 24px;
  display: block;
  border-radius: 4px;
  background-color: #fff;
  white-space: pre-wrap;
}
section.readme article code.expandable, section.readme header code.expandable, section.readme footer code.expandable {
  height: 240px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 1s;
}
section.readme article code.expandable.expanded, section.readme header code.expandable.expanded, section.readme footer code.expandable.expanded {
  overflow: auto;
  height: auto;
}
section.readme article code:before, section.readme header code:before, section.readme footer code:before {
  content: "CODE";
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: 200px;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 2.4px;
  font-family: "Gotham", "Helvetica Neue", "Verdana", sans-serif;
  padding: 4px 12px;
  background-color: #FCB040;
  color: #FFF;
  z-index: 200;
}
section.readme article code:after, section.readme header code:after, section.readme footer code:after {
  content: "CLICK TO EXPAND";
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-width: 200px;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 2.4px;
  font-family: "Gotham", "Helvetica Neue", "Verdana", sans-serif;
  padding: 4px 12px;
  background-color: #fff;
  color: #FCB040;
  z-index: 200;
  cursor: pointer;
}

.mapsmodule {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding: 24px 0px 48px 0px;
}
.mapsmodule .bannercontent {
  padding: 0px 12px;
  text-align: center;
}
@media screen and (max-width: 740px) {
  .mapsmodule .bannercontent p {
    text-align: left;
  }
}
.mapsmodule .wrapper {
  max-width: 960px;
  margin: 36px auto -20px auto;
  height: auto;
}
@media screen and (min-width: 741px) {
  .mapsmodule .wrapper {
    max-height: 500px;
    margin: 24px auto;
    text-align: center;
  }
}
.mapsmodule .maptip {
  text-align: left;
}
.mapsmodule .maptip .wrapper {
  margin: 12px auto;
  min-height: 80px;
}

.addressblock {
  background-color: #fff;
  margin-top: 48px;
  box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.3);
}
.addressblock a {
  color: #598DEF;
}
.addressblock .extras p {
  display: none;
}
.addressblock .extras p.showextras {
  display: block;
}
.addressblock .wrapper {
  width: auto;
}
.addressblock .wrapper .mapblock {
  width: 75%;
  float: right;
}
.addressblock .wrapper .mapblock > div {
  padding: 0px 0px 0px 12px;
}
.addressblock .wrapper .mapblock > div #map {
  width: 100%;
}
.addressblock .wrapper .addresses {
  font-size: 12.8px;
  width: 25%;
  float: left;
}
.addressblock .wrapper .addresses h4 {
  text-transform: uppercase;
  font-size: 1em;
  padding-bottom: 2px;
  margin-bottom: 10px;
  display: inline-block;
  border-bottom: 4px solid #fff;
}
.addressblock .wrapper .addresses ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.addressblock .wrapper .addresses ul li {
  padding: 12px 24px;
}
.addressblock .wrapper .addresses ul li.selected, .addressblock .wrapper .addresses ul li:hover {
  cursor: pointer;
}
.addressblock .wrapper .addresses ul li.selected h4, .addressblock .wrapper .addresses ul li:hover h4 {
  border-bottom: 4px solid #FCB040;
}
.addressblock .wrapper .addresses ul li p {
  line-height: 22.4px;
  padding: 0px;
  margin: 0px;
}

button.outline {
  font-size: 12px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 4px;
  margin-right: 12px;
  border: 1px solid #999;
  color: #666;
  background-color: #F5F6FA;
}

.typeahead-onmap {
  background-color: #fff;
  width: auto;
  margin: 0px;
}
@media screen and (min-width: 721px) {
  .typeahead-onmap {
    position: absolute;
    top: 100px;
    left: auto;
    right: 80px;
    border-radius: 6px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    width: 320px;
  }
}

.vizcontainer {
  position: relative;
}

.statbox {
  position: relative;
  font-size: 11px;
  padding-bottom: 12px;
  margin-left: 12px;
}
.statbox .time-stamp {
  text-transform: capitalize;
  color: #999;
}
.statbox .time-stamp p {
  padding: 12px 12px 6px 12px;
  line-height: normal;
  margin: 0px;
}
@media screen and (max-width: 720px) {
  .statbox .time-stamp p {
    padding: 12px 12px 4px 20px;
  }
}
.statbox .city-name {
  color: #999;
}
.statbox .city-name .city-name-focus {
  color: #121212;
  font-weight: bold;
  text-transform: capitalize;
}
.statbox .city-name p {
  padding: 6px 12px;
  margin: 0px;
  line-height: normal;
}
@media screen and (max-width: 720px) {
  .statbox .city-name p {
    padding: 2px 12px 4px 20px;
  }
}
.statbox .city-name p span {
  font-size: 14px;
}
.statbox .country-name {
  color: #999;
}
.statbox .country-name .country-name-focus {
  color: #121212;
  font-weight: bold;
  text-transform: capitalize;
}
.statbox .country-name p {
  padding: 6px 12px;
  margin: 0px;
  line-height: normal;
}
@media screen and (max-width: 720px) {
  .statbox .country-name p {
    padding: 2px 12px;
  }
}
.statbox .country-name p span {
  font-size: 14px;
}
.statbox .barset {
  text-transform: capitalize;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #f7f7f7;
  padding: 2px 0px;
}
.statbox .barset p {
  padding: 0 2px 0 12px;
  margin: 0;
  line-height: normal;
}
.statbox .barset .bar-score {
  width: 20%;
  text-align: right;
}
.statbox .barset .bar-change {
  width: 5%;
  text-align: right;
  border-right: 1px solid #e3e3e3;
  color: #999;
}
.statbox .barset .bar-change p {
  padding: 0 2px;
}
.statbox .barset .bar-legend {
  width: 45%;
}
.statbox .barset .bar {
  height: 10px;
  width: 25%;
  margin-left: 0px;
}
.statbox .barset:first-child {
  margin-bottom: 24px;
  padding-bottom: 2px;
  border-bottom: 1px solid #e3e3e3;
}
.statbox .barset:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}
.statbox .bar {
  margin: 1px 12px 6px 12px;
  height: 16px;
  width: calc(100% - 42px);
  background-color: #e3e3e3;
  border-radius: 2px;
  overflow: hidden;
}
@media screen and (max-width: 720px) {
  .statbox .bar {
    margin: 6px 12px 24px 20px;
  }
}
.statbox .bar .bar-data {
  background-color: #e3e3e3;
  height: 100%;
  width: 1%;
}
@media screen and (max-width: 720px) {
  .statbox .data-circle {
    width: 44px;
    height: 44px;
    border-radius: 42px;
    display: block;
    position: absolute;
    left: auto;
    right: 10px;
    top: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2);
  }
  .statbox .data-circle p {
    margin: 0px;
    padding: 16px 0px;
    line-height: normal;
  }
  .statbox .data-circle p span {
    font-size: 12px;
  }
}
@media screen and (min-width: 721px) {
  .statbox .data-circle {
    width: 60px;
    height: 60px;
    border-radius: 42px;
    display: block;
    position: absolute;
    left: -52px;
    top: 14px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2);
  }
  .statbox .data-circle p {
    margin: 0px;
    padding: 19px 0px;
  }
  .statbox .data-circle p span {
    font-size: 18px;
  }
}

.background {
  fill: none;
  pointer-events: all;
  cursor: -webkit-zoom-out;
}

.viz {
  width: 100%;
  height: auto;
  font-size: 0px;
  border-bottom: 1px solid #e3e3e3;
}
.viz svg {
  background-color: #E9F2FC;
}

.chart_2 {
  width: 100%;
  height: auto;
  font-size: 0px;
  max-width: 1200px;
  margin: 0 auto;
}
.chart_2 svg {
  background-color: transparent;
}

.daterange {
  width: 100%;
  height: auto;
  font-size: 0px;
  background-color: #f7f7f7;
  position: -webkit-sticky;
  position: sticky;
  top: -57px;
  left: auto;
  z-index: 897;
}
.daterange .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 10px;
}
.daterange svg {
  background-color: transparent;
}

.statrange {
  width: 100%;
  height: auto;
  font-size: 0px;
  background-color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  left: auto;
  z-index: 896;
  font-size: 14px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.statrange .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 10px 4px 10px;
  display: flex;
  flex-direction: row;
}
.statrange .wrapper .filterset {
  width: 65%;
  flex: 1 1 auto;
  color: #333;
  font-weight: bold;
}
.statrange .wrapper .datacount {
  width: 35%;
  text-align: right;
  flex: 1 1 auto;
  color: #ccc;
}
.statrange .wrapper p, .statrange .wrapper h1, .statrange .wrapper h2, .statrange .wrapper h3, .statrange .wrapper h4 {
  padding: 0 48px;
  margin: 0;
}
.statrange .wrapper .majorcount {
  color: #0884c5;
  font-size: 32px;
}
.statrange svg {
  background-color: transparent;
}

.tooltip {
  display: none;
  position: absolute;
  background-color: #3f94f5;
  border-radius: 12px 12px 12px 2px;
  color: #fff;
  font-size: 12px;
  text-transform: capitalize;
  padding: 6px 12px;
  top: -100px;
  left: 0;
}
@media screen and (min-width: 721px) {
  .tooltip {
    display: block;
  }
}

.vizcontainer {
  width: auto;
  height: auto;
  margin: 0 auto;
}

.states {
  fill: #f7f7f7;
  stroke: #e3e3e3;
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
  cursor: -webkit-zoom-in;
}
.states.active, .states:hover {
  fill: #fff;
  stroke: #e3e3e3;
  vector-effect: non-scaling-stroke;
  cursor: -webkit-zoom-in;
}

.states-grey {
  fill: #fff;
  stroke: #e3e3e3;
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
  cursor: -webkit-zoom-in;
}
.states-grey.active, .states-grey:hover {
  fill: #e3e3e3;
  stroke: #ccc;
  vector-effect: non-scaling-stroke;
  cursor: -webkit-zoom-in;
}

.state-borders {
  fill: none;
  stroke: #e3e3e3;
  vector-effect: non-scaling-stroke;
}

.country-borders {
  fill: none;
  stroke: #ccc;
  vector-effect: non-scaling-stroke;
}

.land-mass {
  fill: #f7f7f7;
  stroke: #e3e3e3;
  stroke-dasharray: 6;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

circle {
  cursor: pointer;
}
circle.active {
  cursor: pointer;
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
  stroke: #666;
}

.percent-text {
  font-size: 14px;
  font-weight: bold;
}

.city_name {
  text-transform: capitalize;
}

.dgrey {
  fill: #fff;
  stroke: none;
}

.map-score-circle {
  stroke: #fff;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

.map-score-text {
  font-weight: bold;
  font-size: 13px;
  fill: #000;
}

.stats.bar {
  fill: #A1CAB3;
}
.stats.city {
  font-weight: bold;
  font-size: 24px;
  fill: #333;
  text-transform: capitalize;
}
.stats.score {
  font-size: 14px;
  fill: #333;
}
.stats.zipcode {
  font-size: 14px;
  fill: #999;
}
.stats .citybold {
  font-weight: bold;
  text-transform: capitalize;
}
.stats.timestamp {
  font-size: 10px;
  fill: #999;
}

.tips {
  font-size: 10px;
  fill: #999;
}

.small_multiple {
  width: auto;
  max-width: 1200px;
  margin: 24px auto;
  color: #333;
}
.small_multiple .table_group {
  font-size: 12px;
}
.small_multiple p, .small_multiple h4 {
  line-height: normal;
}
.small_multiple .header {
  width: auto;
  margin: 12px auto 4px auto;
  max-width: 1152px;
  border-bottom: 1px solid #ccc;
  padding: 8px 12px;
}
@media screen and (max-width: 720px) {
  .small_multiple .header {
    width: calc(100% - 40px);
  }
}
.small_multiple .header h4, .small_multiple .header h3, .small_multiple .header h2 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.table-legends {
  display: flex;
  padding: 0 20px;
}
@media screen and (min-width: 721px) {
  .table-legends {
    flex-direction: row-reverse;
  }
}
.table-legends p {
  font-size: 12px;
  line-height: normal;
}
.table-legends .legend-out-of-stock {
  padding: 4px 12px 4px 0px;
}
.table-legends .legend-out-of-stock p:before {
  content: "";
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 6px;
  background-color: #FF7787;
  vertical-align: middle;
  border-radius: 3px;
}
.table-legends .legend-in-stock {
  padding: 4px 12px 4px 0px;
}
.table-legends .legend-in-stock p:before {
  content: "";
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 6px;
  background-color: #D3D3D3;
  vertical-align: middle;
  border-radius: 3px;
}

.small_multiple2 {
  width: auto;
  max-width: 1200px;
  margin: 24px auto;
  color: #333;
}
.small_multiple2 .table_group {
  font-size: 10px;
}
.small_multiple2 p, .small_multiple2 h4 {
  line-height: normal;
}
.small_multiple2 .header {
  width: auto;
  margin: 12px auto 4px auto;
  max-width: 1152px;
  border-bottom: 1px solid #ccc;
  padding: 8px 12px;
}
@media screen and (max-width: 720px) {
  .small_multiple2 .header {
    width: calc(100% - 40px);
  }
}
.small_multiple2 .header h4, .small_multiple2 .header h3, .small_multiple2 .header h2 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.disclaimer {
  color: #999;
}

.declaration {
  padding: 8px 12px;
}
.declaration h2 {
  font-weight: normal;
}
.declaration h2 span {
  text-transform: capitalize;
  font-weight: bold;
}

.table_group {
  width: auto;
  height: auto;
  text-align: left;
  border-collapse: collapse;
  text-transform: capitalize;
  max-width: 1176px;
  margin: 4px auto 4px auto;
}
@media screen and (max-width: 720px) {
  .table_group {
    display: block;
    width: auto;
    margin: 4px auto 24px auto;
    border-collapse: collapse;
  }
  .table_group .table_header {
    display: none;
  }
  .table_group .table_body {
    display: block;
  }
  .table_group p {
    padding: 6px 10px;
    margin: 0px;
  }
  .table_group .table_row {
    min-height: 40px;
    display: block;
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  .table_group .table_row.row_head {
    font-weight: bold;
  }
  .table_group .table_row.row_head .table_cell {
    border-bottom: none;
  }
  .table_group .table_row.row_head p {
    width: calc(70% - 12px);
    border-left: 1px solid #D8D8D8;
    margin-left: 30%;
    padding-left: 6px;
    padding-right: 6px;
  }
  .table_group .table_row .table_cell {
    width: auto;
    display: block;
    border-bottom: 1px dashed #8E92AC;
  }
  .table_group .table_row .table_cell a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: #333;
    cursor: pointer;
  }
  .table_group .table_row .table_cell:hover {
    background-color: #f0f6fa;
  }
  .table_group .table_row .table_cell.col_head {
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
  }
  .table_group .table_row .table_cell.full_width {
    width: 100%;
    display: table-cell;
  }
}
@media screen and (min-width: 721px) {
  .table_group {
    display: table;
    width: 100%;
    margin: 4px auto 86px auto;
    border-collapse: collapse;
    max-width: 1176px;
  }
  .table_group .table_header {
    display: table-header-group;
  }
  .table_group .table_body {
    display: table-row-group;
  }
  .table_group p {
    padding: 6px 12px 6px 12px;
    margin: 0px;
  }
  .table_group .table_row {
    min-height: 40px;
    display: table-row;
  }
  .table_group .table_row:hover {
    background-color: #f0f6fa;
  }
  .table_group .table_row.row_head {
    font-weight: bold;
  }
  .table_group .table_row.row_head .table_cell {
    border-bottom: none;
    vertical-align: bottom;
  }
  .table_group .table_row.row_head p {
    width: auto;
    border-left: 1px solid #D8D8D8;
    margin-left: 60px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .table_group .table_row .table_cell {
    width: 6.6666666667%;
    display: table-cell;
    border-bottom: 1px dashed #8E92AC;
  }
  .table_group .table_row .table_cell a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: #333;
    cursor: pointer;
  }
  .table_group .table_row .table_cell a:hover {
    background-color: #e8f1f7;
  }
  .table_group .table_row .table_cell:first-child {
    border-left: none;
  }
  .table_group .table_row .table_cell.col_head {
    font-weight: bold;
    text-align: right;
    vertical-align: bottom;
  }
  .table_group .table_row .table_cell.full_width {
    width: 100%;
    display: table-cell;
  }
}

.bar_chart {
  padding: 0;
  margin: 0;
  display: block;
}
.bar_chart .catname_mobile {
  display: none;
}
@media screen and (max-width: 720px) {
  .bar_chart .catname_mobile {
    padding-top: 10px;
    display: block;
  }
}
.bar_chart p {
  padding: 2px 12px;
  font-size: 10px;
}
.bar_chart .bar_chart_row {
  display: flex;
}
.bar_chart .bar_chart_row .bar_chart_row_num {
  display: flex;
  flex: 0 0 60px;
  text-align: right;
  padding-top: 1px;
}
@media screen and (max-width: 720px) {
  .bar_chart .bar_chart_row .bar_chart_row_num {
    width: 20%;
  }
}
.bar_chart .bar_chart_row .bar_chart_row_num p {
  padding: 2px 0px 2px 0px;
  width: calc(100% - 4px);
}
.bar_chart .bar_chart_row .bar_chart_row_bar {
  border-left: 1px solid #D8D8D8;
  width: 70%;
  display: flex;
  padding-top: 0px;
}
@media screen and (max-width: 720px) {
  .bar_chart .bar_chart_row .bar_chart_row_bar {
    width: 80%;
  }
}
.bar_chart .bar_chart_row .bar_chart_row_bar .bar_display {
  height: 12px;
  margin: 2px 0px;
  background-color: #ccc;
  border-radius: 0px 2px 2px 0px;
}
.bar_chart .bar_chart_row:nth-child(2) .bar_chart_row_num p {
  padding: 24px 0px 2px 0px;
}
.bar_chart .bar_chart_row:nth-child(2) .bar_chart_row_bar .bar_display {
  margin: 24px 0px 2px 0px;
}

.dataAll {
  font-size: 14px;
}

.cards_2 {
  color: #333;
  max-width: 1200px;
  margin: 0px auto 0 auto;
}
.cards_2 > .wrapper {
  margin: 0px 10px;
  border-top: 1px solid #e3e3e3;
  padding: 10px 0px 10px 0px;
  display: flex;
  flex-wrap: wrap;
}
.cards_2 .score-card {
  padding: 4px 12px 4px 0px;
  margin-right: 4px;
  vertical-align: top;
  flex: 1 0 60px;
  max-width: 120px;
}
.cards_2 .score-card .wrapper {
  border-left: 1px solid #e3e3e3;
  padding: 8px;
  width: 60px;
  height: calc(100% - 16px);
  text-align: left;
  margin: 0px;
}
.cards_2 .score-card p {
  text-transform: uppercase;
  font-size: 12px;
  padding: 0px 0px 4px 0px;
  margin: 0px;
  line-height: normal;
}
.cards_2 .score-card p .score {
  font-size: 20px;
  font-weight: bold;
  margin-right: 2px;
}
.cards_2 .score-card h4 {
  text-transform: capitalize;
  font-size: 12px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  line-height: normal;
}
.cards_2 .score-card:first-child {
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  flex: 2 0 60px;
  max-width: 180px;
}
.cards_2 .score-card:first-child .wrapper {
  width: 100px;
  border: none;
}
.cards_2 .score-card:hover {
  border-radius: 8px;
  background-color: #f7f7f7;
  cursor: pointer;
}
.cards_2 .score-card:hover .wrapper {
  border-color: #fff;
}
.cards_2 .score-card.active {
  border-radius: 8px;
  background-color: #eaeaea;
  cursor: pointer;
}
.cards_2 .score-card.active .wrapper {
  border-color: #e3e3e3;
}
@media screen and (min-width: 721px) {
  .cards_2.fitwidth > .wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
  }
  .cards_2.fitwidth > .wrapper .score-card {
    max-width: none;
  }
  .cards_2.fitwidth > .wrapper .score-card .wrapper {
    width: auto;
  }
  .cards_2.fitwidth > .wrapper .score-card:first-child {
    flex: 1 0 60px;
  }
}
@media screen and (max-width: 720px) {
  .cards_2.fitwidth > .wrapper {
    display: block;
  }
  .cards_2.fitwidth > .wrapper .score-card {
    display: block;
    width: auto;
  }
  .cards_2.fitwidth > .wrapper .score-card .wrapper {
    width: auto;
  }
}
.cards_2.sticky {
  top: -70px;
}

.timelinechart .timeline.selected {
  stroke-width: 2.9px;
  stroke: #95C7E7;
  fill: none;
}
.timelinechart .timeline.base {
  stroke-width: 2.9px;
  stroke: #AFB2C3;
  fill: none;
}
.timelinechart .timecircle.selected {
  stroke: #89B9F1;
  stroke-width: 3px;
  fill: #fff;
}
.timelinechart .timecircle.base {
  stroke-width: 2.9px;
  stroke: #AFB2C3;
  fill: #AFB2C3;
}
.timelinechart .axislineY .domain {
  stroke: #AFB2C3;
  stroke-width: 1.2px;
}
.timelinechart .axislineY .tick line {
  stroke: #AFB2C3;
  stroke-width: 0.5px;
}
.timelinechart .axislineY .tick text {
  fill: #AFB2C3;
  font-size: 12px;
}
.timelinechart .axislineY .tick:hover line {
  stroke: #222;
  stroke-width: 0.5px;
}
.timelinechart .axislineY .tick:hover text {
  fill: #222;
  font-size: 12px;
}
.timelinechart .axislineX .domain {
  stroke: #AFB2C3;
  stroke-width: 1.2px;
}
.timelinechart .axislineX .tick line {
  stroke: #4A4A4A;
  stroke-width: 0.5px;
}
.timelinechart .axislineX .tick text {
  fill: #4A4A4A;
  font-size: 12px;
}
.timelinechart .axislineX .tick:hover line {
  stroke: #222;
  stroke-width: 0.5px;
}
.timelinechart .axislineX .tick:hover text {
  fill: #222;
  font-size: 12px;
  font-weight: bold;
}
.timelinechart .benchmark.ends line {
  stroke: #D8D8D8;
  stroke-width: 2px;
}
.timelinechart .benchmark.ends text {
  fill: #D8D8D8;
  font-size: 18px;
}
.timelinechart .benchmark.high line {
  stroke: #ADE7C7;
  stroke-width: 2px;
}
.timelinechart .benchmark.high text {
  fill: #ADE7C7;
  font-size: 14px;
  font-weight: bold;
}
.timelinechart .benchmark.low line {
  stroke: #FFC4CB;
  stroke-width: 2px;
}
.timelinechart .benchmark.low text {
  fill: #FFC4CB;
  font-size: 14px;
  font-weight: bold;
}

.donut {
  width: auto;
  height: auto;
  font-size: 12px;
  max-width: 1176px;
  margin: 0 auto 0px auto;
}
@media screen and (min-width: 721px) {
  .donut .wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    border-top: 1px solid #ccc;
    padding: 12px;
  }
  .donut .wrapper .donutLegends {
    width: calc(100% - 320px);
  }
  .donut .wrapper .donutHolder {
    height: auto;
    width: 320px;
    padding: 0px 0px;
  }
}
@media screen and (max-width: 720px) {
  .donut .wrapper {
    display: block;
    padding: 0px;
  }
  .donut .wrapper .donutLegends {
    width: auto;
    padding: 12px;
  }
  .donut .wrapper .donutHolder {
    height: auto;
    width: auto;
    padding: 0px;
  }
}
.donut svg {
  background-color: transparent;
}
.donut .table_group {
  height: auto;
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  text-transform: capitalize;
  display: table;
  width: 100%;
  margin: 42px auto 42px 0px;
}
.donut .table_group span.dot {
  width: 15px;
  height: 15px;
  border-radius: 10px;
  margin-right: 20px;
  display: inline-block;
}
.donut .table_group .table_header {
  display: table-header-group;
}
.donut .table_group .table_body {
  display: table-row-group;
}
.donut .table_group p {
  padding: 6px 12px 6px 12px;
  margin: 0px;
}
.donut .table_group .table_row {
  min-height: 40px;
  display: table-row;
}
.donut .table_group .table_row:last-child .table_cell {
  border-bottom: none;
}
.donut .table_group .table_row.row_head {
  font-weight: bold;
}
.donut .table_group .table_row.row_head .table_cell {
  border-bottom: none;
  vertical-align: bottom;
}
.donut .table_group .table_row.row_head p {
  width: calc(70% - 12px);
  border-left: 1px solid #D8D8D8;
  margin-left: 30%;
  padding-left: 6px;
  padding-right: 6px;
}
.donut .table_group .table_row .table_cell {
  width: 12.5%;
  display: table-cell;
  border-bottom: 1px dashed #8E92AC;
}
.donut .table_group .table_row .table_cell:first-child {
  font-weight: bold;
}
.donut .table_group .table_row .table_cell p {
  padding: 18px 0px;
}
.donut .table_group .table_row .table_cell a {
  display: block;
  height: 100%;
  text-decoration: none;
  color: #333;
  cursor: pointer;
}
.donut .table_group .table_row .table_cell a:hover {
  background-color: #f0f6fa;
}
.donut .table_group .table_row .table_cell.col_head {
  font-weight: bold;
  text-align: right;
  vertical-align: bottom;
}
.donut .table_group .table_row .table_cell.full_width {
  width: 100%;
  display: table-cell;
}

.insights {
  max-width: 1152px;
  margin: 12px auto 64px auto;
  font-size: 14px;
  padding: 0px 0px;
  line-height: 1.6em;
}
@media screen and (min-width: 721px) {
  .insights {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}
.insights > div {
  width: auto;
}
@media screen and (min-width: 721px) {
  .insights > div {
    width: 50%;
  }
}
.insights > div:first-child {
  border-right: 1px solid #e3e3e3;
}
.insights p, .insights h4, .insights h3, .insights h2, .insights h1 {
  max-width: 720px;
  padding: 4px 24px;
}
.insights p {
  margin-top: 4px;
  color: #666;
}
.insights h4, .insights h3, .insights h2, .insights h1 {
  margin-bottom: 4px;
  color: #333;
}

.disclaimer {
  max-width: 1100px;
  margin: 0 auto;
  color: #999;
}

.inlinemap {
  margin: 0 auto 0 auto;
  font-size: 0px;
  position: relative;
}
.inlinemap svg {
  background-color: #E9F2FC;
}

span.arrows {
  font-size: 1.4em;
}

.sticky {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  background-color: #fff;
  top: 0px;
  width: 100%;
}

.table_group_transpose {
  width: auto;
  height: auto;
  text-align: left;
  border-collapse: collapse;
  text-transform: capitalize;
  max-width: 1176px;
  margin: 4px auto 4px auto;
  display: block;
  width: 100%;
  margin: 4px auto 18px auto;
  border-collapse: collapse;
  max-width: 1176px;
  font-size: 10px;
  display: flex;
  flex-direction: row;
}
.table_group_transpose .table_header, .table_group_transpose .table_body {
  display: flex;
  flex-direction: row;
  min-width: 12.5%;
}
.table_group_transpose p {
  padding: 6px 12px 6px 12px;
  margin: 0px;
}
.table_group_transpose .table_row {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.table_group_transpose .table_row.row_head {
  font-weight: bold;
  text-align: right;
  flex: 0 0 200px;
}
.table_group_transpose .table_row.row_head p {
  width: 200px;
  margin-left: 0;
  padding-left: 6px;
  padding-right: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table_group_transpose .table_row .table_cell {
  width: 100%;
  display: block;
  border-top: 1px solid #e3e3e3;
  min-height: 28px;
}
.table_group_transpose .table_row .table_cell a {
  display: block;
  height: 100%;
  text-decoration: none;
  color: #333;
  cursor: pointer;
}
.table_group_transpose .table_row .table_cell a:hover {
  background-color: #e8f1f7;
}
.table_group_transpose .table_row .table_cell:first-child {
  border-left: none;
  border-top: none;
}
.table_group_transpose .table_row .table_cell.col_head {
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
}
.table_group_transpose .table_row .table_cell.col_head p {
  width: 70%;
  padding-left: 60px;
}
.table_group_transpose .table_row .table_cell.full_width {
  width: 100%;
  display: table-cell;
}
.table_group_transpose .table_row:hover {
  background-color: #f0f6fa;
}

.tick {
  cursor: pointer;
}
.tick .tick_hover {
  fill: #55C0F8;
  opacity: 0;
}
.tick .tick_underline {
  fill: #86d2fa;
  opacity: 0;
}
.tick .tick_line {
  stroke: #D8D8D8;
  stroke-width: 1;
  opacity: 0;
}
.tick:hover, .tick.active {
  font-weight: bold;
}
.tick:hover .tick_hover, .tick.active .tick_hover {
  opacity: 0.1;
}
.tick:hover .tick_underline, .tick.active .tick_underline {
  opacity: 1;
}
.tick:hover .tick_line, .tick.active .tick_line {
  opacity: 1;
}
.tick.active .tick_underline {
  fill: #AFB2C3;
}

.filter.selected_node {
  font-size: 12px;
  padding: 2px 4px 2px 4px;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  display: inline-block;
  background-color: #f7f7f7;
  cursor: pointer;
}
.filter.selected_node:after {
  content: "  ✕";
  padding-left: 8px;
  color: #999;
  font-weight: bold;
}
.filter.selected_node:hover {
  background-color: #b7e4fc;
  border-color: #b7e4fc;
}

.mapheader {
  width: auto;
  padding: 8px 20px;
}
@media screen and (min-width: 721px) {
  .mapheader {
    margin: 0px;
    position: absolute;
    top: 0;
    left: 2.5%;
    padding: 8px 0px 0px 0px;
    z-index: 800;
  }
}

.mapfineprint {
  font-weight: normal;
  font-size: 12px;
  line-height: 1.6em;
  margin: 0 auto;
  max-width: 960px;
  padding: 0 12px;
}

.capitalize {
  text-transform: capitalize;
}

.comparison .bannercontent {
  text-align: center;
}
.comparison .bannercontent h2 {
  color: #000;
}
.comparison .wrapper {
  max-width: 1280px;
  margin: 24px auto 12px auto;
  overflow-x: scroll;
}
.comparison .table_format_2 {
  display: table;
  min-width: 480px;
}
.comparison p, .comparison h4 {
  padding: 12px 12px;
  margin: 0;
}
.comparison .table_format_2_row {
  display: table-row;
}
.comparison .table_format_2_row:hover {
  background-color: #f7f7f7;
}
.comparison .table_format_2_row:first-child {
  font-weight: bold;
}
.comparison .table_format_2_cell {
  border-right: 1px solid #f7f7f7;
  border-bottom: 1px solid #d9d9d9;
  display: table-cell;
  width: 16.6666666667%;
  vertical-align: top;
}
.comparison .table_format_2_cell:last-child {
  border-right: 0;
}
.comparison .table_format_2_cell .button, .comparison .table_format_2_cell input[type=button], .comparison .table_format_2_cell input[type=submit], .comparison .table_format_2_cell .googlelogin, .comparison .table_format_2_cell .ssologin, .comparison .table_format_2_cell #closeCookieMonster, .comparison .table_format_2_cell #country_selector_go, .comparison .table_format_2_cell #country_selector {
  margin: 12px 0px 12px 12px;
}
@media screen and (max-width: 740px) {
  .comparison .table_format_2_cell {
    border-right: 1px solid #d9d9d9;
  }
}
.comparison .table_format_2_image {
  height: 100px;
  width: auto;
}
.comparison .table_format_2_image + p, .comparison .table_format_2_image + h4 {
  padding-top: 4px;
}

input[type=text].typeahead, .typeahead, .tt-query, .tt-hint {
  all: unset;
  height: 30px;
  padding: 7px 20px;
  width: calc(100% - 40px);
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
  display: inline-block;
  color: #121212;
  margin-bottom: 0px;
  background-image: url("images/search@2x.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 96% center;
}
@media screen and (min-width: 721px) {
  input[type=text].typeahead, .typeahead, .tt-query, .tt-hint {
    box-sizing: padding-box;
    padding: 7px 18px 7px 28px;
    width: calc(100% - 46px);
  }
  input[type=text].typeahead.state, .typeahead.state, .tt-query.state, .tt-hint.state {
    border-radius: 12px 12px 0px 0px;
  }
}

.typeahead-button {
  height: 30px;
  padding: 2px 18px;
  font-size: 18px;
  border: 2px solid #ffcc00;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 0pc 30px 30px 0px;
  outline: none;
  display: inline-block;
  background-color: #ffcc00;
  color: #fff;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border-bottom: 1px solid #3f94f5;
  background-color: #f7f7f7;
  color: #121212;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #121212;
}

.tt-dropdown-menu, .tt-open {
  width: 320px;
  margin: 0px;
  padding: 0;
  background-color: #fff;
  border-radius: 0px 0px 12px 12px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
  padding: 6px 20px 6px 30px;
  font-size: 16px;
  line-height: 24px;
  color: #121212;
  text-transform: capitalize;
}

.tt-suggestion.tt-cursor, .tt-suggestion:hover {
  background-color: #5f5f5f;
  color: #fff;
  cursor: pointer;
}

.tt-suggestion p {
  margin: 0;
  font-size: 16px;
  text-align: left;
}

.twitter-typeahead {
  width: 100%;
}

.axis {
  font-size: 0.9em;
  fill: #9b9b9b;
}

.axis path,
.axis line {
  fill: none;
  stroke: #9b9b9b;
  shape-rendering: crispEdges;
}

.x.axis, .y.axis {
  stroke: #999;
  stroke-width: 0.5;
}

.hidden {
  display: none !important;
}

.d3-tip {
  line-height: 1.6em;
  z-index: 9999;
  padding: 12px 8px;
  background-color: #fff;
  color: #333;
  border-radius: 2px;
  font-size: 12px;
  transition: ease 0.3s;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
}
.d3-tip strong {
  color: #009FB9;
}

.maptips {
  box-shadow: none;
  background: rgba(255, 255, 255, 0.98);
  border-left: 1px solid #cdcdcd;
  border-radius: none;
  color: #333;
  padding: 12px;
  font-size: 12px;
  transition: ease 0.3s;
  width: 220px;
  z-index: 9999;
  text-align: left;
  position: absolute;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3);
}
.maptips p, .maptips h4 {
  padding: 6px 12px;
  line-height: 1.4em;
}
.maptips h4 {
  color: #FCB040;
  font-weight: normal;
}
.maptips.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}
.maptips:after {
  display: none;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 14px;
  line-height: 1em;
  width: 100%;
  color: #fff;
  content: "▼";
  position: absolute;
  text-align: center;
}

/* Style northward tooltips differently */
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}

path.map {
  stroke: #cccccc;
  stroke-width: 0.5;
  fill: #cccccc;
  opacity: 1;
  /*
    &.id1 {fill: #cccccc ; }
    &.id2 {fill: #66cc33 ; }
    &.id3 {fill: #ff9933 ; }
    &.id4 {fill: #ff3333 ; }
    &.id5 {fill: #333399 ; }
    &.id6 {fill: #00bad6 ; }
    &.id7 {fill: #0066ff ; }
    &.id8 {fill: #ff9931 ; }
    &.id9 {fill: #ff3331 ; }
    &.id10 {fill: #333397 ; }
    &.id11 {fill: #00bbf8 ; }
    &.id12 {fill: #66cc27 ; }
    &.id13 {fill: #ff9927 ; }
    &.id14 {fill: #ff3327 ; }
    &.id15 {fill: #333395 ; }
  */
}
.map {
  width: auto;
  height: auto;
  margin: 0 auto;
}
.map svg {
  /* This might not be compatible everywhere */
  background-position: center center;
  background-size: cover;
}

.cityGroup .cityLine {
  /*
      opacity: 0;
      visibility: hidden;
  */
}
.cityGroup .cityCircle {
  fill: #4A90E2;
}
.cityGroup:hover .cityLine {
  /*
        opacity: 1;
        visibility: visible;
  */
}
.cityGroup:hover .cityCircle {
  fill: #39B5E3;
}

@media screen and (min-width: 741px) {
  .maptip {
    width: 960px;
    height: auto;
    min-height: 120px;
    width: 100%;
    border-top: 1px solid #abc3d1;
    margin: 0 auto;
    position: relative;
    top: -120px;
    z-index: 100;
    font-size: 14px;
    background-color: #fff;
    padding: 0 0px 12px 0px;
    line-height: 1.6em;
  }
  .maptip a:hover {
    color: #FCB040;
  }
  .maptip .half {
    width: 50%;
    float: left;
  }
  .maptip p, .maptip h4 {
    padding: 6px 12px;
    line-height: 1.4em;
  }
  .maptip h4 {
    color: #FCB040;
    font-weight: normal;
  }
  .maptip .datastacksmaps {
    position: relative;
    left: 50%;
    visibility: visible;
    width: 680px;
    margin-left: -340px;
  }
  .maptip .datastacksmaps .disclaimer {
    color: #ccc;
  }
  .maptip .datastacksmaps p {
    padding-bottom: 2px;
    padding-left: 0px;
  }
  .maptip .datastacksmaps h3, .maptip .datastacksmaps h4 {
    padding-top: 2px;
  }
  .maptip .address {
    position: absolute;
    left: 50%;
    z-index: 10;
    visibility: visible;
    width: 680px;
    margin-left: -340px;
  }
}
@media screen and (max-width: 740px) {
  .maptip {
    height: auto;
    width: 100%;
    border-top: 1px solid #abc3d1;
    margin: 0 auto;
    position: relative;
    top: -40px;
    z-index: 100;
    font-size: 14px;
    background-color: #fff;
    padding: 0 0px 12px 0px;
    line-height: 1.6em;
  }
  .maptip a:hover {
    color: #FCB040;
  }
  .maptip .half {
    width: 100%;
  }
  .maptip p, .maptip h4 {
    padding: 6px 12px;
    line-height: 1.4em;
  }
  .maptip h4 {
    color: #FCB040;
    font-weight: normal;
  }
  .maptip .datastacksmaps {
    position: relative;
    left: 0;
    visibility: visible;
    width: auto;
    margin-left: 0px;
  }
  .maptip .datastacksmaps .disclaimer {
    color: #ccc;
    text-align: center;
  }
  .maptip .datastacksmaps p {
    padding-bottom: 2px;
    padding-left: 0px;
  }
  .maptip .datastacksmaps h3, .maptip .datastacksmaps h4 {
    padding-top: 2px;
  }
  .maptip .address {
    z-index: 10;
    visibility: visible;
  }
}

.timechart {
  width: 100%;
  height: 480px;
  padding: 48px 0;
  overflow: hidden;
  font-size: 12px;
}
.timechart rect.logo {
  width: 115px;
  height: 20px;
  background-image: url("images/dw_logo_dark@4x.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  position: absolute;
  top: 20px;
  left: 2.5%;
  z-index: 200;
  opacity: 1;
}
.timechart .wrapper {
  max-width: none;
  margin: 0;
}
.timechart text.comment {
  fill: #333;
}
.timechart text.date {
  fill: #EC5454;
  font-weight: bold;
  font-size: 12px;
}
.timechart text.header {
  fill: #000;
  font-weight: bold;
}
.timechart .axis {
  font-size: 1.8em;
  fill: #FCB040;
  stroke: none;
  font-weight: bold;
  cursor: pointer;
}
.timechart .hover {
  fill: #EC5454;
  stroke: none;
  cursor: pointer;
}
.timechart .hoverCircle {
  cursor: pointer;
}

.timeline {
  box-shadow: none;
  line-height: normal;
  background: rgba(255, 255, 255, 0.98);
  border-left: 2px dashed #cdcdcd;
  border-radius: none;
  color: #333;
  padding: 12px;
  font-size: 12px;
  transition: ease 0.3s;
  width: 220px;
  z-index: 9999;
  text-align: left;
  position: absolute;
}
.timeline.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}
.timeline p, .timeline h4 {
  line-height: normal;
}
.timeline:after {
  display: none;
}
.timeline .timeline-icon {
  width: 100px;
  height: auto;
}

.timechartmobile > div .logo {
  background-image: url("images/dw_logo_dark@2x.png");
  background-position: center center;
  background-size: contain;
  height: 32px;
  width: auto;
  background-repeat: no-repeat;
  margin: 64px 0px 0px 0px;
}
.timechartmobile ul {
  padding: 12px;
  margin: 0px 0px 64px 0px;
  list-style: none;
  position: relative;
}
.timechartmobile ul li {
  clear: both;
  padding: 0;
  margin: 0;
}
.timechartmobile ul li > div {
  position: relative;
  padding: 0px;
  clear: both;
}
.timechartmobile ul li > div .circle {
  border-radius: 100%;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 30%;
  top: 58px;
  margin-left: -7px;
  margin-top: 0px;
  background-color: #EC5454;
}
.timechartmobile ul li .bannercontent {
  width: 69%;
  float: left;
  padding: 64px 0 48px 0;
  margin: 0;
  border-left: 1px dashed #ccc;
}
.timechartmobile ul li .image {
  width: 30%;
  float: left;
  padding: 64px 0 0 0;
  margin: 0;
  text-align: left;
}
.timechartmobile ul li .image img {
  width: auto;
  max-width: 90%;
  height: auto;
}
.timechartmobile ul li h4.date {
  padding: 12px 0px 2px 12px;
  color: #EC5454;
  margin: 0;
  line-height: normal;
  border-top: 1px dashed #ccc;
}
.timechartmobile ul li h4.header {
  padding: 2px 0px 2px 12px;
  color: #000;
  margin: 0;
  line-height: normal;
}
.timechartmobile ul li p.comment {
  padding: 2px 0px 0px 12px;
  color: #545454;
  margin: 0;
  line-height: normal;
}

.chart_nav {
  /*
    background-image: url('images/list-icon-2@2x.png');
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;
  */
  fill: #fff;
  stroke: #EC5454;
  stroke-width: 0.9;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0px;
  border: none;
  border-radius: 100px;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #FCB040;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 3px;
  width: 30px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 3px;
  width: 30px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 30px;
  height: 3px;
  font-family: "slick";
  font-size: 36px;
  line-height: 10px;
  border-radius: 20px;
  text-align: center;
  color: #e3e3e3;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #e3e3e3;
  background-color: #e3e3e3;
}
.slick-dots li.slick-active button:before {
  color: #598DEF;
  opacity: 0.75;
  background-color: #598DEF;
  border-color: #598DEF;
}

.video_slideout {
  width: 50%;
  margin: 0;
  padding: 24px 0;
}
.video_slideout .video_disclaimer {
  width: 90%;
  height: auto;
  margin: 6px 12px;
}
.video_slideout .video_disclaimer p {
  font-size: 0.8em !important;
  color: #a1a1a1;
  line-height: 1.4em;
  padding: 0 12px;
}
@media screen and (max-width: 740px) {
  .video_slideout .video_disclaimer p {
    padding: 0;
  }
}
.video_slideout .video_container {
  width: 40vw;
  height: 22.5vw;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 12px 48px rgba(0, 0, 0, 0.2);
  margin: 128px 0px 12px 0px;
  font-size: 0px;
}
.video_slideout .video_container iframe {
  overflow: hidden;
  margin: 0 auto;
  width: 100% !important;
  height: 100% !important;
}
@media screen and (max-width: 740px) {
  .video_slideout {
    width: 100vw;
    padding: 0 !important;
    height: auto;
    margin-bottom: 64px;
  }
  .video_slideout .video_container {
    margin: 12px 0 12px 0;
    box-shadow: none;
    border-radius: 0;
    width: 100vw;
    height: 56.25vw;
  }
  .video_slideout .video_container iframe {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    height: 100%;
  }
  .video_slideout .video_disclaimer {
    width: auto;
  }
}

@page {
  size: auto;
}
@media print {
  body {
    height: 297mm;
    width: 210mm;
    padding: 0;
    margin: 0mm 0mm;
  }

  header, .formpopup, .footerlinks, #demoform, #loginform, #canvascover {
    display: none;
  }

  .noprint {
    display: none !important;
  }

  .onlyprint {
    display: block !important;
  }
}
.date-time {
  border-radius: 8px;
  border: 1px solid #FCB040;
  display: inline-block;
  padding: 2px 4px;
  color: #FCB040;
  font-size: 12.8px;
  margin-bottom: 24px;
}

span.date, span.time {
  font-weight: bold;
}

/*# sourceMappingURL=newstyle.css.map */