@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,400|Raleway:100,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,400|Raleway:100,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,400|Raleway:100,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700);
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
@media screen and (max-width: 640px) {
  .maxcontain {
    width: 97vw;
    margin-left: 1.5vw; } }
@media screen and (min-width: 641px) and (max-width: 991px) {
  .maxcontain {
    width: 97vw;
    margin-left: 1.5vw; } }
@media screen and (min-width: 992px) {
  .maxcontain {
    width: 85vw; } }
@media screen and (min-width: 1440px) {
  .maxcontain {
    width: 80vw; } }
@media screen and (min-width: 1680px) {
  .maxcontain {
    width: 78vw; } }
@media screen and (min-width: 2400px) {
  .maxcontain {
    width: 60vw; } }
/****** font ************/
/****** color ***********/
@media screen and (max-width: 640px) {
  .maxcontain {
    width: 97vw;
    margin-left: 1.5vw; } }
@media screen and (min-width: 641px) and (max-width: 991px) {
  .maxcontain {
    width: 97vw;
    margin-left: 1.5vw; } }
@media screen and (min-width: 992px) {
  .maxcontain {
    width: 85vw; } }
@media screen and (min-width: 1440px) {
  .maxcontain {
    width: 80vw; } }
@media screen and (min-width: 1680px) {
  .maxcontain {
    width: 78vw; } }
@media screen and (min-width: 2400px) {
  .maxcontain {
    width: 60vw; } }
* {
  -webkit-font-smoothing: antialiased; }

.greyback {
  background-color: #f5f5f5; }

html {
  overflow-x: hidden; }

html,
body {
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 100%; }

.posrel {
  position: relative; }

.heavytitle {
  text-transform: uppercase;
  font-weight: 600; }

h1,
h2,
h3,
h4,
h5 {
  font-family: "Roboto Slab", serif !important;
  line-height: 1; }

h4 {
  line-height: 1.6em; }

p {
  font-family: "Work Sans", sans-serif !important;
  font-size: 1em;
  line-height: 1.6em;
  margin-bottom: 1em;
  color: #455561;
  font-weight: 400; }

a {
  font-family: "Roboto Slab", serif !important; }

a:hover,
a:focus {
  color: inherit !important; }

.active > a {
  background: inherit !important; }

a:visited {
  color: inherit; }

.fullwidth {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial; }

ul {
  margin-left: 0;
  font-family: "Roboto Slab", serif !important; }

li {
  list-style-type: none; }

.row {
  margin: 0 auto;
  max-width: 100%;
  width: 100%; }

.maxcontain {
  margin: 0 auto; }

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

.slick-initialized .slick-slide {
  display: block;
  overflow: hidden; }

/******** mainnav ************/
/******** mainnav ************/
/******** mainnav ************/
/******** mainnav ************/
.testnav {
  background: #7dc2d2;
  padding: 1em; }
  .testnav .testnavlogo {
    text-align: center;
    max-width: 280px;
    filter: brightness(100); }

.mainnav {
  z-index: 9;
  padding: 1em 0; }

.navcontainer li span {
  font-family: "Work Sans", sans-serif !important;
  font-weight: 600;
  font-size: 1em;
  color: #455561; }
.navcontainer li a {
  font-family: "Work Sans", sans-serif !important;
  font-weight: 400; }
  @media screen and (min-width: 1140px) {
    .navcontainer li a {
      font-size: 1em;
      padding: 0.7rem 1rem; } }
  @media screen and (max-width: 1439px) {
    .navcontainer li a {
      font-size: .9em;
      padding: 0.7rem .7rem; } }
.navcontainer .mag-glass {
  background-image: url(../img/general/mag-glass.svg);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 30px;
  height: 30px; }

.searcho {
  display: none; }
  @media screen and (min-width: 992px) {
    .searcho {
      width: 30%;
      position: absolute;
      right: 0;
      background: #fff;
      padding: 1em;
      top: 100%; } }
  @media screen and (max-width: 991px) {
    .searcho {
      width: 100%;
      position: fixed;
      right: 0;
      background: #fff;
      padding: 1em;
      bottom: 0%; } }
  .searcho input {
    margin: 0; }

.webinar {
  background: #150954;
  padding: .3em .6em;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: 800; }
  .webinar span {
    color: #fff !important; }
  @media screen and (min-width: 1290px) {
    .webinar {
      font-size: 1em; } }
  @media screen and (min-width: 992px) and (max-width: 1289em) {
    .webinar {
      margin-left: 0.75em; } }
  @media screen and (max-width: 991px) {
    .webinar {
      font-size: .9em; } }
  .webinar .webinardate {
    margin-left: .5em;
    opacity: 0;
    transition: all .2s ease; }
  .webinar .orange-reg {
    background: #eab023;
    padding: .3em;
    border-radius: 3px;
    margin-left: .5em;
    font-size: .8em !important;
    letter-spacing: 1px;
    color: #fff; }

/******** mainnav ************/
/******** mainnav ************/
/******** mainnav ************/
.alignright {
  text-align: right; }

@media screen and (min-width: 992px) {
  .nopaddleft {
    padding-left: 0; }

  .nopaddright {
    padding-right: 0; }

  .nopadd {
    padding: 0; } }
section {
  position: relative; }

form input::-webkit-input-placeholder {
  color: #455561 !important;
  font-weight: 600;
  font-family: "Work Sans", sans-serif !important;
  letter-spacing: 2px;
  font-size: .8em; }

textarea,
textarea::-webkit-input-placeholder {
  color: #455561 !important;
  font-weight: 600;
  font-family: "Work Sans", sans-serif !important;
  letter-spacing: 2px;
  font-size: .8em; }

form input:focus {
  border: 2px solid #74c968; }

@media screen and (min-width: 992px) {
  .showondesktop {
    display: block; }

  .showonmobile {
    display: none; } }
@media screen and (max-width: 991px) {
  .showondesktop {
    display: none; }

  .showonmobile {
    display: block; }

  .hideonmobile {
    display: none; } }
/***************************/
.nudge-onedown {
  margin-top: 1.0em; }

.nudge-twodown {
  margin-top: 2em; }

.nudge-twodown-imp {
  margin-top: 2em !important; }

.nudge-twodownbottom {
  margin-bottom: 2em; }

.nudge-threedown {
  margin-top: 3em; }

.nudge-fourdown {
  margin-top: 4em; }

.nudge-fivedown {
  margin-top: 5em; }

@media screen and (max-width: 991px) {
  .mobilenudgetwo {
    margin-top: 2em; } }
.genpaddtwo {
  padding: 2em; }

.genpaddthree {
  padding: 3em; }

.genpaddfour {
  padding: 4em; }

.circler {
  border-radius: 50%; }

.aligncenter {
  text-align: center; }

.alignleft {
  text-align: left; }

.floatleft {
  float: left; }

.rightalign {
  text-align: right; }

.margeauto {
  margin: 0 auto; }

@media screen and (min-width: 992px) {
  .maxo {
    width: 60%; } }
.circlepic {
  border-radius: 50%; }

.card-section {
  padding: 1.5em 1em; }

/******************/
/*Footer
/*******************/
@media screen and (min-width: 992px) {
  .footpeeline {
    border-top: 1px solid #2fbacd;
    margin-bottom: 1.5em !important;
    margin-left: 0 !important;
    width: 85%; } }

@media screen and (min-width: 992px) {
  .footpeelinelong {
    border-top: 1px solid #2fbacd;
    margin-bottom: 1.5em !important;
    margin-left: 0 !important;
    width: 85%;
    position: relative; } }

@media screen and (min-width: 992px) {
  .footpeelinelong:after {
    width: 40%;
    content: '';
    border-top: 1px solid #2fbacd;
    margin-left: 0 !important;
    left: 100%;
    position: absolute;
    top: -1px; } }

@media screen and (min-width: 992px) {
  .footpeelineblank {
    border-top: 1px solid #fff;
    margin-bottom: 1.5em !important;
    margin-left: 0 !important;
    width: 85%; } }

footer .footmenu ul li {
  display: block; }
  footer .footmenu ul li a {
    color: #455561;
    font-family: "Work Sans", sans-serif !important; }
footer .mainfooter {
  padding: 2em 0; }
  footer .mainfooter h4 {
    font-size: 1em;
    letter-spacing: 3px;
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 1.5em;
    color: #455561;
    text-transform: uppercase;
    font-style: normal; }
    @media screen and (min-width: 992px) {
      footer .mainfooter h4 {
        font-weight: 600; } }
    @media screen and (max-width: 991px) {
      footer .mainfooter h4 {
        font-weight: 600;
        margin-top: 1em; } }
  footer .mainfooter .address {
    text-align: left;
    font-family: "Work Sans", sans-serif !important; }
    @media screen and (min-width: 992px) {
      footer .mainfooter .address {
        padding: 2em 0; } }
    @media screen and (max-width: 991px) {
      footer .mainfooter .address {
        padding: .5em 2em; } }
    footer .mainfooter .address address {
      font-size: .9em;
      text-align: left;
      font-family: "Work Sans", sans-serif;
      font-style: normal;
      font-weight: 400;
      line-height: 1.2em;
      text-indent: -.65em;
      padding-left: 1em; }
      @media screen and (min-width: 992px) and (max-width: 1199px) {
        footer .mainfooter .address address {
          font-size: .7em; } }
    footer .mainfooter .address p {
      text-align: left;
      font-family: "Work Sans", sans-serif !important;
      font-style: normal;
      font-weight: 400;
      line-height: 1.2em;
      text-indent: -.7em;
      padding-left: 1em; }
      @media screen and (min-width: 1440px) {
        footer .mainfooter .address p {
          font-size: .9em; } }
      @media screen and (min-width: 1200px) and (max-width: 1439px) {
        footer .mainfooter .address p {
          font-size: .8em; } }
      @media screen and (min-width: 992px) and (max-width: 1199px) {
        footer .mainfooter .address p {
          font-size: .7em; } }
    footer .mainfooter .address .fa {
      color: #7dc2d2;
      margin-right: .5em;
      width: 2px; }
  footer .mainfooter .information {
    text-align: left;
    font-family: "Work Sans", sans-serif !important; }
    @media screen and (min-width: 992px) {
      footer .mainfooter .information {
        padding: 2em 0; } }
    @media screen and (max-width: 991px) {
      footer .mainfooter .information {
        padding: 1em 2em; } }
    footer .mainfooter .information .footmenu ul li {
      list-style-type: none;
      line-height: 3em; }
      @media screen and (min-width: 1440px) {
        footer .mainfooter .information .footmenu ul li {
          font-size: 1em; } }
      @media screen and (max-width: 1439px) {
        footer .mainfooter .information .footmenu ul li {
          font-size: .8em; } }
      footer .mainfooter .information .footmenu ul li a {
        padding-left: .1em; }
footer .secondfooter {
  background: #213c50;
  color: #ffffff;
  padding: 1.5em; }
  footer .secondfooter p {
    margin: 0;
    font-family: "Work Sans", sans-serif !important;
    font-size: .8em;
    font-weight: 400;
    color: #ffffff; }
  footer .secondfooter a {
    margin: 0;
    font-family: "Work Sans", sans-serif !important;
    font-weight: 400;
    color: #ffffff; }
@media screen and (max-width: 991px) {
  footer .bordleftgrey {
    border-left: 0px solid #ebebeb; } }

/******************/
/*Comment
/*******************/
@media screen and (min-width: 992px) {
  .single-cpriskwebinars_fanks iframe {
    width: 100%;
    height: 60vh; } }
@media screen and (max-width: 991px) {
  .single-cpriskwebinars_fanks iframe {
    width: 100%; } }

@media screen and (max-width: 991px) {
  .losemobile {
    display: none !important; } }

#hs-eu-cookie-confirmation {
  display: none !important;
  pointer-events: none;
  visibility: none;
  opacity: 0; }

/******************/
/*home form
/*******************/
.homeform .hbspt-form label {
  position: absolute;
  text-align: center;
  margin-top: -2em;
  color: #841717; }
@media screen and (min-width: 992px) {
  .homeform .hbspt-form input[type="text"] {
    width: 32.3% !important;
    float: left; } }
@media screen and (max-width: 991px) {
  .homeform .hbspt-form input[type="text"] {
    width: 100% !important; } }
@media screen and (min-width: 992px) {
  .homeform .hbspt-form input[type="email"] {
    width: 32.3% !important;
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%; } }
@media screen and (max-width: 991px) {
  .homeform .hbspt-form input[type="email"] {
    width: 100% !important; } }
.homeform .hbspt-form input[type="submit"] {
  display: block;
  border: 2px solid #150954 !important;
  background: transparent !important;
  color: #150954 !important;
  border-radius: 0px !important;
  margin: 0 auto;
  padding: 1em 3em !important;
  text-align: center;
  letter-spacing: 2px;
  font-size: 0.9em !important;
  font-family: "Work Sans", sans-serif !important;
  font-weight: 500;
  width: 100%; }
  @media screen and (min-width: 992px) {
    .homeform .hbspt-form input[type="submit"] {
      width: 32.3% !important;
      float: right; } }
  @media screen and (max-width: 991px) {
    .homeform .hbspt-form input[type="submit"] {
      width: 100% !important; } }
.homeform .hbspt-form input[type="submit"]:hover {
  border: 2px solid #150954 !important;
  background: #150954 !important;
  color: #ffffff !important; }

/********** july 2018 ********************/
@media screen and (min-width: 992px) {
  .iswebinartitle {
    padding-top: 0 !important; } }

.blueback {
  background: #7dc2d2;
  background-image: url("http://www.complianceandrisks.com/wp-content/uploads/2018/07/webinarbanntrans.png");
  background-position: center;
  background-repeat: no-repeat;
  padding: 1.5em;
  margin-bottom: 2em; }
  .blueback h2 {
    color: #ffffff;
    font-size: 2.2em;
    margin: 0 auto;
    margin-top: .3em;
    margin-bottom: .3em;
    line-height: 1.3em;
    text-align: center; }

.newwebinar--whitelist--title {
  background: #ffffff;
  background-position: center;
  background-repeat: no-repeat;
  padding: 1.5em;
  margin-bottom: 2em; }
  .newwebinar--whitelist--title h2 {
    color: #455561;
    font-size: 2.2em;
    margin: 0 auto;
    margin-top: .3em;
    margin-bottom: .3em;
    line-height: 1.3em;
    text-align: center; }

/****** infusion soft edits ***********/
.wenevershare,
.weneverreshow {
  text-align: center;
  font-size: .8em !important;
  margin-top: 2em; }

.getrequest .g-recaptcha {
  margin-top: 2em !important; }
  .getrequest .g-recaptcha div {
    width: 100%;
    margin: 0 auto; }

div.wpcf7-mail-sent-ok {
  border: none !important;
  font-family: "Work Sans", sans-serif !important; }

.webinarframe iframe {
  width: 100%;
  max-width: 900px;
  height: 25vw;
  max-height: 450px;
  border: 5px solid #2cb8cc;
  border-radius: 5px; }

#getwhitepaper a {
  background: #00bace;
  padding: 1em;
  display: block;
  margin-bottom: 1em;
  color: #fff !important; }
#getwhitepaper a:hover {
  background: #cfe8ea;
  color: #00bace !important; }

#captcha {
  display: none; }

.complyputt {
  display: none !important; }

.theresnopoint {
  pointer-events: none !important; }

.bigcategories {
  overflow-y: scroll;
  max-height: 100vh; }

/******** buttons ************/
.buttonleft {
  float: left; }

.squarebutton {
  font-family: "Work Sans", sans-serif !important;
  border-radius: 3px;
  display: table;
  margin: 0 auto;
  padding: 1em 3em;
  text-align: center;
  letter-spacing: 2px;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 500; }

.squarebuttonsmall {
  font-family: "Work Sans", sans-serif !important;
  border-radius: 3px;
  display: table;
  margin: 0 auto;
  padding: 1em 2em;
  text-align: center;
  letter-spacing: 2px;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 500;
  font-size: .9em; }

.greenbutton {
  border: 2px solid #150954 !important;
  background: transparent !important;
  color: #150954 !important;
  transition: all .2s ease; }

.greenbutton:hover {
  border: 2px solid #150954 !important;
  background: #150954 !important;
  color: #ffffff !important; }

.whitegreenbutton {
  color: #18c967 !important;
  background-color: #ffffff;
  transition: all .2s ease; }

.whitegreenbutton:hover {
  background-color: #13b059 !important;
  color: #ffffff !important;
  transition: all .2s ease; }

.thenextpage a {
  font-family: "Work Sans", sans-serif !important;
  border-radius: 3px;
  display: table;
  margin: 0 auto;
  padding: 1em 3em;
  text-align: center;
  letter-spacing: 2px;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 500;
  color: #7dc2d2 !important;
  background-color: transparent;
  border-width: 2px;
  border-color: #7dc2d2;
  border-style: solid;
  margin-top: 2em;
  margin-bottom: 3em; }

.greentransbutton {
  color: #455561 !important;
  background-color: transparent;
  border-width: 2px;
  border-color: #18c967;
  border-style: solid; }

.greentransbutton:hover {
  color: #ffffff !important;
  background-color: #18c967;
  border-width: 2px;
  border-color: #18c967;
  border-style: solid; }

.whitetransbutton {
  color: #ffffff !important;
  background-color: transparent;
  border-width: 2px;
  border-color: #ffffff;
  border-style: solid; }

.whitetransbutton:hover {
  color: #75d1dd !important;
  background-color: #ffffff;
  border-width: 2px;
  border-color: #75d1dd;
  border-style: solid; }

.morebutton a {
  display: block;
  border: 2px solid #150954 !important;
  background: transparent !important;
  color: #150954 !important;
  border-radius: 0px !important;
  margin: 0 auto;
  padding: 1em 3em !important;
  text-align: center;
  letter-spacing: 2px;
  font-size: 0.9em !important;
  font-family: "Work Sans", sans-serif !important;
  font-weight: 500;
  width: 100%; }
  @media screen and (min-width: 992px) {
    .morebutton a {
      width: 32.3% !important; } }
  @media screen and (max-width: 991px) {
    .morebutton a {
      width: 100% !important; } }

.morebutton a:hover {
  border: 2px solid #150954 !important;
  background: #150954 !important;
  color: #ffffff !important; }

.amt-button {
  border: 2px solid #150954 !important;
  background: transparent !important;
  color: #150954 !important;
  border-radius: 0px !important;
  margin: 0 auto;
  padding: 1em 3em !important;
  text-align: center;
  letter-spacing: 2px;
  font-size: 0.9em !important;
  font-family: "Work Sans", sans-serif !important;
  font-weight: 500;
  width: 100%; }

.amt-button:hover {
  border: 2px solid #150954 !important;
  background: #150954 !important;
  color: #ffffff !important; }

/******************/
/*Comment
/*******************/
.overfader {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999; }

/******************/
/*Just stuff
/*******************/
.bordtopgrey {
  border-top: 1px solid #ebebeb; }

.bordleftgrey {
  border-left: 1px solid #ebebeb; }

/******************/
/*Titles
/*******************/
.titles h2 {
  font-size: 2.2em;
  margin: 0 auto;
  line-height: 1.3em;
  text-align: center;
  color: #455561; }
  @media screen and (min-width: 1440px) {
    .titles h2 {
      padding-top: 2em; } }
  @media screen and (max-width: 1439px) {
    .titles h2 {
      padding-top: 1em; } }
  @media screen and (min-width: 992px) {
    .titles h2 {
      max-width: 1000px; } }
  @media screen and (max-width: 991px) {
    .titles h2 {
      max-width: 90%;
      margin-left: 5%; } }
.titles hr {
  border: 2px solid #7dc2d2;
  max-width: 40px; }
.titles p {
  text-align: center;
  font-size: 1.2em;
  color: #6a7173;
  line-height: 1.6em;
  font-weight: 500;
  margin-bottom: 2em;
  font-family: "Roboto Slab", serif !important; }
  @media screen and (min-width: 992px) {
    .titles p {
      max-width: 60%;
      margin-left: 20%; } }
  @media screen and (max-width: 991px) {
    .titles p {
      max-width: 90%;
      margin-left: 5%; } }

.titleswhite h2 {
  font-size: 2.2em;
  margin: 0 auto;
  line-height: 1.3em;
  text-align: center;
  color: #ffffff; }
  @media screen and (min-width: 1440px) {
    .titleswhite h2 {
      padding-top: 2em; } }
  @media screen and (max-width: 1439px) {
    .titleswhite h2 {
      padding-top: 1em; } }
  @media screen and (min-width: 992px) {
    .titleswhite h2 {
      max-width: 1000px; } }
  @media screen and (max-width: 991px) {
    .titleswhite h2 {
      max-width: 90%;
      margin-left: 5%; } }
.titleswhite hr {
  border: 2px solid #ffffff;
  max-width: 40px; }
.titleswhite p {
  text-align: center;
  font-size: 1.2em;
  color: #ffffff;
  line-height: 1.6em;
  max-width: 60%;
  margin-left: 20%;
  font-weight: 400;
  margin-bottom: 2em; }

.whitehr {
  border: 2px solid #ffffff !important;
  max-width: 40px; }

@media screen and (min-width: 1440px) {
  .plain-title {
    padding: 4em 0 2em 0; } }
@media screen and (max-width: 1439px) {
  .plain-title {
    padding: 2em 0 2em 0; } }
.plain-title h1 {
  font-size: 2.2em;
  margin: 0 auto;
  margin-top: .3em;
  margin-bottom: .3em;
  line-height: 1.3em;
  text-align: center;
  color: #455561; }
.plain-title hr {
  border: 2px solid #7dc2d2;
  max-width: 40px; }
.plain-title p {
  text-align: center;
  font-size: 1.2em;
  color: #455561;
  line-height: 1.6em;
  max-width: 80%;
  margin-left: 10%;
  font-weight: 500;
  margin-bottom: 2em;
  font-family: "Roboto Slab", serif !important; }
.plain-title figure {
  margin: 0;
  text-align: center; }
  .plain-title figure img {
    width: 60px;
    height: 60px; }

.image-title {
  position: relative;
  z-index: 0;
  background-size: cover;
  background-position: center; }
  @media screen and (min-width: 1440px) {
    .image-title {
      padding: 4em 0 2em 0; } }
  @media screen and (max-width: 1439px) {
    .image-title {
      padding: 2em 0 2em 0; } }
  .image-title .bloverlay {
    background: rgba(53, 60, 70, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
  .image-title h1 {
    font-size: 2.2em;
    margin: 0 auto;
    margin-bottom: .3em;
    line-height: 1.3em;
    text-align: center;
    color: #ffffff; }
  .image-title hr {
    border: 2px solid #7dc2d2;
    max-width: 40px; }
  .image-title p {
    text-align: center;
    font-size: 1.2em;
    color: #ffffff;
    line-height: 1.6em;
    max-width: 80%;
    margin-left: 10%;
    font-weight: 400;
    margin-bottom: 2em; }
  .image-title figure {
    margin: 0;
    text-align: center; }
    .image-title figure img {
      width: 60px;
      height: 60px; }

.pagonum span {
  padding: .2em .8em;
  background: #fff;
  margin-right: 10px; }
.pagonum a {
  background: #e5e5e5; }

/******** section ************/
/******************/
/*home people
/*******************/
.ourpeople {
  position: relative;
  z-index: 1;
  background-color: #d7d7d7;
  background-position: center;
  background-size: 105%;
  padding: 3em;
  text-align: center; }
  @media screen and (max-width: 991px) {
    .ourpeople {
      padding: 2em 1em; } }
  @media screen and (min-width: 1440px) {
    .ourpeople {
      max-height: 30%; } }
  .ourpeople h2 {
    font-family: "Work Sans", sans-serif !important;
    line-height: 1.3em;
    margin-bottom: 1em;
    max-width: 80%;
    margin-left: 10%;
    color: #455561; }
    @media screen and (max-width: 1439px) {
      .ourpeople h2 {
        font-size: 1.35em; } }
    @media screen and (min-width: 1440px) {
      .ourpeople h2 {
        font-size: 1.7em; } }

/******************/
/*home solutions
/*******************/
.compliance-solutions h4 {
  font-family: "Work Sans", sans-serif !important;
  font-size: 1em;
  line-height: 1em;
  margin-bottom: 1em;
  color: #455561; }
.compliance-solutions .readmore {
  font-family: "Work Sans", sans-serif !important;
  font-size: .8em;
  color: #18c967;
  text-transform: uppercase; }
  .compliance-solutions .readmore span {
    opacity: 0;
    display: inline;
    transition: all .2s ease;
    transform: skewX(20deg);
    font-weight: 700;
    height: 0; }
  .compliance-solutions .readmore .arra {
    width: 30px;
    margin-left: .5em;
    margin-top: -3px;
    transition: all .2s ease;
    transform: translateX(-80px); }
.compliance-solutions .solutionsitem {
  border-width: 1px;
  border-color: #ebebeb;
  border-style: solid;
  padding: 1.5em;
  transition: all .2s ease; }
  .compliance-solutions .solutionsitem h4 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1.3em;
    color: #455561;
    font-weight: 700;
    margin-top: 1em; }
  .compliance-solutions .solutionsitem p {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    color: #455561;
    font-weight: 400;
    letter-spacing: .5px; }
  .compliance-solutions .solutionsitem .itemicon {
    max-width: 75px;
    max-height: 75px; }
.compliance-solutions .solutionsitem:hover {
  transition: all .2s ease;
  box-shadow: inset 0px 0px 0px 5px #7dc2d2; }
  .compliance-solutions .solutionsitem:hover .readmore span {
    opacity: 1;
    transform: skewX(0deg);
    transition: all .2s ease; }
  .compliance-solutions .solutionsitem:hover .readmore .arra {
    transition: all .2s ease;
    transform: translateX(0px); }

.card .readmore {
  font-family: "Work Sans", sans-serif !important;
  font-size: .8em;
  color: #18c967;
  text-transform: uppercase; }
  .card .readmore span {
    opacity: 0;
    display: inline;
    transition: all .2s ease;
    transform: skewX(20deg);
    font-weight: 700;
    height: 0; }
  .card .readmore .arra {
    width: 30px;
    margin-left: .5em;
    margin-top: -3px;
    transition: all .2s ease;
    transform: translateX(-80px); }

.card:hover .readmore span {
  opacity: 1;
  transform: skewX(0deg);
  transition: all .2s ease; }
.card:hover .readmore .arra {
  transition: all .2s ease;
  transform: translateX(0px); }

/******************/
/*Compliance Resources
/*******************/
.compliance-resources .titles {
  margin-bottom: 2em; }
.compliance-resources .resourcesgrid .loopitem {
  padding: 0;
  border: 1px solid #ebebeb;
  position: relative; }
  .compliance-resources .resourcesgrid .loopitem .headerpicblock {
    height: 15em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center; }
  .compliance-resources .resourcesgrid .loopitem .overdate {
    background: #75d1dd;
    display: inline;
    padding: 1em;
    color: #ffffff;
    font-family: "Work Sans", sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    display: inline-block; }
  .compliance-resources .resourcesgrid .loopitem .card {
    padding: 1.5em;
    border: none; }
  .compliance-resources .resourcesgrid .loopitem header {
    padding: 1.5em;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    background: #ffffff; }
    .compliance-resources .resourcesgrid .loopitem header span {
      margin-right: .5em; }
      .compliance-resources .resourcesgrid .loopitem header span img {
        width: 3em;
        height: 3em; }
    .compliance-resources .resourcesgrid .loopitem header h2 {
      font-size: 1em;
      letter-spacing: 4px;
      text-transform: uppercase;
      font-family: "Work Sans", sans-serif !important;
      text-align: left;
      margin: 0;
      font-weight: 400; }
  .compliance-resources .resourcesgrid .loopitem h4 {
    font-size: 1em;
    color: #455561;
    font-weight: 700; }
  .compliance-resources .resourcesgrid .loopitem h5 {
    font-size: 1em;
    color: #75d1dd;
    font-family: "Raleway", sans-serif !important;
    font-weight: 700;
    margin-top: .7em; }
  .compliance-resources .resourcesgrid .loopitem .readmore {
    font-family: "Work Sans", sans-serif !important;
    font-size: .8em;
    color: #42c96d;
    text-transform: uppercase; }
    .compliance-resources .resourcesgrid .loopitem .readmore span {
      opacity: 0;
      display: inline;
      transition: all .2s ease;
      transform: skewX(20deg);
      font-weight: 700;
      height: 0; }
    .compliance-resources .resourcesgrid .loopitem .readmore .arra {
      width: 30px;
      margin-left: .5em;
      transition: all .2s ease;
      transform: translateX(-80px); }
  .compliance-resources .resourcesgrid .loopitem .register {
    font-size: .8em;
    padding: .7em 1.2em;
    background: #18c967;
    display: inline-block;
    float: right;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "Work Sans", sans-serif !important;
    letter-spacing: 2px;
    font-weight: 400; }
  .compliance-resources .resourcesgrid .loopitem .register:hover {
    background: #ffffff;
    color: #18c967; }
.compliance-resources .resourcesgrid .loopitem:hover {
  transition: all .2s ease; }
  .compliance-resources .resourcesgrid .loopitem:hover .readmore span {
    opacity: 1;
    transform: skewX(0deg);
    transition: all .2s ease; }
  .compliance-resources .resourcesgrid .loopitem:hover .readmore .arra {
    transition: all .2s ease;
    transform: translateX(0px); }
@media screen and (min-width: 992px) {
  .compliance-resources .resourcesgrid .loopitem:nth-child(1) {
    transform: scale(0.9) translate(20px, 0px);
    margin-top: .5em;
    z-index: 0; }
  .compliance-resources .resourcesgrid .loopitem:nth-child(3) {
    transform: scale(0.9) translate(-20px, 0px);
    margin-top: .5em;
    z-index: 0; }
  .compliance-resources .resourcesgrid .loopitem:nth-child(2) {
    box-shadow: 0px 0px 20px #dad9d9;
    z-index: 2; }
  .compliance-resources .resourcesgrid .loopitem:nth-child(1) .pseudloop:before {
    border-bottom: 1px solid #ebebeb;
    content: '';
    position: absolute;
    width: 80px;
    left: -80px;
    bottom: -1px; }
  .compliance-resources .resourcesgrid .loopitem:nth-child(3) .pseudloop:after {
    border-bottom: 1px solid #ebebeb;
    content: '';
    position: absolute;
    width: 80px;
    right: -80px;
    bottom: -1px; }
  .compliance-resources .resourcesgrid .loopitem:nth-child(1) header:before {
    border-bottom: 1px solid #ebebeb;
    content: '';
    position: absolute;
    width: 80px;
    left: -80px;
    bottom: -1px; }
  .compliance-resources .resourcesgrid .loopitem:nth-child(1):before {
    border-bottom: 1px solid #ebebeb;
    content: '';
    position: absolute;
    width: 80px;
    left: -80px;
    top: -1px; }
  .compliance-resources .resourcesgrid .loopitem:nth-child(3) header:after {
    border-bottom: 1px solid #ebebeb;
    content: '';
    position: absolute;
    width: 80px;
    right: -80px;
    bottom: -1px; }
  .compliance-resources .resourcesgrid .loopitem:nth-child(3):after {
    border-bottom: 1px solid #ebebeb;
    content: '';
    position: absolute;
    width: 80px;
    right: -80px;
    top: -1px; } }

/******************/
/*home logoslider
/*******************/
.home-logoslider {
  background-color: #ebebeb;
  padding: 2.5em;
  text-align: center; }
  .home-logoslider .logoslidertitle h2 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1.2em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #455561;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 400; }
  .home-logoslider h4 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #455561;
    letter-spacing: 3px; }
  .home-logoslider .item {
    background-size: 50%;
    background-position: center;
    height: 10vh;
    background-repeat: no-repeat;
    -webkit-filter: opacity(30%);
    filter: opacity(30%); }

/******************/
/*home testimonials
/*******************/
.home-testimonials {
  background-color: #7dc2d2;
  background-image: url(../img/homepage/map.jpg);
  background-position: contain;
  background-size: 100%;
  padding-bottom: 2em; }
  .home-testimonials .titleswhite h2 {
    font-size: 1.6em; }
  .home-testimonials .titleswhite hr {
    border: 1px solid #fff;
    max-width: 60px; }
  .home-testimonials h4 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #455561;
    letter-spacing: 3px; }
  .home-testimonials .testimonialslider {
    text-align: left; }
    .home-testimonials .testimonialslider .circlepic {
      text-align: center; }
      .home-testimonials .testimonialslider .circlepic img {
        border-radius: 50%;
        margin: 0 auto;
        width: 80px;
        height: 80px;
        border: 2px solid #ffffff; }
    .home-testimonials .testimonialslider h3 {
      color: #ffffff;
      font-family: "Raleway", sans-serif !important;
      font-size: 1.3em;
      line-height: 1.4em; }
      @media screen and (max-width: 991px) {
        .home-testimonials .testimonialslider h3 {
          margin-top: 1em; } }
    .home-testimonials .testimonialslider p {
      color: #455561;
      font-family: "Work Sans", sans-serif !important;
      font-size: 1em;
      font-weight: 600; }
      @media screen and (max-width: 991px) {
        .home-testimonials .testimonialslider p {
          margin-top: 1em; } }

/******************/
/*home testimonials
/*******************/
.home-resources {
  background-color: #ffffff;
  padding: 4em;
  text-align: center; }
  .home-resources h4 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #455561;
    letter-spacing: 3px; }

/******************/
/*home newsletter
/*******************/
.home-newsletter {
  background-image: url(../img/homepage/homenewsletter.jpg);
  padding: 2em;
  text-align: center; }
  @media screen and (max-width: 991px) {
    .home-newsletter {
      background-size: cover; } }
  .home-newsletter .titles h2 {
    padding-top: 0; }
  .home-newsletter h4 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #455561;
    letter-spacing: 3px; }
  .home-newsletter .subtitle {
    color: #ffffff;
    font-family: "Work Sans", sans-serif !important;
    font-size: 1.2em;
    line-height: 1em; }
  .home-newsletter .newslettersubbo {
    display: block;
    background: 0 0 !important;
    font-family: "Work Sans", sans-serif !important;
    border-radius: 2px !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    margin: 0 auto;
    padding: 1em 3em !important;
    text-align: center;
    letter-spacing: 2px;
    font-size: .9em !important;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%; }
  .home-newsletter .newslettersubbo:hover {
    background: #ffffff !important;
    color: #18c967 !important; }
  .home-newsletter h5 {
    font-family: "Roboto Slab", serif !important;
    line-height: 1em;
    margin-bottom: 1em;
    color: #ffffff;
    font-weight: 400; }
    @media screen and (min-width: 992px) {
      .home-newsletter h5 {
        font-size: 1.5em; } }
    @media screen and (max-width: 991px) {
      .home-newsletter h5 {
        font-size: 2em; } }
  .home-newsletter input {
    height: 50px;
    color: #455561;
    padding-left: 1em; }
  @media screen and (min-width: 992px) {
    .home-newsletter .input-a {
      width: 40%; } }
  @media screen and (max-width: 991px) {
    .home-newsletter .input-a {
      width: 100%; } }
  @media screen and (min-width: 992px) {
    .home-newsletter .input-b {
      width: 40%; } }
  @media screen and (max-width: 991px) {
    .home-newsletter .input-b {
      width: 100%; } }
  @media screen and (min-width: 992px) {
    .home-newsletter .input-c {
      width: 20%; } }
  @media screen and (max-width: 991px) {
    .home-newsletter .input-c {
      width: 100%; } }
  .home-newsletter .infusion-form {
    width: 100% !important;
    max-width: 100%;
    margin: 0 !important; }
  .home-newsletter .infusioncaptcha {
    display: none; }

.internal-newsletter {
  background-image: url(../img/homepage/homenewsletter.jpg);
  padding: 2em;
  text-align: center; }
  @media screen and (max-width: 991px) {
    .internal-newsletter {
      background-size: cover; } }
  .internal-newsletter .titles h2 {
    padding-top: 0; }
  .internal-newsletter h4 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #455561;
    letter-spacing: 3px; }
  .internal-newsletter .subtitle {
    color: #ffffff;
    font-family: "Work Sans", sans-serif !important;
    font-size: 1.2em;
    line-height: 1em; }
  .internal-newsletter .newslettersubbo {
    display: block;
    background: 0 0 !important;
    font-family: "Work Sans", sans-serif !important;
    border-radius: 2px !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    margin: 0 auto;
    padding: 1em 3em !important;
    text-align: center;
    letter-spacing: 2px;
    font-size: .9em !important;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%; }
  .internal-newsletter .newslettersubbo:hover {
    background: #ffffff !important;
    color: #18c967 !important; }
  .internal-newsletter h5 {
    font-family: "Roboto Slab", serif !important;
    line-height: 1em;
    margin-bottom: 1em;
    color: #ffffff;
    font-weight: 400; }
    @media screen and (min-width: 992px) {
      .internal-newsletter h5 {
        font-size: 1.5em; } }
    @media screen and (max-width: 991px) {
      .internal-newsletter h5 {
        font-size: 2em; } }
  .internal-newsletter input {
    height: 50px;
    color: #455561;
    padding-left: 1em; }
  @media screen and (min-width: 992px) {
    .internal-newsletter .input-a {
      width: 40%; } }
  @media screen and (max-width: 991px) {
    .internal-newsletter .input-a {
      width: 100%; } }
  @media screen and (min-width: 992px) {
    .internal-newsletter .input-b {
      width: 40%; } }
  @media screen and (max-width: 991px) {
    .internal-newsletter .input-b {
      width: 100%; } }
  @media screen and (min-width: 992px) {
    .internal-newsletter .input-c {
      width: 20%; } }
  @media screen and (max-width: 991px) {
    .internal-newsletter .input-c {
      width: 100%; } }
  .internal-newsletter .infusion-form {
    width: 100% !important;
    max-width: 100%;
    margin: 0 !important; }
  .internal-newsletter .infusioncaptcha {
    display: none; }

/******************/
/*infusion
/*******************/
/******************/
/*talktous
/*******************/
.page-template-talktousform .demohubform .inputs-list {
  margin-bottom: 1em; }

/******************* new edits ********************************/
.thanks-link .greenbutton {
  width: 100%; }

.hbspt-form .hs_sign_up_for_newsletters {
  display: flex;
  flex-direction: column-reverse; }

@media screen and (min-width: 992px) {
  .centerbull:last-child {
    width: 33.333%;
    margin-left: 33.333%; } }

/******************* talktousform demo *************************/
.talktousform-hero {
  position: relative;
  background-color: #213c51; }
  @media screen and (min-width: 992px) {
    .talktousform-hero {
      background-size: 60%;
      background-position: top left;
      background-repeat: no-repeat;
      height: 35vh;
      z-index: 0; } }
  @media screen and (min-width: 441px) and (max-width: 991px) {
    .talktousform-hero {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      overflow: hidden;
      height: 45vh;
      z-index: 0; } }
  @media screen and (min-width: 351px) and (max-width: 440px) {
    .talktousform-hero {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      overflow: hidden;
      height: 45vh;
      z-index: 0; } }
  @media screen and (max-width: 350px) {
    .talktousform-hero {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      overflow: hidden;
      height: 45vh;
      z-index: 0; } }
  .talktousform-hero .herocontents {
    padding-top: 2em; }
    .talktousform-hero .herocontents .mainlogo img {
      width: 25%;
      top: 40%;
      position: absolute; }

.talktousform-center-hero {
  background-size: 100% !important;
  background-position: center !important; }

.demoform {
  z-index: 1;
  background: #75d1dd; }
  @media screen and (min-width: 1024px) {
    .demoform {
      position: absolute;
      top: 0;
      width: 30%;
      right: 10%;
      padding: 3.5em;
      padding-top: 5em; } }
  @media screen and (min-width: 441px) and (max-width: 1023px) {
    .demoform {
      position: relative;
      width: 100%;
      padding: 2.8em;
      padding-top: 4em; } }
  @media screen and (min-width: 351px) and (max-width: 440px) {
    .demoform {
      position: relative;
      width: 100%;
      padding: 2.5em;
      padding-top: 3em; } }
  @media screen and (max-width: 350px) {
    .demoform {
      position: relative;
      width: 100%;
      padding: 2em; } }
  .demoform h2 {
    font-family: "Work Sans", sans-serif !important;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: .5em; }
    @media screen and (min-width: 992px) {
      .demoform h2 {
        font-size: calc(1.2vw + 1.2vh + .5vmin); } }
    @media screen and (max-width: 991px) {
      .demoform h2 {
        font-size: 1.8em; } }
  .demoform input,
  .demoform textarea {
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: .8em !important;
    padding-left: 1.8em !important;
    line-height: 2em !important;
    height: 5em !important;
    font-size: 14px; }
  .demoform input[type=email],
  .demoform input[type=text] {
    color: #455561 !important;
    font-weight: 600;
    font-family: "Work Sans", sans-serif !important;
    letter-spacing: 2px;
    font-size: 14px; }
  .demoform form input::-webkit-input-placeholder {
    font-size: 14px !important; }
  .demoform textarea,
  .demoform textarea::-webkit-input-placeholder {
    font-size: 14px !important; }
  .demoform form input:focus {
    border: 2px solid #74c968; }
  .demoform label {
    display: none; }
  .demoform input:focus::-webkit-input-placeholder {
    color: #75d1dd !important; }
  .demoform input:focus:-moz-placeholder {
    color: #75d1dd !important; }
  .demoform input:focus::-moz-placeholder {
    color: #75d1dd !important; }
  .demoform input:focus:-ms-input-placeholder {
    color: #75d1dd !important; }
  .demoform .infusion-form {
    width: 100%;
    margin-left: 0; }
  .demoform .infusion-submit button {
    color: #ffffff !important;
    background-color: #18c967;
    border-width: 0 0 4px 0;
    border-color: #13b059;
    border-style: solid;
    font-family: "Work Sans", sans-serif !important;
    border-radius: 3px;
    display: table;
    margin: 0 auto;
    padding: 1em 3em;
    text-align: center;
    letter-spacing: 2px;
    font-size: 1em;
    font-weight: 500;
    transition: all .2s ease;
    width: 100%; }
  .demoform .infusion-submit button:hover {
    background-color: #13b059; }
  .demoform .hs_submit .hs-button {
    color: #ffffff !important;
    background-color: #18c967 !important;
    border-width: 0 0 4px 0 !important;
    border-color: #13b059 !important;
    border-style: solid !important;
    font-family: "Work Sans", sans-serif !important;
    background-image: none !important;
    border-radius: 3px !important;
    display: table !important;
    margin: 0 auto !important;
    padding: 1em 3em !important;
    text-align: center !important;
    letter-spacing: 2px !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    transition: all .2s ease !important;
    width: 100% !important;
    text-transform: uppercase; }
  .demoform .hs_submit .hs-button:hover {
    background-color: #13b059; }

.page-template-contact .mainform label {
  text-transform: none !important; }
.page-template-contact .mainform input[type="checkbox"] {
  margin-bottom: .8em; }

/******************/
/*demohub
/*******************/
@media screen and (min-width: 992px) {
  .talktous {
    padding-bottom: 10em; } }

@media screen and (min-width: 992px) {
  .page-template-ask-our-expert-form .talktous {
    padding-bottom: 15em; } }

.demohubform {
  z-index: 1;
  background: #75d1dd;
  /******************/
    /*legend
/*******************/
  /******************/
    /*legend
/*******************/ }
  @media screen and (min-width: 1024px) {
    .demohubform {
      position: absolute;
      top: 0;
      width: 30%;
      right: 10%;
      padding: 3.5em;
      padding-top: 5em; } }
  @media screen and (min-width: 441px) and (max-width: 1023px) {
    .demohubform {
      position: relative;
      width: 100%;
      padding: 2.8em;
      padding-top: 4em; } }
  @media screen and (min-width: 351px) and (max-width: 440px) {
    .demohubform {
      position: relative;
      width: 100%;
      padding: 2.5em;
      padding-top: 3em; } }
  @media screen and (max-width: 350px) {
    .demohubform {
      position: relative;
      width: 100%;
      padding: 2em; } }
  .demohubform h2 {
    font-family: "Work Sans", sans-serif !important;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: .5em; }
    @media screen and (min-width: 992px) {
      .demohubform h2 {
        font-size: calc(1.2vw + 1.2vh + .5vmin); } }
    @media screen and (max-width: 991px) {
      .demohubform h2 {
        font-size: 1.8em; } }
  .demohubform input[type="text"],
  .demohubform input[type="tel"],
  .demohubform input[type="email"],
  .demohubform textarea {
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: .8em !important;
    padding-left: 1.8em !important;
    line-height: 2em !important;
    height: 5em !important;
    font-size: 14px; }
  .demohubform input[type=email],
  .demohubform input[type=text] {
    color: #455561 !important;
    font-weight: 600;
    font-family: "Work Sans", sans-serif !important;
    letter-spacing: 2px;
    font-size: 14px; }
  .demohubform form input::-webkit-input-placeholder {
    font-size: 14px !important; }
  .demohubform textarea,
  .demohubform textarea::-webkit-input-placeholder {
    font-size: 14px !important; }
  .demohubform form input:focus {
    border: 2px solid #74c968; }
  .demohubform input[type=checkbox] {
    margin: 0rem !important; }
  .demohubform .hs-form {
    position: relative; }
  .demohubform .inputs-list {
    margin-bottom: 5em; }
  .demohubform legend {
    display: block;
    position: absolute;
    font-size: .8em;
    font-family: "Work Sans", sans-serif !important;
    font-style: italic;
    line-height: 1.1em; }
    @media screen and (min-width: 1680px) {
      .demohubform legend {
        margin-top: 5em; } }
    @media screen and (min-width: 1440px) and (max-width: 1679px) {
      .demohubform legend {
        margin-top: 5em; } }
    @media screen and (min-width: 1366px) and (max-width: 1440px) {
      .demohubform legend {
        margin-top: 5.5em; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      .demohubform legend {
        margin-top: 7em; } }
    @media screen and (max-width: 1023px) {
      .demohubform legend {
        margin-top: 6em; } }
  .demohubform label {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1.2em;
    margin-bottom: 1em;
    color: #455561;
    font-weight: 400; }
  .demohubform input:focus::-webkit-input-placeholder {
    color: #75d1dd !important; }
  .demohubform input:focus:-moz-placeholder {
    color: #75d1dd !important; }
  .demohubform input:focus::-moz-placeholder {
    color: #75d1dd !important; }
  .demohubform input:focus:-ms-input-placeholder {
    color: #75d1dd !important; }
  .demohubform .infusion-form {
    width: 100%;
    margin-left: 0; }
  .demohubform .infusion-submit button {
    color: #ffffff !important;
    background-color: #18c967;
    border-width: 0 0 4px 0;
    border-color: #13b059;
    border-style: solid;
    font-family: "Work Sans", sans-serif !important;
    border-radius: 3px;
    display: table;
    margin: 0 auto;
    padding: 1em 3em;
    text-align: center;
    letter-spacing: 2px;
    font-size: 1em;
    font-weight: 500;
    transition: all .2s ease;
    width: 100%; }
  .demohubform .infusion-submit button:hover {
    background-color: #13b059; }
  .demohubform .hs_submit .hs-button {
    color: #ffffff !important;
    background-color: #18c967 !important;
    border-width: 0 0 4px 0 !important;
    border-color: #13b059 !important;
    border-style: solid !important;
    font-family: "Work Sans", sans-serif !important;
    background-image: none !important;
    border-radius: 3px !important;
    display: table !important;
    margin: 0 auto !important;
    padding: 1em 3em !important;
    text-align: center !important;
    letter-spacing: 2px !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    transition: all .2s ease !important;
    width: 100% !important;
    text-transform: uppercase; }
  .demohubform .hs_submit .hs-button:hover {
    background-color: #13b059; }

/******************/
/*demohub
/*******************/
.leftside .hs-form {
  position: relative; }
.leftside .hbspt-form .hs-field-desc {
  margin-left: 0; }
  @media screen and (min-width: 1301px) {
    .leftside .hbspt-form .hs-field-desc {
      margin-top: 5em; } }
  @media screen and (min-width: 992px) and (max-width: 1300px) {
    .leftside .hbspt-form .hs-field-desc {
      margin-top: 6em; } }
  @media screen and (max-width: 991px) {
    .leftside .hbspt-form .hs-field-desc {
      margin-top: 4.5em; } }
.leftside .hbspt-form input[type=checkbox] {
  margin: 0rem !important; }
.leftside .hbspt-form .inputs-list {
  margin-bottom: 5em; }
.leftside .hbspt-form legend {
  display: block;
  position: absolute;
  font-size: .8em;
  font-family: "Work Sans", sans-serif !important;
  font-style: italic;
  line-height: 1.1em; }
  @media screen and (min-width: 992px) {
    .leftside .hbspt-form legend {
      margin-top: 3.6em; } }
  @media screen and (max-width: 991px) {
    .leftside .hbspt-form legend {
      margin-top: 6em; } }

.hs-form-required {
  display: none !important; }

.talktous article {
  padding: 3em 0; }
  @media screen and (min-width: 992px) {
    .talktous article {
      min-height: 50vh; } }
  .talktous article h3 {
    color: #2b3b50;
    font-family: "Roboto Slab", serif !important;
    font-size: 2em;
    text-align: center; }
  .talktous article hr {
    color: #7dc2d2;
    border: 2px solid #7dc2d2;
    max-width: 40px;
    margin: 0 auto;
    margin-bottom: 2em; }
  .talktous article h5 {
    color: #455561;
    font-family: "Roboto Slab", serif !important;
    margin-top: 1em;
    font-size: 1.3em;
    font-weight: 400; }
.talktous .questions {
  padding: 2em 0; }
  .talktous .questions h5 {
    color: #75d1dd !important; }

/******************/
/*Article GetRequest
/*******************/
.getrequest {
  padding-top: 3em;
  position: relative;
  z-index: 1; }
  .getrequest li {
    list-style-type: none !important;
    margin-left: 0 !important; }
  .getrequest h2 {
    font-family: "Work Sans", sans-serif !important;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: .5em; }
    @media screen and (min-width: 992px) {
      .getrequest h2 {
        font-size: calc(1.2vw + 1.2vh + .5vmin); } }
    @media screen and (max-width: 991px) {
      .getrequest h2 {
        font-size: 1.8em; } }
  .getrequest input,
  .getrequest textarea {
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: .8em !important;
    line-height: 2em !important;
    height: 5em !important;
    font-size: 14px; }
  .getrequest input[type=email],
  .getrequest input[type=tel],
  .getrequest input[type=text] {
    color: #455561 !important;
    font-weight: 600;
    font-family: "Work Sans", sans-serif !important;
    letter-spacing: 2px;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #7dc2d2;
    box-shadow: none;
    height: 3em; }
  .getrequest input[type=radio],
  .getrequest input[type=checkbox] {
    height: 1em !important; }
  .getrequest select {
    color: #455561 !important;
    font-weight: 600;
    font-family: "Work Sans", sans-serif !important;
    letter-spacing: 2px;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #7dc2d2;
    box-shadow: none;
    height: 3em; }
  .getrequest form input::-webkit-input-placeholder {
    font-size: 14px !important; }
  .getrequest textarea,
  .getrequest textarea::-webkit-input-placeholder {
    font-size: 14px !important; }
  .getrequest form input:focus {
    border: 2px solid #74c968; }
  .getrequest input:focus::-webkit-input-placeholder {
    color: #74c968 !important; }
  .getrequest input:focus:-moz-placeholder {
    color: #74c968 !important; }
  .getrequest input:focus::-moz-placeholder {
    color: #74c968 !important; }
  .getrequest input:focus:-ms-input-placeholder {
    color: #74c968 !important; }
  .getrequest .infusion-form {
    width: 100%;
    margin-left: 0; }
  .getrequest .infusion-submit button {
    color: #ffffff !important;
    background-color: #18c967;
    border-width: 0 0 4px 0;
    border-color: #13b059;
    border-style: solid;
    font-family: "Work Sans", sans-serif !important;
    border-radius: 3px;
    display: table;
    margin: 0 auto;
    padding: 1em 3em;
    text-align: center;
    letter-spacing: 2px;
    font-size: 1em;
    font-weight: 500;
    transition: all .2s ease;
    width: 100%; }
  .getrequest .infusion-submit button:hover {
    background-color: #13b059; }
  .getrequest .hs-field-desc {
    position: absolute;
    font-size: .8em;
    font-family: "Work Sans", sans-serif !important;
    margin-left: 1.6em;
    font-style: italic; }
    @media screen and (min-width: 992px) {
      .getrequest .hs-field-desc {
        margin-top: 2em; } }
    @media screen and (max-width: 991px) {
      .getrequest .hs-field-desc {
        margin-top: 5em; } }
  .getrequest .hs_submit {
    padding-top: 3em;
    margin-bottom: 3em; }
    .getrequest .hs_submit .hs-button {
      display: block;
      border: 2px solid #150954 !important;
      background: transparent !important;
      color: #150954 !important;
      border-radius: 0px !important;
      margin: 0 auto;
      padding: 1em 3em !important;
      text-align: center;
      letter-spacing: 2px;
      font-size: 0.9em !important;
      font-family: "Work Sans", sans-serif !important;
      font-weight: 500;
      width: 100%; }
      @media screen and (min-width: 992px) {
        .getrequest .hs_submit .hs-button {
          width: 32.3% !important; } }
      @media screen and (max-width: 991px) {
        .getrequest .hs_submit .hs-button {
          width: 100% !important; } }
    .getrequest .hs_submit .hs-button:hover {
      border: 2px solid #150954 !important;
      background: #150954 !important;
      color: #ffffff !important; }

.legal-consent-container {
  margin-top: 4em; }
  .legal-consent-container span {
    line-height: 1.5em;
    font-size: 1.05em;
    text-indent: 0;
    margin-left: 1em;
    display: block;
    margin-top: -2.2em; }
    @media screen and (max-width: 991px) {
      .legal-consent-container span {
        width: 95%; } }

#compliancenewssignup .legal-consent-container {
  margin-top: 4em; }
  #compliancenewssignup .legal-consent-container span {
    line-height: 1.5em;
    font-size: 1.05em;
    text-indent: 0;
    margin-left: 1em;
    display: block;
    margin-top: 0em; }
    @media screen and (max-width: 991px) {
      #compliancenewssignup .legal-consent-container span {
        width: 95%; } }
#compliancenewssignup .homeform .hbspt-form label {
  margin-top: -1em; }

.multi-container {
  margin-top: 2em; }
  .multi-container input[type=checkbox] {
    margin-right: 1em; }

@media screen and (min-width: 992px) {
  .home-newsletter {
    min-height: 23em; } }
@media screen and (max-width: 991px) {
  .home-newsletter {
    min-height: 38em; } }
.home-newsletter .legal-consent-container {
  margin-top: 5em;
  display: block;
  width: 100%;
  position: absolute;
  height: 3em;
  width: 100%;
  text-align: left; }

/******************/
/*july 07
/*******************/
.homeform .hbspt-form {
  position: relative; }
  .homeform .hbspt-form input[type=checkbox] {
    height: auto !important;
    display: block !important; }

.home-newsletter p {
  color: #ffffff; }
.home-newsletter .subtitle p {
  color: #ffffff; }

.demohubform .legal-consent-container span {
  font-size: 1em !important;
  margin-top: -1.3em !important; }

.compliancesidebar {
  border: 1px solid #7dc2d2;
  padding: 2em; }
  .compliancesidebar .getrequest {
    padding-top: .3em; }
  .compliancesidebar li {
    list-style-type: none !important;
    margin-left: 0 !important; }
  .compliancesidebar h2 {
    font-family: "Work Sans", sans-serif !important;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 1em; }
    @media screen and (min-width: 992px) {
      .compliancesidebar h2 {
        font-size: calc(1.2vw + 1.2vh + .5vmin); } }
    @media screen and (max-width: 991px) {
      .compliancesidebar h2 {
        font-size: 1.8em; } }
  .compliancesidebar input,
  .compliancesidebar textarea {
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: .4em !important;
    line-height: 1.5em !important;
    height: 3em !important;
    font-size: 14px; }
  .compliancesidebar input[type=email],
  .compliancesidebar input[type=tel],
  .compliancesidebar input[type=text] {
    color: #455561 !important;
    font-weight: 600;
    font-family: "Work Sans", sans-serif !important;
    letter-spacing: 2px;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #7dc2d2;
    box-shadow: none;
    height: 3em; }
  .compliancesidebar input[type=radio],
  .compliancesidebar input[type=checkbox] {
    height: 1em !important; }
  .compliancesidebar select {
    color: #455561 !important;
    font-weight: 600;
    font-family: "Work Sans", sans-serif !important;
    letter-spacing: 2px;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #7dc2d2;
    box-shadow: none;
    height: 3em; }
  .compliancesidebar form input::-webkit-input-placeholder {
    font-size: 14px !important; }
  .compliancesidebar textarea,
  .compliancesidebar textarea::-webkit-input-placeholder {
    font-size: 14px !important; }
  .compliancesidebar form input:focus {
    border: 2px solid #74c968; }
  .compliancesidebar input:focus::-webkit-input-placeholder {
    color: #74c968 !important; }
  .compliancesidebar input:focus:-moz-placeholder {
    color: #74c968 !important; }
  .compliancesidebar input:focus::-moz-placeholder {
    color: #74c968 !important; }
  .compliancesidebar input:focus:-ms-input-placeholder {
    color: #74c968 !important; }
  .compliancesidebar .infusion-form {
    width: 100%;
    margin-left: 0; }
  .compliancesidebar .hs-field-desc {
    position: absolute;
    font-size: .8em;
    font-family: "Work Sans", sans-serif !important;
    margin-left: 1.6em;
    font-style: italic; }
    @media screen and (min-width: 992px) {
      .compliancesidebar .hs-field-desc {
        margin-top: 2em; } }
    @media screen and (max-width: 991px) {
      .compliancesidebar .hs-field-desc {
        margin-top: 5em; } }
  .compliancesidebar .hs_submit {
    padding-top: 1em;
    margin-bottom: 1em; }
    .compliancesidebar .hs_submit .hs-button {
      background-color: #ffffff;
      color: #150954 !important;
      text-transform: inherit;
      border-radius: 0 !important;
      font-family: "Roboto Slab", serif !important;
      width: 100% !important;
      display: block;
      padding: unset !important; }
    .compliancesidebar .hs_submit .hs-button:hover {
      background-color: #13b059; }
  .compliancesidebar .greenbutton {
    width: 100%; }
  .compliancesidebar .greenbutton.squarebutton {
    background-color: #ffffff;
    color: #150954 !important;
    border-bottom: none;
    border: 2px solid #150954;
    text-transform: inherit;
    border-radius: 0 !important;
    font-family: "Roboto Slab", serif !important; }
  .compliancesidebar .greenbutton.squarebutton:hover {
    background-color: #ffffff !important;
    color: #150954 !important; }
  .compliancesidebar .legal-consent-container {
    margin-top: 2.5em; }
    .compliancesidebar .legal-consent-container span {
      line-height: 1.5em;
      font-size: .95em;
      text-indent: 0;
      margin-left: 1em;
      display: block;
      margin-top: -2.2em; }

/******************/
/*Comment
/*******************/
#covid19 .hs-featured-image {
  width: 100% !important;
  max-width: 100% !important; }

#covid19 .hotblogpic {
  height: 15em;
  background-size: cover;
  background-position: center; }

#covid19 .card {
  padding: 1.5em; }

#covid19 .newhotdate {
  padding: 1em 0 .5em;
  font-size: 1.2rem; }

#covid19 .newhottitle {
  padding: .5em 0 1.5em;
  font-size: 1.5625rem; }

#rss-feeds .hs-featured-image {
  width: 100% !important;
  max-width: 100% !important; }

#rss-feeds .hotblogpic {
  height: 15em;
  background-size: cover;
  background-position: center; }

#rss-feeds .card {
  padding: 1.5em; }

#rss-feeds .newhotdate {
  padding: 1em 0 .5em;
  font-size: 1.2rem; }

#rss-feeds .newhottitle {
  padding: .5em 0 1.5em;
  font-size: 1.5625rem; }

/******************/
/*RegHealth
/*******************/
.reghealth-hero {
  position: relative;
  background-color: #213c51;
  overflow: hidden; }
  @media screen and (min-width: 1024px) {
    .reghealth-hero {
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      height: 22vh;
      z-index: 0; } }
  @media screen and (max-width: 1023px) {
    .reghealth-hero {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      overflow: hidden;
      height: 30vh;
      z-index: 0; } }
  .reghealth-hero .herocontents {
    padding-top: 2em; }
    .reghealth-hero .herocontents .mainlogo img {
      position: absolute; }
      @media screen and (min-width: 1024px) {
        .reghealth-hero .herocontents .mainlogo img {
          width: 25%;
          top: 25%; } }
      @media screen and (min-width: 992px) and (max-width: 1023px) {
        .reghealth-hero .herocontents .mainlogo img {
          width: 45%;
          max-width: 300px;
          top: 35%; } }
      @media screen and (max-width: 991px) {
        .reghealth-hero .herocontents .mainlogo img {
          width: 70%;
          max-width: 300px;
          top: 10vh; } }

.reghealth-center-hero {
  background-size: 100% !important;
  background-position: center !important; }

.blueleft h3 {
  color: #75d1dd !important; }
.blueleft hr {
  color: #75d1dd !important; }

.regbluebox {
  border: 1px solid #75d1dd;
  text-align: left; }
  @media screen and (min-width: 1023px) {
    .regbluebox {
      padding: 1.5em; } }
  @media screen and (max-width: 1024px) {
    .regbluebox {
      padding: .5em; } }
  @media screen and (min-width: 1024px) {
    .regbluebox p {
      font-size: 0.8em !important;
      font-weight: 500 !important;
      margin-top: 0 !important;
      line-height: 1.3em !important; } }
  @media screen and (min-width: 992px) and (max-width: 1023px) {
    .regbluebox p {
      font-size: 0.9em !important;
      font-weight: 500 !important;
      margin-top: 0 !important;
      line-height: 1.3em !important; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .regbluebox p {
      font-size: 1em !important;
      font-weight: 500 !important;
      margin-top: 0 !important;
      line-height: 1.3em !important; } }
  @media screen and (max-width: 767px) {
    .regbluebox p {
      font-size: 1em !important;
      font-weight: 500 !important;
      margin-top: 0 !important;
      line-height: 1.3em !important; } }
  @media screen and (min-width: 1024px) {
    .regbluebox img {
      max-width: 80px;
      margin-left: 10%;
      min-width: 40px; } }
  @media screen and (min-width: 992px) and (max-width: 1023px) {
    .regbluebox img {
      max-width: 60px;
      margin-left: 10%;
      min-width: 40px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .regbluebox img {
      max-width: 30%;
      max-width: 60px; } }
  @media screen and (max-width: 767px) {
    .regbluebox img {
      max-width: 30%;
      max-width: 60px;
      margin-bottom: 1em; } }
  .regbluebox .regblueboxtitle h3 {
    color: #75d1dd;
    font-size: 1.2em;
    text-align: left; }
  @media screen and (min-width: 1024px) {
    .regbluebox .regblueboxtitle h3 {
      text-align: left; } }
  @media screen and (max-width: 1023px) {
    .regbluebox .regblueboxtitle h3 {
      text-align: center; } }
  @media screen and (min-width: 641px) {
    .regbluebox p {
      text-align: left; } }
  @media screen and (max-width: 640px) {
    .regbluebox p {
      text-align: center; } }

@media screen and (max-width: 767px) {
  .centermob {
    text-align: center; } }

@media screen and (min-width: 1024px) {
  .paddrightup {
    padding-right: 0; } }

.howcompliant {
  background: #18c967;
  text-align: center;
  position: relative; }
  @media screen and (min-width: 1024px) {
    .howcompliant {
      padding: 3em 2em; } }
  @media screen and (max-width: 1023px) {
    .howcompliant {
      padding: 1em; } }
  .howcompliant h3 {
    color: #2b3b50;
    font-weight: 500 !important;
    line-height: 1em !important; }
    @media screen and (min-width: 1024px) {
      .howcompliant h3 {
        font-size: 1.7em !important;
        text-align: center;
        margin-bottom: 1em !important; } }
    @media screen and (min-width: 992px) and (max-width: 1023px) {
      .howcompliant h3 {
        font-size: 2em !important;
        text-align: left;
        margin-bottom: 0 !important; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .howcompliant h3 {
        font-size: 1.9em !important;
        text-align: left;
        margin-bottom: 0 !important; } }
    @media screen and (max-width: 767px) {
      .howcompliant h3 {
        font-size: 1.7em !important;
        text-align: center;
        margin-bottom: .5em !important; } }
  .howcompliant .completesurvey {
    text-transform: uppercase;
    color: #2b3b50;
    font-family: "Raleway", sans-serif !important;
    background: #ffffff;
    border-radius: 5px;
    padding: 1em;
    font-weight: 900;
    border-bottom: 3px solid #05a054;
    width: 100%;
    display: block; }
    @media screen and (min-width: 1024px) {
      .howcompliant .completesurvey {
        font-size: 1.3em !important; } }
    @media screen and (min-width: 992px) and (max-width: 1023px) {
      .howcompliant .completesurvey {
        font-size: 1.3em !important; } }
    @media screen and (max-width: 991px) {
      .howcompliant .completesurvey {
        font-size: 1em !important; } }
  .howcompliant .completesurvey:hover {
    background: #d2f4e1; }
    .howcompliant .completesurvey:hover a {
      color: #ffffff !important; }

@media screen and (min-width: 1024px) {
  .howcompliant:after {
    content: '';
    background-image: url("https://www.complianceandrisks.com/wp-content/uploads/2018/05/bunt.png");
    position: absolute;
    background-size: 7%;
    background-repeat: repeat-x;
    bottom: -30px;
    width: 100%;
    height: 30px;
    left: 0px; } }

.reghealth article {
  margin-bottom: 3em; }
  @media screen and (max-width: 1023px) {
    .reghealth article {
      padding: 3em 1.1em; } }
  @media screen and (min-width: 1024px) {
    .reghealth article {
      min-height: 50vh;
      padding: 3em 0; } }
  .reghealth article h3 {
    color: #2b3b50;
    font-family: "Roboto Slab", serif !important;
    text-align: center; }
    @media screen and (min-width: 992px) {
      .reghealth article h3 {
        font-size: 2em; } }
    @media screen and (max-width: 991px) {
      .reghealth article h3 {
        font-size: 1.5em; } }
  .reghealth article hr {
    color: #7dc2d2;
    border: 2px solid #75d1dd;
    max-width: 40px;
    margin: 0 auto;
    margin-bottom: 2em; }
  .reghealth article h5 {
    color: #455561;
    font-family: "Roboto Slab", serif !important;
    margin-top: 1em;
    font-size: 1.3em;
    font-weight: 400;
    margin-bottom: .2em !important; }
    @media screen and (min-width: 1024px) {
      .reghealth article h5 {
        text-align: left; } }
    @media screen and (max-width: 1023px) {
      .reghealth article h5 {
        text-align: center; } }
  .reghealth article p {
    margin-bottom: 1.5em;
    margin-top: 1.5em; }

@media screen and (max-width: 1023px) {
  .timetoholdcompliant {
    margin: 0 !important;
    width: 100% !important; } }
.timetoholdcompliant .nomargemobbo {
  margin: 0 !important; }

@media screen and (min-width: 1024px) {
  .mobblunderlay {
    display: none; } }
@media screen and (max-width: 1023px) {
  .mobblunderlay {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    opacity: .6;
    height: 100%; } }

.artstart {
  margin: 3em 0; }
  .artstart h5 {
    line-height: 1.5em; }

@media screen and (max-width: 991px) {
  .mobrow {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin: 0 auto; } }

/******************/
/*home newsletter
/*******************/
.become-knowledge {
  background-image: url(../img/homepage/homenewsletter.jpg);
  padding: 4em;
  text-align: center; }
  .become-knowledge h5 {
    font-family: "Roboto Slab", serif !important;
    font-size: 1.2em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #ffffff;
    font-weight: 400; }

/******************/
/*Comment
/*******************/
article {
  text-align: left;
  padding-bottom: 4em; }
  article p {
    font-family: "Work Sans", sans-serif !important; }
  article h5 {
    margin-bottom: 1em;
    margin-top: 1em;
    font-weight: 700; }
  article img {
    border: 2px solid #e5e5e5;
    box-shadow: 1px 1px 15px #e5e5e5;
    border-radius: 3px; }

/******************/
/*Solutions
/*******************/
.solutions-main article {
  padding-bottom: 1em; }
  .solutions-main article h5 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1.5em;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #455561;
    font-weight: 600; }
  .solutions-main article p {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: 1em;
    color: #455561;
    font-weight: 400; }
  .solutions-main article ul li {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: .5em;
    color: #4a5561;
    font-weight: 400;
    list-style-type: disc;
    margin-left: 1.5em; }
  .solutions-main article .wp-caption-text {
    text-align: left;
    font-family: "Work Sans", sans-serif !important;
    background: aliceblue;
    padding: 5px; }
  .solutions-main article blockquote {
    border-left: 0; }
    .solutions-main article blockquote p {
      color: #7dc2d2;
      font-size: 2em;
      border: 0;
      line-height: 1.2em;
      margin: 0;
      text-align: left;
      text-indent: -.5em;
      padding-left: 1em;
      border-left: 2px solid #7dc2d2;
      margin-top: 1em;
      margin-bottom: 1em; }
.solutions-main p {
  font-family: "Work Sans", sans-serif !important;
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1em;
  color: #455561;
  font-weight: 400; }
.solutions-main h3 {
  font-size: 1.5em;
  line-height: 1.2em;
  margin-bottom: 1em;
  color: #455561;
  font-weight: 400; }
.solutions-main ul li {
  font-family: "Work Sans", sans-serif !important;
  font-size: 1em;
  line-height: 1.6em;
  color: #4a5561;
  font-weight: 400;
  list-style-type: disc; }
.solutions-main .greenbutton {
  margin-top: 1em;
  float: left;
  font-weight: 500;
  font-size: .9em; }
@media screen and (min-width: 992px) {
  .solutions-main .mobilegirl {
    display: none; } }
@media screen and (max-width: 991px) {
  .solutions-main .mobilegirl {
    text-align: center; }
    .solutions-main .mobilegirl img {
      max-width: 30%;
      margin: 0 auto; } }
.solutions-main .solutions-questions {
  position: relative;
  padding: 0;
  border-top: 1px solid #455561;
  border-bottom: 1px solid #455561;
  margin-bottom: 2em; }
  .solutions-main .solutions-questions .girl .holder {
    width: 100%; }
    .solutions-main .solutions-questions .girl .holder .hider {
      max-width: 120px;
      position: relative;
      opacity: 0; }
    .solutions-main .solutions-questions .girl .holder .shower {
      max-width: 120px;
      position: absolute;
      bottom: 0;
      text-align: center;
      left: 15px; }
  .solutions-main .solutions-questions .questions {
    padding: 2em 0; }
    .solutions-main .solutions-questions .questions ul li {
      color: #7dc2d2;
      font-weight: 700;
      font-size: 1.2em;
      margin-bottom: 1em;
      list-style-type: none; }
.solutions-main .quoterbeans {
  font-family: "Roboto Slab", serif;
  line-height: 1;
  padding: 2em 0;
  border-top: 0.5px solid #7dc2d2;
  margin-top: 2em;
  border-bottom: 0.5px solid #7dc2d2;
  margin-bottom: 2em; }
  .solutions-main .quoterbeans span {
    font-size: 1.5em; }

.page-template-blog-bloggrid .home-newsletter {
  background-image: none !important;
  background-color: #18c967;
  padding: 2em;
  text-align: center; }
  .page-template-blog-bloggrid .home-newsletter .titles h2 {
    padding-top: 0; }
  .page-template-blog-bloggrid .home-newsletter h4 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #455561;
    letter-spacing: 3px; }
  .page-template-blog-bloggrid .home-newsletter p {
    font-family: "Work Sans", sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #ffffff;
    font-weight: 400; }
  .page-template-blog-bloggrid .home-newsletter .subtitle {
    color: #ffffff;
    font-family: "Work Sans", sans-serif !important;
    font-size: 1.2em;
    line-height: 1em; }
  .page-template-blog-bloggrid .home-newsletter .newslettersubbo {
    display: block;
    background: 0 0 !important;
    font-family: "Work Sans", sans-serif !important;
    border-radius: 2px !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    margin: 0 auto;
    padding: .7em 3em !important;
    text-align: center;
    letter-spacing: 2px;
    font-size: .9em !important;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%; }
  .page-template-blog-bloggrid .home-newsletter .newslettersubbo:hover {
    background: #ffffff !important;
    color: #18c967 !important; }
  .page-template-blog-bloggrid .home-newsletter h5 {
    font-family: "Roboto Slab", serif !important;
    line-height: 1em;
    margin-bottom: 1em;
    color: #ffffff;
    font-weight: 400; }
    @media screen and (min-width: 992px) {
      .page-template-blog-bloggrid .home-newsletter h5 {
        font-size: 1.5em; } }
    @media screen and (max-width: 991px) {
      .page-template-blog-bloggrid .home-newsletter h5 {
        font-size: 2em; } }
  .page-template-blog-bloggrid .home-newsletter input {
    height: 50px;
    padding-left: 1em; }
  @media screen and (min-width: 992px) {
    .page-template-blog-bloggrid .home-newsletter .input-a {
      width: 40%; } }
  @media screen and (max-width: 991px) {
    .page-template-blog-bloggrid .home-newsletter .input-a {
      width: 100%; } }
  @media screen and (min-width: 992px) {
    .page-template-blog-bloggrid .home-newsletter .input-b {
      width: 40%; } }
  @media screen and (max-width: 991px) {
    .page-template-blog-bloggrid .home-newsletter .input-b {
      width: 100%; } }
  @media screen and (min-width: 992px) {
    .page-template-blog-bloggrid .home-newsletter .input-c {
      width: 20%; } }
  @media screen and (max-width: 991px) {
    .page-template-blog-bloggrid .home-newsletter .input-c {
      width: 100%; } }

.single-cpriskwhitepapers .home-newsletter,
.single-cpriskwebinars .home-newsletter {
  background-image: none !important;
  background-color: #18c967;
  padding: 2em;
  text-align: center; }
  .single-cpriskwhitepapers .home-newsletter .titles h2,
  .single-cpriskwebinars .home-newsletter .titles h2 {
    padding-top: 0; }
  .single-cpriskwhitepapers .home-newsletter h4,
  .single-cpriskwebinars .home-newsletter h4 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #455561;
    letter-spacing: 3px; }
  .single-cpriskwhitepapers .home-newsletter p,
  .single-cpriskwebinars .home-newsletter p {
    font-family: "Work Sans", sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #ffffff;
    font-weight: 400; }
  .single-cpriskwhitepapers .home-newsletter .subtitle,
  .single-cpriskwebinars .home-newsletter .subtitle {
    color: #ffffff;
    font-family: "Work Sans", sans-serif !important;
    font-size: 1.2em;
    line-height: 1em; }
  .single-cpriskwhitepapers .home-newsletter .newslettersubbo,
  .single-cpriskwebinars .home-newsletter .newslettersubbo {
    display: block;
    background: 0 0 !important;
    font-family: "Work Sans", sans-serif !important;
    border-radius: 2px !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    margin: 0 auto;
    padding: .7em 3em !important;
    text-align: center;
    letter-spacing: 2px;
    font-size: .9em !important;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%; }
  .single-cpriskwhitepapers .home-newsletter .newslettersubbo:hover,
  .single-cpriskwebinars .home-newsletter .newslettersubbo:hover {
    background: #ffffff !important;
    color: #18c967 !important; }
  .single-cpriskwhitepapers .home-newsletter h5,
  .single-cpriskwebinars .home-newsletter h5 {
    font-family: "Roboto Slab", serif !important;
    line-height: 1em;
    margin-bottom: 1em;
    color: #ffffff;
    font-weight: 400; }
    @media screen and (min-width: 992px) {
      .single-cpriskwhitepapers .home-newsletter h5,
      .single-cpriskwebinars .home-newsletter h5 {
        font-size: 1.5em; } }
    @media screen and (max-width: 991px) {
      .single-cpriskwhitepapers .home-newsletter h5,
      .single-cpriskwebinars .home-newsletter h5 {
        font-size: 2em; } }
  .single-cpriskwhitepapers .home-newsletter input,
  .single-cpriskwebinars .home-newsletter input {
    height: 50px;
    padding-left: 1em; }
  @media screen and (min-width: 992px) {
    .single-cpriskwhitepapers .home-newsletter .input-a,
    .single-cpriskwebinars .home-newsletter .input-a {
      width: 40%; } }
  @media screen and (max-width: 991px) {
    .single-cpriskwhitepapers .home-newsletter .input-a,
    .single-cpriskwebinars .home-newsletter .input-a {
      width: 100%; } }
  @media screen and (min-width: 992px) {
    .single-cpriskwhitepapers .home-newsletter .input-b,
    .single-cpriskwebinars .home-newsletter .input-b {
      width: 40%; } }
  @media screen and (max-width: 991px) {
    .single-cpriskwhitepapers .home-newsletter .input-b,
    .single-cpriskwebinars .home-newsletter .input-b {
      width: 100%; } }
  @media screen and (min-width: 992px) {
    .single-cpriskwhitepapers .home-newsletter .input-c,
    .single-cpriskwebinars .home-newsletter .input-c {
      width: 20%; } }
  @media screen and (max-width: 991px) {
    .single-cpriskwhitepapers .home-newsletter .input-c,
    .single-cpriskwebinars .home-newsletter .input-c {
      width: 100%; } }

.solutions-sidebar {
  border: 0.5px solid #7dc2d2;
  width: 95%; }
  @media screen and (max-width: 991px) {
    .solutions-sidebar {
      margin-top: 4em;
      width: 97%; } }
  .solutions-sidebar li {
    width: 100%;
    display: block;
    border: 0.5px solid #7dc2d2;
    list-style-type: none; }
    .solutions-sidebar li a {
      color: #455561;
      background: #ffffff;
      width: 100%;
      display: block;
      font-family: "Work Sans", sans-serif !important;
      font-weight: 900;
      position: relative; }
      @media screen and (min-width: 1440px) {
        .solutions-sidebar li a {
          padding: 1.5em;
          font-size: 1em; } }
      @media screen and (max-width: 1439px) {
        .solutions-sidebar li a {
          padding: 1.2em;
          font-size: .9em; } }
    .solutions-sidebar li a:after {
      content: '';
      background-image: url(../img/general/greenarrow.svg);
      position: absolute;
      right: 10px;
      top: 1.5em;
      width: 20px;
      height: 20px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
    .solutions-sidebar li a:hover,
    .solutions-sidebar li .active {
      background: #7dc2d2;
      color: #ffffff !important; }
    .solutions-sidebar li a:hover:after {
      filter: brightness(100); }
    .solutions-sidebar li .active:after {
      filter: brightness(100);
      color: #ffffff !important; }

.solutions-button {
  background-color: #18c967;
  padding: 3.5em;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (min-width: 992px) {
    .solutions-button {
      margin: 0 auto !important; } }
  @media screen and (max-width: 991px) {
    .solutions-button {
      margin-top: 3em; } }
  .solutions-button p {
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    margin-bottom: unset;
    margin-top: .5em; }
    @media screen and (min-width: 992px) {
      .solutions-button p {
        font-size: 1.5em; } }
    @media screen and (max-width: 991px) {
      .solutions-button p {
        font-size: 1.3em; } }
    @media screen and (max-width: 500px) {
      .solutions-button p {
        font-size: 1.1em; } }
  .solutions-button hr {
    border-color: #ffffff; }
  @media screen and (max-width: 991px) {
    .solutions-button {
      width: 97%;
      margin-left: 1.5% !important; } }
  @media screen and (min-width: 1366px) {
    .solutions-button {
      background-size: cover; } }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .solutions-button {
      background-size: cover; } }
  @media screen and (max-width: 1023px) {
    .solutions-button {
      background-size: cover; } }

.page-id-41 .solutions-button {
  background-image: url(https://www.complianceandrisks.com/wp-content/uploads/2018/07/Grow-in-new-markets-banner.jpg); }

.page-id-64 .solutions-button {
  background-image: url(https://www.complianceandrisks.com/wp-content/uploads/2018/07/compliance-questions-answered.jpg); }

.page-id-53 .solutions-button {
  padding: 2.5em;
  background-image: url(https://www.complianceandrisks.com/wp-content/uploads/2018/07/Grow-in-new-markets-banner.jpg); }

/******************/
/*about
/*******************/
.about-main {
  padding: 4em 0; }
  .about-main article {
    padding-bottom: 0; }
  .about-main p {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1em;
    color: #455561;
    font-weight: 400; }

/******************/
/*about
/*******************/
.about-staff-a {
  padding: 4em 0;
  background-color: #77b4b9;
  background-image: url("http://www.complianceandrisks.com/wp-content/uploads/2018/07/world-map.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center; }
  .about-staff-a h2 {
    font-family: "Roboto Slab", serif !important;
    color: #ffffff;
    font-size: 1.5em;
    margin-bottom: .5em; }
  .about-staff-a h3,
  .about-staff-a h4,
  .about-staff-a h5 {
    color: #ffffff;
    font-family: "Work Sans", sans-serif !important; }
  .about-staff-a h3 {
    font-size: 1em;
    margin-top: 1em;
    font-weight: 200;
    font-family: "Work Sans", sans-serif !important; }
  .about-staff-a h4 {
    font-size: 1em;
    font-weight: 700;
    font-family: "Work Sans", sans-serif !important; }
  .about-staff-a p {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #ffffff;
    font-weight: 400; }
  @media screen and (min-width: 992px) {
    .about-staff-a .staffitem {
      width: 16.666%; } }
  @media screen and (max-width: 991px) {
    .about-staff-a .staffitem {
      width: 100%; } }
  .about-staff-a .staffitem img {
    border-radius: 50%;
    border: 6px solid #ffffff;
    box-shadow: 1px 1px 5px;
    transition: all .2s ease; }
    @media screen and (min-width: 992px) {
      .about-staff-a .staffitem img {
        max-width: 70%; } }
    @media screen and (max-width: 991px) {
      .about-staff-a .staffitem img {
        max-width: 50%;
        margin-left: 25%; } }
  .about-staff-a .staffitem img:hover {
    opacity: .9;
    filter: brightness(110%);
    transition: all .1s ease; }

.about-staff-b {
  padding: 2em 0; }
  .about-staff-b .titles h2 {
    font-size: 1.5em;
    padding-bottom: 1em; }
  .about-staff-b p {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 3em;
    color: #455561;
    font-weight: 400; }
  .about-staff-b .staffitemspecial {
    margin-bottom: 3em;
    text-align: center; }
    .about-staff-b .staffitemspecial h3 {
      font-family: "Work Sans", sans-serif !important;
      font-size: 1em;
      font-weight: 800;
      margin-top: 1em; }
    @media screen and (min-width: 992px) {
      .about-staff-b .staffitemspecial {
        width: 20%; } }
    @media screen and (max-width: 991px) {
      .about-staff-b .staffitemspecial {
        width: 100%; } }
    .about-staff-b .staffitemspecial img {
      border-radius: 50%;
      max-width: 50%;
      border: 6px solid #ffffff;
      box-shadow: 1px 1px 5px;
      text-align: center;
      margin: 0 auto; }
    .about-staff-b .staffitemspecial img:hover {
      opacity: .5;
      filter: brightness(140%);
      transition: all .2s ease; }
    .about-staff-b .staffitemspecial .specialist-info {
      display: none;
      background-color: #fff;
      padding: 2em;
      z-index: 8;
      text-align: left; }
      @media screen and (min-width: 992px) {
        .about-staff-b .staffitemspecial .specialist-info {
          position: fixed; } }
      @media screen and (max-width: 991px) {
        .about-staff-b .staffitemspecial .specialist-info {
          position: relative; } }
      @media screen and (min-width: 992px) {
        .about-staff-b .staffitemspecial .specialist-info {
          box-shadow: 1px 1px 3px; } }
      @media screen and (min-width: 1440px) {
        .about-staff-b .staffitemspecial .specialist-info {
          width: 50%;
          left: 25%;
          top: 30%; } }
      @media screen and (max-width: 1439px) {
        .about-staff-b .staffitemspecial .specialist-info {
          width: 70%;
          left: 15%;
          top: 30%; } }
      @media screen and (max-width: 991px) {
        .about-staff-b .staffitemspecial .specialist-info {
          width: 90%;
          left: 7%;
          top: 30%; } }
      .about-staff-b .staffitemspecial .specialist-info .closespecialist {
        font-size: .8em;
        padding: .7em 1.2em;
        background: #18c967;
        display: inline-block;
        float: left;
        text-transform: uppercase;
        color: #ffffff;
        font-family: "Work Sans", sans-serif !important;
        letter-spacing: 2px;
        font-weight: 400; }
      .about-staff-b .staffitemspecial .specialist-info .closespecialist:hover {
        background: #ffffff;
        color: #18c967; }
      .about-staff-b .staffitemspecial .specialist-info .sidebpic {
        text-align: center; }
        @media screen and (min-width: 992px) {
          .about-staff-b .staffitemspecial .specialist-info .sidebpic img {
            max-width: 100%; } }
        @media screen and (max-width: 991px) {
          .about-staff-b .staffitemspecial .specialist-info .sidebpic img {
            display: none; } }
      .about-staff-b .staffitemspecial .specialist-info p {
        font-family: "Work Sans", sans-serif !important;
        font-size: 1em;
        line-height: 1em;
        margin-bottom: 1em;
        color: #455561;
        font-weight: 400; }
    .about-staff-b .staffitemspecial .mondo {
      display: block; }

.accordiolist {
  margin-top: 2em; }
  @media screen and (max-width: 991px) {
    .accordiolist {
      max-width: 97%; } }
  .accordiolist li {
    border: 0.5px solid #75d1dd;
    border-bottom: 0; }
    .accordiolist li .the-title {
      font-size: 1em;
      font-weight: 700;
      padding: 1em 1.3em; }
      .accordiolist li .the-title h4 {
        font-size: 1em;
        font-family: "Work Sans", sans-serif !important;
        font-weight: 700;
        margin: 0; }
    .accordiolist li .blueback {
      background: #7dc2d2;
      color: #ffffff; }
    .accordiolist li .the-contents {
      display: none;
      font-size: 1em;
      font-weight: 700;
      font-family: "Work Sans", sans-serif !important; }
      .accordiolist li .the-contents ul {
        margin: 0; }
        .accordiolist li .the-contents ul li {
          border: 0;
          padding: 1em;
          border-bottom: 1px solid #e5e5e5; }
      .accordiolist li .the-contents .singlejob a {
        color: #75d1dd;
        font-size: .9em;
        font-family: "Work Sans", sans-serif !important;
        font-weight: 700;
        padding-left: .5em; }
      .accordiolist li .the-contents .joblist {
        color: #75d1dd;
        font-size: .9em;
        font-family: "Work Sans", sans-serif !important;
        font-weight: 700; }
        .accordiolist li .the-contents .joblist ul li {
          border: 0px !important; }
      .accordiolist li .the-contents .details a {
        font-size: .8em;
        background: #18c967;
        padding: .5em 1.5em;
        border-radius: 4px;
        display: inline-block;
        text-transform: uppercase;
        color: #ffffff;
        font-family: "Work Sans", sans-serif !important;
        font-weight: 400;
        float: right;
        border-bottom: 1px solid #5aa97e;
        margin-top: -.2em; }
      .accordiolist li .the-contents .details a:hover {
        background: #ffffff;
        color: #18c967; }
  .accordiolist li:last-child {
    border-bottom: 2px solid #75d1dd; }

.solutionsaccord .arra {
  background-image: url(../img/general/bluearrow.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  height: 20px;
  width: 25px;
  display: inline-block;
  right: 0;
  float: right;
  transform: rotate(0deg);
  transition: all .2s ease; }
.solutionsaccord .changearrow {
  transition: all .2s ease;
  transform: rotate(90deg);
  filter: brightness(100);
  cursor: pointer; }
.solutionsaccord .the-contents p {
  padding: 1em;
  margin: 0; }

.main-careers {
  padding: 2em 0; }
  .main-careers article {
    padding-bottom: 0;
    padding-top: 2em; }
  .main-careers h4 {
    margin-bottom: 1em;
    font-size: 1.3em; }
  .main-careers p {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: 1em;
    color: #455561;
    font-weight: 400; }

/******************/
/*knowledge partners
/*******************/
.main-knowledgepartners {
  padding: 4em 0; }
  @media screen and (max-width: 991px) {
    .main-knowledgepartners {
      padding: 1em 0;
      max-width: 90%;
      margin-lefT: 5%; } }
  .main-knowledgepartners .partnerpic {
    height: 300px;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #e5e5e5;
    cursor: pointer; }
  .main-knowledgepartners h2 {
    font-family: "Roboto Slab", serif !important;
    color: #ffffff;
    font-size: 1.5em; }
  .main-knowledgepartners h3,
  .main-knowledgepartners h4,
  .main-knowledgepartners h5 {
    color: #ffffff;
    font-family: "Work Sans", sans-serif !important; }
  .main-knowledgepartners h3 {
    font-size: 1em;
    margin-top: 1em;
    font-weight: 200;
    font-family: "Work Sans", sans-serif !important; }
  .main-knowledgepartners h4 {
    font-size: 1em;
    font-weight: 700;
    font-family: "Work Sans", sans-serif !important; }
  .main-knowledgepartners p {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #ffffff;
    font-weight: 400; }
  .main-knowledgepartners .hoveopartner {
    display: none;
    position: fixed;
    background-color: #fff;
    padding: 1em 1em 1.5em 1em;
    z-index: 999;
    box-shadow: 1px 1px 3px;
    top: 30%; }
    @media screen and (min-width: 1440px) {
      .main-knowledgepartners .hoveopartner {
        width: 50%;
        left: 25%; } }
    @media screen and (max-width: 1439px) {
      .main-knowledgepartners .hoveopartner {
        width: 70%;
        left: 15%; } }
    .main-knowledgepartners .hoveopartner h3 {
      font-size: 1.5em;
      margin-bottom: 1em;
      font-weight: 400;
      color: #455561;
      font-family: "Roboto Slab", serif !important; }
    .main-knowledgepartners .hoveopartner p {
      font-family: "Work Sans", sans-serif !important;
      font-size: .9em;
      line-height: 1.3em;
      margin-bottom: 1em;
      color: #455561;
      font-weight: 400; }
    .main-knowledgepartners .hoveopartner .partnerpic {
      height: 150px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      border: 10px solid #ffffff; }
    .main-knowledgepartners .hoveopartner .getoutclicker {
      background-image: url(../img/general/circex.svg);
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      height: 30px;
      width: 30px;
      position: absolute;
      right: -10px;
      top: -10px;
      z-index: 999; }
    .main-knowledgepartners .hoveopartner .closespecialist {
      font-size: .8em;
      padding: .7em 1.2em;
      background: #18c967;
      border-radius: 4px;
      display: inline-block;
      float: left;
      text-transform: uppercase;
      color: #ffffff;
      font-family: "Work Sans", sans-serif !important;
      letter-spacing: 2px;
      font-weight: 400; }
    .main-knowledgepartners .hoveopartner .closespecialist:hover {
      background: #ffffff;
      color: #18c967;
      border: 1px solid #18c967; }

/******************/
/*industries
/*******************/
.main-industries {
  padding: 4em 0 2em 0; }
  .main-industries h2 {
    font-family: "Work Sans", sans-serif !important;
    color: #455561;
    font-size: 1.5em; }
  .main-industries h3,
  .main-industries h4,
  .main-industries h5 {
    color: #ffffff;
    font-family: "Work Sans", sans-serif !important; }
  .main-industries h3 {
    font-size: 1em;
    margin-top: 1em;
    font-weight: 200;
    font-family: "Work Sans", sans-serif !important; }
  .main-industries h4 {
    font-size: 1em;
    font-weight: 700;
    font-family: "Work Sans", sans-serif !important; }
  .main-industries p {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: 1em;
    color: #ffffff;
    font-weight: 400; }
  .main-industries .listingind li {
    padding: 1em;
    border: 1px solid #ebebeb;
    position: relative; }
    .main-industries .listingind li .opener {
      opacity: 0;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
    .main-industries .listingind li h2 {
      font-family: "Work Sans", sans-serif !important;
      color: #455561;
      font-size: 1.2em;
      font-weight: 400;
      margin-bottom: 0; }
      .main-industries .listingind li h2 .arra {
        background-image: url(../img/general/bluearrow.svg);
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
        height: 20px;
        width: 25px;
        display: inline-block;
        right: 0;
        float: right; }
      .main-industries .listingind li h2 .changearrow {
        background-image: url(../img/general/bluearrowex.svg); }
    .main-industries .listingind li .mainconto {
      display: none;
      padding: 1em; }
      .main-industries .listingind li .mainconto p {
        color: #455561; }
  .main-industries .listingind .mainborder {
    border: 2px solid #7dc2d2 !important; }
  .main-industries .listingind li:hover {
    border: 1px solid #7dc2d2; }

.industries-logoslider {
  background-color: #ebebeb;
  background-image: url(../img/general/world-map-grey.jpg);
  background-position: contain;
  background-size: 100%;
  padding-bottom: 2em; }
  .industries-logoslider .item {
    background-size: 50%;
    background-position: center;
    height: 10vh;
    background-repeat: no-repeat;
    -webkit-filter: opacity(30%);
    filter: opacity(30%); }

/******************/
/*Industries Subpages
/*******************/
.main-industries-subpages {
  padding: 2em 0 2em 0; }
  .main-industries-subpages h2 {
    font-family: "Work Sans", sans-serif !important;
    color: #455561;
    font-size: 1.5em; }
  .main-industries-subpages h3,
  .main-industries-subpages h4,
  .main-industries-subpages h5 {
    color: #455561;
    font-family: "Work Sans", sans-serif !important; }
  .main-industries-subpages h3 {
    font-size: 1em;
    margin-top: 1em;
    font-weight: 200;
    font-family: "Work Sans", sans-serif !important; }
  .main-industries-subpages h4 {
    font-size: 1em;
    font-weight: 700;
    font-family: "Work Sans", sans-serif !important; }
  .main-industries-subpages p {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: 1em;
    color: #455561;
    font-weight: 400; }
  .main-industries-subpages strong {
    font-family: "Roboto Slab", serif !important;
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: 1em;
    color: #455561;
    font-weight: 500; }
  .main-industries-subpages ul li {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: .5em;
    color: #4a5561;
    font-weight: 400;
    list-style-type: disc;
    margin-left: 1.5em; }

.figureback {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }
  .figureback .hideobacker {
    max-height: 40vh;
    opacity: 0;
    pointer-events: none; }

.fivecolumns {
  float: left;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #e5e5e5; }
  @media screen and (min-width: 992px) {
    .fivecolumns {
      width: 20%; } }
  @media screen and (max-width: 991px) {
    .fivecolumns {
      width: 100%; } }
  .fivecolumns p {
    max-width: 170px;
    margin: 0 auto;
    line-height: 1em;
    font-size: 1.2em;
    margin-top: 1em; }
  .fivecolumns strong {
    font-weight: 400; }

.grey-logo-slide {
  background-color: #ebebeb;
  padding: 6em 0;
  text-align: center; }
  .grey-logo-slide .logoslidertitle h2 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1.2em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #455561;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-weight: 400; }

.subpages-benefits {
  padding: 6em 0; }

.textcentered {
  text-align: center; }

.backpiccenterlogo {
  background-size: cover; }
  .backpiccenterlogo img {
    padding-top: 20vh;
    padding-bottom: 20vh;
    max-width: 300px;
    min-width: 280px; }

.rightcasestudies {
  background: #75d1dd;
  padding: 6em;
  text-align: center; }
  .rightcasestudies h1, .rightcasestudies h2, .rightcasestudies h3, .rightcasestudies h4, .rightcasestudies h5, .rightcasestudies h6, .rightcasestudies p {
    color: #ffffff; }
  .rightcasestudies hr {
    background-color: #ffffff;
    border-bottom: 4px solid #ffffff;
    margin: 0 auto;
    margin-bottom: 1em;
    margin-top: 1em;
    max-width: 50px; }

.industries-subpage-suggested-resources {
  background-color: #ebebeb;
  padding: 6em 0;
  text-align: center; }
  .industries-subpage-suggested-resources hr {
    background-color: #75d1dd;
    border-bottom: 4px solid #75d1dd;
    margin: 0 auto;
    margin-bottom: 1em;
    margin-top: 1em;
    max-width: 70px; }
  .industries-subpage-suggested-resources .arrowlink {
    background-image: url(../img/general/greenarrow.svg);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: -webkit-inline-box; }
  .industries-subpage-suggested-resources figure {
    height: 25vh;
    background-size: cover;
    background-position: center; }
  .industries-subpage-suggested-resources h6 {
    font-size: 1em;
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 1.5em;
    color: #455561;
    font-style: normal;
    margin-top: 1em; }

.industries-cta {
  padding: 2em 0;
  background: #6c7377; }
  .industries-cta h3 {
    color: #75d1dd; }
    @media screen and (min-width: 992px) {
      .industries-cta h3 {
        padding-top: 0.5em; } }
  @media screen and (min-width: 992px) {
    .industries-cta a {
      margin-top: 2em; } }

.centered-cta {
  border-bottom: 1px solid #75d1dd; }
  .centered-cta a {
    transform: translateY(30px); }
  .centered-cta a:hover {
    transform: translateY(28px); }

/******************/
/*tesimonial logoslider
/*******************/
.testimonial-logoslider {
  background-color: #ebebeb;
  padding: 4em;
  text-align: center; }
  .testimonial-logoslider h4 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #455561;
    letter-spacing: 3px; }

/******************/
/*tesimonial casestudies
/*******************/
.testimonial-casestudies {
  background-color: #ffffff;
  padding: 4em;
  text-align: center; }
  .testimonial-casestudies .maincasepic {
    height: 10vh;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 2em; }
  .testimonial-casestudies h3 {
    font-family: "Work Sans", sans-serif !important;
    font-size: .9em;
    line-height: 1em;
    margin-bottom: 1em;
    color: #455561;
    letter-spacing: 3px; }
  .testimonial-casestudies a {
    border: 2px solid #7dc2d2;
    font-family: "Work Sans", sans-serif !important;
    text-transform: uppercase;
    padding: .8em 1.5em;
    font-weight: 500;
    color: #455561; }
  .testimonial-casestudies .casestudyitem {
    margin-bottom: 2em; }

/******************/
/*main WhiteWebGrid
/*******************/
.main-whitewebgrid .belowtitle {
  padding-top: 4em;
  padding-bottom: 2em; }
  .main-whitewebgrid .belowtitle h3 {
    font-size: 2.2em;
    margin: 0 auto;
    margin-bottom: .3em;
    line-height: 1.3em;
    text-align: center;
    color: #455561; }
  .main-whitewebgrid .belowtitle hr {
    border: 2px solid #7dc2d2;
    max-width: 40px; }
  .main-whitewebgrid .belowtitle p {
    text-align: center;
    font-size: 1.2em;
    color: #455561;
    line-height: 1.6em;
    max-width: 80%;
    margin-left: 10%;
    font-weight: 400;
    margin-bottom: 2em;
    font-family: "Roboto Slab", serif !important; }
.main-whitewebgrid .latestleft {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }
  .main-whitewebgrid .latestleft .latest {
    height: 15em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
.main-whitewebgrid .mainbloggrid .grid-item {
  transition: all .2s ease; }
  .main-whitewebgrid .mainbloggrid .grid-item .blogsquarepic {
    padding: 1.5em; }
    .main-whitewebgrid .mainbloggrid .grid-item .blogsquarepic div {
      height: 15em;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
  .main-whitewebgrid .mainbloggrid .grid-item .cardbody {
    padding: 1.5em; }
  @media screen and (min-width: 992px) {
    .main-whitewebgrid .mainbloggrid .grid-item h4 {
      font-size: 1.3em; } }
.main-whitewebgrid .mainbloggrid .grid-item.ng-move,
.main-whitewebgrid .mainbloggrid .grid-item.ng-enter,
.main-whitewebgrid .mainbloggrid .grid-item.ng-leave {
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s; }
.main-whitewebgrid .mainbloggrid .grid-item.ng-leave.ng-leave-active,
.main-whitewebgrid .mainbloggrid .grid-item.ng-move,
.main-whitewebgrid .mainbloggrid .grid-item.ng-enter {
  opacity: 0; }
.main-whitewebgrid .mainbloggrid .grid-item.ng-leave,
.main-whitewebgrid .mainbloggrid .grid-item.ng-move.ng-move-active,
.main-whitewebgrid .mainbloggrid .grid-item.ng-enter.ng-enter-active {
  opacity: 1; }

/******************/
/*image single page
/*******************/
.main-internal-blog-pic {
  height: 15em;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 3em; }

/******************/
/*bloggrid
/*******************/
.main-bloggrid .grid-item {
  transition: all .2s ease; }
  .main-bloggrid .grid-item .blogsquarepic {
    padding: 1.5em; }
    .main-bloggrid .grid-item .blogsquarepic div {
      height: 15em;
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center; }
  .main-bloggrid .grid-item .cardbody {
    padding: 1.5em; }
.main-bloggrid .grid-item.ng-move,
.main-bloggrid .grid-item.ng-enter,
.main-bloggrid .grid-item.ng-leave {
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s; }
.main-bloggrid .grid-item.ng-leave.ng-leave-active,
.main-bloggrid .grid-item.ng-move,
.main-bloggrid .grid-item.ng-enter {
  opacity: 0; }
.main-bloggrid .grid-item.ng-leave,
.main-bloggrid .grid-item.ng-move.ng-move-active,
.main-bloggrid .grid-item.ng-enter.ng-enter-active {
  opacity: 1; }

/******************/
/*compliance sidebar
/*******************/
.compliancesidebar .thumbnail {
  height: 60px;
  width: 60px;
  background-size: cover; }
.compliancesidebar .blogitemtext {
  padding-left: 1.8em; }
  .compliancesidebar .blogitemtext p {
    font-size: .9em;
    margin-bottom: .5em; }
  .compliancesidebar .blogitemtext .maintitle a {
    font-size: .8em; }
.compliancesidebar hr {
  max-width: 50px;
  border-color: #ebebeb;
  border-width: 3px;
  text-align: left;
  margin-left: 0; }
.compliancesidebar h2 {
  font-size: 1.1em;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif !important;
  font-weight: 500;
  letter-spacing: 3px;
  margin-bottom: 1em; }
.compliancesidebar .recentposts {
  margin-left: 1em; }
  .compliancesidebar .recentposts li {
    list-style-type: none; }
.compliancesidebar .socialicons {
  margin-bottom: 1em; }
  .compliancesidebar .socialicons a {
    color: #7dc2d2; }
.compliancesidebar .catagolees a {
  font-family: "Work Sans", sans-serif !important;
  font-size: .8em;
  color: #455561; }

/******************/
/*search Archive
/*******************/
.search-archive .searchitem {
  transition: all .2s ease; }
  .search-archive .searchitem .squarebutton {
    display: -webkit-inline-box;
    margin-top: .5em;
    margin-bottom: .5em; }
.search-archive hr {
  width: 100%;
  max-width: 100%; }

/******************/
/*Archive
/*******************/
.main-archive .grid-item {
  transition: all .2s ease; }
  .main-archive .grid-item .blogsquarepic {
    padding: 1.5em; }
    .main-archive .grid-item .blogsquarepic div {
      height: 15em; }
  .main-archive .grid-item .cardbody {
    padding: 1.5em; }
.main-archive .grid-item.ng-move,
.main-archive .grid-item.ng-enter,
.main-archive .grid-item.ng-leave {
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s; }
.main-archive .grid-item.ng-leave.ng-leave-active,
.main-archive .grid-item.ng-move,
.main-archive .grid-item.ng-enter {
  opacity: 0; }
.main-archive .grid-item.ng-leave,
.main-archive .grid-item.ng-move.ng-move-active,
.main-archive .grid-item.ng-enter.ng-enter-active {
  opacity: 1; }

/******************/
/*404
/*******************/
.fourohfour {
  text-align: center; }
  .fourohfour h3,
  .fourohfour p {
    text-align: center; }
  .fourohfour h3 {
    font-size: 1.5em;
    margin-bottom: 2em; }

/******************/
/*Comment
/*******************/
.infusion-form {
  width: 50%;
  margin-left: 25%; }
  .infusion-form #submit,
  .infusion-form #submit a {
    font-family: "Work Sans", sans-serif !important;
    border-radius: 2px;
    border: 2px solid #7dc2d2;
    display: table;
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 1.5em 5em;
    text-align: center;
    letter-spacing: 2px;
    font-size: .9em;
    text-transform: uppercase;
    font-weight: 500; }
  .infusion-form #submit:hover,
  .infusion-form #submit a:hover {
    background: #7dc2d2;
    border: 2px solid #ffffff;
    color: #ffffff; }

.getrequest .infusion-form,
.hbspt-form .infusion-form {
  width: 100%;
  margin-left: 0%; }
  .getrequest .infusion-form input[type=text],
  .hbspt-form .infusion-form input[type=text] {
    border: 0;
    border-bottom: 1px solid #7dc2d2;
    box-shadow: none;
    height: 3em; }
  .getrequest .infusion-form #submit,
  .getrequest .infusion-form #submit a,
  .hbspt-form .infusion-form #submit,
  .hbspt-form .infusion-form #submit a {
    width: 100%;
    background: #18c967;
    color: #ffffff;
    font-family: "Work Sans", sans-serif !important;
    border-radius: 2px;
    border: 2px solid #7dc2d2;
    display: table;
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 1.5em 5em;
    text-align: center;
    letter-spacing: 2px;
    font-size: .9em;
    text-transform: uppercase;
    font-weight: 500; }
  .getrequest .infusion-form .infusion-submit button,
  .hbspt-form .infusion-form .infusion-submit button {
    width: 100%;
    background: #18c967;
    color: #ffffff;
    font-family: "Work Sans", sans-serif !important;
    border-radius: 2px;
    border: 2px solid #7dc2d2;
    display: table;
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 1.5em 5em;
    text-align: center;
    letter-spacing: 2px;
    font-size: .9em;
    text-transform: uppercase;
    font-weight: 500; }
  .getrequest .infusion-form #submit:hover,
  .getrequest .infusion-form #submit a:hover,
  .hbspt-form .infusion-form #submit:hover,
  .hbspt-form .infusion-form #submit a:hover {
    background: #ffffff;
    border: 2px solid #18c967;
    color: #18c967; }
.getrequest table,
.hbspt-form table {
  font-family: "Work Sans", sans-serif !important; }
  .getrequest table input[type=text],
  .hbspt-form table input[type=text] {
    border: 0;
    border-bottom: 1px solid #7dc2d2;
    box-shadow: none;
    height: 3em; }
.getrequest .title,
.getrequest .text,
.getrequest strong,
.getrequest label,
.hbspt-form .title,
.hbspt-form .text,
.hbspt-form strong,
.hbspt-form label {
  font-family: "Work Sans", sans-serif !important; }
.getrequest #validate_form,
.hbspt-form #validate_form {
  font-family: "Work Sans", sans-serif !important;
  border-radius: 2px;
  border: 2px solid #7dc2d2;
  display: table;
  margin: 0 auto;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 1.5em 5em;
  text-align: center;
  letter-spacing: 2px;
  font-size: .9em;
  text-transform: uppercase;
  font-weight: 500; }

/******************/
/*Contact
/*******************/
.tooltipper {
  background: #7dc2d2;
  color: #ffffff;
  position: fixed;
  left: 0;
  right: 0;
  opacity: .9;
  visibility: visible;
  padding: .3em;
  margin: 0 auto;
  text-align: center;
  transition: all .2s ease;
  z-index: 9999;
  top: 10%;
  border-radius: 15px; }
  @media screen and (min-width: 992px) {
    .tooltipper {
      width: 30%; } }
  @media screen and (max-width: 991px) {
    .tooltipper {
      width: 80%; } }
  .tooltipper p {
    margin: .2em;
    color: #ffffff; }

.hidetool {
  margin-top: -2em;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all .2s ease; }

.wpcf7-mail-sent-ok {
  border: none; }

.main-contact .mainform label {
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif !important;
  font-weight: 400;
  font-size: .8em; }
.main-contact .mainform input {
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-radius: 0px;
  box-shadow: none;
  border-bottom: 2px solid #ebebeb;
  margin-bottom: 3em; }
.main-contact .mainform textarea {
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-radius: 0px;
  box-shadow: none;
  border-bottom: 2px solid #ebebeb;
  margin-bottom: 3em; }
.main-contact .mainform input:focus,
.main-contact .mainform textarea:focus {
  border-bottom: 2px solid #7dc2d2; }
.main-contact .mainform .bluelabel {
  color: #7dc2d2 !important; }
.main-contact .mainform .mainsubbo {
  display: block;
  background: #18c967;
  font-family: "Work Sans", sans-serif !important;
  border-radius: 2px !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  margin: 0 auto;
  padding: 1em 3em !important;
  text-align: center;
  letter-spacing: 2px;
  font-size: .9em !important;
  text-transform: uppercase;
  font-weight: 500; }
.main-contact .maparea h4 {
  font-size: .9em;
  letter-spacing: 3px;
  font-family: "Work Sans", sans-serif !important;
  font-size: 1em;
  line-height: 1em;
  margin-bottom: 1.5em;
  color: #455561;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 700; }
.main-contact .maparea .address {
  text-align: left;
  font-family: "Work Sans", sans-serif !important;
  font-style: normal; }
  .main-contact .maparea .address address {
    text-align: left;
    font-style: normal; }
.main-contact .maparea p {
  text-align: left;
  font-family: "Work Sans", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  margin: .5em;
  text-indent: -.5em;
  padding-left: 1em; }
  @media screen and (min-width: 1440px) {
    .main-contact .maparea p {
      font-size: .9em; } }
  @media screen and (max-width: 1439px) {
    .main-contact .maparea p {
      font-size: .8em; } }
.main-contact .maparea .fa {
  color: #7dc2d2;
  margin-right: .5em; }
.main-contact .maparea .map-a {
  background-image: url(../img/general/map-a.svg);
  height: 12em;
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center; }
.main-contact .maparea .map-b {
  background-image: url(../img/general/map-b.svg);
  height: 12em;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center; }
.main-contact .maparea .map-c {
  background-image: url(../img/general/map-c.svg);
  height: 12em;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center; }

/**************************************************************/
/**************************************************************/
.mainnavlanguage {
  display: -webkit-inline-box;
  margin-bottom: 0;
  margin-top: .3em; }
  .mainnavlanguage li {
    margin-left: 3px;
    border-bottom: none !important;
    text-align: center; }
    .mainnavlanguage li a {
      color: #7dc2d2;
      padding: .4em .8em;
      font-size: 12px;
      border-radius: 5px;
      text-transform: uppercase;
      font-weight: 600;
      font-family: "Work Sans", sans-serif !important;
      transition: all .2s ease; }
    .mainnavlanguage li a:hover {
      color: #7dc2d2 !important;
      background: #7dc2d2;
      transition: all .2s ease;
      background: #e5e5e5; }
  .mainnavlanguage li:hover {
    background: none !important; }
    .mainnavlanguage li:hover a {
      background-color: #7dc2d2 !important;
      color: #ffffff !important; }

/******************/
/*18 06 20
/*******************/
.textcenter {
  text-align: center; }

.maxbutton {
  max-width: 30em; }

.maxcardheight {
  max-height: 37em; }

/**************************************************************/
/**************************************************************/
/******************/
/*home hero
/*******************/
.overghost {
  background-image: url(../img/homepage/overghost.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  pointer-events: none; }
  @media screen and (min-width: 1366px) {
    .overghost {
      height: 100%; } }
  @media screen and (max-width: 1365px) {
    .overghost {
      height: 200%; } }

.compliance-mainnav-popdown {
  position: absolute;
  width: 100%;
  top: -20em;
  height: 20em;
  background: #150954;
  transition: all .2s ease;
  z-index: 99; }
  .compliance-mainnav-popdown .rightpoptoggle {
    position: absolute;
    right: 1em;
    top: 1em;
    background: #ffffff; }
  .compliance-mainnav-popdown .contentholder {
    display: flex;
    width: 100%;
    height: 100%; }
    .compliance-mainnav-popdown .contentholder .leftcontent {
      height: 100%;
      width: 50%;
      background-image: url("https://images.pexels.com/photos/935756/pexels-photo-935756.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260");
      background-size: cover; }
    .compliance-mainnav-popdown .contentholder .rightcontent {
      height: 100%;
      width: 50%;
      background-color: #f3eeee; }

.compliance-mainnav-popdown.hotcomedown {
  top: 0em;
  transition: all .2s ease; }

.topbanner-popdown {
  font-family: 'Roboto Slab', serif;
  background: #ffffff;
  text-align: center;
  position: relative;
  top: 0;
  width: 100%;
  left: 0; }
  .topbanner-popdown p {
    display: block;
    padding: 1em;
    margin-bottom: 0; }
  .topbanner-popdown .lightbluetext {
    color: #7dc2d2; }

.homehero {
  background-position: center;
  background-repeat: no-repeat;
  background-color: #3ab3d0;
  text-align: center;
  position: relative;
  overflow: hidden;
  /** machine item **/
  /** end machine item **/ }
  @media screen and (min-width: 1681px) {
    .homehero {
      min-height: 97vh; } }
  @media screen and (min-width: 992px) and (max-width: 1680px) {
    .homehero {
      min-height: 97vh; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .homehero {
      min-height: 97vh; } }
  .homehero .herotext h1 {
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 0.5em;
    line-height: 1.05em;
    text-align: left;
    color: #150954; }
    @media screen and (min-width: 1440px) {
      .homehero .herotext h1 {
        padding-top: 2.1em;
        font-size: 4em; } }
    @media screen and (min-width: 768px) and (max-width: 1439px) {
      .homehero .herotext h1 {
        padding-top: 1.2em;
        font-size: 3em; } }
    @media screen and (max-width: 767px) {
      .homehero .herotext h1 {
        font-size: 3em; } }
  .homehero .herotext p {
    color: #ffffff;
    line-height: 1.2em;
    font-family: "Roboto Slab", serif !important;
    text-align: left; }
    @media screen and (min-width: 1440px) {
      .homehero .herotext p {
        font-size: 1.8em; } }
    @media screen and (min-width: 768px) and (max-width: 1439px) {
      .homehero .herotext p {
        font-size: 1.5em; } }
    @media screen and (max-width: 767px) {
      .homehero .herotext p {
        font-size: 1em;
        max-width: 90%;
        margin-bottom: 2em; } }
  .homehero .herotext .buttonholder {
    display: flex; }
    .homehero .herotext .buttonholder .buttonized {
      font-size: 1.2em;
      padding: .5em 1.5em; }
    .homehero .herotext .buttonholder .buttonized.leftbutton {
      background: #150954;
      border: 2px solid #150954;
      color: #ffffff;
      margin-right: .5em; }
    .homehero .herotext .buttonholder .buttonized.leftbutton:hover {
      background: #ffffff;
      border: 2px solid #ffffff;
      color: #150954; }
    .homehero .herotext .buttonholder .buttonized.rightbutton {
      border: 2px solid #150954;
      color: #150954;
      margin-left: .5em; }
    .homehero .herotext .buttonholder .buttonized.rightbutton:hover {
      border: 2px solid #150954;
      background: #ffffff;
      color: #150954 !important; }

.bannerpadding {
  padding: 3em 0; }

.page-template-homepage .mainnavholder #menu-compliancemenu li a {
  color: #ffffff; }

.page-template-homepage .whiteHeader {
  position: fixed !important;
  top: 0; }
  .page-template-homepage .whiteHeader .mainnavholder #menu-compliancemenu li a {
    color: inherit; }
  .page-template-homepage .whiteHeader .mainnavlogo a img {
    filter: unset !important; }
  .page-template-homepage .whiteHeader .mag-glass {
    filter: unset !important; }
  .page-template-homepage .whiteHeader .mainnavlanguage li a {
    color: #455561; }

.page-template-homepage .mainnav {
  position: relative; }

.page-template-homepage .mainnav .mag-glass {
  filter: invert(100%) brightness(26.5); }
.page-template-homepage .mainnav .mainnavlogo {
  text-align: left; }
  .page-template-homepage .mainnav .mainnavlogo a img {
    filter: invert(100%) brightness(26.5); }
.page-template-homepage .mainnav.whitemainnav .mag-glass {
  filter: unset; }
@media screen and (min-width: 768px) {
  .page-template-homepage .mainnav.whitemainnav .mainnavlanguage li a {
    filter: unset; } }
.page-template-homepage .mainnav.whitemainnav .mainnavlogo {
  text-align: left; }
  .page-template-homepage .mainnav.whitemainnav .mainnavlogo a img {
    filter: unset; }
@media screen and (min-width: 768px) {
  .page-template-homepage .searcho {
    background: transparent; } }

.solutions-button .whitegreenbutton.squarebutton {
  background-color: #150954;
  color: #ffffff !important;
  text-transform: inherit;
  border-radius: 0 !important;
  font-family: "Roboto Slab", serif !important; }
.solutions-button .whitegreenbutton.squarebutton:hover {
  background-color: #ffffff !important;
  color: #150954 !important; }

.mainnavlanguage li a {
  border-radius: 0 !important;
  color: #150954; }

.mainnavlanguage li a:hover {
  background: #150954 !important;
  color: #ffffff !important; }

/******************/
/*Comment
/*******************/
.startedbutt {
  background: #150954; }
  .startedbutt a {
    color: #ffffff !important; }

.startedbutt:hover {
  background: #ffffff; }
  .startedbutt:hover a {
    color: #150954 !important; }

.nogetstarted .startedbutt {
  display: none !important; }

.mobilewebinarswitch {
  margin: 0 3.75%; }
  .mobilewebinarswitch .webinar {
    padding: 1em; }
  .mobilewebinarswitch .getstartedbutton {
    background: #150954;
    width: 100%; }
    .mobilewebinarswitch .getstartedbutton a {
      display: block;
      color: #fff;
      padding: 1em; }
    .mobilewebinarswitch .getstartedbutton a:hover {
      color: #150954 !important; }

/****** font ************/
/****** color ***********/
@media screen and (max-width: 640px) {
  .maxcontain {
    width: 97vw;
    margin-left: 1.5vw; } }
@media screen and (min-width: 641px) and (max-width: 991px) {
  .maxcontain {
    width: 97vw;
    margin-left: 1.5vw; } }
@media screen and (min-width: 992px) {
  .maxcontain {
    width: 85vw; } }
@media screen and (min-width: 1440px) {
  .maxcontain {
    width: 80vw; } }
@media screen and (min-width: 1680px) {
  .maxcontain {
    width: 78vw; } }
@media screen and (min-width: 2400px) {
  .maxcontain {
    width: 60vw; } }
/**************************************************************/
@media screen and (max-width: 991px) {
  .homehero h1 {
    font-size: 1.5em;
    max-width: 90%; }

  .mobile-eighty {
    width: 80%;
    text-align: left;
    display: inline; }

  .mobile-ten {
    width: 10%;
    text-align: right;
    display: inline; }

  .mag-glass {
    background-image: url(../img/general/mag-glass.svg);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    position: relative;
    display: block;
    float: right; } }
@media screen and (max-width: 640px) {
  .burgo {
    margin-left: 0 !important; }

  .mobile-eighty {
    width: 75%;
    text-align: left;
    display: inline; }

  .mobile-ten {
    width: 12.5%;
    text-align: right;
    display: inline;
    padding-left: 0px;
    margin-top: 5px; } }
.burgo {
  margin-left: 1em;
  cursor: pointer; }
  @media screen and (max-width: 991px) {
    .burgo img {
      max-width: 75%; } }
  @media screen and (max-width: 480px) {
    .burgo img {
      max-width: 75%; } }

.whiteHeader {
  background: #fff;
  transition: .2s ease;
  box-shadow: 1px 1px 10px #66979e; }

.mainnav {
  z-index: 9;
  transition: .2s ease; }
  .mainnav .mainnavholder {
    float: right; }
  @media screen and (min-width: 992px) {
    .mainnav {
      position: fixed;
      width: 100%; } }
  @media screen and (max-width: 991px) {
    .mainnav {
      position: absolute;
      width: 100%; } }
  @media screen and (min-width: 992px) and (max-width: 1439px) {
    .mainnav .maxcontain {
      max-width: 95vw !important;
      width: 95vw !important; } }
  @media screen and (min-width: 1440px) and (max-width: 1679px) {
    .mainnav .maxcontain {
      max-width: 90vw !important;
      width: 90vw !important; } }
  @media screen and (min-width: 1680px) {
    .mainnav .maxcontain {
      max-width: 85vw !important;
      width: 85vw !important; } }
  @media screen and (max-width: 991px) {
    .mainnav #menu-compliancemenu li {
      position: relative; } }
  .mainnav #menu-compliancemenu li {
    border-bottom: 2px solid transparent; }
  .mainnav #menu-compliancemenu li a {
    color: #455561; }
  .mainnav #menu-compliancemenu .sub-menu li a {
    color: #455561; }
  .mainnav #menu-compliancemenu .current_page_item {
    color: #47c3d3; }
  .mainnav #menu-compliancemenu .current-menu-item a,
  .mainnav #menu-compliancemenu .current-menu-ancestor a {
    color: #47c3d3; }
  .mainnav #menu-compliancemenu .sub-menu li:first-child {
    padding-top: 1em; }
  .mainnav #menu-compliancemenu .sub-menu li a {
    display: block;
    border-bottom: 2px solid #fff; }
  .mainnav #menu-compliancemenu .sub-menu li:last-child {
    padding-bottom: 1em; }
  .mainnav .sub-menu {
    opacity: 0;
    transition: all .2s ease;
    height: 1px;
    pointer-events: none;
    position: absolute;
    margin: 0;
    text-align: left;
    box-shadow: 1px 1px 5px #b1adad; }
    .mainnav .sub-menu li {
      list-style-type: none;
      background: rgba(255, 255, 255, 0.98);
      border-bottom: 2px solid transparent; }
      @media screen and (min-width: 1280px) {
        .mainnav .sub-menu li {
          padding: .5em 1.5em .5em 1.5em; } }
      @media screen and (max-width: 1279px) {
        .mainnav .sub-menu li {
          padding: .5em 2em .5em 1vw; } }
      .mainnav .sub-menu li a {
        color: #455561; }
        @media screen and (min-width: 992px) {
          .mainnav .sub-menu li a {
            padding: .2em .2em .2em 0; } }
      .mainnav .sub-menu li a:hover {
        border-bottom: 2px solid #7dc2d2 !important; }
  .mainnav .menu-item-has-children:hover {
    border-bottom: 2px solid #7dc2d2; }
  .mainnav .menu-item-has-children:hover .sub-menu {
    display: block;
    opacity: 1;
    height: auto;
    transition: all .2s ease;
    pointer-events: auto; }

.whitemainnav {
  background: #fff; }

.mobilemenublock {
  display: none;
  top: 0;
  margin-top: 0;
  width: 100%;
  z-index: 999;
  position: absolute;
  background: #fff; }
  .mobilemenublock ul {
    padding: 1em; }
    .mobilemenublock ul li {
      display: block;
      border-bottom: 1px solid #7dc2d2;
      text-transform: uppercase;
      text-align: center; }
      .mobilemenublock ul li a {
        color: #000;
        font-weight: 600;
        line-height: 1.5em; }
      .mobilemenublock ul li .sub-menu {
        display: none; }
        .mobilemenublock ul li .sub-menu li a {
          line-height: 2.5em; }
    .mobilemenublock ul li:hover {
      background: #7dc2d2; }
      @media screen and (min-width: 992px) {
        .mobilemenublock ul li:hover a {
          color: #74c968 !important; } }
      @media screen and (max-width: 991px) {
        .mobilemenublock ul li:hover a {
          color: #ffffff !important; } }

.mobilesocial {
  max-width: 40%;
  margin-left: 30%;
  padding-top: 2em;
  position: relative; }

@media screen and (max-width: 1365px) {
  /* //////////////////*/
  /* //////////////////*/ }
@media screen and (max-width: 991px) {
  footer .contactdeets .scaleup {
    transform: scale(1.3);
    margin-right: 1em; }

  /* //////////////////*/ }
@media screen and (min-width: 768px) {
  .nopaddleft {
    padding-left: 0; }

  .nopaddright {
    padding-right: 0; }

  .alignright {
    text-align: right; }

  .alignleft {
    text-align: left; }

  .showbiginline {
    display: inline-block; }

  .mainfont {
    font-size: 16px;
    line-height: 1; }

  .smallfont {
    font-size: 12px;
    line-height: 1; }

  .showphonedown {
    display: none; }

  .showdeskup {
    display: block; }

  .vidplayer iframe {
    width: 100%;
    height: 90vh; }

  .main {
    max-height: 10vh; } }
@media screen and (max-width: 767px) {
  .showbiginline {
    display: none; }

  .mainfont {
    font-size: 14px;
    line-height: 1; }

  .smallfont {
    font-size: 11px;
    line-height: 1; }

  .showphonedown {
    display: block; }

  .showdeskup {
    display: none; }

  .vidplayer iframe {
    width: 100%;
    height: 35vh; }

  .main {
    max-height: 65vh; }

  .logo {
    margin-top: 2em; }

  .nopaddmobile {
    padding: 0; }

  .nomargemobile {
    margin: 0 auto; }

  .hideonsmallmobile {
    display: none; } }
@media screen and (min-width: 1160px) {
  .largeguts {
    display: block; }

  .mediumguts {
    display: none; } }
@media screen and (min-width: 641px) and (max-width: 1159px) {
  .largeguts {
    display: none; }

  .mediumguts {
    display: block; } }
@media screen and (max-width: 640px) {
  .showmobilefooter {
    display: block; }

  .showdesktopfooter {
    display: none; } }
@media screen and (min-width: 641px) {
  .showmobilefooter {
    display: none; }

  .showdesktopfooter {
    display: block; } }
/******************/
/*Comment
// $mainfont: 'Roboto Slab',
// serif !important;
// $secondaryfont: 'Work Sans',
// sans-serif !important;
// $raleway: 'Raleway',
// sans-serif !important;
// $comp-blue: #7dc2d2;
// $fade-blue: #f2f7fd;
// $comp-white: #ffffff;
// $comp-black: #455561;
// $comp-dark-blue: #bde2ea;
// $comp-green: #18c967;
// $comp-dark-green: #13b059;
// $comp-back-grey: #ebebeb;
// $lightblue: #75d1dd;
// $darkblue: #2b3b50;
// $yellow: #ecbe32;
// $white: #ffffff;
// $textgrey: #455561;
// $comp-orange: #eab023;
// $primary-color: #74c968;
// $secondary-color: #455561;
// $footage: #213c50;
// $active: #47c3d3;
// $titles: #6a7173;
// $darkbloverlay: rgba(53,
// 60,
// 70,
// .7);
/*******************/
.updatesidebar {
  border: 1px solid #ebebeb; }
  .updatesidebar .hot-title {
    font-size: 1.3em; }

.labelling-header .toplogolabel img {
  min-height: 40px;
  padding: 1em; }

.labelling-hero {
  position: relative;
  background-color: #213c51; }
  @media screen and (min-width: 992px) {
    .labelling-hero {
      background-size: cover;
      background-position: center left;
      background-repeat: no-repeat;
      height: 50vh;
      min-height: 400px;
      z-index: 0; } }
  @media screen and (min-width: 441px) and (max-width: 991px) {
    .labelling-hero {
      background-size: cover;
      background-position: center left;
      background-repeat: no-repeat;
      height: 100%;
      z-index: 0; } }
  @media screen and (min-width: 351px) and (max-width: 440px) {
    .labelling-hero {
      background-size: cover;
      background-position: center left;
      background-repeat: no-repeat;
      height: 100%;
      z-index: 0; } }
  @media screen and (max-width: 350px) {
    .labelling-hero {
      background-size: cover;
      background-position: center left;
      background-repeat: no-repeat;
      height: 100%;
      z-index: 0; } }
  .labelling-hero .herocontents {
    padding-top: 2em; }
    .labelling-hero .herocontents .mainlogo .maintitle {
      color: #ffffff;
      font-size: 3em;
      font-family: "Roboto Slab", serif !important;
      font-weight: 400;
      line-height: 1em;
      margin-top: 10vh;
      margin-bottom: .2em; }
    .labelling-hero .herocontents .mainlogo .submaintitle {
      color: #ffffff;
      font-size: 3em;
      font-family: "Roboto Slab", serif !important;
      font-weight: 100;
      line-height: 1em; }

.labelling-blueband {
  background-color: #2b3b50;
  padding: 3em 0em; }
  .labelling-blueband p {
    color: #75d1dd;
    margin: 0;
    font-size: 1.2em;
    line-height: 1.1; }

.labelling-contentsection-section .labelling-contentsection {
  padding: 2em 1em; }
  .labelling-contentsection-section .labelling-contentsection p {
    font-family: "Roboto Slab", serif !important;
    margin: 0;
    font-size: 1.3em;
    line-height: 1.1; }

.iconlistleft ul li,
.iconlistright ul li {
  position: relative;
  font-weight: 900;
  font-family: "Work Sans", sans-serif !important;
  width: 100%;
  display: table; }
  .iconlistleft ul li strong,
  .iconlistright ul li strong {
    margin-top: 1.5em;
    margin-bottom: .5em;
    display: inline-block;
    float: left;
    width: 80%;
    border-bottom: 2px solid #75d1dd;
    padding: 0 .5em;
    font-size: 1.1em;
    height: 4em; }
    .iconlistleft ul li strong em,
    .iconlistright ul li strong em {
      font-weight: 300;
      font-style: normal; }
.iconlistleft ul li:before,
.iconlistright ul li:before {
  content: '';
  position: relative;
  height: 5em;
  width: 15%;
  left: 0;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  float: left; }
.iconlistleft ul li:nth-child(3) strong,
.iconlistright ul li:nth-child(3) strong {
  border-bottom: none !important; }

.labellingimage {
  min-height: 40vh;
  background-size: cover;
  background-repeat: no-repeat; }

.labelling-yellowband {
  background-color: #ecbe32;
  padding: 2em 1em; }
  .labelling-yellowband p {
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Roboto Slab", serif !important;
    line-height: 1em;
    margin: 0; }
    @media screen and (min-width: 1281px) {
      .labelling-yellowband p {
        font-size: 2.5em; } }
    @media screen and (min-width: 992px) and (max-width: 1280px) {
      .labelling-yellowband p {
        font-size: 2em; } }
    @media screen and (max-width: 991px) {
      .labelling-yellowband p {
        font-size: 1.8em; } }
  .labelling-yellowband .newlabelbutton {
    background: #fff;
    padding: .5em .5em;
    border-bottom: 2px solid #c5991b;
    font-family: "Work Sans", sans-serif !important;
    color: #2b3b50;
    font-weight: 900;
    text-transform: uppercase;
    display: block;
    text-align: center; }
    @media screen and (min-width: 1281px) {
      .labelling-yellowband .newlabelbutton {
        font-size: 1.5em; } }
    @media screen and (min-width: 992px) and (max-width: 1280px) {
      .labelling-yellowband .newlabelbutton {
        font-size: 1.2em; } }
    @media screen and (max-width: 991px) {
      .labelling-yellowband .newlabelbutton {
        font-size: 1.1em; } }

.benefitslist {
  padding-left: 1.5em; }
  .benefitslist h4 {
    font-family: "Work Sans", sans-serif !important;
    font-weight: 800;
    font-size: 1.4em; }
  .benefitslist ul li {
    list-style-type: none;
    text-indent: -1em;
    padding-left: 1em;
    font-family: "Work Sans", sans-serif !important;
    margin-bottom: .5em; }
  .benefitslist ul li:before {
    content: "\2022";
    color: #75d1dd;
    margin-right: .5em; }

.imagebott {
  margin-bottom: 2em; }

.labelling-findoutmore {
  padding: 2em 1em; }
  .labelling-findoutmore p {
    margin: 0;
    font-family: "Work Sans", sans-serif !important;
    line-height: 1em; }
    @media screen and (min-width: 1281px) {
      .labelling-findoutmore p {
        font-size: 1em; } }
    @media screen and (min-width: 992px) and (max-width: 1280px) {
      .labelling-findoutmore p {
        font-size: .9em; } }
    @media screen and (max-width: 991px) {
      .labelling-findoutmore p {
        font-size: 1em; } }
    .labelling-findoutmore p strong {
      font-family: "Roboto Slab", serif !important; }
    .labelling-findoutmore p a {
      color: #75d1dd;
      text-decoration: underline; }
  .labelling-findoutmore .centered-text {
    text-align: center; }
  @media screen and (max-width: 1024px) {
    .labelling-findoutmore .readmorepic {
      width: 60px;
      display: block;
      margin: 0 auto;
      margin-bottom: .5em; } }

.labellingfooter {
  background: #2b3b50;
  padding: 2em;
  text-align: center; }
  .labellingfooter p {
    margin: 0;
    font-size: 1.2em;
    color: #ffffff; }
    .labellingfooter p span {
      color: #75d1dd; }

.page-template-historyplain {
  background: #ebebeb; }
  .page-template-historyplain .plain-title, .page-template-historyplain .mainnav {
    background: #ffffff; }
  .page-template-historyplain .historycontent article {
    padding: 0;
    padding-bottom: 2em; }

.historyblock {
  padding: 0 0 30vh 0;
  position: relative;
  text-align: center; }
  .historyblock .historyzone {
    text-align: center;
    margin: 0 auto; }
    .historyblock .historyzone .midbar {
      position: absolute;
      background: #ffffff;
      width: 15px;
      height: 100%;
      display: -webkit-inline-box;
      z-index: 1; }
    .historyblock .historyzone .historyul .yearbreaker {
      z-index: 5; }
      @media screen and (min-width: 992px) {
        .historyblock .historyzone .historyul .yearbreaker {
          position: relative;
          text-align: center;
          margin: 0 auto;
          left: 7.5px;
          display: table; } }
      @media screen and (max-width: 991px) {
        .historyblock .historyzone .historyul .yearbreaker {
          position: relative;
          text-align: center;
          margin: 0 auto;
          left: 7.5px;
          display: table; } }
      .historyblock .historyzone .historyul .yearbreaker .inner {
        width: 150px;
        height: 150px;
        background: #7dc2d2;
        border: 10px solid #ffffff;
        font-size: 2.3em;
        display: table-cell;
        margin: 0 auto;
        border-radius: 50%;
        vertical-align: middle;
        box-shadow: 1px 1px 5px #bbbaba;
        color: #ffffff; }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .yearbreaker:not(:nth-child(1)) {
        margin-top: 12em;
        padding-bottom: 4em;
        padding-top: 8em; } }
    @media screen and (max-width: 991px) {
      .historyblock .historyzone .historyul .yearbreaker:not(:nth-child(1)) {
        padding-bottom: 3em;
        margin-top: 3em; } }
    .historyblock .historyzone .historyul .yearbreaker:nth-child(1) {
      transform: translateY(-75px); }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .historyitem {
        padding: 1em;
        width: 45%;
        min-height: 150px;
        position: relative; } }
    @media screen and (max-width: 991px) {
      .historyblock .historyzone .historyul .historyitem {
        padding: 1em;
        width: 100%;
        min-height: 150px;
        position: relative;
        z-index: 9; } }
    .historyblock .historyzone .historyul .historyhole {
      opacity: 0;
      transition: all .75s ease;
      transform: skew(1deg, 4deg) scale(0.7) rotateY(-90deg); }
    .historyblock .historyzone .historyul .monin {
      opacity: 1;
      transition: all .75s ease;
      transform: skew(0deg, 0deg) scale(1) rotateY(0deg); }
    .historyblock .historyzone .historyul .historyitem .holder {
      z-index: unset; }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .historyitem:nth-child(even) {
        z-index: 3; } }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .historyitem:nth-child(even) .holder {
        background: #ffffff;
        float: left;
        position: absolute;
        width: 100%;
        transform-origin: top right; } }
    @media screen and (max-width: 991px) {
      .historyblock .historyzone .historyul .historyitem:nth-child(even) .holder {
        background: #ffffff;
        position: relative;
        width: 100%; } }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .historyitem:nth-child(even) .holder .month-title:after {
        content: '';
        width: 10%;
        background-color: #fff;
        right: -10%;
        position: absolute;
        height: 15px;
        top: 3%;
        z-index: -1; } }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .historyitem:nth-child(odd) .holder {
        background: #ffffff;
        float: right;
        position: absolute;
        width: 100%;
        margin-left: 121%;
        transform-origin: top left; } }
    @media screen and (max-width: 991px) {
      .historyblock .historyzone .historyul .historyitem:nth-child(odd) .holder {
        background: #ffffff;
        position: relative;
        width: 100%; } }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .historyitem:nth-child(odd) .holder .month-title:before {
        content: '';
        width: 12%;
        background-color: #fff;
        left: -12%;
        position: absolute;
        height: 15px;
        top: 3%;
        z-index: -1; } }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .historyitem.forceleft {
        z-index: 3; } }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .historyitem.forceleft .holder {
        background: #ffffff;
        float: left !important;
        position: absolute;
        width: 100%;
        margin-left: 0 !important;
        transform-origin: top right; } }
    @media screen and (max-width: 991px) {
      .historyblock .historyzone .historyul .historyitem.forceleft .holder {
        background: #ffffff;
        position: relative;
        width: 100%; } }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .historyitem.forceleft .holder .month-title:after {
        content: '';
        width: 10%;
        background-color: #fff;
        right: -10%;
        position: absolute;
        height: 15px;
        top: 3%;
        z-index: -1; } }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .historyitem.forceleft .holder .month-title:before {
        display: none; } }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .historyitem.forceright .holder {
        background: #ffffff;
        float: right !important;
        position: absolute;
        width: 100%;
        margin-left: 121% !important;
        transform-origin: top left; } }
    @media screen and (max-width: 991px) {
      .historyblock .historyzone .historyul .historyitem.forceright .holder {
        background: #ffffff;
        position: relative;
        width: 100%; } }
    @media screen and (min-width: 992px) {
      .historyblock .historyzone .historyul .historyitem.forceright .holder .month-title:before {
        content: '';
        width: 12%;
        background-color: #fff;
        left: -12% !important;
        position: absolute;
        height: 15px;
        top: 3%;
        z-index: -1; } }
    .historyblock .historyzone .historyul .historyitem.forceright .holder .month-title:after {
      display: none; }
    .historyblock .historyzone .historyul .month-title {
      font-family: "Work Sans", sans-serif !important;
      font-size: 1.2em;
      line-height: 1em;
      margin-bottom: 0;
      color: #75d1dd;
      font-weight: 600;
      padding: 1em;
      text-align: left; }
    .historyblock .historyzone .historyul .itempic {
      height: 250px;
      background-size: cover;
      background-position: center; }
      .historyblock .historyzone .historyul .itempic .hideo {
        opacity: 0; }
    .historyblock .historyzone .historyul .mainbox {
      min-height: 220px;
      padding: 1em;
      text-align: left; }
      .historyblock .historyzone .historyul .mainbox .item-title {
        color: #455561;
        font-weight: 600;
        text-align: left;
        font-size: 1.1em; }
      .historyblock .historyzone .historyul .mainbox .item-content {
        color: #455561;
        font-weight: 300;
        text-align: left; }
      .historyblock .historyzone .historyul .mainbox .read-more-link {
        color: #18c967;
        text-align: left;
        font-family: "Work Sans", sans-serif !important; }

.partnertext {
  padding: 2em 0; }
  .partnertext p {
    font-family: "Work Sans", sans-serif !important;
    font-size: .9em;
    max-width: 70%;
    margin-left: 15%; }

.twenty-partner-page-industries {
  text-align: center;
  background: #7dc2d2;
  padding: 4em 0;
  color: #ffffff; }
  .twenty-partner-page-industries hr {
    border: 2px solid #ffffff;
    max-width: 40px; }
  .twenty-partner-page-industries .circsveeg {
    background: #ffffff;
    border-radius: 50%;
    width: 9em;
    height: 9em;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-size: 60% 60%; }
  .twenty-partner-page-industries .undercirc {
    padding-top: 1em;
    color: #fff;
    font-weight: 600; }

.greypartnerinfo {
  text-align: center;
  background: #ebebeb;
  padding: 4em 0; }
  .greypartnerinfo h1, .greypartnerinfo h2, .greypartnerinfo h3, .greypartnerinfo h4, .greypartnerinfo h5 {
    line-height: 1.5em; }
  .greypartnerinfo h1, .greypartnerinfo h2, .greypartnerinfo h3, .greypartnerinfo h4, .greypartnerinfo h5, .greypartnerinfo p, .greypartnerinfo li {
    color: #455561; }
  .greypartnerinfo .halftexto {
    text-align: left; }
    @media screen and (min-width: 641px) {
      .greypartnerinfo .halftexto {
        padding: 2em; } }
    @media screen and (max-width: 640px) {
      .greypartnerinfo .halftexto {
        padding: 0 2em; }
        .greypartnerinfo .halftexto ul {
          margin-left: 2em; } }
    .greypartnerinfo .halftexto li {
      list-style-type: disc;
      padding-left: 1em;
      font-family: "Work Sans", sans-serif !important; }

.greypartnerinfoform {
  text-align: center;
  background: #ebebeb;
  padding: 4em 0; }
  .greypartnerinfoform h1, .greypartnerinfoform h2, .greypartnerinfoform h3, .greypartnerinfoform h4, .greypartnerinfoform h5 {
    line-height: 1.5em; }
  .greypartnerinfoform h1, .greypartnerinfoform h2, .greypartnerinfoform h3, .greypartnerinfoform h4, .greypartnerinfoform h5, .greypartnerinfoform p, .greypartnerinfoform li {
    color: #455561; }
  .greypartnerinfoform hr {
    border: 2px solid #7dc2d2;
    max-width: 40px; }

.whitepartnerlogoimages {
  text-align: center;
  background: #ffffff;
  padding: 4em 0; }
  .whitepartnerlogoimages hr {
    border: 2px solid #7dc2d2;
    max-width: 40px; }
  .whitepartnerlogoimages .blockimage {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-size: 100% 100%;
    margin: 0 auto; }
    @media screen and (min-width: 641px) {
      .whitepartnerlogoimages .blockimage {
        width: 12em;
        height: 12em; } }
    @media screen and (max-width: 640px) {
      .whitepartnerlogoimages .blockimage {
        width: 9em;
        height: 9em; } }

.margerow {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.partnerhotform input, .partnerhotform select {
  font-family: "Roboto Slab", serif !important; }
.partnerhotform input[type="text"],
.partnerhotform input[type="email"],
.partnerhotform select,
.partnerhotform input[type="tel"],
.partnerhotform textarea {
  border: none;
  padding: 0.5em;
  font-family: "Roboto Slab", serif !important; }
.partnerhotform .hs-button.primary.large {
  background: #13b059;
  text-transform: uppercase;
  color: #fff;
  font-size: 1em;
  padding: 1.5em 4em;
  border-bottom: .3em solid #12733e;
  font-family: "Work Sans", sans-serif !important; }
.partnerhotform .legal-consent-container span {
  font-size: .9em; }

@media screen and (max-width: 640px) {
  .maxcontain.partnerhotform {
    margin-left: 0;
    margin: 0;
    padding: 1.5em; } }
.greentalkus {
  background-color: #13b059;
  padding: 2em 0; }
  .greentalkus p {
    color: #ffffff;
    padding-top: .5em;
    font-size: 1.2em;
    font-family: "Roboto Slab", serif !important; }

.sub-mega-menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }

.menuitem-hasmegamenu:hover .sub-mega-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important; }

.megamenu_jaytwenty {
  position: absolute;
  background: #fff;
  max-width: 40%;
  border: none;
  box-shadow: 0px 5px 15px #282f37;
  overflow: hidden;
  transform: scale(0.9);
  transition: all .2s ease; }
  .megamenu_jaytwenty .mega-readmore {
    background: #18c967;
    padding: 0.5em 1.5em !important;
    font-size: 0.7rem !important;
    color: #fff !important;
    width: 100% !important;
    text-transform: uppercase !important;
    transition: all .2s ease; }
  .megamenu_jaytwenty .mega-readmore:hover {
    background: #fff;
    color: #18c967 !important;
    transition: all .2s ease; }
  .megamenu_jaytwenty .rowhold {
    display: table; }
    .megamenu_jaytwenty .rowhold .linksholder {
      padding: 2em 1.5em; }
      .megamenu_jaytwenty .rowhold .linksholder .titleo {
        color: #3ab3d0;
        text-transform: uppercase;
        font-size: .8em;
        font-weight: 500;
        line-height: .9em; }
      .megamenu_jaytwenty .rowhold .linksholder ul {
        margin-left: 0; }
        .megamenu_jaytwenty .rowhold .linksholder ul li {
          line-height: .9em;
          margin-bottom: 0.5em;
          text-align: left; }
          .megamenu_jaytwenty .rowhold .linksholder ul li .titled {
            font-size: .7em; }
          .megamenu_jaytwenty .rowhold .linksholder ul li .indented {
            padding-left: 1em; }
          .megamenu_jaytwenty .rowhold .linksholder ul li a {
            font-size: .7em;
            padding: unset;
            color: #455561 !important; }
          .megamenu_jaytwenty .rowhold .linksholder ul li a:hover {
            opacity: .7; }
    .megamenu_jaytwenty .rowhold .section-a {
      display: inline-block;
      width: 50%;
      vertical-align: top;
      border-right: 1px solid #e5e5e5; }
    .megamenu_jaytwenty .rowhold .section-b {
      display: inline-block;
      width: 50%;
      vertical-align: top;
      border-right: 1px solid #e5e5e5; }
    .megamenu_jaytwenty .rowhold .section-c {
      display: inline-block;
      width: 50%;
      text-align: center; }
    .megamenu_jaytwenty .rowhold .section-d {
      display: inline-block;
      width: 50%;
      vertical-align: top;
      border-right: 1px solid #e5e5e5; }
    .megamenu_jaytwenty .rowhold .endimagetopbott {
      height: 100%; }
    .megamenu_jaytwenty .rowhold .toppichold {
      height: 49.5%;
      width: 100%;
      background-size: cover;
      background-position: center; }
      .megamenu_jaytwenty .rowhold .toppichold img {
        max-height: 50% !important; }
    .megamenu_jaytwenty .rowhold .bottompichold {
      height: 49.9%;
      background: #e5e5e5;
      text-align: center;
      padding: .5em; }
      .megamenu_jaytwenty .rowhold .bottompichold .titleo {
        color: #3ab3d0;
        text-transform: uppercase;
        font-size: .8rem;
        font-weight: 500;
        line-height: .9em; }
      .megamenu_jaytwenty .rowhold .bottompichold p {
        font-size: .7em;
        padding: unset; }
    .megamenu_jaytwenty .rowhold .section-e {
      display: inline-block;
      width: 50%;
      text-align: center; }
      .megamenu_jaytwenty .rowhold .section-e #rss-feeder {
        height: 100%; }
        .megamenu_jaytwenty .rowhold .section-e #rss-feeder ul {
          margin-left: 0;
          height: 100%; }
          .megamenu_jaytwenty .rowhold .section-e #rss-feeder ul .endimagetopbott {
            height: 100%; }
            .megamenu_jaytwenty .rowhold .section-e #rss-feeder ul .endimagetopbott .toppicholder-rss {
              height: 49.5%;
              width: 100%;
              background-size: cover;
              background-position: center; }
              .megamenu_jaytwenty .rowhold .section-e #rss-feeder ul .endimagetopbott .toppicholder-rss img {
                max-height: 50% !important; }
            .megamenu_jaytwenty .rowhold .section-e #rss-feeder ul .endimagetopbott .bottompichold {
              height: 49.9%;
              background: #e5e5e5;
              text-align: center;
              padding: .5em; }
              .megamenu_jaytwenty .rowhold .section-e #rss-feeder ul .endimagetopbott .bottompichold .titleo {
                color: #3ab3d0;
                text-transform: uppercase;
                font-size: .8rem;
                line-height: .9em;
                font-weight: 500; }
              .megamenu_jaytwenty .rowhold .section-e #rss-feeder ul .endimagetopbott .bottompichold p {
                font-size: .7em;
                padding: unset; }

.menuitem-hasmegamenu:hover .sub-mega-menu .megamenu_jaytwenty {
  transform: scale(1.02);
  transition: all .2s ease; }

#rss-feeder .hs-featured-image {
  width: 100% !important;
  max-width: 100% !important; }
#rss-feeder .hotblogpic {
  height: 15em;
  background-size: cover;
  background-position: center; }
#rss-feeder .hs-featured-image-wrapper {
  display: none; }
#rss-feeder .bighotexcerpt {
  display: none; }

.unhandme {
  cursor: default !important; }

.hotmobilewebinarswitch {
  padding: 0 1em 1em 1em; }
  .hotmobilewebinarswitch a {
    width: 100%;
    display: block;
    padding: 1em; }

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