:root {
    --color-default: #222;
    --color-primary: #f68a1e; /* orange */
    --color-secondary: #033088; /* blue */
    --color-blue: #0c2566;
    --color-secondary-blue: #0c2566;
    --color-orange: #f7921d;
    --color-black: #000;
    --color-red: #d2232a;
}

body {
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
}

a img {
  border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}

h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    color: var(--color-blue);
}

h1 em {
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  color: #4a5963;
}

h1 em:before {
  content: '';
  position: relative;
  width: 5px;
  margin-left: 10px;
  padding-left: 15px;
  border-left: 3px solid #4a5963;
}

h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
  color: #4a5963;
}

h3 {
  font-size: 18px;
  color: #666;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p,
blockquote,
caption {
  margin: 0 0 20px;
}

sup {
  font-size: 9px;
}

small {
  font-size: 10px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

address {
  display: block;
  margin: 0 0 20px;
  font-style: normal;
}

th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

td {
  vertical-align: top;
}

form {
  margin: 0;
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

label {
  display: block;
  margin: 0 0 7px;
  padding: 0;
}

input[type='text'],
input[type='password'],
input[type='email'],
textarea, textarea.form-control {
    width: 100%;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: #e5e5e5;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #4a5963;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type='submit'] {
    min-width: 130px;
    background: #ff8b00 url(/chimp/files/images/buttons/btn-submit.png) no-repeat 80% 17px;
    padding: 10px 40px 10px 10px;
    border: 0;
    border-right: 4px solid #e36b00;
    border-bottom: 4px solid #e36b00;
    border-radius: 0;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
  background-color: #e36b00;
  background-position: 80% -43px;
  border-color: #c15200;
}

input.saving {
  background: transparent url(/chimp/files/images/buttons/btn-saving.png) repeat-x 0 0;
  background-size: 100% 100%;
}

textarea {
  resize: none;
}

select {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px 10px 5px;
  border: 0;
  border-radius: 0;
  background: #e5e5e5 url(/chimp/files/images/backgrounds/bkg-select.png) no-repeat 100% 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #4a5963;
  -webkit-transition: background-color, border;
  transition: background-color, border;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}

select::-ms-expand {
  display: none;
}

@supports (-moz-appearance:meterbar) and (background-blend-mode:difference, normal) {
  select {
    background: #e5e5e5 none;
  }
}

.ie8 select,
.ie9 select {
  background: #e5e5e5 none;
}

::-webkit-input-placeholder {
  color: #676767;
}

::-moz-placeholder {
  color: #676767;
}

/* firefox 19+ */
:-ms-input-placeholder {
  color: #676767;
}

/* ie */
input:-moz-placeholder {
  color: #676767;
}

.error {
  border: 1px solid #f00 !important;
}

label.error {
  border: none !important;
  color: #f00 !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

.clear {
  display: block;
  clear: both;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: 0 -1px -1px 0;
  border: 0;
  font-size: 0;
  line-height: 0;
}

.hide {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.alignLeft {
  float: left;
  margin: 0 20px 10px 0;
}

.alignRight {
  float: right;
  margin: 0 0 10px 20px;
}

.alignCenter {
  text-align: center;
}

.siteHeader,
.content {
  overflow: hidden;
  width: 940px;
  margin: 0 auto;
}

.siteHeader {
  width: 980px;
  height: 85px;
  margin: 0 auto;
  padding: 15px 0 0;
}

.siteLogo {
  position: fixed;
  display: block;
  z-index: 2;
  top: 0;
  width: 240px;
  height: 55px;
  padding-top: 15px;
  background: #71808a;
  border-bottom: 4px solid #5d6d78;
  text-align: center;
}

.siteLogo:hover,
.siteLogo:focus,
.siteLogo:active {
  background: #5d6d78;
  border-bottom: 4px solid #44545e;
}

.breadCrumb {
    display: inline-block;
    margin: 7px 0 30px 7px;
    padding: 0;
    background: url(/chimp/files/images/backgrounds/bkg-breadcrumb.gif);
    font-size: 14px;
    cursor: pointer;
}

.breadCrumb ul {
  position: relative;
  top: -7px;
  left: -7px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

.breadCrumb li {
  float: left;
  margin: 0;
  padding: 0;
}

    .breadCrumb a,
    .breadCrumb a:hover,
    .breadCrumb a:focus,
    .breadCrumb a:active {
        display: block;
        padding: 5px 10px;
        background: var(--color-blue);
        color: #fff;
        text-decoration: none;
    }

    .breadCrumb em {
        display: block;
        padding: 5px 10px;
        background: #f68a1e;
        font-style: normal;
        color: #fff;
    }

    .breadCrumb li:only-child em {
        border-left: 10px solid var(--color-blue);
    }

    .breadCrumb:hover a,
    .breadCrumb:focus a,
    breadCrumb:active a {
        background: #002138;
        color: #fff;
    }

    .breadCrumb:hover em,
    .breadCrumb:focus em,
    breadCrumb:active em {
        background: #e77c12;
        color: #fff;
    }

.article {
  float: left;
  width: 590px;
  padding: 0 0 30px;
}

.article>div {
  overflow: hidden;
  margin: 30px 0 20px;
  padding: 30px 0 0;
  background: url(/chimp/files/images/backgrounds/bkg-featured.gif) repeat-x;
}

.article a,
.article a:hover,
.article a:focus,
.article a:active {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: #ff8b00;
  text-decoration: none;
}

.article a:hover,
.article a:focus,
.article a:active {
  text-decoration: underline;
}

.article img+p,
.article img+img {
  margin-top: 20px;
}

.article-test {
  float: left;
  width: 700px;
  padding: 0 0 30px;
}

.article-test>div {
  overflow: hidden;
  margin: 30px 0 20px;
  padding: 30px 0 0;
  background: url(/chimp/files/images/backgrounds/bkg-featured.gif) repeat-x;
}

.article-test a,
.article-test a:hover,
.article-test a:focus,
.article-test a:active {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: #ff8b00;
  text-decoration: none;
}

.article-test a:hover,
.article-test a:focus,
.article-test a:active {
  text-decoration: underline;
}

.article-test img+p,
.article-test img+img {
  margin-top: 20px;
}

.featured h2 {
  margin: 0 0 15px;
  font-size: 24px;
  line-height: 1.2;
  color: #36a1e3;
}

.featured .clients ul {
  margin-bottom: 0;
}

.featured .newsItem {
  margin: 0 0 10px;
  padding: 10px 0;
  background: none;
}

h2.featured {
  margin: 30px 0 20px;
  padding: 30px 0 0;
  background: url(/chimp/files/images/backgrounds/bkg-featured.gif) repeat-x;
  font-size: 24px;
  line-height: 1.2;
  color: #36a1e3;
}

.statement {
  font-size: 18px;
  color: #36a1e3;
}

.statement strong {
  color: #4a5963;
}

.contactList dl {
  float: left;
  width: 48%;
  margin-bottom: 10px;
  padding-right: 10px;
}

.contactList dt {
  margin-bottom: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

.contactList dd {
  margin-left: 0;
}

.dataCards dl {
  margin-bottom: 10px;
}

.dataCards dt {
  margin-bottom: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.dataCards dd {
  margin-left: 0;
}

.boxLister {
  margin: 0;
  padding: 0;
}

.boxLister li {
  display: inline-block;
  width: 280px;
  margin: 0 0 20px 40px;
  padding: 0;
  vertical-align: top;
}

.boxLister li:nth-child(3n+1) {
  margin-left: 0;
}

.boxLister h2 {
  margin-bottom: 0;
}

.boxLister a+h2 {
  margin-top: 7px;
}

.interiorLister li,
.interiorLister li:nth-child(3n+1) {
  margin-left: 20px;
}

.interiorLister li:nth-child(2n+1) {
  margin-left: 0;
}

.latestNews>div:nth-child(2) {
  padding-top: 10px;
  border-top: 0;
}

.newsItem {
  display: block;
  padding: 20px 0;
}

.newsItem p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #84919a;
}

.newsItem h2 {
  margin-bottom: 3px;
}

.newsItem h2 a {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  color: #4a5963;
}

.newsItem h2 a span {
  color: #ff8b00;
}

.newsItem h3 {
  margin-bottom: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
}

.documentLister {
  margin-left: 0;
  padding-left: 0;
}

.documentLister .newsItem {
  overflow: hidden;
  display: block;
  padding: 15px 20px;
}

.pdfLink:after,
.downloadLink:after {
  content: '';
  position: relative;
  top: 3px;
  left: 7px;
  display: inline-block;
  width: 55px;
  height: 18px;
  background: url(/chimp/files/images/backgrounds/bkg-pdf.png) no-repeat;
}

.firstDocument {
  padding-bottom: 30px;
  background: url(/chimp/files/images/backgrounds/bkg-featured.gif) repeat-x 0 100%;
}

.firstDocument+li {
  padding-top: 20px;
}

.download {
  overflow: hidden;
  display: block;
  padding: 15px 20px;
}

.download p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #84919a;
}

.download p+p {
  margin: 0 0 0 -50px;
}

.download h2 {
  margin-bottom: 3px;
}

.download h2 a {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  color: #4a5963;
}

.download h2 a span {
  color: #ff8b00;
}

.download h3 {
  margin-bottom: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
}

.downloadItem {
  margin-bottom: 10px;
  border: 2px solid #e5e5e5;
}

.downloadItem div {
  overflow: hidden;
  margin: 20px 0 5px;
  font-size: 16px;
}

.downloadItem label {
  margin-bottom: 12px;
}

.downloadItem [type="submit"] {
  float: right;
  position: relative;
  height: 39px;
  margin-top: -40px;
  padding-top: 7px;
  background-position: 52% 14px;
}

.downloadItem [type="submit"]:hover,
.downloadItem [type="submit"]:focus,
.downloadItem [type="submit"]:active {
  background-position: 52% -46px;
}

.downloadItem [type="text"] {
  padding-right: 135px;
}

.downloadItem em {
  display: inline-block;
  padding: 0 20px 0 30px;
  background: url(/chimp/files/images/backgrounds/bkg-download.png) no-repeat 0 0;
  font-style: normal;
}

.clientLister {
  margin: 0;
  padding: 0;
}

.clientLister li {
  float: left;
  display: block;
  list-style-type: none;
  width: 20%;
  height: 90px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.clientLister img {
  position: relative;
  top: 50%;
  margin-top: -25%;
}

.article>div.lists {
  margin-top: 0;
  padding-top: 0;
  background: none;
}

.article>div.lists h3 {
  font-size: 18px;
  margin-bottom: 3px;
}

.mailingListForm li .descriptionArea {
  width: 100%;
  max-width: 550px;
}

.mailingListForm h3 {
  font-size: 16px;
  font-weight: bold;
  color: #4a5963;
}

.mailingListForm input[type="submit"] {
  background-position: 63% 17px;
}

.mailingListForm input[type="submit"]:hover,
.mailingListForm input[type="submit"]:focus,
.mailingListForm input[type="submit"]:active {
  background-position: 63% -43px;
}

.geoTable th {
  padding: 10px 0;
  vertical-align: middle;
}

.geoTable td {
  padding: 7px 0 7px 40px;
  background: url(/chimp/files/images/backgrounds/bkg-geotable-rows.png) no-repeat 10px 10px;
  font-size: 13px;
  vertical-align: top;
}

.geoTable thead td {
  padding: 7px 0 25px 0;
  background: #fff none;
  font-size: 15px;
}

.geoTable tr td:nth-child(2) {
  width: 20px;
  padding: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.4);
}

.geoTable tbody tr:nth-child(odd) {
  background: #d2f0f9;
}

.geoTable .geoLink {
  padding: 20px 0;
  background: #fff none;
}

.geoTable .selected {
  background-image: url(/chimp/files/images/backgrounds/bkg-geotable-selected.png);
}

.sidebar {
  position: relative;
  float: right;
  width: 320px;
  padding: 0;
}

.sidebar>div {
  position: relative;
  margin: 0 0 20px;
  padding: 20px;
  background: #e5e5e5;
}

.sidebar input[type='text'],
.sidebar input[type='password'],
.sidebar textarea {
  background: #fff;
}

.sidebar select {
  background-color: #fff;
}

    .sidebar h2 {
        margin: 0 -20px 20px;
        padding: 0 20px 15px 20px;
        border-bottom: 2px dotted #fff;
        font-size: 24px;
        color: var(--color-blue);
        text-align: left;
    }

.sidebar h3 {
  line-height: 1.4;
}

.sidebar h3 a {
  color: #4a5963;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
}

.sidebar h3 a span {
  color: #ff8b00;
}

.sidebar>.quickQuiz {
  padding: 20px 20px 0;
}

.quickQuiz h2 {
  padding-left: 75px;
  background: url(/chimp/files/images/backgrounds/bkg-quiz-header.png) no-repeat 20px 0;
}

.quickQuiz strong {
  font-size: 18px;
}

.quickQuiz a {
  color: #4a5963;
  text-decoration: none;
}

.quickQuiz a:hover,
.quickQuiz a:focus,
.quickQuiz a:active {
  color: #4a5963;
  text-decoration: none;
}

.answer {
  overflow: hidden;
  height: 0;
  padding: 0 0 0 50px;
  background: url(/chimp/files/images/backgrounds/bkg-answer.png) no-repeat 0 0;
  border-top: 0;
}

.show {
  height: auto;
  padding: 20px 0 10px 50px;
  background-position: 0 20px;
  border-top: 2px dotted #9f9f9f;
  transition: height, padding, background-position 0.10s linear;
}

.answer p+p {
  margin: 0 0 15px -50px;
}

.sidebar>.contactAddress,
.sidebar>.widget {
  background: transparent;
}

.sidebar>.widget {
  padding: 0;
}

.contactAddress h2 {
  margin-bottom: 0;
}

.lister {
  margin-left: 0;
  padding-left: 0;
  font-size: 18px;
}

.lister a {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: #ff8b00;
  text-decoration: none;
}

.lister li {
  list-style-type: none;
  padding-bottom: 3px;
}

.sidebar .latestNews {
  padding-bottom: 50px;
}

.sidebar .newsItem {
  border-top: 2px dotted #9f9f9f;
}

.sidebar>.report {
  overflow: visible;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  background: #36a1e3;
  background: rgba(54, 161, 227, 1.00);
  color: #fff;
}

.report h2 {
  margin-bottom: 7px;
  border-bottom: 0;
  font-size: 18px;
  color: #fff;
}

.report .buttonWell {
  margin-top: -15px;
  padding-top: 0;
}

.report .infoForm {
  margin-bottom: 0;
}

.sidebar>.geoinsight {
  overflow: visible;
  width: 240px;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
  background: #46525a;
  background: rgba(50, 63, 72, 0.9);
  color: #aabbcc;
}

.geoinsight img {
  margin-left: -40px;
  margin-bottom: 10px;
}

.geoinsight h2 {
  border-bottom-width: 2px;
}

.geoinsight a,
.geoinsight a:hover,
.geoinsight a:focus,
.geoinsight a:active {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: #ff8b00;
  text-decoration: none;
}

.geoinsight a:hover,
.geoinsight a:focus,
.geoinsight a:active {
  text-decoration: underline;
}

.geoinsight .btnLink {
  float: none;
  position: static;
  width: 226px;
  margin-top: 30px;
  margin-bottom: -20px;
  margin-left: -20px;
  background-position: 68% 55%;
  font-weight: normal;
  font-family: 'Open Sans Bold';
  color: #fff;
  text-align: center;
}

.geoinsight .btnLink:hover,
.geoinsight .btnLink:focus,
.geoinsight .btnLink:active {
  font-weight: normal;
  font-family: 'Open Sans Bold';
  color: #fff;
  text-decoration: none;
}

.thought .newsItem {
  border-top: 0;
  padding-top: 0;
  margin-bottom: 20px;
}

.thought .btnLink {
  width: 75px;
  padding-right: 15px;
  background-position: 90% 17px;
}

.thought .btnLink:hover,
.thought .btnLink:focus,
.thought .btnLink:active {
  background-position: 90% -43px;
}

.footerWrapper {
  width: 100%;
  min-width: 980px;
  margin: 0;
  padding: 0;
  background: #e8f1f6;
  border-top: 30px solid #7dcdff;
}

.siteFooter {
  overflow: hidden;
  width: 940px;
  margin: 0 auto;
  padding: 30px 0 10px;
}

.siteFooter dl {
  margin: 0 0 20px;
  font-size: 16px;
}

.siteFooter dt {
  margin-bottom: 5px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: #666;
}

.siteFooter dd {
  margin: 0;
  padding: 0 0 6px;
  line-height: 1.1;
}

.siteFooter dd a,
.copyRight a {
  color: #999;
  text-decoration: none;
}

.footerColumns {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.footerColumns>div {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0 20px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.copyRight {
  margin: 0 auto;
  padding: 15px 0;
  font-size: 12px;
  color: #79a4c0;
  text-align: center;
}

.copyRight img {
  vertical-align: middle;
}

.copyRight em {
  font-style: normal;
}

.copyRight em:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 20px;
  margin: 0 20px;
  border-left: 1px solid #79a4c0;
  vertical-align: middle;
}

.infoForm,
.mailForm {
  overflow: hidden;
  margin: 0 0 10px;
  padding: 0;
}

.infoForm li {
  list-style-type: none;
  margin: 0;
  padding: 0 0 15px;
}

.mailForm li {
  list-style-type: none;
  display: inline-block;
  width: 180px;
  margin: 0;
  padding: 0 20px 15px 0;
}

.mailForm .two-thirds {
  width: 382px;
}

.mailForm .omega {
  padding-right: 0;
}

.buttonWell {
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.sidebar .buttonWell {
  text-align: right;
}

.btnLink {
  margin: 10px 0;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background-color: #f68a1e;
  border: none;
  border-radius: 4px;
}

.btnLink:hover,
.btnLink:focus,
.btnLink:active {
  color: #fff;
  background-color: #e36b00;
}

.article .btnLink {
  position: static;
  top: auto;
  left: auto;
  color: #fff;
}

.article .btnLink:hover,
.article .btnLink:focus,
.article .btnLink:active {
  color: #fff;
  text-decoration: none;
}

.btnLink_ndnm {
  margin: 10px 0;
  padding: 10px 22px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #f68a1e;
  border: none;
  border-radius: 4px;
}

.btnLink_ndnm:hover,
.btnLink_ndnm:focus,
.btnLink_ndnm:active {
  color: #fff;
  background-color: #e36b00;
}

/*.article .btnLink_ndnm {
  margin: 10px 0;
  padding: 10px 22px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #f68a1e;
  border: none;
  border-radius: 4px;
}

.article .btnLink_ndnm:hover,
.article .btnLink_ndnm:focus,
.article .btnLink_ndnm:active {
  color: #fff;
  background-color: #e36b00;
}*/

.socialMedia {
  list-style-type: none;
  padding: 0;
}

.socialMedia li {
  float: left;
  padding: 0 10px 10px 0;
}

.socialMedia a {
  overflow: hidden;
  display: block;
  width: 32px;
}

.socialMedia a:hover img {
  left: -32px;
}

.socialMedia img {
  position: relative;
}

#msgContainer {
  font-size: 32px !important;
  color: green !important;
  margin-left: 20px !important;
}

.mailinglistpricing_pricing,
.mailinglistpricing_demographicpricing {
  width: 100%;
  margin: 0 0 25px;
}

.mailinglistpricing_pricing tr:nth-child(even),
.mailinglistpricing_demographicpricing tr:nth-child(even) {
  background: #eaeaea;
}

.mailinglistpricing_pricing th,
.mailinglistpricing_demographicpricing th,
.mailinglistpricing_pricing td,
.mailinglistpricing_demographicpricing td {
  width: 50%;
  padding: 5px;
}

.mailinglistpricing_pricing td,
.mailinglistpricing_demographicpricing td {
  padding-right: 15px;
}

.mailinglistpricing_pricing th,
.mailinglistpricing_demographicpricing th {
  font-weight: bold;
  font-size: 16px;
  text-align: left;
}

.popup {
  background-color: #fff;
  border: none;
}

.popup a,
.popup a:visited {
  position: relative;
  top: 0px;
  width: 130px;
  line-height: 30px;
  text-align: right;
  padding: 0 10px;
  margin: 0;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
}

.popup a span {
  display: none;
}

.popup a:hover span {
  display: block;
  position: absolute;
  top: 0px;
  left: 20px;
  width: 350px;
  margin: 0px;
  padding: 10px;
  color: #000;
  font-weight: normal;
  background: #e8f1f6;
  text-align: left;
  text-decoration: none;
}