/*!
* Basic8 Template v1.02
* Copyright (c) 2020 Career Platform AI Srl & Its Licensors. All rights reserved.
*/
html {
  /* 1rem = 10px */
  font-size: 62.5%;
}
html, body {
  height:100%;
  padding:0;
  margin:0;
}

@font-face {
  font-display: swap;
}
@media screen and (max-width: 22.5em)  {
  /* max 360px width */
  body h1, body h2, body h3 {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }
  body h4 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  body .largetxt, body .largetxt p {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  div.col4, div.col3, div.col3.col3small, div.col3.col3large, div.col2, div div.col2small, div div.col2large, img.width80percent, img.width100percent {
    width:100%;
  }
  div div.collitem.midtxt, div div.midtxt {
    margin-bottom: 2rem;
  }
  div div.col3.col3large div.collitem {
    margin-top: 0;
    margin-bottom: 0;
  }
  div.itemleftimg, div.itemrightimg {
    text-align: center;
  }
  div.col2bgimgtxtright, div.col2bgimgtxtleft {
    clear:both;
    float:none;
    display: block;
    margin: 0 auto;
    width:80%;
    max-width:47rem;
  }
  div a.twolinebutton, div a.secondarybutton, div a.maincta, div a.mainbutton {
    margin: 1rem 1rem 2rem;
    float:none;
    height:6rem;
    clear: both;
  }
  div a.maincta, div a.mainbutton, div a.ghostbutton {
    min-width: 70%;
  }
  div.gap1rem {
    height:1rem;
  }
  div.gap2rem, div.gap3rem, div.gap4rem, div.gap5rem, div.gap6rem, div.gap7rem, div.gap8rem, div.gap9rem, div.gap10rem, div.gap11rem, div.gap12rem, div.gap13rem, div.gap14rem {
    height:2rem;
  }
  div.paddingright10percent {
    padding-right:0;
  }
  div.paddingleft10percent {
    padding-left:0;
  }
  div.padding-top-s, div.padding-top-m, div.padding-top-l, div.padding-top-xl {
    padding-top:3rem;
  }
  div.padding-bottom-s, div.padding-bottom-m, div.padding-bottom-l, div.padding-bottom-xl {
    padding-bottom:3rem;
  }
}
@media screen and (min-width: 22.5em) and (max-width: 48em)  {
  /* between 360px to 768px */
  body .fullheight .fullheightright {
    text-align: center;
  }
  body .fullheight .fullheightright h1 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  body .fullheight .fullheightright p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding-top:1rem;
  }
  body .fullheight .fullheightright ul {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  body h1, body h2, body h3, body h6 {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
  body h4 {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-top: 0;
  }
  body .largetxt, body .largetxt p  {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  div.col4, div.col3, div.col3.col3small, div.col3.col3large, div.col2, div div.col2small, div div.col2large {
    width:100%;
  }
  div div.collitem.midtxt, div div.midtxt {
    margin-bottom: 2rem;
  }
  div div.col3.col3large div.collitem {
    margin-top: 0;
    margin-bottom: 0;
  }
  div.itemleftimg, div.itemrighttimg {
    text-align: center;
  }
  div.col2bgimgleft, div.col2bgimgright {
    max-width:47rem;
  }
  div.col2bgimgtxtright, div.col2bgimgtxtleft  {
    clear:both;
    float:none;
    display: block;
    margin: 0 auto;
    width:80%;
    max-width:47rem;
  }
  div#logo {
    margin-left:4.2rem;
  }

  div a.twolinebutton, div a.secondarybutton, div a.maincta, div a.mainbutton {
    margin: 1rem 1rem 2rem;
    float:none;
    height:6rem;
    clear: both;
  }
  div.gap1rem {
    height:1rem;
  }
  div.gap2rem, div.gap3rem, div.gap4rem, div.gap5rem, div.gap6rem, div.gap7rem, div.gap8rem, div.gap9rem, div.gap10rem, div.gap11rem, div.gap12rem, div.gap13rem, div.gap14rem {
    height:2rem;
  }
  img.width80percent, div img.width100percent {
    width:96%;
    margin-left:2%;
    margin-right:2%;
  }
  div.paddingright10percent {
    padding-right:0;
  }
  div.paddingleft10percent {
    padding-left:0
  }
  div.padding-top-s, div.padding-top-m, div.padding-top-l, div.padding-top-xl {
    padding-top:3rem;
  }
  div.padding-bottom-s, div.padding-bottom-m, div.padding-bottom-l, div.padding-bottom-xl {
    padding-bottom:1.5rem;
  }
  .col3 .collitem, .col4 .collitem, div.col1, .footer .col4 .collitem, .col2 .collitem  {
    margin-top:0;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 48em)  {
  /* max 768px */

  div.logos img {
    max-height: 11rem;
    margin:auto 1rem auto 1rem;
  }
div.fullheight {
height:auto;
}
  div.fullheight div.content {
    height: auto;
    padding-bottom: 2rem;
  }
  div.fullverticalalign {
    display: block;
    height: auto;
    max-height: none;
    padding: 3rem 0 0 0;
  }
  div div.fullheightleft, div div.fullheightright {
    margin: 5%;
    width: 90%;
  }
  div.bgimage div div.fullheightleft, div.bgimage div div.fullheightright {
    margin: 0.7%;
    width: 98.6%;
    padding: 2rem;
  }
  div.bgimage div div.col1.activebox {
    margin: 0;
  }
  img.symbol {
    float: none;
  }
  p.quote.largerquote {
    font-size:2.6rem;
    line-height: 3.2rem;
  }
  p.quote.largerquote:before {
    line-height: 7.2rem;
    font-size: 7.2rem;
    margin-right: -0.3rem;
    margin-left: 0;
    margin-top: -1.2rem;
    font-style: normal;
  }
  p.quote.largerquote:after {
    line-height: 7.2rem;
    font-size: 7.2rem;
    margin-left: 0;
    margin-right: -0.2rem;
    margin-top: 0.7rem;
    font-style: normal;
  }
  p.quote.singlequote {
    font-size:1.9rem;
    line-height: 3.2rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 70rem;
  }
  p.quote.singlequote:before {
    line-height: 8.2rem;
    font-size: 5.2rem;
    margin-right: -0.2rem;
    margin-left: 0.2;
    margin-top: -2rem;
    font-style: normal;
  }
  p.quote.singlequote:after {
    line-height: 8.2rem;
    font-size: 5.2rem;
    margin-left: 0rem;
    margin-right: 0.2rem;
    margin-top: -0.4rem;
    font-style: normal;
  }
  .col3.col3large .collitem img {
    max-width: 40rem;
  }
  div.twocolumns {
    columns:1;
  }
  div.linebox {
    margin-bottom: 2rem;
  }
  div.exampletemplates {
    min-height: auto;
      margin-bottom: 4rem;
  }
}

@media screen and (min-width: 48em) {
  /* min 768px  */
div.fullheight {
  max-height: 90rem;
}
.fullverticalalign {
  max-height: 90rem;
}
}
@media screen and (min-width: 48em) and (max-width: 64em) {
  /* between 768px to 1024px */
  body h1, body h2, body h3 {
    font-size: 4rem;
    line-height: 4.9rem;
  }
  body h4 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  body .largetxt, body .largetxt p  {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  body .midtxt {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
  div.col4 {
    width:50%;
  }
  div div.col4:nth-of-type(2),   div div.col4:nth-of-type(4)  {
    float: right;
  }
  div div.col4:nth-of-type(3)  {
    clear: left;
  }
  div.minheight46 {
    min-height:46rem;
  }
  div.minheight25 {
    min-height:25rem;
  }
  div.col3 {
    width:33.333%;
  }
  div.col3.col3small {
    width:30%;
  }
  div.col3.col3large {
    width:40%;
  }
  div.col2 {
    width:50%;
  }
  div.col2small {
    width:25%;
  }
  div.col2large {
    width:75%;
  }
  div.itemleftimg, div.itemrightimg {
    text-align: center;
  }
  div.col2bgimgleft, div.col2bgimgright {
    max-width:47rem;
  }
  div.col2bgimgtxtright, div.col2bgimgtxtleft  {
    clear:both;
    float:none;
    display: block;
    margin: 0 auto;
    width:47rem;
    max-width:47rem;
  }
  div.fullheight {
    height: auto;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  div.fullverticalalign {
    height: auto;
  }
  div.gap1rem  {
    height:1rem;
  }
  div.gap2rem, div.gap3rem, div.gap4rem, div.gap5rem {
    height:2rem;
  }
  div.gap6rem, div.gap7rem {
    height:3rem;
  }
  div.gap8rem, div.gap9rem  {
    height:4rem;
  }
  div.gap10rem, div.gap11rem, div.gap12rem, div.gap13rem, div.gap14rem {
    height:5rem;
  }
  img.width80percent {
    width:90%;
  }
  img.width100percent {
    width:100%;
  }
  div.paddingright10percent {
    padding-right:0;
  }
  div.paddingleft10percent {
    padding-left:0;
  }
  div.padding-top-s, div.padding-top-m {
    padding-top:2rem;
  }
  div.padding-top-l, div.padding-top-xl {
    padding-top:3.5rem;
  }
  div.padding-bottom-s, div.padding-bottom-m {
    padding-bottom:2rem;
  }
  div.padding-bottom-l, div.padding-bottom-xl {
    padding-bottom:3.5rem;
  }
}
@media screen and (min-width: 64em) {
  /* min width 1024px */
  body h1, body h2, body h3 {
    font-size: 5rem;
    line-height: 5.6rem;
  }
  body h4 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  body .largetxt, body .largetxt p  {
    font-size: 2rem;
    line-height: 3rem;
  }
  div.col4 {
    width:25%;
  }
  div.col3 {
    width:33.333%;
  }
  div.col3.col3small {
    width:30%;
  }
  div.col3.col3large {
    width:40%;
  }
  div.col2 {
    width:50%;
  }
  div.col2small {
    width:25%;
  }
  div.col2large {
    width:75%;
  }
  div.col2bgimgright, div.col2bgimgleft {
    max-width:45rem;
  }
  div.col2bgimgtxtright, div.col2bgimgtxtleft {
    max-width:50rem;
    width:50rem;
  }
  nav#navigitems {
    max-width: calc(100% - 30rem);
    margin-right:4.2rem;
    margin-left:-4.2rem;
    height:100%;
    margin-top:0;
    display:table;
  }
  #naviglinks {
    max-height:5rem;
  }
  .footer .lastrow span.madewith {
    float:right;
    border-left: none;
  }
  .fullheight {
    min-height: 61rem;
  }
}


@media screen and (min-width: 75em) {
  /* min width 1200px */
  div.col2bgimgtxtright, div.col2bgimgtxtleft {
    width:50rem;
    max-width:50rem;
  }
  div.col2bgimgright, div.col2bgimgleft {
    max-width:55rem;
  }
  div#logo {
    margin-left:4.2rem;
  }

}
@media screen and (min-width: 100em) {
  /* min width 1600px */
  div.col2bgimgtxtright, div.col2bgimgtxtleft {
    margin:0 auto;
    float:none;
    width:60rem;
    max-width:60rem;
  }
  div.col2bgimgtxtright {
    padding-left: 10rem;
  }
  div.col2bgimgtxtleft {
    padding-right: 10rem;
  }
}

@media screen and (min-width: 121em) {
  /* min width 1920px */
  .bgimgcontainer, .container {
    max-width:114rem;
    margin:0 auto;
  }
  div.col2bgimgtxtleft {
    margin-left:10rem;
  }
  div.col2bgimgtxtright {
    margin-right:10rem;
  }
  div.container div.col2bgimgleft, div.container div.col2bgimgright {
    max-width: 50rem;
  }
  body div.subnavig.floating {
    position: relative;
  }
}

div, .container {
  box-sizing: border-box;
}
body, p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
.content {
  max-width:116rem;
  margin:0 auto;
  padding-left:1.2rem;
  padding-right:1.2rem;
  box-sizing:border-box;
}
.item {
  text-align: center;
}
h1, h2, h3 {
  font-size: 3.6rem;
  line-height: 4.3rem;
  margin-top: 0;
  margin-bottom: 1.8rem;
}
h4 {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}
h5 {
  font-size: 1.8rem;
  line-height: 2.1rem;
  margin-top:0.7rem;
  margin-bottom: 1rem;
}
h6 {
  font-size: 1.8rem;
  line-height: 1.9rem;
  margin: 0 0 0.5rem 0;
}
.largetxt, .largetxt p  {
  font-size: 1.8rem;
  line-height: 2.6rem;
}
.largetxt, .largetxt p.nomargin {
  margin: 0;
}
.normaltxt  {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.midtxt {
  font-size: 1.8rem;
  line-height: 2.2rem;
}
ul.ulheading {
  margin-right: 0;
  padding-left:2.5rem;
  list-style: none;
}
ul.ulheading li:before {
  display: inline-block;
  content: "\25AA";
  color: #ccc;
  width: 2rem;
  margin-left: -2rem;
}
ul.ulheading {
  line-height:2.4rem;
}
.largetxt ul.ulheading {
  line-height:3rem;
}
.itemcols:after {
  display: table;
  clear: both;
  content: "";
}
.col4 {
  box-sizing: border-box;
  width:25%;
  float:left;
}
.col3 {
  box-sizing: border-box;
  width:33.333%;
  float:left;
}
.col3.col3small {
  width:30%;
}
.col3.col3large {
  width:40%;
}
.col2 {
  box-sizing: border-box;
  width:50%;
  float:left;
  text-align: left;
}
div.col2small {
  box-sizing: border-box;
  float:left;
  width:25%;
}
div.col2large {
  box-sizing: border-box;
  float:left;
  width:75%;
}
.collitem {
  box-sizing: border-box;
  margin:3rem;
}
.col3 .collitem, .col4 .collitem, .col1, .footer .col4 .collitem {
  margin:3rem;
}
.itemleftimg:after, .itemrightimg:after {
  display: table;
  clear: both;
  content: "";
}
.itemleftimg img, .itemrighttimg img {
  vertical-align: middle;
  height: auto;
  margin: 0 auto;
}
.col2bgimgtxtright {
  margin-right:1.5rem;
  float:right;
  text-align: left;
}
.col2bgimgtxtleft {
  margin-left:3.8rem;
  float:left;
  text-align: left;
}
.col2bgimgleft {
  margin-left:0;
  float:left;
  text-align: left;
  padding-bottom: 1rem;
}
.col2bgimgright {
  margin-right:0;
  float:right;
  text-align: left;
  padding-bottom: 1rem;
}
.fullheight div.content {
  display:block;
  height: 100%;
}
.fullheight {
  height: -moz-calc(100% - 11rem);
  height: -webkit-calc(100% - 11rem);
  height: calc(100% - 11rem);
}
.fullverticalalign {
  display:flex;
  justify-content:center;
  align-items:center;
  height: 100%;
  padding:5rem 0;
}
div.content.extrawidth {
  max-width:126rem;
}
div.fullheightleft {
  margin-left: auto;
  margin-right: auto;
  width:48%;
}
div.fullheightright {
  margin: auto 0 auto 3%;
  width:47%;
}
.navig {
  height:10rem;
  position:relative;
}
.navcontainer {
  height: 100%;
  max-width: 116rem;
  margin: 0 auto;
}
#navig {
  width:100%;
  position:absolute;
  bottom: 0;
  left:0;
  width:100%;
  height:7rem;
  z-index: 9999;
}
div#navig.stickynavig {
  position: fixed;
  top: 0;left:0;
  margin:0;
}
#logo {
  width:19%;
  float:left;
  margin-left:4.2rem;
  height: 100%;
}


#nextarrow.hide {
  opacity:0;
  visibility: hidden;
}
.logolink, a.logolink:hover, .logolink:visited, .logolink:active{
  text-decoration:none;
  white-space: nowrap;
}
.logolink span.logomid {
  display: inline-block;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  font-weight: 500;
}
.logolink.logo {
  line-height: 2rem;
  height: 2rem;
  font-size: 2rem;
  display: block;
}
.logolink.avg {
  line-height: 1.5rem;
  height: 1.5rem;
  font-size: 1.4rem;
}
.cta {
  white-space:nowrap;
  padding-top:1.8rem;
  padding-left:0.6rem;
  height:6rem;
}
.cta a {
  font-size:1.5rem;
  display: inline-block;
  height: 2.2rem;
  line-height: 2.2rem;
  text-decoration: none;
  white-space: nowrap;
  margin-left:1rem;
  padding-left:1rem;
  padding-right:1rem;
}
a.infolink {
  font-size: 1.8rem;
  line-height: 2.8rem;
  text-decoration: none;
  padding-bottom: 0.2rem;
  display: inline-block;
}
a.mainbutton,  a.secondarybutton {
  font-size: 1.6rem;
  line-height: 2rem;
  height:6rem;
  padding:2rem;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  margin-bottom: 1rem;
  margin-right: 2rem;
}
a.mainbutton {
}
a.maincta {
  text-align: left;
  font-size: 1.6rem;
  line-height: 2.1rem;
  height:6rem;
  padding:1rem;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  margin-right: 2rem;
  margin-bottom: 1rem;
}
a.maincta span {
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: 0.2rem;
}
a.twolinebutton {
  text-align: left;
  font-size: 1.6rem;
  line-height: 2.1rem;
  height:6rem;
  padding:1rem;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  margin-right: 2rem;
  margin-bottom: 1rem;
}
a.twolinebutton span {
  font-size: 1.2rem;
  letter-spacing: 0.2rem;
}
a.butminw {
	min-width: 21rem;
}
a.butminwsm {
	min-width: 9rem;
}
@media screen and (min-width: 64em) and (max-width: 68.75em) {
  /* min 1024px and max 1100px width*/
  div.activebox a.butminw {
	min-width: 18rem;
}
div.activebox a.butminwsm {
min-width: 9rem;
}
}
#nextarrow {
  display: none;
}
@media screen and (min-height: 52em) {
  /* min 832px height*/
  div.subnavig.floating {
    position: absolute;
    width: 100%;
  }
}
@media screen and (min-width: 64em) and (min-height: 36em) {
  /* min 1024px width and min 576px height*/
  #nextarrow {
    display: block;
    left:50%;
    bottom:0.7rem;
    position:absolute;
    margin-bottom:1rem;
  }
}
@media screen and (min-width: 64em) and (min-height: 36em) {
  /* min 1024px width and min 576px height*/
  #nextarrow {
    display: block;
    left:50%;
    bottom:0.7rem;
    position:absolute;
    margin-bottom:1rem;
  }
}


.smalltxt {
  font-size: 1.2rem;
}
.note {
  font-size: 1rem;
  vertical-align: super;
}
.leftalign {
  text-align: left;
}
.rightalign{
  text-align: right;
}
.centeralign{
  text-align:center;
}
.footer .col4 a, .footer .col3 a, .footer .lastrow .madewith a {
  text-decoration: none;
}
.footer .col4 a:hover, .footer .col3 a:hover, .footer .lastrow a.footerlink:hover  {
  text-decoration: underline;
}
.footer .lastrow a.footerlink {
  text-decoration: none;
  padding:0 1.5rem;
}
.footer .lastrow a.footerlink:first-of-type {
  margin-left:2rem;
}
.footer .lastrow .madewith {
  padding:0 1.5rem;
}
.footer .col1, .footer .col4, .footer .col4 .collitem {
  text-align: left;
}
.svgfeature {
  padding: 0;
  margin: 0 auto 2rem auto;
  width: 10rem;
  height: 10rem;
  display: inline-block;
}
.linkscontainer2 {
  width:100%;
  min-height:6.5rem;
  margin:6rem auto 0;
}
.notes {
  line-height: 1.3rem;
}
/* navigation links - desktop - mobile navigation OFF */
#navigitems {
  font-size:1.5rem;
  float:right;
  margin-right:3rem;
  line-height: 2.2rem;
  text-align: right;
  transition:visibility 0.1s linear,opacity 0.1s linear;
  margin-left:-3rem;
  height:100%;
  margin-top:0;
  display:table;
}
.showHamburger ul.naviglinks {
  display: none;
}
#navigitems.showHamburger #naviglinks {
  max-height:none;
}
#navigitems.showHamburger #hamburger {
  display:inline;
}
#hamburger {
  display: none;
}

nav#navigitems.mobileopen ul#naviglinks {
  display:block;
  float:none;
  min-width:15rem;
  max-width:25rem;
  visibility: visible;;
  opacity: 100%;
  margin-top:1rem;
}
nav#navigitems.mobileopen ul#naviglinks li {
  float:none;
}
nav#navigitems.mobileopen ul#naviglinks li:last-child {
  border-bottom: none;
}
nav#navigitems.mobileopen ul#naviglinks li a {
  text-align:left;
  line-height: 3.7rem;
  font-size: 1.4rem;
}
nav#navigitems.mobileopen ul#naviglinks li a:hover {
  text-align:left;
}
ul.naviglinks {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.naviglinks li {
  float: right;
  margin-bottom: 0.4rem;
}
ul.naviglinks li a {
  display: block;
  padding: 0 1.6rem;
  text-align: center;
  text-decoration: none;
}

/* navigation - mobile navigation ON */
@media screen and (max-width: 64em) {
  /* less than 1024 */
  a#hamburger {
    display:inline;
  }
  ul.naviglinks {
    display:none;
  }
  div nav#navigitems {
    margin-right:4.2rem;
  }
  div ul.naviglinks  {
    border-right: 0;
  }
  div.subnavig.floating {
    position: relative;
    width:100%;
  }
  .breadcrumb.maxw50percent, .submenu.maxw50percent, .breadcrumb.maxw60percent, .submenu.maxw60percent, .breadcrumb.maxw40percent, .submenu.maxw40percent  {
    max-width:none;
    width: 100%;
  }
  div.submenu, div.submenu.maxw50percent, div.submenu.maxw40percent, div.submenu.maxw60percent  {
    margin-bottom: 2rem;
  }
}
#navigcontainer {
  width:calc(100% - 3rem);
  display:table-cell;
  vertical-align:middle;
}
@-moz-document url-prefix() {
  #navigcontainer {
    padding-top:0.5rem;
  }
}
#navigitems.mobileopen #navigcontainer {
  padding-top:1.8rem;
}

/* navigation - mobile navigation ON */
@media screen and (max-width: 36em)  {
  /* less than 576px */
  div#navig div#logo {
    width:100%;
    float: none;
    text-align: center;
    margin: 0.5rem 0 1.4rem 0;
    padding:0;
    height: auto;
  }
  div.cta {
    float: none;
    text-align: center;
    margin: 0.8rem auto;
    padding:0;
    white-space: normal;
  }
  div.cta a {
    margin-right:1rem;
    margin-bottom: 0.8rem;
  }
  nav#navigitems {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0.8rem auto;
    padding:0;
  }
  #navigitems ul {
    border: none;
  }
  nav#navigitems.mobileopen ul.naviglinks {
    text-align: center;
    margin: 0.5rem auto 1rem auto;
  }
  #navigcontainer {
    width:100%;
    display:block;
  }
  @-moz-document url-prefix() {
    #navigitems.mobileopen div#navigcontainer #hamburger {
      margin-top:0.5rem;
      display: inline-block;
    }
  }
  nav#navigitems.mobileopen div#navigcontainer {
    padding-top:0;
  }
  nav#navigitems.mobileopen div#navigcontainer ul#naviglinks {
    position: absolute;
    left: calc(50% - 85px);
    margin-top:0.5rem;
  }
  div.navig, div#navig {
    height:13rem;
  }
  footer .footer .lastrow a.footerlink:first-of-type {
    margin-left: 0;
  }
  footer .footer .lastrow a.footerlink {
    display: block;
  }
  div a.maincta, div a.mainbutton, div a.ghostbutton {
    width:auto;
    max-width: 21rem;
    min-width: 60%;
    height: auto;
    min-height: 6rem;
    word-wrap: break-word;
  }
  div a.ghostbutton span {
    word-break: break-all;
  }
  .subnavig div.submenu  {
    margin-bottom: 3rem;
    float: none;
    text-align: center;
  }
  .subnavig div.submenu a {
    margin-left: 0;
    margin-right: 2rem;
  }
  .subnavig div.submenu a:last-of-type {
    margin-left: 0;
    margin-right: 0rem;
  }
  .subnavig div.submenu span.socialbox {
    margin-left:0;
    display: block;
    margin-top: 2rem;
    border-left:2px;
  }
  .subnavig div.breadcrumb  {
    text-align: center;
  }
}

.footer #socialicons a, .footer #socialicons a:hover {
  text-decoration: none;
}
.footer #socialicons a svg {
  width:2.8rem;
  height:2.8rem;
  margin-right:1.5rem;
}
p {
  margin-bottom: 3rem;
  margin-top: 1rem;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
a.lnklarge {
  font-size: 1.8rem;
}
a.lnknormal {
  font-size: 1.6rem;
}
a.lnksmall {
  font-size: 1.4rem;
}
a.lnknoline {
  text-decoration: none;
}
a.lnknoline:hover {
  text-decoration: underline;
}
a.lnknowrap {
  white-space: nowrap;
}
.gap1rem {
  height:1rem;
}
.gap2rem {
  height:2rem;
}
.gap3rem {
  height:3rem;
}
.gap4rem {
  height:4rem;
}
.gap5rem {
  height:5rem;
}
.gap6rem {
  height:6rem;
}
.gap7rem {
  height:7rem;
}
.gap8rem {
  height:8rem;
}
.gap9rem {
  height:9rem;
}
.gap10rem {
  height:10rem;
}
.gap11rem {
  height:11rem;
}
.gap12rem {
  height:12rem;
}
.gap13rem {
  height:13rem;
}
.gap14rem {
  height:14rem;
}
.width80percent {
  width:80%;
}
img.width100percent {
  width:100%;
}
.paddingright10percent {
  padding-right:10%;
}
.paddingleft10percent {
  padding-left:10%;
}
.paddingright20percent {
  padding-right:20%;
}
.paddingleft20percent {
  padding-left:20%;
}
.padding-top-xxs {
  padding-top:0.5rem;
}
.padding-top-xs {
  padding-top:1.5rem;
}
.padding-top-s {
  padding-top:3.5rem;
}
.padding-top-m {
  padding-top:5.5rem;
}
.padding-top-l {
  padding-top:12rem;
}
.padding-top-xl {
  padding-top:17rem;
}
.padding-bottom-xxs {
  padding-bottom:0.5rem;
}
.padding-bottom-xs {
  padding-bottom:1.5rem;
}
.padding-bottom-s {
  padding-bottom:3.5rem;
}
.padding-bottom-m {
  padding-bottom:5.5rem;
}
.padding-bottom-l {
  padding-bottom:12rem;
}
.padding-bottom-xl {
  padding-bottom:17rem;
}
.people {
  max-width: 16rem;
  width: 89%;
  display:block;
  margin:0 auto 2rem;
}
.featureicon {
  max-width: 16rem;
  width: 89%;
  display:block;
  margin:0 auto 2rem;
}
div.bgimage div.fullheightleft, div.bgimage div.fullheightright, div.col1.activebox {
  padding:3rem;
}
.col2small .collitem.leftline {
  margin-left:0;
}
.col2small .collitem.rightline {
  margin-right:0;
}
.leftline .linebox {
  padding-left:2rem;
}
.rightline .linebox {
  padding-right:2rem;
}
.symbol {
  max-height:12rem;
  float:right;
  margin:0 2rem;
}
.logos {
  margin-top: 2rem;
}
.logos img {
  max-height: 11rem;
  margin:auto 3rem auto 0;
}
.quote {
  font-size: 2.6rem;
  line-height: 3.2rem;
  margin-top:0;
  margin-bottom: 2.5rem;
  padding-right: 2rem;
  quotes: "“" "”" "‘" "’";
}
.quote.largerquote {
  font-size: 3.6rem;
  line-height: 4rem;
  margin-bottom: 3.5rem;
  padding-right: 1rem;
}
.quote.singlequote {
  font-size: 1.9rem;
  line-height: 3.2rem;
  margin-bottom: 0;
  padding-right: 1rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 70rem;
}
.quote:before {
  content: open-quote;
  font-family: Arial, Helvetica, sans-serif;
  display: inline-block;
  vertical-align: top;
  height: 3rem;
  line-height: 7.2rem;
  font-size: 7.2rem;
  margin-right: -0.3rem;
  margin-left: 0;
  margin-top: -1.2rem;
  font-style: normal;
}
.quote.largerquote:before {
  line-height: 8.2rem;
  font-size: 8.2rem;
  margin-right: -0.5rem;
  margin-left: 0.2rem;
  margin-top: -1rem;
}
.quote.singlequote:before {
  line-height: 8.2rem;
  font-size: 5.2rem;
  margin-right: -0.2rem;
  margin-left: 0.2;
  margin-top: -2rem;
  font-style: normal;
}
.quote:after {
  content: close-quote;
  font-family: Arial, Helvetica, sans-serif;
  display: inline-block;
  vertical-align: top;
  height: 3rem;
  line-height: 7.2rem;
  font-size: 7.2rem;
  margin-left: 0;
  margin-right: -0.2rem;
  margin-top: 0.7rem;
  font-style: normal;
}
.quote.largerquote:after {
  line-height: 8.2rem;
  font-size: 8.2rem;
  margin-left: -0.3rem;
  margin-right: -0.2rem;
  margin-top: 1.1rem;
  font-style: normal;
}
.quote.singlequote:after {
  line-height: 8.2rem;
  font-size: 5.2rem;
  margin-left: 0rem;
  margin-right: 0.2rem;
  margin-top: -0.4rem;
  font-style: normal;
}
.quotefooter {
  padding-top:0.4rem;
}
.quotefooter1 {
  float:left;
  width:4rem;
  height:4rem;
  margin-right:0.6rem;
  margin-top:-0.5rem;
}
.quotefooter1b {
  float:left;
  width:4rem;
  height:4rem;
  margin-right:1.2rem;
  margin-top:-0.5rem;
}
.quotefooter1 img, .quotefooter1b img {
  width:100%;
}
.quotesvg {
  padding: 0;
  margin: 0.5rem auto auto;
  width: 3rem;
  height: 3rem;
  display: block;
}
.quotefooter2 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.quotefooter3 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.twocolumns {
  columns:2;
  column-gap: 6rem;
}
.articleimageright {
  float:right;
  width:40%;
  margin:0 0 1rem 2rem;
  min-width: 15rem;
}
.articleimageleft {
  float:left;
  width:40%;
  margin:0 2rem 1rem 0;
  min-width: 15rem;
}
.dot {
  font-size: 2rem
}
.nowrap {
  white-space:nowrap;
}
.notvisible {
  display: none;
}
.reference {
  font-size: 1.2rem;
}

.subnavig div.item {
  padding-left: 3rem;
  padding-right: 3rem;
}
.subnavig.floating {
  position: absolute;
  width:100%;
}
.nofloating {

}
.nolinebelow {

}
.breadcrumb, .submenu {
  font-size: 1.3rem;
  line-height: 2.2rem;
  margin: 0;
  width:100%;
}
.submenu {
  margin-bottom:1rem;
}
div.subnavig div.item {
  min-height:5.5rem;
}
.breadcrumb a, .submenu a {
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
}
.submenu a, .submenu a.social:first-of-type {
  margin-left:2rem;
}
.submenu a.social {
  margin-left:0.8rem;
}
.breadcrumb a {
  margin-right: 0.8rem
}
.breadcrumb svg {
  height: 1rem;
  width: 1rem;
  margin-left:0;
  margin-right:0.8rem;
  vertical-align: middle;
}
.breadcrumb .home svg {
  height: 1.6rem;
  width: 1.6rem;
  margin-left:0;
  margin-right:0;
  vertical-align: text-top;
}
.breadcrumb span {
  vertical-align:middle;
}
.submenu .social svg {
  height: 1.8rem;
  width: 1.8rem;
  vertical-align: middle;
}
.submenu {
  float: right;
}
.submenu .socialbox {
  margin-left:10px;
  vertical-align: middle;
  white-space: nowrap;
}
.maxw50percent {
  max-width:50%;
}
.maxw40percent {
  max-width:40%;
}
.maxw60percent {
  max-width:60%;
}
.submenu.maxw50percent, .submenu.maxw40percent, .submenu.maxw60percent {
  margin-bottom: 0;
}
.cleanup {
  height:1px;
  clear: both;
}
.tm {
  position: relative;
  top: -1.4rem;
  font-size:8px;
  left:0.1rem;
  font-weight: 500;
  margin-right: -0.4rem;
}
.tmtxtxl {
  position: relative;
  top: -1.1rem;
  font-size:8px;
  left:0rem;
  font-weight: 500;
  margin-right: 0;
  opacity: 0.85;
}
.tmtxtxxl {
  position: relative;
  top: -2.4rem;
  font-size:8px;
  left:0rem;
  font-weight: 500;
  margin-right: 0;
  opacity: 0.85;
}
.tmtxt {
  position: relative;
  top: -1.1rem;
  font-size:8px;
  left:0.2rem;
  font-weight: 500;
  margin-right: 0;
  opacity: 0.85;
}
.tmtxtsm {
  position: relative;
  top: -0.6rem;
  margin-top: 0.2rem;
  font-size:8px;
  left:0.2rem;
  font-weight: 500;
  margin-right: 0;
  opacity: 0.85;
}
#nextlink svg, #hamburger svg {
  width:2.4rem;
  height:2.4rem;
}
.thumblink img {
  border:1px solid #414141;
  opacity: 1;
}
.thumblink img {
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
}
.thumblink:hover img {
  border:1px solid #fff;
}
.videobox {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.videobox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videobox iframe.raised{
  box-shadow: 0px 20px 20px -10px #4e4e4e;
}
video:focus {
	outline: none;
}
div.thinimage img {
max-width: 23rem;
}
.exampletemplates {
  min-height:15rem;
}
span.strike {
  text-decoration:line-through;
}
