@import "normalize.css";
@import "main.css";
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@100;200;300;400;700;900&display=swap');
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
html {
  box-sizing: border-box;
  background-color: #000;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
.wrapper {
  width: 1600px;
  max-width: 92%;
  padding: 0 4%;
  margin: 0 auto;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
html,
body {
  margin: 0;
  padding: 0;
  background-color: #103556;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
ul,
p,
button,
a,
label {
  font-family: 'Source Sans Pro', sans-serif;
}
h1 {
  font-size: 28px;
  font-weight: 900;
}
h2 {
  font-size: 24px;
  font-weight: 900;
}
h3,
h4,
h5,
h6 {
  font-size: 20px;
  font-weight: 400;
}
html,
body,
li,
ol,
ul,
p,
a:link,
a:visited,
dl,
dd,
dt,
td,
table,
th,
tr {
  font-size: 16px;
}
input,
label,
button {
  font-size: 16px;
}
p.caption,
address {
  font-size: 15px;
}
a,
p,
div {
  transition-property: all;
  transition-delay: 0ms;
  transition-timing-function: ease-in-out;
  transition-duration: 200ms;
}
input.button,
button,
a.button {
  padding: 12px 20px;
  position: relative;
  margin: 6px 0;
  display: inline-block;
  text-decoration: none !important;
  clear: both;
  border: none;
  border-radius: 20px;
}
input.button.slim,
button.slim,
a.button.slim {
  padding: 8px 20px;
}
input.button.wide,
button.wide,
a.button.wide {
  width: 100%;
}
input.button:link,
button:link,
a.button:link,
input.button:visited,
button:visited,
a.button:visited {
  text-decoration: none;
}
input.button.red,
button.red,
a.button.red {
  color: #fff !important;
}
input.button.green,
button.green,
a.button.green {
  background-color: #167E00;
  color: #fff !important;
  overflow: hidden;
}
input.button.green:hover,
button.green:hover,
a.button.green:hover {
  background-color: #31c961;
}
input.button.blue,
button.blue,
a.button.blue {
  background-color: #174f73;
  color: #fff !important;
  overflow: hidden;
}
input.button.blue:hover,
button.blue:hover,
a.button.blue:hover {
  background-color: #0078B4;
}
input.button.blue:hover:before,
button.blue:hover:before,
a.button.blue:hover:before {
  background-color: #d4effe;
}
input.button.light-blue,
button.light-blue,
a.button.light-blue {
  background: #0078B4 url(../../img/icons/square-blue-dark.svg) no-repeat 100% 100%;
  background-size: 20px 20px;
  color: #fff !important;
  overflow: hidden;
}
input.button.light-blue:hover,
button.light-blue:hover,
a.button.light-blue:hover {
  background: #174f73 url(../../img/icons/square-blue-light.svg) no-repeat 100% 100%;
  background-size: 20px 20px;
}
input.button.inline,
button.inline,
a.button.inline {
  float: left;
}
input.button.icon-left,
button.icon-left,
a.button.icon-left {
  background-position: 2px 50% !important;
}
input.button.properties,
button.properties,
a.button.properties {
  background: #0078B4 url(../img/icons/properties-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.make-default,
button.make-default,
a.button.make-default {
  background: #0078B4 url(../img/icons/make-default-card-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.respond,
button.respond,
a.button.respond {
  background: #0078B4 url(../img/icons/respond-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.view-response,
button.view-response,
a.button.view-response,
input.button.preview,
button.preview,
a.button.preview,
input.button.view,
button.view,
a.button.view {
  background: #0078B4 url(../img/icons/view-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.public-profile,
button.public-profile,
a.button.public-profile {
  background: #0078B4 url(../img/icons/public-profile.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.fields,
button.fields,
a.button.fields {
  background: #0078B4 url(../img/icons/custom-field-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.addlists,
button.addlists,
a.button.addlists {
  background: #0078B4 url(../img/icons/add-lists-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.lists,
button.lists,
a.button.lists {
  background: #0078B4 url(../img/icons/lists-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.table,
button.table,
a.button.table {
  background: #0078B4 url(../img/icons/table-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.scoring,
button.scoring,
a.button.scoring {
  background: #0078B4 url(../img/icons/scoring-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.combined-scoring,
button.combined-scoring,
a.button.combined-scoring {
  background: #0078B4 url(../img/icons/combined-scoring-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.make-public,
button.make-public,
a.button.make-public {
  background: #174f73 url(../img/icons/public-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.make-private,
button.make-private,
a.button.make-private {
  background: #174f73 url(../img/icons/private-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.file,
button.file,
a.button.file {
  background: #0078B4 url(../img/icons/file-upload.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.form,
button.form,
a.button.form {
  background: #0078B4 url(../img/icons/forms-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.report,
button.report,
a.button.report {
  background: #0078B4 url(../img/icons/report-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.responses,
button.responses,
a.button.responses {
  background: #0078B4 url(../img/icons/responses-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.content,
button.content,
a.button.content {
  background: #105900 url(../img/icons/content-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.edit,
button.edit,
a.button.edit {
  background: #105900 url(../img/icons/edit-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.approve,
button.approve,
a.button.approve {
  background: #105900 url(../img/icons/approve-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.template,
button.template,
a.button.template {
  background: #105900 url(../img/icons/template-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.back,
button.back,
a.button.back {
  background: #105900 url(../img/icons/arrow-left-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.structure,
button.structure,
a.button.structure {
  background: #31c961 url(../img/icons/structure-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.status,
button.status,
a.button.status,
input.button.update-status,
button.update-status,
a.button.update-status {
  background: #31c961 url(../img/icons/status-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.add-to-existing-form,
button.add-to-existing-form,
a.button.add-to-existing-form {
  background: #31c961 url(../img/icons/add-to-existing.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.submit,
button.submit,
a.button.submit,
input.button.add,
button.add,
a.button.add,
input.button.add-to-account,
button.add-to-account,
a.button.add-to-account,
input.button.insert,
button.insert,
a.button.insert {
  background: #31c961 url(../img/icons/insert-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.duplicate,
button.duplicate,
a.button.duplicate {
  background: #167E00 url(../img/icons/duplicate-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.create-report,
button.create-report,
a.button.create-report {
  background: #167E00 url(../img/icons/report-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.set-value,
button.set-value,
a.button.set-value {
  background: #167E00 url(../img/icons/set-value-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.unapprove,
button.unapprove,
a.button.unapprove,
input.button.remove,
button.remove,
a.button.remove,
input.button.delete-response,
button.delete-response,
a.button.delete-response,
input.button.delete-request,
button.delete-request,
a.button.delete-request,
input.button.delete,
button.delete,
a.button.delete {
  background: #990000 url(../img/icons/delete-red.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
  color: #990000 !important;
}
input.button.users,
button.users,
a.button.users {
  background: #174f73 url(../img/icons/users-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.resend,
button.resend,
a.button.resend,
input.button.invites,
button.invites,
a.button.invites,
input.button.send-invite,
button.send-invite,
a.button.send-invite,
input.button.resend-invite,
button.resend-invite,
a.button.resend-invite,
input.button.send,
button.send,
a.button.send {
  background: #174f73 url(../img/icons/send-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.accept,
button.accept,
a.button.accept,
input.button.connect,
button.connect,
a.button.connect {
  background: #174f73 url(../img/icons/connect-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.import,
button.import,
a.button.import {
  background: #6225AB url(../img/icons/import-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.views,
button.views,
a.button.views {
  background: #6225AB url(../img/icons/glasses-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.export,
button.export,
a.button.export {
  background: #6225AB url(../img/icons/export-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.upload,
button.upload,
a.button.upload {
  background: #6225AB url(../img/icons/upload-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.download,
button.download,
a.button.download {
  background: #6225AB url(../img/icons/download-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.download-csv,
button.download-csv,
a.button.download-csv {
  background: #6225AB url(../img/icons/download-csv-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.download-excel,
button.download-excel,
a.button.download-excel {
  background: #6225AB url(../img/icons/download-xls-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.unarchive,
button.unarchive,
a.button.unarchive {
  background: #AAAA00 url(../img/icons/unarchive-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.archive,
button.archive,
a.button.archive {
  background: #5c5c5c url(../img/icons/archive-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.publish,
button.publish,
a.button.publish {
  background: #5c5c5c url(../img/icons/publish-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.save-as-form,
button.save-as-form,
a.button.save-as-form,
input.button.form,
button.form,
a.button.form {
  background: #0078B4 url(../img/icons/forms-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.save-as-survey,
button.save-as-survey,
a.button.save-as-survey,
input.button.survey,
button.survey,
a.button.survey {
  background: #0078B4 url(../img/icons/surveys-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.contacts,
button.contacts,
a.button.contacts {
  background: #0078B4 url(../img/icons/contacts-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.refresh,
button.refresh,
a.button.refresh {
  background: #0078B4 url(../img/icons/refresh-white.svg) no-repeat 4px 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 24px !important;
}
input.button.up,
button.up,
a.button.up,
input.button.moveup,
button.moveup,
a.button.moveup {
  background: #5c5c5c url(../img/icons/move-up.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.down,
button.down,
a.button.down,
input.button.movedown,
button.movedown,
a.button.movedown {
  background: #5c5c5c url(../img/icons/move-down.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.addabove,
button.addabove,
a.button.addabove {
  background: #5c5c5c url(../img/icons/add-above.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.addbelow,
button.addbelow,
a.button.addbelow {
  background: #5c5c5c url(../img/icons/add-below.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.review,
button.review,
a.button.review {
  background: #5c5c5c url(../img/icons/review-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.reorder,
button.reorder,
a.button.reorder {
  background: #5c5c5c url(../img/icons/draggable-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.save,
button.save,
a.button.save {
  background: #5c5c5c url(../img/icons/save-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.cancel,
button.cancel,
a.button.cancel {
  background: #5c5c5c url(../img/icons/cancel-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.remove-connection,
button.remove-connection,
a.button.remove-connection,
input.button.remove-listing-from-request,
button.remove-listing-from-request,
a.button.remove-listing-from-request {
  background: #5c5c5c url(../img/icons/remove-grey.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.mark-draft,
button.mark-draft,
a.button.mark-draft {
  background: #174f73 url(../img/icons/mark-draft.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.submit-entry,
button.submit-entry,
a.button.submit-entry {
  background: #174f73 url(../img/icons/submit-entry.svg) no-repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.properties,
button.white.properties,
a.button.white.properties {
  background-image: url(../img/icons/properties-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.make-default,
button.white.make-default,
a.button.white.make-default {
  background-image: url(../img/icons/make-default-card-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.view-response,
button.white.view-response,
a.button.white.view-response,
input.button.white.preview,
button.white.preview,
a.button.white.preview,
input.button.white.view,
button.white.view,
a.button.white.view {
  background-image: url(../img/icons/view-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.custom-lists,
button.white.custom-lists,
a.button.white.custom-lists,
input.button.white.addlists,
button.white.addlists,
a.button.white.addlists {
  background-image: url(../img/icons/add-lists-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.lists,
button.white.lists,
a.button.white.lists {
  background-image: url(../img/icons/lists-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.fields,
button.white.fields,
a.button.white.fields {
  background-image: url(../img/icons/custom-field-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.table,
button.white.table,
a.button.white.table {
  background-image: url(../img/icons/table.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.scoring,
button.white.scoring,
a.button.white.scoring,
input.button.white.scoring-templates,
button.white.scoring-templates,
a.button.white.scoring-templates {
  background-image: url(../img/icons/scoring.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.combined-scoring,
button.white.combined-scoring,
a.button.white.combined-scoring {
  background-image: url(../img/icons/combined-scoring-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.make-public,
button.white.make-public,
a.button.white.make-public {
  background-image: url(../img/icons/public-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.make-private,
button.white.make-private,
a.button.white.make-private {
  background-image: url(../img/icons/private-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.file,
button.white.file,
a.button.white.file {
  background-image: url(../img/icons/file-upload-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.save-as-form,
button.white.save-as-form,
a.button.white.save-as-form,
input.button.white.form,
button.white.form,
a.button.white.form {
  background-image: url(../img/icons/forms-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.save-as-survey,
button.white.save-as-survey,
a.button.white.save-as-survey,
input.button.white.survey,
button.white.survey,
a.button.white.survey {
  background-image: url(../img/icons/surveys-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.contacts,
button.white.contacts,
a.button.white.contacts {
  background-image: url(../img/icons/contacts-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.report,
button.white.report,
a.button.white.report {
  background-image: url(../img/icons/report-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.responses,
button.white.responses,
a.button.white.responses {
  background-image: url(../img/icons/responses-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.content,
button.white.content,
a.button.white.content {
  background-image: url(../img/icons/content-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.edit,
button.white.edit,
a.button.white.edit {
  background-image: url(../img/icons/edit-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.approve,
button.white.approve,
a.button.white.approve {
  background-image: url(../img/icons/approve-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.template,
button.white.template,
a.button.white.template {
  background-image: url(../img/icons/template-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.back,
button.white.back,
a.button.white.back {
  background-image: url(../img/icons/arrow-left-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.structure,
button.white.structure,
a.button.white.structure {
  background-image: url(../img/icons/structure-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.status,
button.white.status,
a.button.white.status,
input.button.white.update-status,
button.white.update-status,
a.button.white.update-status {
  background-image: url(../img/icons/status-white.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.submit,
button.white.submit,
a.button.white.submit,
input.button.white.add,
button.white.add,
a.button.white.add,
input.button.white.add-to-account,
button.white.add-to-account,
a.button.white.add-to-account,
input.button.white.insert,
button.white.insert,
a.button.white.insert {
  background-image: url(../img/icons/insert-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.duplicate,
button.white.duplicate,
a.button.white.duplicate {
  background-image: url(../img/icons/duplicate-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.set-value,
button.white.set-value,
a.button.white.set-value {
  background-image: url(../img/icons/set-value-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.pdf,
button.white.pdf,
a.button.white.pdf {
  background-image: url(../img/icons/pdf-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.docx,
button.white.docx,
a.button.white.docx {
  background-image: url(../img/icons/docx-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.refresh,
button.white.refresh,
a.button.white.refresh {
  background-image: url(../img/icons/refresh-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.unapprove,
button.white.unapprove,
a.button.white.unapprove,
input.button.white.remove,
button.white.remove,
a.button.white.remove,
input.button.white.delete,
button.white.delete,
a.button.white.delete {
  background-image: url(../img/icons/delete-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.users,
button.white.users,
a.button.white.users {
  background-image: url(../img/icons/users-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.publish,
button.white.publish,
a.button.white.publish {
  background-image: url(../img/icons/publish-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.resend,
button.white.resend,
a.button.white.resend,
input.button.white.send,
button.white.send,
a.button.white.send {
  background-image: url(../img/icons/send-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.resend,
button.white.resend,
a.button.white.resend,
input.button.white.invites,
button.white.invites,
a.button.white.invites,
input.button.white.send-invite,
button.white.send-invite,
a.button.white.send-invite,
input.button.white.resend-invite,
button.white.resend-invite,
a.button.white.resend-invite,
input.button.white.send,
button.white.send,
a.button.white.send {
  background-image: url(../img/icons/send-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.accept,
button.white.accept,
a.button.white.accept,
input.button.white.connect,
button.white.connect,
a.button.white.connect {
  background-image: url(../img/icons/connect-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.import,
button.white.import,
a.button.white.import {
  background-image: url(../img/icons/import-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.views,
button.white.views,
a.button.white.views {
  background-image: url(../img/icons/glasses-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.export,
button.white.export,
a.button.white.export {
  background-image: url(../img/icons/export-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.upload,
button.white.upload,
a.button.white.upload {
  background-image: url(../img/icons/upload-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.download,
button.white.download,
a.button.white.download {
  background-image: url(../img/icons/download-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.download-csv,
button.white.download-csv,
a.button.white.download-csv {
  background-image: url(../img/icons/download-csv-white.svg !important; background-repeat:) no;
  background-position: -repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.download-excel,
button.white.download-excel,
a.button.white.download-excel {
  background-image: url(../img/icons/download-xls-white.svg !important; background-repeat:) no;
  background-position: -repeat 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.unarchive,
button.white.unarchive,
a.button.white.unarchive {
  background-image: url(../img/icons/unarchive-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.archive,
button.white.archive,
a.button.white.archive {
  background-image: url(../img/icons/archive-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.review,
button.white.review,
a.button.white.review {
  background-image: url(../img/icons/review-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.reorder,
button.white.reorder,
a.button.white.reorder {
  background-image: url(../img/icons/draggable-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.save,
button.white.save,
a.button.white.save {
  background-image: url(../img/icons/save-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.cancel,
button.white.cancel,
a.button.white.cancel {
  background-image: url(../img/icons/cancel-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.delete-request,
button.white.delete-request,
a.button.white.delete-request,
input.button.white.delete-response,
button.white.delete-response,
a.button.white.delete-response {
  background-image: url(../img/icons/delete-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.white.remove-connection,
button.white.remove-connection,
a.button.white.remove-connection,
input.button.white.remove-listing-from-request,
button.white.remove-listing-from-request,
a.button.white.remove-listing-from-request {
  background-image: url(../img/icons/remove-white.svg) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 16px 16px !important;
  padding: 4px 8px 4px 8px !important;
}
input.button.icon-only,
button.icon-only,
a.button.icon-only {
  padding: 4px 14px !important;
  min-width: 30px;
  background-position: 50% 50% !important;
  text-indent: -999em !important;
  overflow: hidden;
  margin: 2px;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
ol {
  margin: 0;
  padding: 0;
}
ol li {
  margin: 0 0 0 0;
  padding: 0;
  list-style-position: inside;
}
ul.view-options {
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
  *zoom: 1;
}
ul.view-options:before,
ul.view-options:after {
  content: " ";
  display: table;
}
ul.view-options:after {
  clear: both;
}
ul.view-options:before,
ul.view-options:after {
  content: " ";
  display: table;
}
ul.view-options:after {
  clear: both;
}
ul.view-options li {
  margin: 0;
  padding: 0 16px 0 0;
  float: left;
}
ul.view-options li:last-child {
  padding: 0;
}
ul.view-options li.list a:link,
ul.view-options li.list a:visited {
  background: transparent url(../img/icons/list-view.svg) no-repeat 50% 50%;
  background-size: 25px 25px;
}
ul.view-options li.list.active {
  background-color: #0078B4;
}
ul.view-options li.list.active a:link,
ul.view-options li.list.active a:visited {
  background: transparent url(../img/icons/list-view-white.svg) no-repeat 50% 50%;
  background-size: 25px 25px;
}
ul.view-options li.grid a:link,
ul.view-options li.grid a:visited {
  background: transparent url(../img/icons/grid-view.svg) no-repeat 50% 50%;
  background-size: 25px 25px;
}
ul.view-options li.grid.active {
  background-color: #0078B4;
}
ul.view-options li.grid.active a:link,
ul.view-options li.grid.active a:visited {
  background: transparent url(../img/icons/grid-view-white.svg) no-repeat 50% 50%;
  background-size: 25px 25px;
}
ul.view-options li.list,
ul.view-options li.grid {
  background-color: #fff;
  padding: 6px;
  border-radius: 10px;
  margin-right: 10px;
}
ul.view-options li a:link,
ul.view-options li a:visited {
  transition: none;
  text-indent: -999em;
  overflow: hidden;
  display: block;
  width: 25px;
  height: 25px;
}
div.faqs h3 {
  color: #0078B4;
}
div.faqs ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.faqs ul li {
  margin: 0;
  padding: 0;
}
div.faqs ul li a:link.toggle,
div.faqs ul li a:visited.toggle {
  float: left;
  min-width: 20px;
  max-width: 5%;
  padding-left: 10px;
  padding-right: 10px;
  text-indent: -9999em;
  overflow: hidden;
}
div.faqs ul li a:link.toggle.open,
div.faqs ul li a:visited.toggle.open {
  background: transparent url(../img/icons/arrow-up.svg) no-repeat 50% 50%;
  background-size: 18px 11px;
}
div.faqs ul li a:link.toggle.closed,
div.faqs ul li a:visited.toggle.closed {
  background: transparent url(../img/icons/arrow-down.svg) no-repeat 50% 50%;
  background-size: 18px 11px;
  margin-bottom: 10px;
}
div.faqs ul li h4 {
  color: #31c961;
}
ul.alphabet-filters {
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1;
}
ul.alphabet-filters:before,
ul.alphabet-filters:after {
  content: " ";
  display: table;
}
ul.alphabet-filters:after {
  clear: both;
}
ul.alphabet-filters:before,
ul.alphabet-filters:after {
  content: " ";
  display: table;
}
ul.alphabet-filters:after {
  clear: both;
}
ul.alphabet-filters li {
  margin: 0 5px 0 0;
  padding: 2px 4px;
  float: left;
}
ul.alphabet-filters li:first-child {
  padding: 4px 0 2px 0;
  margin: 0 2px 0 0;
  font-size: 15px;
}
ul.alphabet-filters li.active {
  font-weight: 700;
  color: #fff;
  background-color: #31c961;
}
ul.alphabet-filters li a:link,
ul.alphabet-filters li a:visited {
  text-decoration: none;
}
ul.alphabet-filters li a:hover,
ul.alphabet-filters li a:active {
  text-decoration: underline;
}
ul.index {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none;
}
ul.index li {
  border: 1px solid #31c961;
  border-radius: 10px;
  margin: 50px 2% 0 0 !important;
  padding: 20px !important;
  width: calc(96% / 3);
  float: left;
  transition: all 500ms ease-in-out;
}
ul.index li:nth-child(3n) {
  margin: 50px 0 0 0 !important;
}
ul.index li:nth-child(3n+1) {
  clear: both;
}
ul.index li img {
  max-width: 100%;
  width: 100px;
  max-height: 100px;
  display: block;
  margin: 10px auto 10px auto;
}
ul.index li span {
  font-size: 14px;
  display: block;
}
ul.index li a:link,
ul.index li a:visited {
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
ul.index li:hover {
  border: 1px solid #0078B4;
  background-color: #fafafa;
  transform: scale(1.1);
}
@media (max-width: 800px) {
  ul.index li {
    width: calc(96% / 2);
  }
  ul.index li:nth-child(3n),
  ul.index li:nth-child(3n+1) {
    clear: none;
    margin: 50px 0 0 0;
  }
  ul.index li:nth-child(odd) {
    clear: both;
    margin: 50px 2% 0 0 !important;
  }
  ul.index li:nth-child(even) {
    margin: 50px 0 0 0;
  }
}
ul.index.whitepapers img {
  max-width: 100%;
  width: 200px;
  max-height: 200px;
}
p.avatar {
  padding: 0;
  margin-right: 10px;
  width: 38px;
  height: 38px;
  text-transform: uppercase;
  background-color: #174f73;
  border-radius: 19px;
  color: #fff !important;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 1.8;
  float: left;
}
p.avatar a:link,
p.avatar a:visited {
  color: #fff;
}
p.avatar.admin {
  font-size: 8px;
  padding-top: 10px !important;
}
p.avatar img {
  max-width: 40px;
  max-height: 40px;
  border-radius: 20px;
  border: 1px solid #0078B4;
  padding: 1px;
  background-color: white;
  transition: all 500ms ease-in-out;
}
p.avatar img:hover {
  border: 1px solid #174f73;
  padding: 2px;
}
form fieldset {
  max-width: 900px;
}
form fieldset > div {
  margin-bottom: 30px;
}
form fieldset > div > label {
  clear: both;
  display: block;
  color: #000;
}
form fieldset > div > label.required {
  color: #000;
}
form fieldset > div label {
  color: #5c5c5c;
  font-size: 16px;
  font-weight: 400;
}
form fieldset > div input[type=text],
form fieldset > div input[type=password],
form fieldset > div textarea {
  border-bottom: 1px solid #aeaeae;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 12px 0;
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
}
form fieldset > div textarea {
  border: 1px solid #aeaeae !important;
}
form fieldset > div .checkboxList .NSWAT_UI_Checkbox {
  margin: 0 0 8px 0;
}
form fieldset > div .checkboxList .NSWAT_UI_Checkbox label {
  padding: 0 0 0 4px;
}
form fieldset > div select {
  border-bottom: 1px solid #aeaeae;
  border-left: none;
  border-right: none;
  border-top: none;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
  border-radius: 4px;
  background: #fff url(../img/icons/arrow-down-grey.svg) no-repeat 98% 50%;
  background-size: 16px;
  padding: 12px 0;
}
form fieldset > div input[type=text],
form fieldset > div input[type=password],
form fieldset > div select {
  height: 50px;
}
input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label {
  background: transparent url(../img/icons/unchecked.svg) no-repeat 0 5px;
  background-size: 16px;
  display: inline-block;
  width: 100%;
  padding: 0 0 0 20px !important;
  cursor: pointer;
}
input[type=checkbox]:checked + label {
  background: transparent url(../img/icons/checked.svg) no-repeat 0 5px;
  background-size: 16px;
}
input[type=text] {
  border-radius: 0;
}
span.helpText {
  font-style: italic;
  color: #aeaeae;
}
span.errorText {
  color: #cc241D !important;
  font-weight: 700 !important;
}
section.content section.profile form fieldset legend {
  font-weight: 900;
  border-bottom: 1px solid #aeaeae;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  width: 100%;
}
section.content section.profile form fieldset div {
  padding: 5px 0;
}
section.content section.profile form fieldset div label {
  display: block;
}
section.content section.profile form fieldset div label.required {
  font-weight: 700;
}
section.content section.profile form fieldset div input[type=text],
section.content section.profile form fieldset div input[type=password],
section.content section.profile form fieldset div textarea {
  border: 1px solid #aeaeae;
  width: 100%;
  padding: 10px;
}
section.content section.profile form fieldset div textarea {
  min-height: 100px;
}
section.content section.profile form fieldset p {
  margin: 0;
  padding: 0;
}
section.content section.profile form fieldset p input {
  margin: 0;
}
.NSWAT_UI_Tags div.NSWAT_UI_TAG {
  display: inline-block;
  margin: 0;
  width: 100%;
}
.NSWAT_UI_Tags div.NSWAT_UI_TAG .NSWAT_TAG_LIST {
  margin: 0;
  display: inline-block;
  width: 100%;
}
.NSWAT_UI_Tags div.NSWAT_UI_TAG .NSWAT_TAG_LIST .NSWAT_TAG {
  margin: 5px;
  padding: 4px;
  border-radius: 3px;
  background-color: #53B267;
  color: #fff;
  float: left;
}
.NSWAT_UI_Tags div.NSWAT_UI_TAG .NSWAT_TAG_LIST .NSWAT_TAG a:link,
.NSWAT_UI_Tags div.NSWAT_UI_TAG .NSWAT_TAG_LIST .NSWAT_TAG a:visited {
  color: #fff;
}
.NSWAT_UI_Tags div.NSWAT_UI_TAG input {
  display: block;
  min-width: 100% !important;
  border-bottom: 1px solid #cecece;
  width: 100% !important;
}
.NSWAT_UI_Tags div.NSWAT_UI_TAG input:focus {
  outline: none;
}
ul.social-environmental-attributes {
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
}
ul.social-environmental-attributes.tiles li {
  padding: 0;
}
ul.social-environmental-attributes.tiles li a:link,
ul.social-environmental-attributes.tiles li a:visited {
  width: 80px;
  height: 80px;
  text-indent: -999em;
  overflow: hidden;
}
ul.social-environmental-attributes.tiles li a:link.diversity,
ul.social-environmental-attributes.tiles li a:visited.diversity {
  background: transparent url(../img/icons/social-environmental/diversity.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.eco-system-environmental-conservation,
ul.social-environmental-attributes.tiles li a:visited.eco-system-environmental-conservation {
  background: transparent url(../img/icons/social-environmental/eco-system-environmental-conservation.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.environmentally-responsible-agricultural-practices,
ul.social-environmental-attributes.tiles li a:visited.environmentally-responsible-agricultural-practices {
  background: transparent url(../img/icons/social-environmental/environmentally-responsible-agricultural-practices.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.fair-trade-fair-treatment,
ul.social-environmental-attributes.tiles li a:visited.fair-trade-fair-treatment {
  background: transparent url(../img/icons/social-environmental/fair-trade-fair-treatment.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.food-security,
ul.social-environmental-attributes.tiles li a:visited.food-security {
  background: transparent url(../img/icons/social-environmental/food-security.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.gender-equality,
ul.social-environmental-attributes.tiles li a:visited.gender-equality {
  background: transparent url(../img/icons/social-environmental/gender-equality.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.ghg-reduction-climate-change-mitigation,
ul.social-environmental-attributes.tiles li a:visited.ghg-reduction-climate-change-mitigation {
  background: transparent url(../img/icons/social-environmental/ghg-reduction-climate-change-mitigation.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.habitat-restoration-species-preservation,
ul.social-environmental-attributes.tiles li a:visited.habitat-restoration-species-preservation {
  background: transparent url(../img/icons/social-environmental/habitat-restoration-species-preservation.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.health-wellness,
ul.social-environmental-attributes.tiles li a:visited.health-wellness {
  background: transparent url(../img/icons/social-environmental/health-wellness.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.humane-animal-treatment,
ul.social-environmental-attributes.tiles li a:visited.humane-animal-treatment {
  background: transparent url(../img/icons/social-environmental/humane-animal-treatment.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.improving-the-community,
ul.social-environmental-attributes.tiles li a:visited.improving-the-community {
  background: transparent url(../img/icons/social-environmental/improving-community.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.improving-the-human-condition,
ul.social-environmental-attributes.tiles li a:visited.improving-the-human-condition {
  background: transparent url(../img/icons/social-environmental/improving-human-condition.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.indigenousaboriginal,
ul.social-environmental-attributes.tiles li a:visited.indigenousaboriginal {
  background: transparent url(../img/icons/social-environmental/indigenous-aboriginal.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.living-wage,
ul.social-environmental-attributes.tiles li a:visited.living-wage {
  background: transparent url(../img/icons/social-environmental/living-wage.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.locally-owned,
ul.social-environmental-attributes.tiles li a:visited.locally-owned {
  background: transparent url(../img/icons/social-environmental/locally-owned.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.locally-sourced,
ul.social-environmental-attributes.tiles li a:visited.locally-sourced {
  background: transparent url(../img/icons/social-environmental/locally-sourced.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.low-energy-and-resource-consumption,
ul.social-environmental-attributes.tiles li a:visited.low-energy-and-resource-consumption {
  background: transparent url(../img/icons/social-environmental/low-energy-resource-consumption.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.minimal-product-packaginghigh-recyclable-content,
ul.social-environmental-attributes.tiles li a:visited.minimal-product-packaginghigh-recyclable-content {
  background: transparent url(../img/icons/social-environmental/minimal-product-packaging-high-recyclable-content.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.occupational-safety-health,
ul.social-environmental-attributes.tiles li a:visited.occupational-safety-health {
  background: transparent url(../img/icons/social-environmental/occupational-safety-health.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.pollution-prevention,
ul.social-environmental-attributes.tiles li a:visited.pollution-prevention {
  background: transparent url(../img/icons/social-environmental/pollution-prevention.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.recycle-reuse-repair-remanufacture,
ul.social-environmental-attributes.tiles li a:visited.recycle-reuse-repair-remanufacture {
  background: transparent url(../img/icons/social-environmental/recycle-reuse-repair-remanufacture.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.reduced-toxicity,
ul.social-environmental-attributes.tiles li a:visited.reduced-toxicity {
  background: transparent url(../img/icons/social-environmental/reduced-toxicity.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.renewable-energyclean-energy,
ul.social-environmental-attributes.tiles li a:visited.renewable-energyclean-energy {
  background: transparent url(../img/icons/social-environmental/renewable-energy-clean-energy.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes.tiles li a:link.water-quality-conservation,
ul.social-environmental-attributes.tiles li a:visited.water-quality-conservation {
  background: transparent url(../img/icons/social-environmental/water-quality-conservation.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
}
ul.social-environmental-attributes li {
  padding: 10px;
}
ul.social-environmental-attributes li h4,
ul.social-environmental-attributes li a:link,
ul.social-environmental-attributes li a:visited {
  text-decoration: none;
  display: block;
  color: #5c5c5c;
}
ul.social-environmental-attributes li h4.diversity,
ul.social-environmental-attributes li a:link.diversity,
ul.social-environmental-attributes li a:visited.diversity {
  background: transparent url(../img/icons/social-environmental/diversity-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.eco-system-environmental-conservation,
ul.social-environmental-attributes li a:link.eco-system-environmental-conservation,
ul.social-environmental-attributes li a:visited.eco-system-environmental-conservation {
  background: transparent url(../img/icons/social-environmental/eco-system-environmental-conservation-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.environmentally-responsible-agricultural-practices,
ul.social-environmental-attributes li a:link.environmentally-responsible-agricultural-practices,
ul.social-environmental-attributes li a:visited.environmentally-responsible-agricultural-practices {
  background: transparent url(../img/icons/social-environmental/environmentally-responsible-agricultural-practices-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.fair-trade-fair-treatment,
ul.social-environmental-attributes li a:link.fair-trade-fair-treatment,
ul.social-environmental-attributes li a:visited.fair-trade-fair-treatment {
  background: transparent url(../img/icons/social-environmental/fair-trade-fair-treatment-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.food-security,
ul.social-environmental-attributes li a:link.food-security,
ul.social-environmental-attributes li a:visited.food-security {
  background: transparent url(../img/icons/social-environmental/food-security-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.gender-equality,
ul.social-environmental-attributes li a:link.gender-equality,
ul.social-environmental-attributes li a:visited.gender-equality {
  background: transparent url(../img/icons/social-environmental/gender-equality-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.ghg-reduction-climate-change-mitigation,
ul.social-environmental-attributes li a:link.ghg-reduction-climate-change-mitigation,
ul.social-environmental-attributes li a:visited.ghg-reduction-climate-change-mitigation {
  background: transparent url(../img/icons/social-environmental/ghg-reduction-climate-change-mitigation-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.habitat-restoration-species-preservation,
ul.social-environmental-attributes li a:link.habitat-restoration-species-preservation,
ul.social-environmental-attributes li a:visited.habitat-restoration-species-preservation {
  background: transparent url(../img/icons/social-environmental/habitat-restoration-species-preservation-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.health-wellness,
ul.social-environmental-attributes li a:link.health-wellness,
ul.social-environmental-attributes li a:visited.health-wellness {
  background: transparent url(../img/icons/social-environmental/health-wellness-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.humane-animal-treatment,
ul.social-environmental-attributes li a:link.humane-animal-treatment,
ul.social-environmental-attributes li a:visited.humane-animal-treatment {
  background: transparent url(../img/icons/social-environmental/humane-animal-treatment-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.improving-the-community,
ul.social-environmental-attributes li a:link.improving-the-community,
ul.social-environmental-attributes li a:visited.improving-the-community {
  background: transparent url(../img/icons/social-environmental/improving-community-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.improving-the-human-condition,
ul.social-environmental-attributes li a:link.improving-the-human-condition,
ul.social-environmental-attributes li a:visited.improving-the-human-condition {
  background: transparent url(../img/icons/social-environmental/improving-human-condition-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.indigenousaboriginal,
ul.social-environmental-attributes li a:link.indigenousaboriginal,
ul.social-environmental-attributes li a:visited.indigenousaboriginal {
  background: transparent url(../img/icons/social-environmental/indigenous-aboriginal-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.living-wage,
ul.social-environmental-attributes li a:link.living-wage,
ul.social-environmental-attributes li a:visited.living-wage {
  background: transparent url(../img/icons/social-environmental/living-wage-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.locally-owned,
ul.social-environmental-attributes li a:link.locally-owned,
ul.social-environmental-attributes li a:visited.locally-owned {
  background: transparent url(../img/icons/social-environmental/locally-owned-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.locally-sourced,
ul.social-environmental-attributes li a:link.locally-sourced,
ul.social-environmental-attributes li a:visited.locally-sourced {
  background: transparent url(../img/icons/social-environmental/locally-sourced-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.low-energy-and-resource-consumption,
ul.social-environmental-attributes li a:link.low-energy-and-resource-consumption,
ul.social-environmental-attributes li a:visited.low-energy-and-resource-consumption {
  background: transparent url(../img/icons/social-environmental/low-energy-resource-consumption-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.minimal-product-packaginghigh-recyclable-content,
ul.social-environmental-attributes li a:link.minimal-product-packaginghigh-recyclable-content,
ul.social-environmental-attributes li a:visited.minimal-product-packaginghigh-recyclable-content {
  background: transparent url(../img/icons/social-environmental/minimal-product-packaging-high-recyclable-content-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.occupational-safety-health,
ul.social-environmental-attributes li a:link.occupational-safety-health,
ul.social-environmental-attributes li a:visited.occupational-safety-health,
ul.social-environmental-attributes li h4.occupational-health-safety,
ul.social-environmental-attributes li a:link.occupational-health-safety,
ul.social-environmental-attributes li a:visited.occupational-health-safety {
  background: transparent url(../img/icons/social-environmental/occupational-safety-health-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.pollution-prevention,
ul.social-environmental-attributes li a:link.pollution-prevention,
ul.social-environmental-attributes li a:visited.pollution-prevention {
  background: transparent url(../img/icons/social-environmental/pollution-prevention-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.recycle-reuse-repair-remanufacture,
ul.social-environmental-attributes li a:link.recycle-reuse-repair-remanufacture,
ul.social-environmental-attributes li a:visited.recycle-reuse-repair-remanufacture {
  background: transparent url(../img/icons/social-environmental/recycle-reuse-repair-remanufacture-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.reduced-toxicity,
ul.social-environmental-attributes li a:link.reduced-toxicity,
ul.social-environmental-attributes li a:visited.reduced-toxicity {
  background: transparent url(../img/icons/social-environmental/reduced-toxicity-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.renewable-energyclean-energy,
ul.social-environmental-attributes li a:link.renewable-energyclean-energy,
ul.social-environmental-attributes li a:visited.renewable-energyclean-energy {
  background: transparent url(../img/icons/social-environmental/renewable-energy-clean-energy-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
ul.social-environmental-attributes li h4.water-quality-conservation,
ul.social-environmental-attributes li a:link.water-quality-conservation,
ul.social-environmental-attributes li a:visited.water-quality-conservation {
  background: transparent url(../img/icons/social-environmental/water-quality-conservation-filled.svg) 0% 50% no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 24px;
}
/*

Intengine Enterprises Inc. 
Author: Jarrod Goddard <jgoddard@intengine.com>

General Site Structure

HTML
  BODY(.home|.directory|.articles)
    HEADER
    BANNER(.home|.directory)
    CONTENT
    FOOTER

*/
section.banner {
  *zoom: 1;
  position: relative;
  z-index: 0;
}
section.banner:before,
section.banner:after {
  content: " ";
  display: table;
}
section.banner:after {
  clear: both;
}
section.banner:before,
section.banner:after {
  content: " ";
  display: table;
}
section.banner:after {
  clear: both;
}
section.banner h1,
section.banner h2,
section.banner p,
section.banner label {
  color: #fff;
}
section.banner h1 img {
  width: 80px;
  height: 80px;
  padding-right: 20px;
}
section.banner a:link,
section.banner a:visited {
  color: #fff;
}
section.banner .shade {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.5);
}
section.banner .wrapper {
  *zoom: 1;
  position: relative;
  z-index: 102;
  margin: 0 auto;
}
section.banner .wrapper:before,
section.banner .wrapper:after {
  content: " ";
  display: table;
}
section.banner .wrapper:after {
  clear: both;
}
section.banner .wrapper:before,
section.banner .wrapper:after {
  content: " ";
  display: table;
}
section.banner .wrapper:after {
  clear: both;
}
@media (max-width: 400px) {
  section.banner .wrapper {
    margin: 70px auto 30px auto;
  }
}
section.banner.home {
  min-height: 800px;
}
section.banner.home.banner3 {
  background: #000 url(../img/2024-home-banner3.jpg) no-repeat 100% 0;
}
section.banner.home.banner6 {
  background: #000 url(../img/2024-home-banner6.jpg) no-repeat 100% 0;
}
section.banner.home.banner10 {
  background: #000 url(../img/2024-home-banner10.jpg) no-repeat 100% 0;
}
section.banner.home.banner13 {
  background: #000 url(../img/2024-home-banner13.jpg) no-repeat 100% 0;
}
section.banner.home.banner24 {
  background: #000 url(../img/2024-home-banner24.jpg) no-repeat 100% 0;
}
section.banner.home .wrapper {
  margin: 100px auto 30px auto;
}
section.banner.home .search-form {
  margin: 120px 0;
  max-width: 650px;
}
section.banner.home .search-form h1 {
  margin: 0;
  padding: 0;
  font-size: 35px;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
}
section.banner.home .search-form h1 strong {
  color: #31c961;
  font-weight: 700;
}
section.banner.home .search-form p {
  max-width: 95%;
}
section.banner.home .search-form a:link,
section.banner.home .search-form a:visited {
  color: #31c961;
}
@media (max-width: 950px) {
  section.banner.home .search-form {
    background-color: rgba(30, 30, 30, 0.8);
    padding: 30px;
    border-radius: 30px;
    margin: 30px 0;
    max-width: 100%;
  }
}
@media (max-width: 500px) {
  section.banner.home .search-form h1 {
    font-size: 26px;
  }
  section.banner.home .search-form form.directory-search fieldset {
    border-radius: 30px;
  }
  section.banner.home .search-form form.directory-search fieldset div.field {
    clear: both;
    float: none;
  }
  section.banner.home .search-form form.directory-search fieldset div.field.keywords {
    width: 100%;
    border-bottom: 1px solid #aeaeae;
  }
  section.banner.home .search-form form.directory-search fieldset div.field.location {
    float: left;
    width: calc(100% - 56px);
  }
}
section.banner.home .panels {
  *zoom: 1;
  display: flex;
}
section.banner.home .panels:before,
section.banner.home .panels:after {
  content: " ";
  display: table;
}
section.banner.home .panels:after {
  clear: both;
}
section.banner.home .panels:before,
section.banner.home .panels:after {
  content: " ";
  display: table;
}
section.banner.home .panels:after {
  clear: both;
}
section.banner.home .panels .evaluater,
section.banner.home .panels .profile {
  border-radius: 30px;
  float: left;
  padding: 20px;
}
section.banner.home .panels .evaluater img.evaluater-logo,
section.banner.home .panels .profile img.evaluater-logo {
  float: left;
  max-height: 40px;
  margin-right: 14px;
}
section.banner.home .panels .evaluater p.eValuater-button,
section.banner.home .panels .profile p.eValuater-button {
  float: left;
  margin: 0 0 10px 0;
}
section.banner.home .panels .evaluater p.eValuater-button a:link,
section.banner.home .panels .profile p.eValuater-button a:link,
section.banner.home .panels .evaluater p.eValuater-button a:visited,
section.banner.home .panels .profile p.eValuater-button a:visited {
  margin: 0;
  padding: 12px 16px;
}
section.banner.home .panels .evaluater h2,
section.banner.home .panels .profile h2 {
  font-weight: 700;
}
section.banner.home .panels .evaluater a:link,
section.banner.home .panels .profile a:link,
section.banner.home .panels .evaluater a:visited,
section.banner.home .panels .profile a:visited {
  color: #fff;
}
section.banner.home .panels .evaluater a:hover,
section.banner.home .panels .profile a:hover,
section.banner.home .panels .evaluater a:active,
section.banner.home .panels .profile a:active {
  color: #aaa;
}
section.banner.home .panels .evaluater {
  background-color: rgba(23, 79, 115, 0.8);
  width: 66%;
  margin: 0 4% 0 0;
  *zoom: 1;
}
section.banner.home .panels .evaluater:before,
section.banner.home .panels .evaluater:after {
  content: " ";
  display: table;
}
section.banner.home .panels .evaluater:after {
  clear: both;
}
section.banner.home .panels .evaluater:before,
section.banner.home .panels .evaluater:after {
  content: " ";
  display: table;
}
section.banner.home .panels .evaluater:after {
  clear: both;
}
section.banner.home .panels .evaluater .reporting {
  clear: both;
  margin: 0 4% 0 0;
  padding: 0 4% 0 0;
  border-right: 1px solid #385f82;
}
section.banner.home .panels .evaluater .reporting,
section.banner.home .panels .evaluater .procurement {
  width: 46%;
  float: left;
}
section.banner.home .panels .evaluater .reporting p,
section.banner.home .panels .evaluater .procurement p {
  text-align: justify;
}
section.banner.home .panels .evaluater .reporting:last-child,
section.banner.home .panels .evaluater .procurement:last-child {
  margin: 0;
}
section.banner.home .panels .profile {
  background-color: rgba(21, 129, 63, 0.8);
  width: 30%;
  padding: 6px 20px;
}
section.banner.home .panels .profile img.sustainability-profile {
  max-width: 50px;
  max-height: 50px;
}
@media (max-width: 800px) {
  section.banner.home .panels {
    display: block;
  }
  section.banner.home .panels .evaluater,
  section.banner.home .panels .profile {
    width: 100%;
    clear: both;
    float: none;
  }
  section.banner.home .panels .profile {
    margin-top: 30px;
  }
  section.banner.home .panels .eValuater-button {
    float: right !important;
  }
}
@media (max-width: 650px) {
  section.banner.home .panels .evaluater .evaluater-logo {
    max-height: 30px !important;
  }
  section.banner.home .panels .evaluater .eValuater-button a:link,
  section.banner.home .panels .evaluater .eValuater-button a:visited {
    padding: 8px 12px !important;
  }
  section.banner.home .panels .evaluater .reporting,
  section.banner.home .panels .evaluater .procurement {
    width: 100%;
    float: none;
    clear: both;
  }
  section.banner.home .panels .evaluater .reporting h2,
  section.banner.home .panels .evaluater .procurement h2 {
    font-size: 20px;
  }
  section.banner.home .panels .evaluater .reporting {
    border-right: none;
  }
  section.banner.home .panels .evaluater .procurement {
    margin-top: 20px;
  }
}
@media (max-width: 350px) {
  section.banner.home .panels .evaluater .evaluater-logo {
    max-height: 24px !important;
  }
  section.banner.home .panels .evaluater .eValuater-button a:link,
  section.banner.home .panels .evaluater .eValuater-button a:visited {
    padding: 6px 10px !important;
  }
}
section.banner.content {
  min-height: 300px;
  padding-top: 150px;
  background: transparent url(../img/header-photo.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 600px) {
  section.banner.content {
    min-height: 200px !important;
    padding-top: 100px !important;
  }
  section.banner.content .wrapper {
    padding: calc(40px / 2) 4% 40px 4% !important;
    margin: 20px auto 10px auto;
  }
}
@media (max-width: 400px) {
  section.banner.content {
    padding-top: 50px !important;
  }
  section.banner.content .wrapper h1 {
    font-size: 25px;
  }
  section.banner.content .wrapper h1 img {
    width: 60px;
    height: 60px;
  }
}
section.banner.content .wrapper {
  text-align: center;
}
section.banner.content.content2 {
  background: transparent url(../img/banners/banner-2.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content3 {
  background: transparent url(../img/banners/banner-3.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content4 {
  background: transparent url(../img/banners/banner-4.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content5 {
  background: transparent url(../img/banners/banner-5.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content6 {
  background: transparent url(../img/banners/banner-6.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content7 {
  background: transparent url(../img/banners/banner-7.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content8 {
  background: transparent url(../img/banners/banner-8.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content9 {
  background: transparent url(../img/banners/banner-9.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content10 {
  background: transparent url(../img/banners/banner-10.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content11 {
  background: transparent url(../img/banners/banner-11.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content13 {
  background: transparent url(../img/banners/banner-13.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content14 {
  background: transparent url(../img/banners/banner-14.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content15 {
  background: transparent url(../img/banners/banner-15.jpg) no-repeat 50% 50%;
  background-size: cover;
}
section.banner.content.content16 {
  background: transparent url(../img/banners/banner-16.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 1450px) {
  section.banner section.directory h1 {
    font-size: 34px;
  }
}
@media (max-width: 1280px) {
  section.banner section.directory h1 {
    font-size: 26px;
  }
  section.banner section.directory .wrapper {
    width: 100%;
    padding-left: 125px;
  }
  section.banner section.directory form.directory-search {
    max-width: 500px;
  }
  section.banner section.profile h1 {
    font-size: 26px;
  }
  section.banner section.profile .wrapper {
    width: 100%;
    max-width: 100%;
    padding-left: 50px;
  }
}
@media (max-width: 1080px) {
  section.banner section.directory .wrapper {
    padding-left: 50px;
  }
  section.banner section.directory form.directory-search {
    max-width: 400px;
  }
}
@media (max-width: 875px) {
  section.banner section.directory,
  section.banner section.profile {
    width: 100%;
    max-width: 100%;
    float: none;
    clear: both;
    min-height: auto;
    margin-top: 0;
  }
  section.banner section.directory .wrapper,
  section.banner section.profile .wrapper {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  section.banner section.directory h1,
  section.banner section.profile h1 {
    font-size: 24px;
  }
  section.banner section.directory h2,
  section.banner section.profile h2 {
    font-size: 20px;
  }
  section.banner section.directory p,
  section.banner section.profile p {
    font-size: 18px;
  }
  section.banner section.directory {
    padding: 140px 0 20px 0;
  }
  section.banner section.directory form.directory-search {
    position: relative;
    bottom: auto;
  }
  section.banner section.profile {
    padding: 40px 0;
  }
  section.banner section.profile p.button {
    position: relative;
    bottom: auto;
  }
}
@media (max-width: 540px) {
  section.banner section.directory h1,
  section.banner section.profile h1 {
    font-size: 20px;
  }
  section.banner section.directory h2,
  section.banner section.profile h2 {
    font-size: 18px;
  }
  section.banner section.directory p,
  section.banner section.profile p {
    font-size: 16px;
  }
  section.banner section.directory .wrapper,
  section.banner section.profile .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
  section.banner section.directory form.directory-search {
    width: auto !important;
    max-width: auto !important;
  }
  section.banner section.directory form.directory-search fieldset div.field {
    clear: both;
    border-bottom: 2px solid #31c961;
  }
  section.banner section.directory form.directory-search fieldset div.field.keywords {
    width: 100%;
  }
  section.banner section.directory form.directory-search fieldset div.field.location {
    width: calc(100% - 48px);
  }
}
section.banner.directory {
  background: transparent url(../img/directory-banner.jpg) no-repeat 50% 50%;
  background-size: cover;
  min-height: 300px;
}
section.banner.directory h2 {
  margin-top: 160px;
  text-align: center;
}
form.directory-search fieldset {
  margin: 0;
  padding: 0;
  width: auto;
  max-width: 800px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 50px;
}
form.directory-search fieldset div.field {
  height: 56px;
  float: left;
  margin-bottom: 0;
}
form.directory-search fieldset div.field input {
  border: none;
  width: 100%;
  padding: 15px 20px;
  color: #53575a;
  height: 52px;
}
form.directory-search fieldset div.field.keywords {
  min-width: 120px;
  width: 50%;
  border-right: 1px solid #aeaeae;
}
form.directory-search fieldset div.field.location {
  min-width: 80px;
  width: calc(50% - 56px);
  background: #fff url(../img/icons/location.svg) no-repeat 2% 50%;
  padding: 0 0 0 30px;
  background-size: 18px 25px;
  *zoom: 1;
}
form.directory-search fieldset div.field.location:before,
form.directory-search fieldset div.field.location:after {
  content: " ";
  display: table;
}
form.directory-search fieldset div.field.location:after {
  clear: both;
}
form.directory-search fieldset div.field.location:before,
form.directory-search fieldset div.field.location:after {
  content: " ";
  display: table;
}
form.directory-search fieldset div.field.location:after {
  clear: both;
}
form.directory-search fieldset div.field.location input[type=text] {
  float: left;
  width: 100%;
  padding: 15px 5px;
}
form.directory-search fieldset input[type="submit"] {
  cursor: pointer;
  min-width: 43px;
  padding: 24px;
  display: block;
  width: 46px;
  height: 46px;
  margin: 4px;
  border: none;
  border-radius: 23px;
  text-indent: -9999em;
  overflow: hidden;
  float: right;
  background: #0078B4 url(../img/icons/search-white.svg) no-repeat 50% 50%;
  background-size: 25px 25px;
}
form.directory-search fieldset.keywords-only div.field.keywords {
  width: calc(100% - 56px);
  border-right: none;
}
section.content {
  background-color: #fff;
  position: relative;
}
section.content p,
section.content td,
section.content li {
  color: #53575a;
}
section.content a:link,
section.content a:visited {
  color: #0078B4;
}
section.content a:hover,
section.content a:active {
  color: #31c961;
  text-decoration: underline;
}
section.content .wrapper {
  padding: calc(80px / 2) 4% 80px 4% !important;
  *zoom: 1;
}
section.content .wrapper:before,
section.content .wrapper:after {
  content: " ";
  display: table;
}
section.content .wrapper:after {
  clear: both;
}
section.content .wrapper:before,
section.content .wrapper:after {
  content: " ";
  display: table;
}
section.content .wrapper:after {
  clear: both;
}
section.content .wrapper aside.sidebar {
  float: left;
  width: 20%;
  margin-top: 50px;
}
section.content .wrapper aside.sidebar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
section.content .wrapper aside.sidebar ul li {
  margin: 0 0 12px 10px;
  padding: 0;
  font-weight: bold;
}
section.content .wrapper aside.sidebar ul li a:link,
section.content .wrapper aside.sidebar ul li a:visited {
  color: #174f73;
  line-height: 1em;
  text-decoration: none;
}
section.content .wrapper aside.sidebar ul li a:link.active,
section.content .wrapper aside.sidebar ul li a:visited.active {
  color: #0078B4;
}
section.content .wrapper aside.sidebar ul li a:hover,
section.content .wrapper aside.sidebar ul li a:active {
  color: #167E00;
}
section.content .wrapper aside.sidebar ul li a:hover.active,
section.content .wrapper aside.sidebar ul li a:active.active {
  color: #167E00;
}
section.content .wrapper aside.sidebar ul li ul {
  margin: 0 0 30px 0;
  padding: 0;
}
section.content .wrapper aside.sidebar ul li ul li {
  font-size: 15px;
  margin: 0;
  padding: 12px 0 0 8px;
}
section.content .wrapper aside.sidebar ul li ul li a:link,
section.content .wrapper aside.sidebar ul li ul li a:visited {
  font-weight: 400;
  color: #aeaeae;
}
section.content .wrapper aside.sidebar ul li ul li a:hover,
section.content .wrapper aside.sidebar ul li ul li a:active {
  color: #167E00;
  text-decoration: none;
}
section.content .wrapper section.body {
  float: right;
  width: 75%;
  margin-top: 50px;
}
@media (max-width: 800px) {
  section.content .wrapper aside.sidebar {
    width: 30%;
  }
  section.content .wrapper section.body {
    width: 70%;
  }
}
@media (max-width: 650px) {
  section.content .wrapper aside.sidebar {
    display: none;
    width: 30%;
  }
  section.content .wrapper section.body {
    width: 100%;
    float: none;
  }
}
footer {
  background-color: #103556;
  padding: 80px 0;
  position: relative;
  z-index: 1000;
}
footer .wrapper {
  *zoom: 1;
  margin: 0 auto;
  width: auto !important;
  max-width: 1600px;
  padding: 0;
}
footer .wrapper:before,
footer .wrapper:after {
  content: " ";
  display: table;
}
footer .wrapper:after {
  clear: both;
}
footer .wrapper:before,
footer .wrapper:after {
  content: " ";
  display: table;
}
footer .wrapper:after {
  clear: both;
}
footer div.images {
  text-align: center;
}
footer div.images img.logo {
  display: inline;
  max-width: 200px;
}
footer div.images img.award {
  max-width: 600px;
  width: 20%;
  min-width: 300px;
  float: right;
}
footer div.left {
  clear: both;
  width: 100%;
}
footer div.left nav {
  clear: both;
  width: 100%;
  padding-top: 60px;
  display: table;
}
footer div.left nav ul {
  margin: 0;
  padding: 0 10px 0 0;
  list-style-type: none;
  float: left;
  width: 20%;
}
footer div.left nav ul:last-child {
  padding: 0;
}
footer div.left nav ul li {
  display: block;
  margin: 2px 0 12px 0;
  text-align: left;
}
footer div.left nav ul li:first-child {
  padding-bottom: 10px;
}
footer div.left nav ul li:first-child a:link,
footer div.left nav ul li:first-child a:visited {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1em;
}
footer div.left nav ul li a:link,
footer div.left nav ul li a:visited {
  text-decoration: none;
  color: #d4effe;
  font-weight: 300;
}
footer div.left nav ul li a:hover,
footer div.left nav ul li a:active {
  color: #31c961;
  text-decoration: underline;
}
footer div.left nav ul.social li a:link,
footer div.left nav ul.social li a:visited {
  color: #d4effe;
  padding: 0 0 0 28px;
  text-decoration: none;
  background-size: contain;
  display: block;
  position: relative;
}
footer div.left nav ul.social li a:link:before,
footer div.left nav ul.social li a:visited:before,
footer div.left nav ul.social li a:link:after,
footer div.left nav ul.social li a:visited:after {
  display: block;
  width: 20px;
  height: 20px;
  content: " ";
  position: absolute;
  top: 4px;
  left: 0%;
  transition: opacity 200ms ease-in-out;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
footer div.left nav ul.social li a:link:before,
footer div.left nav ul.social li a:visited:before {
  opacity: 1;
}
footer div.left nav ul.social li a:link:after,
footer div.left nav ul.social li a:visited:after {
  opacity: 0;
}
footer div.left nav ul.social li a:link.facebook:before,
footer div.left nav ul.social li a:visited.facebook:before {
  background-image: url(../img/icons/facebook-white.svg);
  background-size: contain;
}
footer div.left nav ul.social li a:link.facebook:after,
footer div.left nav ul.social li a:visited.facebook:after {
  background-image: url(../img/icons/facebook-green.svg);
  background-size: contain;
}
footer div.left nav ul.social li a:link.instagram:before,
footer div.left nav ul.social li a:visited.instagram:before {
  background-image: url(../img/icons/instagram-white.svg);
  background-size: contain;
}
footer div.left nav ul.social li a:link.instagram:after,
footer div.left nav ul.social li a:visited.instagram:after {
  background-image: url(../img/icons/instagram-green.svg);
  background-size: contain;
}
footer div.left nav ul.social li a:link.twitter:before,
footer div.left nav ul.social li a:visited.twitter:before {
  background-image: url(../img/icons/twitter-white.svg);
  background-size: contain;
}
footer div.left nav ul.social li a:link.twitter:after,
footer div.left nav ul.social li a:visited.twitter:after {
  background-image: url(../img/icons/twitter-green.svg);
  background-size: contain;
}
footer div.left nav ul.social li a:link.linkedin:before,
footer div.left nav ul.social li a:visited.linkedin:before {
  background-image: url(../img/icons/linkedin-white.svg);
  background-size: contain;
}
footer div.left nav ul.social li a:link.linkedin:after,
footer div.left nav ul.social li a:visited.linkedin:after {
  background-image: url(../img/icons/linkedin-green.svg);
  background-size: contain;
}
footer div.left nav ul.social li a:link.youtube:before,
footer div.left nav ul.social li a:visited.youtube:before {
  background-image: url(../img/icons/youtube-white.svg);
  background-size: contain;
}
footer div.left nav ul.social li a:link.youtube:after,
footer div.left nav ul.social li a:visited.youtube:after {
  background-image: url(../img/icons/youtube-green.svg);
  background-size: contain;
}
footer div.left nav ul.social li a:hover,
footer div.left nav ul.social li a:active {
  color: #31c961;
}
footer div.left nav ul.social li a:hover:before,
footer div.left nav ul.social li a:active:before {
  opacity: 0;
}
footer div.left nav ul.social li a:hover:after,
footer div.left nav ul.social li a:active:after {
  opacity: 1;
}
footer div.right {
  float: right;
  max-width: 600px;
  min-width: 300px;
  width: 20%;
}
footer form {
  display: none;
  clear: both;
  float: right;
  width: 25%;
  padding-top: 100px;
}
footer form fieldset label {
  color: #fff;
  display: block;
}
footer form fieldset input[type=text] {
  padding: 15px;
  margin: 0 8px 0 0;
  color: #174f73;
  max-width: 300px;
  width: 60%;
  font-size: 15px;
}
footer form fieldset input[type=submit] {
  width: 36%;
  font-size: 15px;
  padding: 18px calc(50px + 10px) 18px 15px;
}
footer div.copyright {
  padding-top: 100px;
  text-align: center;
  width: 100%;
  color: #d4effe;
}
footer div.copyright p {
  margin: 0 0 5px 0;
  font-size: 18px;
}
footer div.copyright ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
footer div.copyright ul li {
  margin: 12px 0;
  padding: 0 10px 0 0;
  display: inline;
}
footer div.copyright ul li a:link,
footer div.copyright ul li a:visited {
  text-decoration: none;
  color: #d4effe;
  font-size: 18px;
}
footer div.copyright ul li a:hover,
footer div.copyright ul li a:active {
  color: #31c961;
  text-decoration: underline;
}
@media (max-width: 1200px) {
  footer div.left nav ul {
    padding: 0 25px 0 0;
  }
}
@media (max-width: 950px) {
  footer .wrapper {
    width: 100%;
    margin: 0 auto;
  }
  footer div.images {
    width: 96%;
    margin: 0 auto;
    text-align: center;
  }
  footer div.images img.logo,
  footer div.images img.award {
    max-width: 80%;
    clear: both;
    float: none;
    margin: 20px auto;
  }
  footer div.left,
  footer div.right {
    width: 96%;
    float: none;
    margin: 0 auto;
  }
  footer div.right ul.social li {
    padding: 0 20px 0 0;
  }
  footer div.right ul.social li a:link,
  footer div.right ul.social li a:visited {
    display: inline;
  }
  footer div.left nav {
    display: block;
    width: 100%;
  }
  footer div.left nav ul {
    padding: 30px 60px 0 0;
  }
  footer div.left nav ul li a:link,
  footer div.left nav ul li a:visited {
    font-size: 14px;
  }
  footer div.left nav ul:last-child {
    padding: 30px 0 0 0;
  }
  footer form {
    float: none;
    margin: 50px auto;
    width: 90%;
  }
}
@media (max-width: 790px) {
  footer div.left nav ul {
    width: 50%;
    padding-top: 30px;
  }
  footer div.left nav ul:nth-child(2n+1) {
    clear: both;
  }
  footer div.right ul.social {
    text-align: center;
  }
  footer div.right ul.social li {
    display: block;
  }
  footer div.copyright {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 500px) {
  footer img.award {
    clear: both;
    max-height: auto;
    float: none;
    max-width: 50%;
    margin: 50px 0 0 0;
  }
  footer div.left {
    width: 100%;
  }
  footer div.left nav {
    margin-top: 0;
    text-align: center;
  }
  footer div.left nav ul {
    width: 100%;
    padding: 30px 0 0 0!important;
  }
  footer div.left nav ul li {
    text-align: center;
  }
  footer div.right {
    clear: both;
  }
  footer div.right ul.social {
    padding-top: 10px;
    text-align: left;
    width: 160px;
    margin: 0 auto;
  }
  footer div.right ul.social li {
    width: 28px;
    height: 28px;
    overflow: hidden;
    float: left;
  }
  footer div.copyright {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  footer div.copyright p {
    font-size: 14px;
    text-align: center;
  }
  footer div.copyright ul li a:link,
  footer div.copyright a:visited {
    font-size: 14px;
  }
  footer form {
    margin: 0;
    width: 100%;
  }
}
header {
  *zoom: 1;
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  background-color: #fff;
  border-bottom: 1px solid #5c5c5c;
  min-height: 100px;
  position: fixed;
  z-index: 10000;
  top: 0;
  max-height: 103px;
}
header:before,
header:after {
  content: " ";
  display: table;
}
header:after {
  clear: both;
}
header:before,
header:after {
  content: " ";
  display: table;
}
header:after {
  clear: both;
}
header .wrapper {
  max-width: 100%;
  padding: 0;
}
@media (min-width: 750px) {
  header.fixed {
    background-color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #aeaeae;
  }
}
header .logo {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  width: 10%;
  min-width: 243px;
  z-index: 1010;
}
header .logo img {
  width: 243px;
  height: 72px;
  padding: 10px 0 0 50px;
}
header .logo img.green {
  display: block;
}
header .logo img.white {
  display: none;
}
@media (max-width: 1150px) {
  header .logo {
    width: auto;
    min-width: 50px;
    position: relative;
    float: left;
  }
  header .logo img {
    margin-top: 0;
    width: 194px;
    height: 58px;
  }
}
@media (max-width: 700px) {
  header .logo a:link,
  header .logo a:visited {
    margin-top: 10px;
    overflow: hidden;
    text-indent: -9999em;
    width: 40px;
    height: 40px;
    display: block;
  }
  header .logo a:link:before,
  header .logo a:visited:before {
    margin: 0;
    padding: 0;
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    background: transparent url(../img/intengine-icon-green.svg) no-repeat 50% 50%;
  }
}
@media (min-width: 950px) {
  header.fixed {
    background-color: #fff;
  }
}
@media (max-width: 400px) {
  header {
    min-height: 60px;
  }
  header.fixed .logo a:link,
  header.fixed .logo a:visited {
    margin-top: 10px;
  }
  header.fixed .logo a:link:before,
  header.fixed .logo a:visited:before {
    background: transparent url(../img/intengine-icon-green.svg) no-repeat 50% 50%;
  }
}
nav.account {
  float: right;
  margin-top: 5px;
  width: auto;
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  nav.account {
    display: block;
  }
  nav.account li {
    display: block;
  }
}
nav.account ul {
  margin: 0;
  padding: 0;
}
nav.account ul li {
  margin: 0;
  padding: 0;
  float: left;
}
nav.account ul li.login,
nav.account ul li.signup {
  margin: 10px;
}
nav.account ul li p.avatar {
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 0;
}
nav.account ul li.notifications {
  padding: 5px 5px 0 0!important;
}
nav.account ul li.menu {
  position: relative;
}
nav.account ul li.menu a.openAccountMenu:link,
nav.account ul li.menu a.openAccountMenu:visited {
  padding-top: 5px;
  display: block;
}
nav.account ul li.menu nav.accountDropdown {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
}
nav.account ul li.menu nav.accountDropdown > ul {
  border: 1px solid #e7e7e7;
  box-shadow: 2px 2px 4px #5c5c5c;
}
nav.account ul li.menu nav.accountDropdown ul {
  margin: 0;
  padding: 5px 5px;
  width: 175px;
  border-radius: 5px;
  background-color: #fff;
}
nav.account ul li.menu nav.accountDropdown ul li {
  float: none;
  display: block;
  text-align: left;
  padding: 0;
}
nav.account ul li.menu nav.accountDropdown ul li:first-child a:link,
nav.account ul li.menu nav.accountDropdown ul li:first-child a:visited {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
nav.account ul li.menu nav.accountDropdown ul li:last-child a:link,
nav.account ul li.menu nav.accountDropdown ul li:last-child a:visited {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
nav.account ul li.menu nav.accountDropdown ul li a:link,
nav.account ul li.menu nav.accountDropdown ul li a:visited {
  text-align: left;
  color: #31c961;
  font-size: 13px;
  font-weight: normal;
  text-transform: capitalize;
  display: block;
  padding: 4px 10px;
}
nav.account ul li.menu nav.accountDropdown ul li a:hover,
nav.account ul li.menu nav.accountDropdown ul li a:active {
  background-color: #31c961;
  color: #fff;
  text-decoration: none;
}
nav.account ul li.menu nav.accountDropdown ul li ul.listings {
  border-radius: 0;
  margin: 0;
  padding: 0;
  box-shadow: none;
  float: none;
  width: auto;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
nav.account ul li.menu nav.accountDropdown ul li ul.listings li {
  margin: 0;
  padding: 0;
  line-height: 1;
}
nav.account ul li.menu nav.accountDropdown ul li ul.listings li a:link,
nav.account ul li.menu nav.accountDropdown ul li ul.listings li a:visited {
  color: #5c5c5c;
  font-size: 12px;
  padding: 8px 18px;
  border-radius: 0;
}
nav.account ul li.menu nav.accountDropdown ul li ul.listings li a:hover,
nav.account ul li.menu nav.accountDropdown ul li ul.listings li a:active {
  color: #fff;
}
@media (max-width: 950px) {
  header.open .logo img.green {
    display: none;
  }
  header.open .logo img.white {
    display: block;
  }
  header.open nav.account ul li a:link.book-demo,
  header.open nav.account ul li a:visited.book-demo,
  header.open nav.account ul li a:link.signup,
  header.open nav.account ul li a:visited.signup,
  header.open nav.account ul li a:link.login,
  header.open nav.account ul li a:visited.login {
    color: #fff;
    border-radius: 20px;
    padding: 4px;
  }
  header.open nav.account ul li a:link.book-demo,
  header.open nav.account ul li a:visited.book-demo {
    background-color: #0078B4;
    margin: 0;
  }
  header.open nav.account ul li a:link.signup,
  header.open nav.account ul li a:visited.signup {
    background-color: #0078B4;
    margin: 0 10px;
  }
  header.open nav.account ul li a:link.login,
  header.open nav.account ul li a:visited.login {
    background-color: #31c961;
    margin-right: 10px;
  }
}
header nav {
  display: table;
}
header nav ul {
  margin: 0;
  padding: 30px 0 0 0;
  list-style-type: none;
  text-align: center;
}
header nav ul li {
  list-style-type: none;
  display: inline;
  padding: 0 20px;
  transition: none;
}
header nav ul li:last-child {
  padding: 0 !important;
  margin: 0 !important;
}
header nav ul li a:link,
header nav ul li a:visited {
  font-size: 16px;
  color: #5c5c5c;
  text-decoration: none;
  display: inline;
  transition: none;
  padding-bottom: 20px;
}
header nav ul li.parent {
  background: transparent url(../img/icons/arrow-down-white.svg) no-repeat 100% 5px;
  background-size: 12px 8px;
  border-bottom: 5px solid #fff;
  transition: border-bottom 300ms ease-in-out;
  z-index: 100;
}
header nav ul li.parent:hover {
  background: transparent url(../img/icons/arrow-down-blue.svg) no-repeat 100% 5px;
  background-size: 12px 8px;
  border-bottom: 10px solid #0078B4;
}
header nav ul li.parent:hover a:link,
header nav ul li.parent:hover a:visited {
  color: #0078B4;
}
header nav ul li a:hover,
header nav ul li a:active {
  color: #0078B4;
}
header nav.main {
  transition: all 200ms ease-in-out;
  margin: 0 auto;
}
header nav.main > ul {
  margin: 2px;
}
header nav.main > ul > li {
  margin: 0 30px 0 0;
}
header nav.main ul > li {
  float: left;
  padding: 0 20px 4px 0;
}
header nav.main ul > li > a:link,
header nav.main ul > li a:visited {
  display: block;
  width: auto;
  padding-bottom: 26px;
  font-size: 15px;
}
header nav.main ul > li .nav-wrapper {
  border-top: 1px solid #e7e7e7;
  transition: height 200ms ease-in-out;
  -webkit-transition: height 200ms ease-in-out;
  overflow: hidden;
  z-index: 1000;
  position: absolute;
  left: 0;
  right: 0;
  top: -38px;
  height: 0;
  width: 100%;
  padding: 0 0 20px 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid #5c5c5c;
}
header nav.main ul > li .nav-wrapper h3 {
  text-align: left;
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0 10px 0;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  color: #0078B4;
  border-bottom: 1px solid #aeaeae;
}
header nav.main ul > li .nav-wrapper ul {
  *zoom: 1;
  width: 80%;
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 10px 0 0 0;
}
header nav.main ul > li .nav-wrapper ul:before,
header nav.main ul > li .nav-wrapper ul:after {
  content: " ";
  display: table;
}
header nav.main ul > li .nav-wrapper ul:after {
  clear: both;
}
header nav.main ul > li .nav-wrapper ul:before,
header nav.main ul > li .nav-wrapper ul:after {
  content: " ";
  display: table;
}
header nav.main ul > li .nav-wrapper ul:after {
  clear: both;
}
header nav.main ul > li .nav-wrapper ul li {
  text-align: left;
}
header nav.main ul > li .nav-wrapper ul li a:link,
header nav.main ul > li .nav-wrapper ul li a:visited {
  color: #5c5c5c;
  padding: 0;
}
header nav.main ul > li .nav-wrapper ul li a:hover,
header nav.main ul > li .nav-wrapper ul li a:active {
  color: #0078B4;
}
header nav.main ul > li .nav-wrapper ul li span {
  font-size: 14px;
  color: #53575a;
  display: block;
  max-width: 65%;
  margin: 0;
  font-weight: 400;
}
header nav.main ul > li:hover .nav-wrapper {
  top: 100px;
  height: auto;
}
header nav.main ul > li.arrow > a {
  background-image: url(../img/icons/arrow-down-white.svg) !important;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
  background-size: 14px 10px;
}
header nav.main ul > li.solutions .nav-wrapper > ul li,
header nav.main ul > li.resources .nav-wrapper > ul li,
header nav.main ul > li.platform .nav-wrapper > ul li {
  float: left;
  width: calc(33% - 10px);
  padding: 10px 0 20px 0;
}
header nav.main ul > li.solutions .nav-wrapper > ul li:nth-child(3n+1),
header nav.main ul > li.resources .nav-wrapper > ul li:nth-child(3n+1),
header nav.main ul > li.platform .nav-wrapper > ul li:nth-child(3n+1) {
  clear: both;
}
header nav.main ul > li.solutions .nav-wrapper > ul li img,
header nav.main ul > li.resources .nav-wrapper > ul li img,
header nav.main ul > li.platform .nav-wrapper > ul li img {
  float: left;
  width: 40px;
  height: 40px;
  margin: 0 10px 10px 0;
}
header nav.main ul > li.solutions .nav-wrapper > ul li a:link,
header nav.main ul > li.resources .nav-wrapper > ul li a:link,
header nav.main ul > li.platform .nav-wrapper > ul li a:link,
header nav.main ul > li.solutions .nav-wrapper > ul li a:visited,
header nav.main ul > li.resources .nav-wrapper > ul li a:visited,
header nav.main ul > li.platform .nav-wrapper > ul li a:visited {
  float: left;
  width: calc(100% - 35px);
  margin-left: 0px;
  font-weight: 700;
  padding-bottom: 2px !important;
  color: #167E00;
}
header nav.main ul > li.solutions .nav-wrapper > ul li a:hover,
header nav.main ul > li.resources .nav-wrapper > ul li a:hover,
header nav.main ul > li.platform .nav-wrapper > ul li a:hover,
header nav.main ul > li.solutions .nav-wrapper > ul li a:active,
header nav.main ul > li.resources .nav-wrapper > ul li a:active,
header nav.main ul > li.platform .nav-wrapper > ul li a:active {
  color: #0078B4;
}
header nav.main ul > li.solutions .nav-wrapper ul.standards li,
header nav.main ul > li.resources .nav-wrapper ul.standards li,
header nav.main ul > li.platform .nav-wrapper ul.standards li {
  padding: 2px 0 !important;
}
@media (max-width: 950px) {
  header nav.main ul > li.solutions .nav-wrapper ul.standards li,
  header nav.main ul > li.resources .nav-wrapper ul.standards li,
  header nav.main ul > li.platform .nav-wrapper ul.standards li {
    padding: 2px 0 0 20px !important;
  }
}
header nav.main ul > li.solutions .nav-wrapper ul.standards li a:link,
header nav.main ul > li.resources .nav-wrapper ul.standards li a:link,
header nav.main ul > li.platform .nav-wrapper ul.standards li a:link,
header nav.main ul > li.solutions .nav-wrapper ul.standards li a:visited,
header nav.main ul > li.resources .nav-wrapper ul.standards li a:visited,
header nav.main ul > li.platform .nav-wrapper ul.standards li a:visited {
  font-weight: 400;
  color: #5c5c5c;
}
header nav.main ul > li.solutions .nav-wrapper ul.standards li a:link strong,
header nav.main ul > li.resources .nav-wrapper ul.standards li a:link strong,
header nav.main ul > li.platform .nav-wrapper ul.standards li a:link strong,
header nav.main ul > li.solutions .nav-wrapper ul.standards li a:visited strong,
header nav.main ul > li.resources .nav-wrapper ul.standards li a:visited strong,
header nav.main ul > li.platform .nav-wrapper ul.standards li a:visited strong {
  font-weight: 700;
  color: #167E00;
}
@media (max-width: 950px) {
  header nav.main ul > li.solutions .nav-wrapper ul.standards li a:link strong,
  header nav.main ul > li.resources .nav-wrapper ul.standards li a:link strong,
  header nav.main ul > li.platform .nav-wrapper ul.standards li a:link strong,
  header nav.main ul > li.solutions .nav-wrapper ul.standards li a:visited strong,
  header nav.main ul > li.resources .nav-wrapper ul.standards li a:visited strong,
  header nav.main ul > li.platform .nav-wrapper ul.standards li a:visited strong {
    color: #fff;
  }
}
header nav.main ul > li.solutions .nav-wrapper ul.standards li a:hover strong,
header nav.main ul > li.resources .nav-wrapper ul.standards li a:hover strong,
header nav.main ul > li.platform .nav-wrapper ul.standards li a:hover strong,
header nav.main ul > li.solutions .nav-wrapper ul.standards li a:active strong,
header nav.main ul > li.resources .nav-wrapper ul.standards li a:active strong,
header nav.main ul > li.platform .nav-wrapper ul.standards li a:active strong,
header nav.main ul > li.solutions .nav-wrapper ul.standards li a:hover,
header nav.main ul > li.resources .nav-wrapper ul.standards li a:hover,
header nav.main ul > li.platform .nav-wrapper ul.standards li a:hover,
header nav.main ul > li.solutions .nav-wrapper ul.standards li a:active,
header nav.main ul > li.resources .nav-wrapper ul.standards li a:active,
header nav.main ul > li.platform .nav-wrapper ul.standards li a:active {
  color: #0078B4;
}
@media (max-width: 950px) {
  header nav.main ul > li.solutions .nav-wrapper ul.standards li a:hover strong,
  header nav.main ul > li.resources .nav-wrapper ul.standards li a:hover strong,
  header nav.main ul > li.platform .nav-wrapper ul.standards li a:hover strong,
  header nav.main ul > li.solutions .nav-wrapper ul.standards li a:active strong,
  header nav.main ul > li.resources .nav-wrapper ul.standards li a:active strong,
  header nav.main ul > li.platform .nav-wrapper ul.standards li a:active strong,
  header nav.main ul > li.solutions .nav-wrapper ul.standards li a:hover,
  header nav.main ul > li.resources .nav-wrapper ul.standards li a:hover,
  header nav.main ul > li.platform .nav-wrapper ul.standards li a:hover,
  header nav.main ul > li.solutions .nav-wrapper ul.standards li a:active,
  header nav.main ul > li.resources .nav-wrapper ul.standards li a:active,
  header nav.main ul > li.platform .nav-wrapper ul.standards li a:active {
    color: #fff;
  }
}
header nav.main ul > li.directory .nav-wrapper > ul li {
  float: left;
  width: 32%;
  padding: 6px 1%;
}
header nav.main ul > li.directory .nav-wrapper > ul li:nth-child(3n+1) {
  padding: 6px 1% 6px 0;
}
header nav.main ul > li.directory .nav-wrapper > ul li:nth-child(3n) {
  padding: 6px 0 6px 1%;
}
header nav.main ul > li.directory .nav-wrapper > ul li a:link,
header nav.main ul > li.directory .nav-wrapper > ul li a:visited {
  padding-bottom: 10px!important;
}
header nav.main ul > li.certifications .nav-wrapper > ul li {
  float: left;
  width: 32%;
  padding: 6px 1%;
}
header nav.main ul > li.certifications .nav-wrapper > ul li:nth-child(3n+1) {
  padding: 6px 1% 6px 0;
}
header nav.main ul > li.certifications .nav-wrapper > ul li:nth-child(3n) {
  padding: 6px 0 6px 1%;
}
@media (max-width: 950px) {
  header nav.main.open {
    left: 0;
    width: calc(100% - 0px);
    box-shadow: 4px 4px 20px #5c5c5c;
  }
}
header nav.account {
  max-width: 20%;
  position: absolute;
  right: 50px;
  top: 40px;
  margin-top: 0;
  z-index: 1010;
}
@media screen and (max-width: 400px) {
  header nav.account {
    top: 20px;
  }
}
header nav.account ul {
  padding: 0;
}
header nav.account ul li {
  padding: 0;
}
header nav.account ul li a:link,
header nav.account ul li a:visited {
  font-weight: 400;
  font-size: 15px;
}
header nav.account ul li a:link.book-demo,
header nav.account ul li a:visited.book-demo,
header nav.account ul li a:link.signup,
header nav.account ul li a:visited.signup,
header nav.account ul li a:link.login,
header nav.account ul li a:visited.login {
  color: #fff;
  border-radius: 20px;
  padding: 4px 12px;
}
header nav.account ul li a:link.book-demo,
header nav.account ul li a:visited.book-demo {
  background-color: #0078B4;
  margin: 0;
}
header nav.account ul li a:link.signup,
header nav.account ul li a:visited.signup {
  background-color: #174f73;
  margin: 0 10px;
}
header nav.account ul li a:link.login,
header nav.account ul li a:visited.login {
  background-color: #167E00;
  margin-right: 10px;
}
header nav.account ul li a:hover.login,
header nav.account ul li a:active.login {
  background-color: #31c961;
}
header nav.mobile-icon {
  display: none;
}
header nav .mobile-only {
  display: none;
}
@media (max-width: 1350px) {
  header nav.main ul {
    min-width: auto;
  }
  header nav.main ul > li {
    padding: 0 10px 4px 0;
  }
  header nav.account ul > li a:link.book-demo,
  header nav.account ul > li a:visited.book-demo {
    margin: 0;
  }
  header nav.account ul > li a:link.signup,
  header nav.account ul > li a:visited.signup {
    margin: 0 5px;
  }
  header nav.account ul > li a:link.login,
  header nav.account ul > li a:visited.login {
    margin-right: 5px;
  }
}
@media (max-width: 1225px) {
  header nav.main {
    float: left;
    margin-left: 250px;
  }
  header nav.main ul {
    margin-right: 0;
  }
  header nav.main ul li {
    padding-top: 2px;
  }
  header nav.main ul li a:link,
  header nav.main ul li a:visited {
    font-size: 14px;
  }
  header nav.main > ul > li {
    margin: 0 20px 20px 0 !important;
  }
  header nav.main > ul > li:last-child {
    padding: 0 20px;
  }
  header nav.account ul li a:link,
  header nav.account ul li a:visited {
    font-size: 13px;
  }
}
@media (max-width: 1150px) {
  header nav.main {
    margin-left: 20px;
  }
}
@media (max-width: 1025px) {
  header nav.main {
    background-color: #167E00;
    display: block;
    position: fixed;
    top: 0;
    left: -100%;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 10px;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow: scroll;
  }
  header nav.main ul {
    width: 100%;
    padding: 100px 0 0 0;
    min-width: 0;
    margin: 0;
  }
  header nav.main ul > li {
    float: none;
    clear: both;
    display: block;
    margin: 0;
    width: 100%;
  }
  header nav.main ul > li h3 {
    display: none;
  }
  header nav.main ul > li > a:link,
  header nav.main ul > li > a:visited {
    width: 100%;
    color: #fff;
    font-weight: 700;
    background-image: none;
    font-size: 15px;
    float: none;
    text-align: left;
  }
  header nav.main ul > li > a:link,
  header nav.main ul > li > a:visited,
  header nav.main ul > li > a:link.parent,
  header nav.main ul > li > a:visited.parent {
    padding-bottom: 0!important;
  }
  header nav.main ul > li div.nav-wrapper {
    display: block;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    z-index: 1000;
    position: static;
    left: auto;
    right: auto;
    top: auto;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: none;
  }
  header nav.main ul > li div.nav-wrapper ul {
    transition: all 200ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float: none;
  }
  header nav.main ul > li div.nav-wrapper ul li {
    height: auto;
    margin: 0;
    float: none;
  }
  header nav.main ul > li div.nav-wrapper ul li,
  header nav.main ul > li div.nav-wrapper ul li:nth-child(4n+1),
  header nav.main ul > li div.nav-wrapper ul li:nth-child(4n) {
    padding: 0 0 0 20px!important;
    width: 100% !important;
  }
  header nav.main ul > li div.nav-wrapper ul li a:link,
  header nav.main ul > li div.nav-wrapper ul li a:visited {
    background-color: transparent;
    width: 100%;
    display: block;
    float: none;
    color: #fff;
    padding: 2%;
    font-size: 15px;
    font-weight: 400 !important;
  }
  header nav.main ul > li div.nav-wrapper ul li a:hover,
  header nav.main ul > li div.nav-wrapper ul li a:active {
    color: #0078B4;
  }
  header nav.main ul > li div.nav-wrapper ul li img,
  header nav.main ul > li div.nav-wrapper ul li span {
    display: none;
  }
  header nav.main.account ul li a:link,
  header nav.main.account ul li a:visited {
    font-size: 15px;
  }
  header nav.account {
    max-width: 70%;
    right: 70px;
    top: 40px;
  }
  header nav.account ul > li {
    float: left;
    clear: none;
  }
  header nav.mobile-icon {
    display: block;
    position: absolute;
    right: 20px;
    top: 40px;
    z-index: 10000;
  }
  header nav.mobile-icon a:link,
  header nav.mobile-icon a:visited {
    height: 24px;
    width: 30px;
    margin-top: 0;
    text-decoration: none;
    color: #fff;
    position: relative;
    display: block;
  }
  header nav.mobile-icon span {
    padding: 2px 0 0 0;
    width: 30px;
    height: 3px;
    display: block;
    margin: 0 0 4px 0;
    background-color: #5c5c5c;
    float: right;
    transition: all 200ms ease-in-out;
  }
  header nav.mobile-icon span:nth-child(1) {
    width: 28px;
  }
  header nav.mobile-icon span:nth-child(3) {
    width: 24px;
  }
  header nav.mobile-icon span:last-child {
    color: #5c5c5c;
    font-size: 10px;
    text-transform: uppercase;
    margin: 0;
    background-color: transparent;
    line-height: 1;
  }
  header nav.mobile-icon.open {
    position: fixed;
    right: 20px;
    display: block;
  }
  header nav.mobile-icon.open a:link,
  header nav.mobile-icon.open a:visited {
    margin-top: 0;
    position: relative;
  }
  header nav.mobile-icon.open span {
    position: absolute;
    top: 6px;
    left: 0;
    background-color: #fff;
  }
  header nav.mobile-icon.open span:nth-child(1) {
    transform: rotate(45deg);
    width: 30px;
  }
  header nav.mobile-icon.open span:nth-child(2) {
    opacity: 0;
    width: 30px;
    display: none;
  }
  header nav.mobile-icon.open span:nth-child(3) {
    transform: rotate(-45deg);
    width: 30px;
  }
  header nav.mobile-icon.open span:nth-child(4) {
    line-height: 3.7;
    color: #fff;
    background-color: transparent;
  }
  header nav.open > ul > li.parent {
    background-image: none;
    border-bottom: none;
  }
  header nav.open > ul > li.parent:hover {
    border-bottom: none;
  }
  header nav.open > ul > li.parent:hover a:link,
  header nav.open > ul > li.parent:hover a:visited {
    color: #fff !important;
  }
  header nav.open > ul > li.parent a:hover,
  header nav.open > ul > li.parent a:active {
    color: #fff;
  }
  header nav.open > ul > li.parent .nav-wrapper {
    border-top: none;
  }
  header nav.open > ul > li.parent .nav-wrapper a:link,
  header nav.open > ul > li.parent .nav-wrapper a:visited {
    color: #fff;
  }
}
@media (max-width: 1025px) and (max-width: 400px) {
  header nav.account {
    top: 20px;
    right: 60px;
  }
}
@media (max-width: 1025px) and screen and (max-width: 400px) {
  header nav.mobile-icon {
    top: 20px;
  }
}
@media screen and (max-width: 400px) {
  header nav.mobile-icon {
    top: 20px;
  }
}
@media (max-width: 950px) {
  header.fixed nav.main ul li > a:link,
  header.fixed nav.main ul li > a:visited {
    color: #5c5c5c;
  }
  header.fixed nav.main ul li > a:hover,
  header.fixed nav.main ul li > a:active {
    color: #31c961;
  }
  header.fixed nav.main ul li a:link.parent,
  header.fixed nav.main ul li a:visited.parent {
    background: transparent url(../img/icons/arrow-down-grey.svg) no-repeat 96% 20%;
    background-size: 16px 10px;
  }
  header.fixed nav.main ul li a:hover.parent,
  header.fixed nav.main ul li a:active.parent {
    background: transparent url(../img/icons/arrow-down-green.svg) no-repeat 96% 20%;
    background-size: 16px 10px;
  }
  header.fixed nav.account a:link,
  header.fixed nav.account a:visited {
    color: #5c5c5c;
  }
  header.fixed nav.account a:hover,
  header.fixed nav.account a:active {
    color: #31c961;
  }
  header.fixed nav.mobile-icon a:link span:nth-child(odd),
  header.fixed nav.mobile-icon a:visited span:nth-child(odd) {
    background-color: #174f73;
  }
  header.fixed nav.mobile-icon a:link span:nth-child(even),
  header.fixed nav.mobile-icon a:visited span:nth-child(even) {
    background-color: #31c961;
  }
  header.fixed nav.mobile-icon a:link span:nth-child(4),
  header.fixed nav.mobile-icon a:visited span:nth-child(4) {
    background-color: transparent;
    color: #174f73;
  }
}