/* Base styles */
*, input[type=search] {
	box-sizing: border-box;
}

html {
	/*background-color: #f1f1f1;*/
  background-color: #fff;
}

body {
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	padding-bottom: 50px;
	min-widtH: 980px;
}

img {
	max-width: 100%;
	vertical-align: middle;
}

img[width], img[height] {
	max-width: none;
}

figure > img {
	display: block;
}

a {
	color: #1a74b0;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

code {
  background: rgba(0,0,0,0.045);
  /*border: 1px solid #ddd;
  color: #019235;*/
  page-break-inside: avoid;
  font-family: monospace;
  font-size: 14px;
  line-height: 1.75em;
  word-wrap: break-word;
  word-break: break-all;
  padding: .25em .25em;
}
p code, li code, td code {
  font-size: 14px;
}
code.huge { /* Deprecated styles !!! Instead use a tag <pre class="language-sql line-numbers"><code>...</code></pre> */
    border-left: 3px solid #1E88E5;
    color: #444;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
}

pre.prettyprint {
/*   border: 1px solid #ddd !important; */
}

pre code {
  background: transparent;
  border: 0;
  padding: 0;
}

ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
  border-bottom: 2px solid #E7E7E7;
}
[dir=rtl] table {
	text-align: right;
}

td, th {
	border-color: #eee;
	border-style: solid;
	padding: 12px;
}

th {
	background: #F7F7F7;
  border: 0;
	border-bottom: 2px solid #E7E7E7;
	text-transform: none !important;
	font: 600 14px/16px Roboto,sans-serif;
}

td {
	border-width: 0 0 1px 0;
}

tbody td {
  font-size: 14px;
  line-height: 1.5em;
  vertical-align: top;
}
tbody td.level-2 {
  padding-left: 32px;
}
tbody td.level-3 {
  padding-left: 64px;
}
tbody td.level-4 {
  padding-left: 96px;
}
.content-body td p, .article-body td p,
.content-body td li, .article-body td li{
  font-size: 14px;
  line-height: 1.5em;
}

input, label {
	display: inline-block;
	vertical-align: middle;
}

label, select {
	font-size: 15px;
}

input[type="checkbox"] + label {
	margin-left: 5px;
}
[dir=rtl] input[type="checkbox"] + label {
	margin-left: 0;
	margin-right: 5px;
}

input, textarea, select {
	border: 1px solid #ddd;
	border-radius: 2px;
}

input, textarea {
	padding: 10px;
}

textarea {
	height: 100px;
	padding: 7px 10px;
	resize: vertical;
}

textarea, input[type=text] {
	width: 100%;
}

input, textarea, select {
	color: #555;
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
	border: 1px solid #999;
}

input::-ms-clear {
	display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

::placeholder {
	color: #ccc;
}

select {
	appearance: none;
	padding: 5px 10px;
	min-width: 141px;
	background: url("/hc/theming_assets/01HZPFCB16NEB239JNC777MEPS") no-repeat #fff;
	background-size: 10px 5px;
	background-position: calc(100% - 10px) 50%;
}
select::-ms-expand {
	display: none;
}
[dir=rtl] select {
	background-position: 10px 50%;
}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

/* Forms */
.form {
	max-width: 505px;
}

.form-field ~ .form-field {
	margin-top: 25px;
}

.form-field label {
	display: block;
	/*font-weight: bold;*/
	margin-bottom: 5px;
}

.form-field input[type=checkbox] + label {
	margin: 0 0 0 10px;
}

.form-field.required > label:after {
	content: "*";
	color: #f00;
	margin-left: 2px;
}

.form-field p {
	color: #bebebe;
	font-size: 12px;
	line-height: 1.3em;
	margin-top: .4em;
}

.form-field input[type=number], .form-field input.datepicker {
	width: 150px;
}

.form-field input.partialcreditcardinputfield {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUOMvdktENwyAMBTNCR8gIGcGjMIo3YwQmOGUERnA/oLQUkZIoUqrYfyednwWepnOLGYeiOOY9ksc+2g/JLMRKM4zI8jvtpQUUJRR1OzUvGZFCJI/y23lpvlRUMu1n4tKSDU8Lu76oGIaO8otEFM+KYaz4r37zVm4+vdO3EgOClFvdIUp1buNipo+DYp+fv+rxx/njAwhDYpguqyfMVKQgdRaSPwAAAABJRU5ErkJggg==") no-repeat 10px 10px;
	background-size: 14px;
	padding-left: 28px;
}
[dir=rtl] .form-field input.partialcreditcardinputfield {
	padding-left: 0;
	padding-right: 28px;
	background-position: right 10px top 10px;
}

.form-field .nesty-input {
	height: 37px;
	line-height: 37px;
}
.form-field .nesty-input:focus {
	outline: none;
	border: 1px solid #999;
}

.form form + form {
	margin-top: 25px;
}

.searchbox {
	margin: 25px 0;
}

.searchbox-suggestions {
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 10px 20px;
}

.searchbox-suggestions li {
	padding: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
	background: transparent url("/hc/theming_assets/01HZPFCB93ZDS7GPVAHWBKPSBQ") 99% 50% no-repeat;
	background-size: 16px 16px;
}

.form footer {
	border-top: 1px solid #eee;
	margin-top: 40px;
	padding-top: 30px;
	text-align: right;
}

.form footer a {
	color: #ccc;
	cursor: pointer;
	margin-right: 15px;
}

/* Navigation menus */
.nav li, .nav-bordered li, .nav-spaced li {
	display: inline-block;
	font-weight: bold;
}

.nav li a, .nav-bordered li a, .nav-spaced li a {
	font-weight: normal;
}

.nav-bordered li + li {
	border-color: #eee;
	border-style: solid;
	border-width: 0 0 0 1px;
	margin: 0 0 0 30px;
	padding: 0 0 0 30px;
}

[dir=rtl] .nav-bordered li + li {
	border-width: 0 1px 0 0;
	margin: 0 30px 0 0;
	padding: 0 30px 0 0;
}

.nav-spaced li + li {
	margin: 0 0 0 40px;
}

[dir=rtl] .nav-spaced li + li {
	margin: 0 40px 0 0;
}

/* Search box */
.search-box {
	position: relative;
}

.search-box:before {
	content: "\1F50D";
	font-family: "entypo";
	font-size: 1.25em;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 2.5em;
	z-index: 1;
}

.search-box input {
	line-height: 1.2em;
	font-weight: normal;
	padding: .75em 2.7em;
	width: 100%;
	appearance: none;
}

.search-box input[type="submit"] {
	display: none;
}

/* Breadcrumbs */
.breadcrumbs li {
	color: #c2d4fd;
	display: inline-block;
	font-size: 14px;
	max-width: 350px;
	overflow: hidden;
	text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumbs li + li:before {
	content: ">";
	margin: 0 4px;
}
.b-blue a {
	color: #c2d4fd;
}
.b-blue a:hover {
	color: #ffffff;
}

/* Labels */
.label, .request-status, .post-overview-status > span, .post-status > span {
	border-radius: 20px;
	display: inline-block;
	font-size: 10px;
	padding: 3px 10px;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Metadata */
.meta, .meta-group {
	color: #ccc;
	display: inline-block;
	font-size: 11px;
}

.meta-group * + *:before {
	content: "\2022";
	font-size: 8px;
	margin: 0 10px;
}

/* Helper classes */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* Social share links */
.share {
	white-space: nowrap;
}

.share li, .share a {
	display: inline-block;
}

.share a {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	vertical-align: middle;
	width: 30px;
}

.share a:before {
	background: #ccc;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-family: "entypo";
	text-align: center;
	width: 100%;
}

.share a:hover {
	text-decoration: none;
}

.share-twitter:before {
	content: "\F309";
}

.share-facebook:before {
	content: "\F30C";
}

.share-linkedin:before {
	content: "\F318";
}

.share-googleplus:before {
	content: "\F30F";
}

/* Pagination */
.pagination {
	margin: 20px 0;
	text-align: center;
}

.pagination * {
	display: inline-block;
}

.pagination li {
	border: 1px solid #eee;
	float: left;
	margin-left: -1px;
}
[dir=rtl] .pagination li {
	float: right;
}

.pagination a, .pagination span {
	color: inherit;
	font-size: 12px;
	padding: 5px 12px;
}

.pagination-current {
	background-color: #f9f9f9;
	color: #bebebe;
}

.pagination-first {
	border-radius: 3px 0 0 3px;
}
[dir=rtl] .pagination-first {
	border-radius: 0 3px 3px 0;
}

.pagination-last {
	border-radius: 0 3px 3px 0;
}
[dir=rtl] .pagination-last {
	border-radius: 3px 0 0 3px;
}

/* Content styles */
.content-body {
	word-wrap: break-word;
	line-height: 1.7;
}
.content-body > h2 {
  margin-top: .5em;
}
.content-body img {
	max-width: 100%;
}
.content-body hr {
	background-color: #eee;
	border: 0;
	height: 1px;
}
.content-body ul, .content-body ol {
	list-style-position: inside;
	padding: 0 15px;
}
.content-body ul {
	list-style-type: disc;
}
.content-body ol {
	list-style-type: decimal;
}
.content-body ol[type="A"] {
	list-style-type: upper-alpha;
}
.content-body ol ul, .content-body ul ul {
	list-style-type: circle;
}
.content-body ol ol ul,
.content-body ol ul ul,
.content-body ul ol ul,
.content-body ul ul ul {
	list-style-type: square;
}
.content-body blockquote {
	border-left: 1px solid #eee;
	color: #bebebe;
	font-style: italic;
	padding: 0 15px;
}

.content-body .example {
  background-color: rgba(244,245,250,.75);
  border-radius: 6px;
  padding: 0 80px 32px;
  margin-bottom: 1.5rem;
/*   border: 1px solid rgba(220,220,230,.5); */
}
.content-body .example > h5 {
  margin: 0 -80px 32px;
  color: rgb(10 30 50 / 50%);
/*   border-bottom: 1px solid rgba(220,220,230,.5); */
  padding: 0.75rem 80px 0.5rem 16px;
  text-transform: uppercase;
  font-size: 12px;
  background: rgba(220,220,230,.2);
  border-radius: 6px 6px 0 0;
}
.hc2021 .article-body .example .copy-link-to-me:hover:hover {
  cursor: default;
}
.content-body .example .note,
.content-body .example .tip{
  margin: 1.5rem 0;
}
.content-body .example .note {
  border: 1px solid rgb(180 215 190 / 60%);
}
.content-body .example .tip {
  border: 1px solid rgb(230 215 190 / 60%);
}

.vote {
	display: inline-block;
	text-align: center;
	width: 35px;
}
.vote a {
	outline: none;
	text-decoration: none;
}

.vote-sum {
	display: block;
	font-weight: bold;
	margin: 3px 0;
}
[dir=rtl] .vote-sum {
	direction: ltr;
	unicode-bidi: bidi-override;
}

.vote-up:before, .vote-down:before {
	border-radius: 50%;
	border: 1px solid #ddd;
	color: #333333;
	display: inline-block;
	font-family: "entypo";
	font-size: 15px;
	height: 18px;
	line-height: 18px;
	width: 18px;
}

.vote-up:hover:before, .vote-down:hover:before {
	border-color: #bbb;
}

.vote-up:before {
	content: "\E763";
}

.vote-down:before {
	content: "\E760";
}

.vote-voted:before, .vote-voted:hover:before {
	border-color: #333333;
}

/*
 * Column size
 */
.main-column {
	float: left;
	width: 60%;
}

.side-column {
	float: right;
	width: 30%;
}

/* ====================================================
   Base styles
   ==================================================== */
*, input[type=search] {
	box-sizing: border-box;
}

html {
	/* background-color: #f1f1f1; */
  background-color: #fff;
}

body {
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
}

a {
	color: #1a74b0;
	text-decoration: none;
}

a:hover {
	cursor: pointer;
	text-decoration: underline;
}

main a[target="_blank"] {
	padding-right: 12px;
	background: url("/hc/theming_assets/01HZPFC2SX87CJ32NH8DDG28SX") no-repeat 100% 0;
	margin-right: 2px;
}
main .hc2021 a.btn-basic[target="_blank"] {
  display: inline-block;
  padding: 12px 28px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background: transparent;
  border-radius: 6px;
  box-shadow: 0 0 2px rgba(128,128,128,.24),0 2px 2px rgba(128,128,128,.48);
  user-select: none;
  cursor: pointer;
  transition: background-color ease-in .1s;
}
main .hc2021 a.btn-basic[target="_blank"]:hover {
  box-shadow: 0 0 4px rgba(128,128,128,.24),0 4px 4px rgba(128,128,128,.48);
}
main .hc2021 a.btn-bg-primary[target="_blank"] {
  color: #fff !important;
  background: #1e88e5;
}
main .hc2021 a.btn-bg-primary[target="_blank"]:hover {
  background: #329fff;
}
main .hc2021 a.btn-bg-primary[target="_blank"]:active {
	background: #60aaeb;
  color: rgba(255,255,255,.5) !important;
}
main .hc2021 a.btn-bg-primary-red[target="_blank"] {
  background: #f44336;
}
main .hc2021 a.btn-bg-primary-red[target="_blank"]:hover {
  background: #ff5d51;
}
main .hc2021 a.btn-bg-primary-red[target="_blank"]:active {
	background: #f67a71;
}

img {
	vertical-align: middle;
}

p {
	margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 1.75em;
	line-height: 1.75em;
	margin: 0;
	/*text-transform: uppercase;*/
}

h2 {
	font-size: 1.8em;
	line-height: 1.25em;
  margin: 1.5em 0 1em;
}

h3 {
	font-size: 24px;
	line-height: 1.25em;
}

h4 {
	font-size: 20px;
	line-height: 1.25em;
}

.section-area h1 {
	text-transform: capitalize;
}

ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ====================================================
   Sub Nav
   ==================================================== */
.sub-nav {
	/*margin-bottom: 15px;*/
  margin-right: 150px;
}
.sub-nav form {
	display: none;
}

.page-header {
	/*border-bottom: 1px solid #eee;
	margin-bottom: 30px;
	padding-bottom: 15px;*/
	min-height: 50px;
}
.page-header > * {
	display: table-cell;
	vertical-align: middle;
}
.page-header > *:first-child {
	width: 100%;
}
.page-header + p {
	color: #bebebe;
	margin: -15px 0 20px 0;
}
.page-header h1 {
	font-size: 20px;
	font-weight: 400;
}

.b-blue .page-header .dropdown-toggle:after {color: #fff;}

.b-blue-relative {position: relative; z-index: 1;}
.b-blue-relative > .body-layout {position: relative;}
.b-blue-relative h1 {position: relative; z-index: 2;}
.body-layout-relative {position: relative; z-index: 2;}

.b-copy-link {position: absolute; top: 0; right: 20px;}
.b-copy-link a {
  display: block;
  padding: 5px 10px;
  margin: -5px -10px 0 0;
  background: rgba(255,255,255,.15);
  border-radius: 4px;
}
.b-copy-link a:hover {
  text-decoration: none;
  background: rgba(255,255,255,.25);
}
@media screen and (min-width: 1200px) {
	.b-copy-link {
		right: 50px;
	}
}

/* ====================================================
   Content frame
   ==================================================== */
.b-blue{
	background: #0d81be url("/hc/theming_assets/01HZPFCDQF8CB6RMZ8J3CM98ER") no-repeat;
	background-size: cover;
	border-bottom: 1px solid #fff;
	padding: 70px 0 0;
	min-height: 310px;
}
.b-blue.with-search{
	padding: 75px 0 0;
	height: 500px;
}
.homepage-b-blue.with-search{
	padding: 0;
	height: 310px;
}

.b-blue h1 {
	color: #fff;
	font-size: 3em;
  font-weight: normal;
	margin:.1em 0 200px;
	line-height: 1.4em;
}

.b-white {
	margin-top: -165px;
	margin-bottom: 47px;
	padding: 25px 25px 50px;
	background: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .25);
	min-height: 500px;
	border-radius: 3px;
}

.body-layout > .b-white {
	/*margin-left: -50px;
  margin-right: -50px;*/
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 120px;
}
.product-cart-wrap{
	margin-top: -135px;
	padding-bottom: 54px;
}
.b-white.with-search{
	margin-top: -210px;
}
.b-blue.with-search h1,.b-blue .page-header .dropdown h1 {
	margin-bottom: .5em;
}
.homepage-b-blue.with-search h1{
	margin: 0;
	padding: 64px 0;
}
.b-blue.with-search h1 {
	text-align: center;
	font-size: 3em;
  font-weight: normal;
}

.b-blue.with-search .search {
	width: 70%;
	margin: 0 auto;
}

/*.header-inner, .footer-inner {
  margin: 0 auto;
  padding: 0 20px;
  width: 980px;
}*/

.separate-line {
	padding-bottom: 25px;
	margin-bottom: 50px;
	border-bottom: 1px solid #e0e0e0;
}

main {
	display: block;
}

.body-layout {
	margin: 0 auto;
	padding: 0 20px;
	min-width: 980px;
	/* width: 90%;*/
	max-width: 1299px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1200px) {
	.body-layout {
		padding: 0 40px;
	}
}
@media screen and (max-width: 1100px){
	.product-cart-item{
		min-height: 480px;
	}
}

/* ====================================================
   Header
   ==================================================== */
.bg-white {

}
.header {
	background-color: #ffffff;
	padding: 20px 0;
}

/* header-banner v1 */
.header-banner {
  font-size: 22px;
  height: 60px;
  line-height: 60px;
  display: block;
  text-align: center;
  color: #fff;
  background: linear-gradient(88.12deg, #FFC107 0%, #F44336 99.75%);
  text-decoration: none;
}

.header-banner:hover {
  text-decoration: none;
}

.header-banner svg {
  fill: #fff;
  vertical-align: text-bottom;
  margin-left: 4px;
}
/* end: header-banner v1 */

/* header-banner v2 */
.header-banner2 {
  display: block;
  height: 60px;
  line-height: 60px;
  background: #F7F7F7;
  font-weight: bold;
	font-size: 18px;
  text-align: center;
  color: #333;
  overflow: hidden;
}
.header-banner2:hover {
  text-decoration: none;
}
.header-banner2 svg {
  vertical-align: middle;
  margin-right: 10px;
}
.header-banner2 span {
  display: inline-block;
  margin-left: 10px;
  margin-top: 8px;
  line-height: 42px;
  height: 42px;
  padding: 0 18px;
  white-space: nowrap;
  background: #F44336;
  box-shadow: 0px 0px 2px rgba(128, 128, 128, 0.24), 0px 2px 2px rgba(128, 128, 128, 0.48);
  border-radius: 6px;
  color: #fff;
	font-weight: normal;
	font-size: 16px;
  text-align: center;
}
.header-banner2:hover span {
  background: #FF5548;
}
@media all and (min-width: 1000px) {
  .header-banner2 svg {margin-right: 20px;}
  .header-banner2 span {margin-left: 20px;}
}

.under-footer {
  margin: -160px 0 120px 0
}
.under-footer .header-banner2 {
  margin-left: 50px;
  margin-right: 50px;
  border-radius: 10px;
  height: 75px;
  line-height: 75px;
}
/* end: header-banner v2 */

.logo {
	float: left;
	margin-right: 53px;
	margin-top: 2px;
}

.logo a {
	display: inline-block;
}

.logo img {
	max-height: 60px;
	vertical-align: middle;
}

.user-nav {
	/*margin: 12px auto;
	padding: 0 20px;
	width: 980px;*/
}

.user-nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.user-nav > a {
	float: right;
	font-size: 15px;
	line-height: 33px;
	margin-left: 25px;
	padding-left: 15px;
	color: #666;
}

.user-nav > a.login {
	font-size: 15px;
	margin-left: 30px;
	padding: 0 15px;
	color: #fff;
	background-color: #1892ce;
	border: 1px solid #017DBD;
	background: rgb(39,151,208);
	background: -moz-linear-gradient(top,  rgba(39,151,208,1) 0%, rgba(8,139,205,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(39,151,208,1) 0%,rgba(8,139,205,1) 100%);
	background: linear-gradient(to bottom,  rgba(39,151,208,1) 0%,rgba(8,139,205,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
			startColorstr='#2797d0', endColorstr='#088bcd',GradientType=0 );
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .26);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .26);

}

.user-nav > a.my-activities {
	border: 0;
}

.user-info {
	display: block;
	float: right;
	margin-left: 47px;
}

.language-selector {
	display: block;
	float: right;
}

.language-selector .dropdown-toggle{line-height: 33px;}

.user-avatar {
	/*left: -5px;*/
	max-height: 20px;
	position: relative;
	top: -1px;
}

button, [role=button], [type=button], [type=submit] {
	background: transparent;
	border: 1px solid;
	border-color: #d1d1d1;
	border-color: rgba(0, 0, 0, 0.17);
	border-radius: 2px;
	box-shadow: inset 0 -2px #f6f6f6;
	box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03);
	color: #252525;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	min-height: 33px;
	line-height: 31px;
	padding: 0 10px;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
	transition: opacity 300ms ease;
}

input[type=submit][disabled] {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	/* IE 8 */
	opacity: .4;
}

a[role="button"]:hover {
	text-decoration: none;
}

/*
* Dropdown carets
*/
button, [role=button], [type=button], [type=submit],
#user .dropdown-toggle {
	background: #fff;
	background-image: linear-gradient(to bottom, #fff 0%, #f4f4f4 50%, #ededed 100%);
	border-radius: 3px;
}

#user .dropdown-toggle:hover,
.comment-form-controls input[type=submit]:hover,
button:hover,
[role=button]:hover,
[type=button]:hover,
[type=submit]:hover {
	border-color: #bbb;
	box-shadow: inset 0 -1px #ccc;
	text-decoration: none;
}

#user .dropdown-toggle:active,
.comment-form-controls input[type=submit]:active,
button:active,
[role=button]:active,
[type=button]:active,
[type=submit]:active {
	background: #eee;
	background-image: linear-gradient(to bottom, #f5f5f5 0%, #d5d5d5 100%);
	border-color: #ddd;
	box-shadow: inset 0 -2px #ddd;
}

.dropdown-toggle {
	display: inline-block;
}

.dropdown-toggle:hover {
	text-decoration: none;
}

.dropdown-toggle:after {
	color: #888;
	content: "\25BE";
	font-family: "entypo";
	font-size: 14px;
	margin-left: 5px;
	padding-right: 2px;
}

.section-subscribe .dropdown-toggle,
.article-subscribe,
.article-unsubscribe {
	background: #fafafa;
	color: #1a74b0;
	border: 0;
	box-shadow: none;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
	padding: 0 18px;
}

.b-blue .dropdown-toggle:hover {
  color: #1a74b0;
}

.article-subscribe:hover,
.article-unsubscribe:hover {
	box-shadow: none;
}

.topic-follow [role=button], .post-follow [role=button] {
	padding: 0 10px !important;
}

.dropdown-menu [role="menuitem"] {
  line-height: 1.75em;
  font-size: 16px;
}

/* ====================================================
   Home
   ==================================================== */
.hero-unit {
	padding: 25px 60px 70px 60px;
}

.help-center-name {
	font-size: 35px;
}
/*For main page carts*/
.outer-link{
	position: relative;
	padding-right: 18px;
}
.col-4{
	float: left;
	width: 33.33%;
}
.outer-link:after{
	content: "";
	width: 12px;
	height: 11px;
	position: absolute;
	top: 11px;
	right: 0;
	background: url("/hc/theming_assets/01HZPFC4A56KXDN5RVVXM6K8RY") 0 0 no-repeat;
}
.product-cart-item{
	float: left;
	position: relative;
	width: 32.25%;
	min-height: 420px;
	padding: 30px 30px 15px;
	margin-right: 1.6%;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0, .35);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0, .35);
}
.product-cart-item:last-child{
	margin-right: 0;
}
.product-cart-link{
	display: block;
	position: relative;
	padding-top: 85px;
}
.product-cart-link:before,
.smartdata-cart-item:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 77px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.pipeline-cart-link:before{
	background-image: url("/hc/theming_assets/01HZPFC40VQC4N23PMCFSCSP3J");
}
.attribution-cart-link:before{
	background-image: url("/hc/theming_assets/01HZPFC4N23RTEAXCRHMVFCQ6W");
}
.email-cart-link:before{
	background-image: url("/hc/theming_assets/01HZPFC4T7X4635AYCG3NKCHWT");
}
.smartdata-cart-link:before{
	/*top: 30px;*/
	background-image: url("/hc/theming_assets/01HZPFC7ZHPQ36HSXXYWSCVAFJ");
}
.smartdata-cart-item{
	position: relative;
	/*padding-top: 115px;*/
	text-align: left;
}
/*.smartdata-cart-item h2{
	color: #999;
}*/
.product-cart-coming-soon-text{
	padding-top: 4px;
	font-size: 14px;
	color: #b4b4b4;
}
.product-cart-item-heading{
	margin: 3px 0 25px;
	text-align: center;
	font-size: 24px;
	color: #1a74b0;
}
.product-articles-list-link{
	display: inline-block;
	padding: 8px 0 7px;
	font-size: 16px;
	color: #666;
}
.homepage-links-bottom-block{
	margin-bottom: 47px;
	padding: 25px 20px 200px 17px;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0, .35);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0, .35);
}
.homepage-category-list-i{
	margin: 2px 15px 50px 0;
}
.homepage-category-list-link{
	position: relative;
	padding: 10px 0 10px 88px;
	font-size: 18px;
	color: #1a74b0;
  display: inline-block;
}
.homepage-category-list-link:before{
	content: "";
	position: absolute;
	left: 0;
	width: 74px;
	height: 47px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.homepage-category-list-link.gdpr-link:before{
	top: 0;
	background-image: url("/hc/theming_assets/01HZPFCCH06EQ7W8NW6G5N4PT7");
}
.homepage-category-list-link.video-link:before{
	top: 0;
	background-image: url("/hc/theming_assets/01HZPFCC8VYE2JH5QRFVKZWK9T");
}
.homepage-category-list-link.billing-link:before{
	top: -3px;
	background-image: url("/hc/theming_assets/01HZPFC6G14VV3R6M2DFH2TNNQ");
}
.homepage-category-list-link.news-link:before{
	top: -1px;
	background-image: url("/hc/theming_assets/01HZPFC6R0KA0G3YJ7G5DZSYF5");
}
.homepage-category-list-link.get-started:before{
	top: -1px;
	background-image: url("/hc/theming_assets/01HZPFCC0G4PXEA97F92P9NRQQ");
}
.homepage-category-list-link.partners-portal:before{
	top: -1px;
	background-image: url("/hc/theming_assets/01HZPFC7N2ER6FCBRXR1FAGEWY");
}
.homepage-links-bottom-block .col-4{
	margin-right: 2%;
	width: 32%;
}
.homepage-links-bottom-block .col-4:nth-child(2){
	width: 66%;
  margin-right: 0;
}
.homepage-links-bottom-block .col-4:nth-child(3n){
	margin-right: 0;
}

/* ====================================================
   Search
   ==================================================== */
.search {
	display: block;
	position: relative;
	/*width: 980px;
	margin: 0 auto;*/
}

.search:before {
	content: "\1F50D";
	font-family: "entypo";
	font-size: 28px;
	left: 12px;
	line-height: 30px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	color: #a9a9a9;
}

.search input[type=search],
.search input[type=text] {
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
	-webkit-appearance: none;
}

.search input[type=submit] {
	display: none;
}

.body_search input[type=search],
.body_search input[type=text]{
	font-size: 28px;
	padding: 0.15em 0.7em 0.15em 40px;
	width: 100%;
}

.header_search{
	float: left;
	width: 30%;
	max-width: 330px;
	margin-top: -1px;
}
.header_search:before {
	font-size: 18px;
	left: 11px;
}
.header_search input[type=search],
.header_search input[type=text]{
	font-size: 17px;
	padding: 0.471em 1em 0.235em 34px;
	width: 100%;
}
.footer .copy-right-text{
	float: left;
}
.footer .f_links_to_website {
  margin-right: 25px;
}
.footer .language-selector{
	float: left;
	padding-bottom: 4px;
	border-bottom: 1px solid #d8d8d8;
  margin-right: 25px;
}
.footer .language-selector .dropdown-toggle{
	line-height: 18px;
	color: #666;
}
.copy-right-text-i,
.owox-footer-privacy-col-l,
.owox-footer-privacy-col-l-i {
	float:left;
	color:#999;
}
.owox-footer-privacy-col-l-i{
	margin-right: 25px;
}
.copy-right-text-i{
	margin-right: 50px;
	color: #777;
}
.owox-footer-nav-col-l-i-t {
	color:#666;
}

/* ====================================================
   Navigation pages: Home, Category and Section
   ==================================================== */
.b-white.with-search > .knowledge-base {
	margin-left: -25px;
	margin-right: -25px;
}

.knowledge-base h1 {
	letter-spacing: 1px;
	margin-bottom: 10px;
	margin-top: 36px;
}

.knowledge-base:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.row-cols-half .col-half {float:left;}
.row-cols-half .col-half:nth-child(1) {
	width: 48%;
	margin-right: 2.66666%;
}
.row-cols-half .col-half:nth-child(2) {
	width: 48%;
	margin-right: 1.33333%;
}

.community h4 {
	float: right;
	margin: 0;
}
[dir=rtl] .community h4 {
	float: left;
}

.trending-questions + h4 {
	margin-top: 65px;
}

/*.community,
.section-tree,
.subtle-wrap,*/
.article-sidebar section {
	background: #fafafa;
	padding: 20px 25px 30px;
	float: left;
	width: 49%;
}

.article-sidebar .related-articles {
	float: right;
}

.subtle-wrap {
	margin-top: 15px;
}

.community .recent-activity {
	padding: 0;
	width: auto;
}

.community h2, .promoted-articles h3 {
	/*border-bottom: 1px solid;
	border-bottom-color: #ececec;
	padding-bottom: 12px;*/
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 0;
	text-transform: uppercase;
}

.community h2 a {
	font-size: 12px;
	margin-left: 5px;
}

.community h4 a {
	/*font-size: 11px;*/
	font-weight: normal;
	margin-left: 5px;
}

.section-tree {
	border-top: 1px solid #e4e4e4;
  padding-top: 20px;
}

.section-tree .section {
	display: inline-block;
	margin: 0 0 40px;
	vertical-align: top;
	width: 49%;
}

.section-tree h3 {
	font-size: 24px;
	line-height: 1.25em;
	margin: 15px 0 10px;
}

.section-tree ul, ul.article-list {
	color: #1a74b0;
	font-size: 16px;
}

/*.section-tree ul{
	list-style-position: outside;
  list-style-type: disc;
  padding-left: 20px;
}*/

.knowledge-base h4:before, .community h4:before {
	color: rgba(30, 136, 229, 1);
	font-family: "entypo";
	font-size: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

.article-list li, .community li {
	margin-bottom: 0.65em;
	padding-right: 30px;
}

.article-list li {
	line-height: 1.5em;
}

.category-list.centered {
  text-align: center;
}

.category-list-i {
	display: block;
	display: inline-block;
  vertical-align: top;
	width: 24%;
  padding: 0 20px 24px 20px;
  margin-bottom: 35px;
}

.category-list-i.centered {
  float: none;
  display: inline-block;
  min-width: 280px!important;
  vertical-align: top;  
}

.category-list-i:nth-child(4n) {
	margin-right: 0;
}

.category-list-i > a {
	min-height: 150px;
	background: #ffffff;
	display: block;
	color: rgba(30, 136, 229, 1);
	font-weight: normal;
	padding: 85px 0 0;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 0;
	position: relative;
}

.category-list-i:hover {
	box-shadow: 0 4px 16px #e0e0e0;
}

.category-list-i a:hover {
	text-decoration: underline;
}

.category-list-i a:before {
	content: '';
	display: block;
	position: absolute;
	top: 25px;
	left: 0;
	right: 15px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* data upload (ROI)
.category-list-i .catid_202546067:before {
  background-image: url("//p5.zdassets.com/hc/theme_assets/20698/200021898/OWOX-BI-ROI.png");
  background-size: contain;
}
*/

/* data upload (GBQ ROI, AdExport = from Ad services to GBQ) */
.category-list-i .catid_360002116773:before {
  background-image: url("/hc/theming_assets/01HZPFCDB6QVCGTVPEM2BM8TA6");
  background-size: contain;
}

/* streaming */
.category-list-i .catid_202600208:before {
	background-image: url("/hc/theming_assets/01HZPFC89KEKTXB9SQKNCHVAT4");
	background-size: contain;
}

/* export ga */
.category-list-i .catid_202594947:before {
	background-image: url("/hc/theming_assets/01HZPFC5B47CQA9HZ4EWVACP3P");
	background-size: contain;
  display: inline-block;
  min-width: 280px!important;
  vertical-align: top;
}

/* sql queries */
.category-list-i .catid_202594967:before {
	background-image: url("/hc/theming_assets/01HZPFC20BPCF8KGGZXD1516MA");
	background-size: contain;
  display: inline-block;
  min-width: 280px!important;
  vertical-align: top;
}

/* attribution */
.category-list-i .catid_202594977:before {
	background-image: url("/hc/theming_assets/01HZPFBZJ5QCCD6SGTK82H6D4W");
	background-size: contain;
  display: inline-block;
  min-width: 280px!important;
  vertical-align: top;
}

/* bq to ga */
.category-list-i .catid_202600188:before {
	background-image: url("/hc/theming_assets/01HZPFC6WESB3KJPVECQ805RNZ");
	background-size: contain;
  display: inline-block;
  min-width: 280px!important;
  vertical-align: top;
}

/* email */
.category-list-i .catid_202603808:before {
	background-image: url("/hc/theming_assets/01HZPFBZTP95VM68PH5C5RMA7X");
	background-size: contain;
}

/* data upload addon */
.category-list-i .catid_202583008:before {
	background-image: url("/hc/theming_assets/01HZPFC735PW72ZF98GZX9D1MR");
	background-size: contain;
  display: inline-block;
  min-width: 280px!important;
  vertical-align: top;
}

.category-list-i .catid_204292648:before {
	background-image: url("/hc/theming_assets/01HZPFC8TX3M3JAP46JZM4N7T8");
	background-size: contain;
  display: inline-block;
  min-width: 280px!important;
  vertical-align: top;
}

.category-list-i .catid_204302007:before {
	background-image: url("/hc/theming_assets/01HZPFC8JKKNXEQX9YGM3HDWS1");
	background-size: contain;
  display: inline-block;
  min-width: 280px!important;
  vertical-align: top;
}

.category-list-i ul li {
  padding: 0 0 14px;
}
.category-list-i .art-list{
   font-size: 14px;
   color: #666666 
}

/* bq reports addon */
.category-list-i .catid_202603818:before {
	background-image: url("/hc/theming_assets/01HZPFC335EVK17P237CGHX3D1");
	background-size: contain;
  display: inline-block;
  min-width: 280px!important;
  vertical-align: top;
}

/* projects billing */
.category-list-i .catid_202582988:before {
	background-image: url("/hc/theming_assets/01HZPFC1QZXDKD2K7QFWWFRHND");
	background-size: contain;
}

/* news */
.category-list-i .catid_202597997:before {
	background-image: url("/hc/theming_assets/01HZPFC0YBXDXEGHH23PF8YB8W");
	background-size: contain;
}

/* community */
.category-list-i .catid_community:before {
	background-image: url("/hc/theming_assets/01HZPFC2977AXV9GCM7JEVTV7B");
	background-size: contain;
}

.section h3 a {
	color: inherit;
	/*font-size: .85em;
	font-weight: normal;*/
}

.article-promoted span {
	cursor: default;
	margin-right: 5px;
	position: relative;
}

.article-promoted span:before,
.article-promoted span:after {
	display: none;
	position: absolute;
}

.article-promoted span:hover:before,
.article-promoted span:hover:after {
	display: block;
}

.article-promoted span:before {
	background-color: #222;
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: 4px;
	color: #fff;
	content: attr(data-title);
	left: -10px;
	margin-top: 5px;
	padding: 3px 10px;
	top: 100%;
	white-space: nowrap;
	z-index: 1;
}

.article-promoted span:after {
	border-bottom: 5px solid;
	border-bottom-color: #222;
	border-bottom-color: rgba(0, 0, 0, 0.85);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	bottom: -5px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: -5px;
	width: 0;
}

.see-all-articles {
	display: inline-block;
	font-size: 14px;
	margin-top: 10px;
	/*text-decoration: underline;*/
}

.category-description, .section-description {
	color: #333333;
	font-size: 18px;
	line-height: 1.75em;
	margin-top: 0;
	margin-bottom: 30px;
}

.section-subscribe, .section-unsubscribe {
	float: right;
	/*margin-top: 5px;*/
}

/*.category-list a, */
.section-list a {
	color: inherit;
	display: inline-block;
	font-size: 18px;
	margin-bottom: 10px;
}

/* ====================================================
   Article
   ==================================================== */
.article-header h1 {
	text-transform: capitalize;
}

.article-author {
	font-weight: bold;
}

.article-metadata {
	float: left;
	padding-left: 55px;
	position: relative;
}

.article-avatar {
	left: 0;
	position: absolute;
	top: 0;
}

.article-avatar img {
	max-height: 38px;
	max-width: 38px;
}

.article-updated {
	color: #8e8e8e;
	font-size: 12px;
	margin-top: 5px;
}

.article-subscribe, .article-unsubscribe {
	float: right;
}

.article-sidebar {
	margin: -4px 0 25px;
	overflow: hidden;
}

.article-sidebar h3 {
	border-bottom: 1px solid;
	border-bottom-color: #e0e0e0;
	font-size: 16px;
	padding-bottom: 15px;
	margin-top: 0;
	text-transform: uppercase;
}

.article-sidebar ul {
	/*margin-bottom: 60px;*/
}

.article-body,
.section-area .article-list {
	margin-top: 6px;
}

.article-body, .content-body {
	font-size: 16px;
	line-height: 30px;
	word-wrap: break-word;
}
.article-comments {
  line-height: 30px;
}

.article-body p, .content-body p {
	line-height: 1.7;
  font-size: 16px;
}

.article-body p + ul, .content-body p + ul,
.article-body p + ol, .content-body p + ol {
	margin-top: 1em;
}

.article-body .hero-block {
  padding: 40px 50px 24px;
  border-radius: 8px;
  background: #fafafa;
	margin: 2.25em 0;
  text-align: center;
}

.article-body .tip,.article-body .note,.article-body .info{
	background:#fff7ce url("/hc/theming_assets/01HZPFC3BKTDCF8WADX7KFP473") no-repeat 35px 20px;
	padding: 20px 50px 20px 80px;
	line-height: 24px;
	margin: 1.25em 0;
	border-radius: 4px;
}
.article-body .tip:first-child,.article-body .note:first-child,.article-body .info:first-child {
  margin-top: 0;
}
.article-body p.tip strong:nth-child(1),.article-body p.note strong:nth-child(1),.article-body p.info strong:nth-child(1),
.article-body div.tip p:nth-child(1) strong:nth-child(1),.article-body div.note p:nth-child(1) strong:nth-child(1),.article-body div.info p:nth-child(1) strong:nth-child(1) {
	display:block;
  padding-bottom: .2em;
  font-size: 16px;
}

.article-body p.tip,
.article-body p.note,
.article-body p.info,
.article-body div.tip p,
.article-body div.note p,
.article-body div.info p,
.article-body .tip ul,
.article-body .note ul,
.article-body .info ul,
.article-body .tip ol,
.article-body .note ol,
.article-body .info ol,
.article-body .tip li,
.article-body .note li,
.article-body .info li{
  font-size:16px;
  line-height: 1.5em;
}
.article-body div.tip p,
.article-body div.note p,
.article-body div.info p,
.article-body .tip ul,
.article-body .note ul,
.article-body .info ul,
.article-body .tip ol,
.article-body .note ol,
.article-body .info ol,
.article-body .tip li,
.article-body .note li,
.article-body .info li{
  margin-bottom: .5em;
}
.article-body .tip ul,
.article-body .note ul,
.article-body .info ul,
.article-body .tip ol,
.article-body .note ol,
.article-body .info ol{
  margin-top: 0.5em;
}

.article-body img, .post-body img {
	border: 1px solid #ddd;
	height: auto;
	max-width: 100%;
	padding: 5px;
	display: block;
	margin: 15px 0 25px;
}


.content-body pre, .article-body pre {
background-color: rgba(0,0,0,0.045);
  border-radius: 6px;
  padding: 2rem 4.5rem;
	overflow: auto;
	white-space: pre-wrap;
  max-width: 930px;
	line-height: 25px;
}

.article-body .prettyquery, .content-body .prettyquery {
  background-color: #f9f9f9;
  background-color: rgba(244,245,250,.75);
  border-radius: 6px;
  padding: 2rem 4.5rem;
  line-height: 1.65em;
  font-size: 14px;
  font-weight: normal;
}

.article-body p + .prettyquery,
.content-body p + .prettyquery{
    margin-top: -10px;
    margin-bottom: 1.5em;
}

a span.com{
	color: #1a74b0;
	font-family: monospace,monospace;
}

.article-body blockquote {
	border-left: 1px solid;
	border-color: #ececec;
	border-color: rgba(0, 0, 0, 0.07);
	color: #8e8e8e;
	font-style: italic;
	margin: 20px 0;
	padding-left: 20px;
}

.article-body ul,
.article-body ol {
	margin: 20px 0;
	padding-left: 20px;
	list-style-position: outside;
}

.article-body li > ul,
.article-body li > ol {
	margin: 16px 0 24px 0;
	padding-left: 20px;
}

.article-body td > ul,
.article-body td > ol {
  margin-top: 0;
}

.article-body ul {
	list-style-type: disc;
}

.article-body ol {
	list-style-type: decimal;
}
.article-body ol[type="A"] {
	list-style-type: upper-alpha;
}

.article-body li, .content-body li {
	line-height: 1.5em;
  font-size:16px;
	margin:0 0 10px 20px;
}

.article-body table {
	table-layout: fixed;
}
.article-body table tr:hover td {
  background-color: #f9f9f9;
}

.article-footer {
	margin: 50px 0 25px;
	padding-top: 50px;
	border-top: 1px solid #e0e0e0;
}

.article-footer .share {
	float: right;
}

.article-vote {
	float: left;
	position: relative;
}

.article-vote-count {
	position: absolute;
	left: 100%;
	margin-left: 106px;
	top: 1px;
	width: 400px;
}

.article-vote small {
	color: #8e8e8e;
	display: block;
	font-size: 1em;
}

.article-vote a:hover {
	text-decoration: none;
}

.article-vote-controls {
	position: absolute;
	right: -85px;
	top: 1px;
}

.article-vote-up, .article-vote-down {
	background: #d5d5d5;
	color: inherit;
	font-family: "entypo";
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	height: 30px;
	width: 30px;
	padding: 10px;
}

.article-vote-up:before {
	color: #fafafa;
	content: "\1f44d";
}

.article-vote-down:before {
	color: #fafafa;
	content: "\1f44e";
}

.article-voted {
	box-shadow: inset 1px 1px 5px #666;
	opacity: 1;
}

.article-vote-up.article-voted {
	box-shadow: inset 1px 1px 5px #526f00;
	background-color: #6b9100 !important;
}

.article-vote-down.article-voted {
	box-shadow: inset 1px 1px 5px #99260e;
	background-color: #b7391e !important;
}

.article-more-questions {
	margin-bottom: 25px;
}

.article-comments {
	margin: 50px 0;
}

.article-comments h4 {
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 10px;
}

.article-comments .subtle-wrap {
	padding: 30px 30px 5px;
}

.recent-articles li, .related-articles li {
	margin-bottom: 14px;
	font-size: 18px;
}

.comment-body p {
	line-height: 1.5;
}

/* ====================================================
Forms
==================================================== */
label {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
}

input[type=checkbox] + label {
	display: inline-block;
	margin-left: 5px;
}

input, textarea {
	border: 1px solid;
	border-color: #dbdbdb;
	border-color: rgba(0, 0, 0, 0.13);
	outline: none;
	padding: 10px;
	vertical-align: middle;
}

textarea {
	height: 100px;
	padding: 7px 10px;
	resize: vertical;
}

textarea, input[type=text] {
	width: 100%;
}

input, textarea, select {
	color: #252525;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	margin: 0;
	appearance: none;
}

/* ====================================================
   Comments - Used in the Article page and Request page
   ==================================================== */
.comment, .comment-form {
	position: relative;
	padding-bottom: 40px;
}

.comment-avatar img {
	border-radius: 3px;
	max-width: 70px;
	max-height: 70px;
}

.visibility-internal-icon:before {
	content: "\1F512";
	display: inline-block;
	font-family: "entypo";
	text-align: center;
	width: 13px;
}

.article-promoted span, .visibility-internal {
	cursor: default;
	position: relative;
}
.article-promoted span:before, .article-promoted span:after, .visibility-internal:before, .visibility-internal:after {
	display: none;
	font-size: 13px;
	font-weight: normal;
	position: absolute;
}
.article-promoted span:before, .visibility-internal:before {
	background: #222;
	border-radius: 3px;
	color: #fff;
	content: attr(data-title);
	font-family: sans-serif;
	left: -10px;
	margin-top: 5px;
	padding: 3px 10px;
	text-transform: none;
	top: 100%;
	white-space: nowrap;
	z-index: 1;
}
.article-promoted span:after, .visibility-internal:after {
	border-bottom: 5px solid #222;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	bottom: -5px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: -5px;
	width: 0;
}
.article-promoted span:hover:before, .article-promoted span:hover:after, .visibility-internal:hover:before, .visibility-internal:hover:after {
	display: block;
}

/* Comments - Article, Request and Post pages */
.comment-list {
	margin-bottom: 25px;
}
.comment-list > * {
	border-bottom: 1px solid #eee;
	padding: 25px 0;
}
.comment-list > *:first-child {
	border-top: 1px solid #eee;
}

.comment-list-header {
	margin-bottom: 18px;
}
.comment-list-header > * {
	display: inline-block;
	margin: 0;
}

.comment-sorter {
	float: right;
}
.comment-sorter a {
	color: #999;
	text-decoration: none;
	padding-left: 20px;
}
[dir=rtl] .comment-sorter {
	float: left;
}
[dir=rtl] .comment-sorter a {
	padding-left: 0;
	padding-right: 20px;
}

.comment-sorter [aria-selected=true] {
	font-weight: bold;
	color: #333;
}

.comment, .comment-form {
	display: table;
	table-layout: fixed;
	width: 100%;
	word-wrap: break-word;
}
.comment > *, .comment-form > * {
	display: table-cell;
	vertical-align: top;
}

.comment-vote, .comment-bookmark {
	text-align: center;
	width: 50px;
}

.comment-bookmark:before {
	color: #77a500;
	content: "\1F516";
	font-family: "entypo";
	font-size: 23px;
	line-height: 1.1;
}

.comment-avatar {
	position: relative;
	width: 85px;
	display:none;
}
.comment-avatar img {
	border-radius: 3px;
	max-width: 65px;
	max-height: 65px;
}

.comment-avatar-agent:after {
	background-color: transparent;
	background-image: url("/hc/theming_assets/01HZPFCBH7H93M9YN7RYV0KC1H");
	background-image: url("/hc/theming_assets/01HZPFCBTAVBFX2ZAE95N5MJ76");
	background-repeat: no-repeat;
	background-size: 15px;
	content: " ";
	height: 15px;
	left: 55px;
	position: absolute;
	top: 55px;
	width: 15px;
}
[dir=rtl] .comment-avatar-agent:after {
	left: auto;
	right: 55px;
}

.comment-header {
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.comment-published, .comment-pending, .comment-official {
	border: 1px solid transparent;
	float: right;
	font-size: 11px;
	padding: 1px 5px;
}
[dir=rtl] .comment-published, [dir=rtl] .comment-pending, [dir=rtl] .comment-official {
	float: left;
}

.comment-published {
	color: #bebebe;
}
.comment-published:before {
	content: " ";
	display: inline-block;
	width: 5px;
}

.comment-pending, .comment-official {
	border-color: currentcolor;
	border-radius: 2px;
}

.comment-pending {
	color: #eec100;
}

.comment-official {
	color: #77a500;
}

.comment-form textarea {
	display: block;
	border-radius: 2px 2px 0 0;
	border-width: 1px;
}

.comment-ccs + textarea,
.comment-attachments {
	margin-top: 10px;
}

.comment-form-controls {
	display: none;
	margin-top: 10px;
	text-align: right;
}
[dir=rtl] .comment-form-controls {
	text-align: left;
}

.comment-form-controls input[type=submit] {
	margin-left: 15px;
}
[dir=rtl] .comment-form-controls input[type=submit] {
	margin-left: 0;
	margin-right: 15px;
}

.comment-screencasts, .comment-mark-as-solved {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
[dir=rtl] .comment-screencasts, [dir=rtl] .comment-mark-as-solved {
	margin-left: 20px;
}

.comment-actions {
	float: right;
	color: #999;
}
[dir=rtl] .comment-actions {
	float: left;
}

.comment-actions .dropdown-toggle:before {
	content: "\2699";
	font-size: 11px;
	font-family: "entypo";
}

.attachment-list, .screencast-list {
	font-size: 11px;
	margin-top: 25px;
}
.attachment-list span, .screencast-list span {
	color: #999;
}
[dir=rtl] .attachment-list span, [dir=rtl] .screencast-list span {
	direction: rtl;
	unicode-bidi: bidi-override;
}
.attachment-list li, .screencast-list li {
	margin-bottom: 10px;
}
.attachment-list li:before, .screencast-list li:before {
	border-radius: 3px;
	color: #bbb;
	font-family: "entypo";
	margin-right: 5px;
	padding: 5px;
}

.attachment-list li:before {
	content: "\1F4CE";
}

.screencast-list li:before {
	content: "\1F4BB";
}

.my-activities-header {
	/*border-bottom: 1px solid #eee;
	margin-bottom: 25px;
	padding: 25px 0;*/
}
.my-activities-header .breadcrumbs li {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}
.my-activities-header .breadcrumbs li:first-child, .my-activities-header .breadcrumbs li:before {
	display: none;
}

.my-activities-nav {
	margin-bottom: 25px;
}

.my-activities-sub-nav {
	margin-bottom: 25px;
}

.request-table-toolbar {
	background: #f9f9f9;
	display: table;
	padding: 8px;
	width: 100%;
}

.request-table-filters {
	display: table-cell;
	text-align: right;
}
[dir=rtl] .request-table-filters {
	text-align: left;
}
.request-table-filters label:before {
	content: " ";
	width: 25px;
	display: inline-block;
}

.requests-search {
	border-radius: 20px;
	outline: none;
	padding: 6px 15px;
}

.organization-subscribe, .organization-unsubscribe {
	margin-left: 15px;
	background: #00a1d8;
	color: #fff;
}

.request-id {
	color: #bebebe;
}

.request-details {
	background: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 3px;
	font-size: 12px;
	margin: 0 0 30px;
	padding: 15px 20px;
}

.request-details dt ~ dt, .request-details form dt {
	font-weight: bold;
	margin-top: 15px;
}

.request-details dd {
	margin: 2px 0 0;
	word-wrap: break-word;
}

.request-details dd ul {
	margin: 10px 0;
}

.request-details dd li {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 3px 0;
}

.request-details .nested-field-tag:before {
	content: " > ";
}
.request-details .nested-field-tag:first-child:before {
	content: "";
}

.request-details .attachment-list li,
.request-details .request-collaborators li {
	list-style: none;
}

.request-status {
	color: #fff;
	border-radius: 3px;
}

.request-open {
	background: #59bbe0;
}

.request-answered {
	background: #f5ca00;
}

.request-solved {
	background: #828282;
}

.request-details .request-collaborators {
	font-size: 0;
}
.request-details .request-collaborators li {
	font-size: 12px;
	border-radius: 2px;
	display: inline-block;
	padding: 5px 6px;
	background-color: #ececec;
	margin: 0 5px 5px 0;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* Community */
.post-to-community a {
	padding-left: 20px;
	padding-right: 20px;
}
.post-to-community a:before {
	content: "\2b\00a0";
	position: relative;
	top: -1px;
}

/* Community topics page */
.topic-list li {
	display: inline-block;
	padding: 0 100px 30px 0;
	vertical-align: top;
	width: 49.5%;
}
.topic-list li h3, .topic-list li p {
	margin: 0;
}
.topic-list li p {
	color: #bebebe;
}
.topic-list li .meta-group {
	margin-top: 5px;
}
[dir=rtl] .topic-list li {
	padding: 0 0 30px 100px;
}

/* Community topic page */
.topic-header {
	margin-bottom: 15px;
}
.topic-header > * {
	display: table-cell;
	vertical-align: middle;
}

.topic-filters {
	width: 100%;
}
.topic-filters > * {
	display: inline-block;
	font-weight: bolder;
	margin-right: 20px;
}
[dir=rtl] .topic-filters > * {
	margin-right: 0;
	margin-left: 20px;
}

.post-overview {
	border-bottom: 1px solid #eee;
	padding: 16px 0;
}

.post-overview-info {
	display: inline-block;
	max-width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.post-overview-info a {
	font-size: 16px;
}
.post-overview-info .meta-group {
	display: block;
	margin-top: 5px;
}
.post-pinned .post-overview-info:before {
	content: "\2605";
	margin-right: 5px;
	color: #1a74b0;
}

.post-overview-status {
	float: right;
	margin: 0 10px;
}
.post-overview-status > span {
	color: #fff;
}
[dir=rtl] .post-overview-status {
	float: left;
}

.post-overview-count {
	background: #f9f9f9;
	border-radius: 3px;
	color: #bebebe;
	float: right;
	font-size: 10px;
	margin-left: 10px;
	min-width: 90px;
	padding: 10px 15px;
	text-align: center;
	text-transform: uppercase;
}
.post-overview-count strong {
	color: #333333;
	display: block;
	font-size: 13px;
}
[dir=rtl] .post-overview-count strong {
	direction: ltr;
	unicode-bidi: bidi-override;
}
[dir=rtl] .post-overview-count {
	float: left;
	margin-left: 0;
	margin-right: 10px;
}

/* Community post page */
.page-header .post-actions { color: #fff;}
.post-actions .dropdown-toggle {
	font-size: 13px;
	/*font-weight: bold;*/
}
.post-actions .dropdown-toggle:before {
	content: "\2699\00a0\00a0";
	font-size: 13px;
	font-family: "entypo";
}

.post {
	display: table;
	margin-bottom: 50px;
	table-layout: fixed;
	width: 100%;
}

.post-vote, .post-container {
	display: table-cell;
	vertical-align: top;
}

.post-vote {
	width: 45px;
	padding-top: 5px;
}

.post-header {
	margin-bottom: 25px;
}
.post-header h1 {
	margin: 0 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-info {
	display: table;
	width: 100%;
}
.post-info > * {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
}

.post-avatar {
	min-width: 55px;
	position: relative;
}
.post-avatar img {
	border-radius: 3px;
	max-height: 38px;
	max-width: 38px;
}

.post-avatar-agent:after {
	background-color: transparent;
	background-image: url("/hc/theming_assets/01HZPFCBH7H93M9YN7RYV0KC1H");
	background-image: url("/hc/theming_assets/01HZPFCBTAVBFX2ZAE95N5MJ76");
	background-repeat: no-repeat;
	background-size: 14px;
	position: relative;
	display: block;
	width: 15px;
	height: 15px;
	left: 28px;
	top: -10.5px;
	content: " ";
}
[dir=rtl] .post-avatar-agent:after {
	left: auto;
	right: 28px;
}

.post-meta {
	width: 100%;
	max-width: 0;
}

.post-author {
	display: block;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-status > span {
	color: #fff;
	margin: 0 10px;
}

.post-planned {
	background-color: #3eaae5;
}

.post-not-planned {
	background-color: #b5b5b5;
}

.post-completed {
	background-color: #669600;
}

.post-answered {
	background-color: #669600;
}

.post-share {
	margin-top: 30px;
	text-align: right;
}
[dir=rtl] .post-share {
	text-align: left;
}

/* Community post page and topic page */
.topic-follow [role=button], .post-follow [role=button] {
	border-radius: 3px;
	font-size: 12px;
	padding: 4px 10px;
}
.topic-follow [role=button]:after, .post-follow [role=button]:after {
	content: attr(data-follower-count);
	color: #333333;
	display: inline-block;
	border-left: 1px solid #ddd;
	margin-left: 10px;
	padding-left: 10px;
}
[dir=rtl] .topic-follow [role=button]:after, [dir=rtl] .post-follow [role=button]:after {
	border-left: 0;
	border-right: 1px solid #ddd;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}
.topic-follow [role=button][aria-selected=true], .post-follow [role=button][aria-selected=true] {
	background: #f9f9f9;
	color: #333333;
}

body.community-enabled .search-results-column {
	display: block;
	/*vertical-align: top;*/
	width: 60%;
	float: left;
}
body.community-enabled .search-results-column + .search-results-column {
	width: 30%;
	float: right;
}
[dir=rtl] body.community-enabled .search-results-column + .search-results-column {
	/*margin-left: 0;
	margin-right: 35px;*/
}

.search-results-subheading {
	padding-bottom: 10px;
	margin-bottom: 0;
}

.search-results-subheading-link {
	font-size: 13px;
	font-weight: normal;
	margin-left: 5px;
}

.search-results-list {
	margin-bottom: 25px;
}
.search-results-list > * {
	border-bottom: 1px solid #eee;
	padding: 20px 0;
}
.search-results-list > *:first-child {
	border-top: 1px solid #eee;
}

.search-result-link {
	font-size: 16px;
}
.search-result-description, .search-result-meta {
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 0.5em;
}

.search-result-meta {
	padding-top: 0.5em;
	font-size: 12px;
}

.search-result-meta-name, .search-result-meta-time, .search-result-meta-count {
	font-size: 12px;
	color: #bebebe;
}

.search-result-meta-time:before, .search-result-meta-count:before {
	display: inline-block;
	content: "\2022";
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
[dir=ltr] .search-result-meta-time:before, [dir=ltr] .search-result-meta-count:before {
	padding-right: 5px;
}
[dir=rtl] .search-result-meta-time:before, [dir=rtl] .search-result-meta-count:before {
	padding-left: 5px;
}

.search-result-votes {
	background: #a8d119;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	line-height: 1;
	padding: 4px 5px;
	position: relative;
	top: -2px;
}
.search-result-votes:before {
	content: "\1F44D";
	font-family: "entypo";
}
[dir=ltr] .search-result-votes {
	margin-left: 5px;
}
[dir=ltr] .search-result-votes:before {
	margin-right: 3px;
}
[dir=rtl] .search-result-votes {
	margin-right: 5px;
}
[dir=rtl] .search-result-votes:before {
	margin-left: 3px;
}

.chat {
	background: #f6f6f6;
	border: 1px solid #e0e0e0;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
	bottom: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	font-size: 13px;
	line-height: 35px;
	padding: 0 15px;
	position: fixed;
	right: 85px;
	transition: bottom .5s ease-in, color .5s ease-in;
}

.chat:before {
	content: "\E720";
	font-family: "entypo";
	font-size: 16px;
	margin-right: 10px;
	vertical-align: middle;
}

.chat:hover {
	text-decoration: none;
}

.chat-available {
	bottom: 0;
}

.chat-unavailable {
	color: #808080;
	cursor: default !important;
	bottom: -50px;
}

.error-page {
  padding: 25vh 0;
  text-align: center;
}

.error-page p {
  line-height: 1.5;
  font-size: 16px;
}
/*
.error-page {
	margin: 0 auto;
	max-width: 500px;
	padding: 15% 0;
}

.error-page h1 {
	font-size: 52px;
	margin-bottom: 0;
}

.error-page h2 {
	font-size: 16px;
	margin-bottom: 5px;
}

.error-page > a {
	display: block;
	margin-top: 25px;
}
*/

.recent-activity {
	/*background: #f9f9f9;
	border-radius: 5px;
	padding: 25px 20px;
	width: 270px;*/
}

.recent-activity-header {
	margin-top: 0;
	font-size: 15px;
}

.promoted-articles ul li{
	margin-bottom: 15px;
}

.recent-activity-item ~ .recent-activity-item {
	margin-top: 25px;
}

.recent-activity-item-parent {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	display: block;
	margin-bottom: .35em;
}
.recent-activity-item-parent:hover {
	text-decoration: underline;
}

.promoted-articles ul li,
.recent-activity-item-link,
.recent-activity-controls a {
	font-size: 18px;
	line-height: 1.5em;
}

.recent-activity-item-link {
	display: block;
}

.recent-activity-item-meta {
	font-size: 12px;
	color: #999;
	margin-top: .35em;
}

.recent-activity-item-time {
	display: inline-block;
}

.recent-activity-item-comment {
	display: none;
}
.recent-activity-item-comment:before {
	display: inline-block;
	content: "\2022";
}
.recent-activity-item-comment span:before {
	font-family: "entypo";
	content: "\00a0\00a0\e718";
	display: inline-block;
	vertical-align: middle;
	padding-right: 3px;
}

[data-recent-activity-action="article_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="post_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="answer_added"] .recent-activity-item-comment {
	display: inline-block;
}

.recent-activity-controls,
.recent-activity-loader {
	padding-top: 20px;
	font-size: 12px;
}

.recent-activity-loader {
	display: inline-block;
	position: relative;
}
.recent-activity-loader:before {
	display: block;
	position: absolute;
	content: "\0020";
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f9f9 50%, rgba(255, 255, 255, 0) 100%);
	animation: recent-activity-loader .5s infinite;
}

@keyframes recent-activity-loader {
	0% {
		left: 0;
	}
	100% {
		left: 100%;
	}
}
.escalation-badge, a.escalation-badge {
	background-color: #95be22;
	border-color: #95be22;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	color: #f1f1f1;
	font-size: 11px;
	margin: 0 3px;
	padding: 1px 3px;
	text-decoration: none;
	vertical-align: baseline;
}

.table-narrow-2nd-column {
  table-layout: auto;
}

.table-narrow-2nd-column th,
.table-narrow-2nd-column td {
  width: 45%;
}

.table-narrow-2nd-column td:nth-of-type(2),
.table-narrow-2nd-column th:nth-of-type(2) {
  width: 10%;
  white-space: nowrap;
}


/* NEW STYLES 2021 */

/* VARS colors:
      black: #333;
      brand blue: #1E88E5;
			gray (for link-button bg): #F8F8F8;
			gray (:hover): #F4F4F4;
*/

.hc2021 {
  font-size: 14px;
  box-sizing: border-box;
	color: #333;
  
  /* delete after release */
  background: white;
}
.hc2021 * {
  box-sizing: border-box !important;
}
.hc2021 .body-layout {
  
}

.hc2021 h1, .hc2021 h2, .hc2021 h3, .hc2021 h4, .hc2021 h5 {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #333;
  margin-top: 1.75em;
  margin-bottom: .75rem;
}
.hc2021 h1 {
  font-size: 34px;
  line-height: 44px;
}
.hc2021 h2 {
font-size: 24px;
line-height: 34px;
}
.hc2021 h3 {
font-size: 20px;
line-height: 28px;
}
.hc2021 h4 {
font-size: 17px;
line-height: 24px;
}
.hc2021 h5 {
font-size: 16px;
line-height: 24px;
}
.hc2021 h6 {
  font-size: 14px;
  color: #666;
  margin: 0 0 8px;
}

.hc2021 a:link, .hc2021 a:visited {
  color: #333;
}
.hc2021 a:hover, .hc2021 a:active {
  color: #1E88E5;
  text-decoration: none;
}

.hc2021 ::placeholder {
	color: #666;
}

/**
 * Add the correct display in IE 9-.
 */
.hc2021 article,
.hc2021 aside,
.hc2021 footer,
.hc2021 header,
.hc2021 nav,
.hc2021 section {
  display: block;
}

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
.hc2021 figcaption,
.hc2021 figure,
.hc2021 main {
  display: block;
}

.b-indent16 { margin-bottom: 16px; }
.b-indent24 { margin-bottom: 24px; }
.b-indent32 { margin-bottom: 32px; }
.b-indent48 { margin-bottom: 48px; }

/* Icon in ':after' psevdo-element */
.iiicon { position: relative;}
.iiicon:after {
  display: block;
  content: '';
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  opacity: .75;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E") no-repeat 0 0;
}

/* Accordion */
.accordion {
  list-style: none;
  padding: 0;
}
.accordion-i {
  border: 1px solid transparent;
  margin-bottom: -1px;
  position: relative;
  z-index: 2;
}
.accordion-i:hover {
  z-index: 3;
}
.show.accordion-i, .show.accordion-i:hover {
  border-color: #1E88E5;
  z-index: 4;
}
.accordion-i-title,
.accordion-i-inner {
  padding: 16px 24px;
}
.accordion-i-inner {
  display: none;
}
.accordion-i-title {
  display: block;
  transition: background 0.3s ease;
  background: #fff;
  border: 1px solid #eee;
  margin: -1px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}
a.accordion-i-title:hover {
  border-color: #1E88E5;
}
.show .accordion-i-title {
  font-weight: bold;
}
.show .accordion-i-title, .show .accordion-i-title:hover {
  border-color: #1E88E5;
  border-bottom-color: transparent;
}
.accordion-i-title:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 8.84L12 13.42L16.59 8.84L18 10.25L12 16.25L6 10.25L7.41 8.84Z' fill='%23808080'/%3E%3C/svg%3E");
}
.accordion-i-title:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 8.84L12 13.42L16.59 8.84L18 10.25L12 16.25L6 10.25L7.41 8.84Z' fill='%231E88E5'/%3E%3C/svg%3E");
}
.show .accordion-i-title:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.59 15.16L12 10.58L7.41 15.16L6 13.75L12 7.75L18 13.75L16.59 15.16Z' fill='%23808080'/%3E%3C/svg%3E%0A");
}
.show .accordion-i-title:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.59 15.16L12 10.58L7.41 15.16L6 13.75L12 7.75L18 13.75L16.59 15.16Z' fill='%231E88E5'/%3E%3C/svg%3E%0A");
}

.accordion-i-inner {
  padding-left: 40px;
  padding-top: 8px;
  padding-bottom: 16px;
}

.accordion-i-l {
  margin-bottom: 16px;
  font-size: 16px;
}
.accordion-i-l-i {
  margin-bottom: 4px;
}
.accordion-i-l-lnk {
  display: inline-block;
  padding: 5px 8px;
  border-radius: 4px;
}
.accordion-i-l-lnk:hover {
  background: #f4f4f4;
}

.accordion-i-bbar {
  text-align: right;
}
/* end: Accordion */


/* Super List */
.super-list {
  list-style: none;
  padding: 16px 24px;
  border: 1px solid #eee;
}
.super-list-i {
  margin: 0 0 4px -10px;
}
.super-list-i-title {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  padding: 6px 10px;
  border-radius: 6px;
}
a.super-list-i-title:link, a.super-list-i-title:visited {
  /*color: #1E88E5;*/
}
a.super-list-i-title:hover,a.super-list-i-title:active {
	background: #F4F4F4;
}
/* end: Super List */


/* Cards */
.cards {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  margin-left: -8px;
  margin-right: -8px;
}
.cards-i {
  flex-grow: 1;
  margin: 0 8px;
}
.cards-fourth .cards-i {
  width: 25%;
}
.cards-third .cards-i {
  width: 33.333%;
}
.cards-half .cards-i {
  width: 50%;
}
main .hc2021 a.cards-i-lnk, .cards-i-ico, .cards-i-title, .cards-i-txt {
  display: block;
}
main .hc2021 a.cards-i-lnk, main .hc2021 a.cards-i-lnk[target="_blank"] {
  position: relative;
  background: #f8f8f8;
  border-radius: 8px;
  padding: 16px;
  overflow: hidden;
  height: 100%;
  color: inherit;
  transition: background-color 0.3s ease, color 0.3s ease;
}
main .hc2021 a.cards-i-lnk.cards-i-link-odm::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/hc/theming_assets/01K779HHDY7EWS4P0CJHHNM8DB") no-repeat 50% 50%;
  background-size: cover;
  opacity: 0;
  border-radius: 8px;
  transition: opacity 0.3s ease;
  z-index: 0;
}

main .hc2021 a.cards-i-lnk:hover, main .hc2021 a.cards-i-lnk:focus {
  background: #f4f4f4;
}

main .hc2021 a.cards-i-lnk.cards-i-link-odm * {
  position: relative;
  z-index: 1;
}

main .hc2021 a.cards-i-lnk.cards-i-link-odm:hover,main .hc2021 a.cards-i-lnk.cards-i-link-odm:focus {
  background-color: #00265D;
  color: #fff;
  font-weight: 500;
}

main .hc2021 a.cards-i-lnk.cards-i-link-odm:hover::before,
main .hc2021 a.cards-i-lnk.cards-i-link-odm:focus::before {
  opacity: 1;
}

main .hc2021 a.cards-i-lnk.cards-i-link-odm:hover .cards-i-txt, main .hc2021 a.cards-i-lnk.cards-i-link-odm:focus .cards-i-txt {
  color:rgba(255,255,255,.6);
}

main .hc2021 .cards-xl a.cards-i-lnk {
  padding: 32px 16px;
}
main .hc2021 .cards-m a.cards-i-lnk {
  text-align: center;
  padding-top: 32px;
  padding-bottom: 40px;
}
main .hc2021 .cards-s a.cards-i-lnk {
  padding-top: 20px;
}
.cards-i-ico {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
}

.cards-i-ico.img-import-costs {
  background-image: url("/hc/theming_assets/01HZPFCJB7SY74DSG29RH6Z32K");
}
.cards-i-ico.img-web-app-track {
  background-image: url("/hc/theming_assets/01HZPFCJJJ3RNJ6RWWWY6GKWE9");
}
.cards-i-ico.img-attribution {
  background-image: url("/hc/theming_assets/01HZPFCJRT6659BVDRJNRQENRB");
}
.cards-i-ico.img-marketing-reports {
  background-image: url("/hc/theming_assets/01HZPFCMDANZYNN1301877KTH9");
}
.cards-i-ico.img-odm-docs {
  background-image: url("/hc/theming_assets/01K74Z7NVH4M58G1YASF9NV45W");
}

.cards-i-ico.img-get-started {
  margin-top: -6px;
  margin-bottom: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='55' viewBox='0 0 60 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.5641 13.8792L49.1647 22.4798M28.0213 39.77L28.4735 40.2222C28.6755 40.4242 28.9683 40.4873 29.2108 40.4083C29.9709 40.1485 30.7346 39.8465 31.5023 39.5117L32.9735 44.4282C32.9789 44.4612 33.0089 44.5371 33.0089 44.5371C33.0487 44.632 33.1024 44.7225 33.1794 44.7994C33.4103 45.0303 33.7545 45.0805 34.0191 44.9409C34.0191 44.9409 34.0655 44.9138 34.0747 44.9046C35.2663 44.2036 36.407 43.3323 37.4544 42.2849C40.4035 39.3357 41.9913 35.6316 42.1318 32.1338C48.218 26.0283 51.543 18.5764 51.6586 12.1597C51.6637 11.9718 51.5929 11.754 51.4438 11.6049C51.2947 11.4558 51.0815 11.3804 50.889 11.3901C44.4627 11.4961 37.0156 14.8259 30.9104 20.9215C27.4124 21.0526 23.7036 22.645 20.7544 25.5941C19.707 26.6415 18.8357 27.7822 18.1347 28.9738C18.1255 28.983 18.0984 29.0294 18.0984 29.0294C17.9588 29.294 18.009 29.6382 18.2399 29.8691C18.3168 29.9461 18.4028 30.0045 18.5023 30.0396C18.5023 30.0396 18.5733 30.0648 18.6112 30.075L23.5276 31.5462C23.188 32.3091 22.8954 33.073 22.6356 33.8331C22.552 34.0802 22.6197 34.3684 22.8218 34.5705L23.4278 35.1765C24.4998 36.2485 28.0222 39.8076 28.0213 39.77ZM25.2515 43.3575C23.5565 45.0526 18.8602 46.4098 17.0388 46.0051C16.6341 44.1838 17.9913 39.4875 19.6864 37.7924C21.3815 36.0973 22.5849 37.3856 24.1216 38.9223C25.6584 40.4591 26.9466 41.6625 25.2515 43.3575ZM36.6548 30.4366C35.5371 31.5542 33.725 31.5542 32.6074 30.4366C31.4897 29.3189 31.4897 27.5068 32.6074 26.3892C33.725 25.2715 35.5371 25.2715 36.6548 26.3892C37.7724 27.5068 37.7724 29.3189 36.6548 30.4366Z' stroke='%23C3CDD7' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.cards-i-lnk:hover .cards-i-ico.img-get-started {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='55' viewBox='0 0 60 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.5641 13.8792L49.1647 22.4798M28.0213 39.77L28.4735 40.2222C28.6755 40.4242 28.9683 40.4873 29.2108 40.4083C29.9709 40.1485 30.7346 39.8465 31.5023 39.5117L32.9735 44.4282C32.9789 44.4612 33.0089 44.5371 33.0089 44.5371C33.0487 44.632 33.1024 44.7225 33.1794 44.7994C33.4103 45.0303 33.7545 45.0805 34.0191 44.9409C34.0191 44.9409 34.0655 44.9138 34.0747 44.9046C35.2663 44.2036 36.407 43.3323 37.4544 42.2849C40.4035 39.3357 41.9913 35.6316 42.1318 32.1338C48.218 26.0283 51.543 18.5764 51.6586 12.1597C51.6637 11.9718 51.5929 11.754 51.4438 11.6049C51.2947 11.4558 51.0815 11.3804 50.889 11.3901C44.4627 11.4961 37.0156 14.8259 30.9104 20.9215C27.4124 21.0526 23.7036 22.645 20.7544 25.5941C19.707 26.6415 18.8357 27.7822 18.1347 28.9738C18.1255 28.983 18.0984 29.0294 18.0984 29.0294C17.9588 29.294 18.009 29.6382 18.2399 29.8691C18.3168 29.9461 18.4028 30.0045 18.5023 30.0396C18.5023 30.0396 18.5733 30.0648 18.6112 30.075L23.5276 31.5462C23.188 32.3091 22.8954 33.073 22.6356 33.8331C22.552 34.0802 22.6197 34.3684 22.8218 34.5705L23.4278 35.1765C24.4998 36.2485 28.0222 39.8076 28.0213 39.77ZM25.2515 43.3575C23.5565 45.0526 18.8602 46.4098 17.0388 46.0051C16.6341 44.1838 17.9913 39.4875 19.6864 37.7924C21.3815 36.0973 22.5849 37.3856 24.1216 38.9223C25.6584 40.4591 26.9466 41.6625 25.2515 43.3575ZM36.6548 30.4366C35.5371 31.5542 33.725 31.5542 32.6074 30.4366C31.4897 29.3189 31.4897 27.5068 32.6074 26.3892C33.725 25.2715 35.5371 25.2715 36.6548 26.3892C37.7724 27.5068 37.7724 29.3189 36.6548 30.4366Z' stroke='%23C3CDD7' stroke-width='2'/%3E%3Cg filter='url(%23filter0_f)'%3E%3Ccircle cx='34.9662' cy='15.6375' r='7.81877' fill='%23FFC107'/%3E%3C/g%3E%3Ccircle cx='34.9665' cy='15.6375' r='3.90938' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='20.1475' y='0.818726' width='29.6375' height='29.6375' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='3.5' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.cards-i-ico.img-news-update {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='55' viewBox='0 0 60 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3682 20.3684L25.3682 16.7895M31.2629 20.3684V11.7368M37.1577 20.3684L37.1577 5' stroke='%23C3CDD7' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.9962 46.1052V46.1146H49.9468C49.9161 48.2491 48.1503 50 45.9661 50H18.8756C16.7007 50 14.9256 48.2489 14.8949 46.1052H48.9962Z' stroke='%23C3CDD7' stroke-width='2'/%3E%3Cpath d='M46.0909 32.2694V33.2694H47.0909H50.6361C50.9298 33.2694 51.2074 33.3635 51.3886 33.5026C51.5468 33.624 51.6316 33.7723 51.6316 33.9878V34.8061C51.6316 36.5156 51.1135 38.0013 50.2191 39.0429C49.3391 40.0679 48.0445 40.7254 46.3308 40.7254H45.1145H44.5314L44.2442 41.2327C44.1297 41.4351 44.0344 41.5902 43.969 41.6925C43.9513 41.7203 43.9359 41.7438 43.9233 41.763L43.9142 41.7716L43.8523 41.8655C43.5392 42.3398 42.564 43.3555 41.4065 44.2726C40.8402 44.7214 40.2661 45.1175 39.75 45.3964C39.2035 45.6916 38.8408 45.7894 38.6623 45.7894H38.6283H38.5944H38.5607H38.5271H38.4937H38.4604H38.4272H38.3942H38.3614H38.3286H38.296H38.2636H38.2312H38.199H38.167H38.1351H38.1033H38.0716H38.0401H38.0087H37.9774H37.9463H37.9153H37.8844H37.8537H37.823H37.7925H37.7622H37.7319H37.7018H37.6718H37.6419H37.6122H37.5825H37.553H37.5236H37.4944H37.4652H37.4362H37.4073H37.3785H37.3498H37.3212H37.2928H37.2645H37.2362H37.2081H37.1801H37.1523H37.1245H37.0968H37.0693H37.0418H37.0145H36.9873H36.9601H36.9331H36.9062H36.8794H36.8527H36.8261H36.7996H36.7733H36.747H36.7208H36.6947H36.6687H36.6428H36.617H36.5913H36.5658H36.5403H36.5149H36.4896H36.4643H36.4392H36.4142H36.3893H36.3644H36.3397H36.315H36.2905H36.266H36.2416H36.2173H36.1931H36.169H36.1449H36.121H36.0971H36.0733H36.0496H36.026H36.0024H35.979H35.9556H35.9323H35.9091H35.8859H35.8629H35.8399H35.817H35.7941H35.7714H35.7487H35.7261H35.7035H35.6811H35.6587H35.6364H35.6141H35.5919H35.5698H35.5478H35.5258H35.5039H35.482H35.4603H35.4386H35.4169H35.3953H35.3738H35.3523H35.331H35.3096H35.2883H35.2671H35.246H35.2249H35.2038H35.1829H35.1619H35.1411H35.1203H35.0995H35.0788H35.0581H35.0375H35.017H34.9965H34.9761H34.9557H34.9353H34.915H34.8948H34.8746H34.8544H34.8343H34.8142H34.7942H34.7742H34.7543H34.7344H34.7146H34.6948H34.675H34.6553H34.6356H34.6159H34.5963H34.5768H34.5572H34.5377H34.5183H34.4988H34.4794H34.4601H34.4407H34.4214H34.4022H34.3829H34.3637H34.3446H34.3254H34.3063H34.2872H34.2681H34.2491H34.2301H34.2111H34.1921H34.1732H34.1542H34.1353H34.1165H34.0976H34.0788H34.0599H34.0411H34.0224H34.0036H33.9849H33.9661H33.9474H33.9287H33.91H33.8913H33.8727H33.854H33.8354H33.8168H33.7981H33.7795H33.7609H33.7423H33.7238H33.7052H33.6866H33.668H33.6495H33.6309H33.6124H33.5938H33.5753H33.5567H33.5382H33.5196H33.5011H33.4825H33.464H33.4454H33.4269H33.4083H33.3897H33.3712H33.3526H33.334H33.3154H33.2968H33.2782H33.2596H33.2409H33.2223H33.2037H33.185H33.1663H33.1476H33.1289H33.1102H33.0915H33.0727H33.054H33.0352H33.0164H32.9976H32.9787H32.9599H32.941H32.9221H32.9032H32.8842H32.8653H32.8463H32.8273H32.8082H32.7892H32.7701H32.7509H32.7318H32.7126H32.6934H32.6742H32.6549H32.6356H32.6163H32.5969H32.5775H32.5581H32.5386H32.5191H32.4996H32.48H32.4604H32.4407H32.4211H32.4013H32.3816H32.3618H32.3419H32.322H32.3021H32.2821H32.2621H32.242H32.2219H32.2018H32.1816H32.1613H32.141H32.1207H32.1003H32.0798H32.0593H32.0388H32.0182H31.9975H31.9768H31.9561H31.9353H31.9144H31.8935H31.8725H31.8515H31.8304H31.8092H31.788H31.7667H31.7454H31.724H31.7025H31.681H31.6594H31.6378H31.6161H31.5943H31.5725H31.5506H31.5286H31.5065H31.4844H31.4622H31.44H31.4177H31.3953H31.3728H31.3503H31.3277H31.305H31.2822H31.2594H31.2365H31.2135H31.1904H31.1673H31.1441H31.1208H31.0974H31.0739H31.0504H31.0268H31.003H30.9793H30.9554H30.9314H30.9074H30.8833H30.859H30.8347H30.8104H30.7859H30.7613H30.7366H30.7119H30.6871H30.6621H30.6371H30.612H30.5868H30.5615H30.5361H30.5106H30.485H30.4593H30.4335H30.4076H30.3816H30.3556H30.3294H30.3031H30.2767H30.2502H30.2236H30.1969H30.1701H30.1432H30.1162H30.0891H30.0619H30.0345H30.0071H29.9795H29.9519H29.9241H29.8962H29.8682H29.8401H29.8119H29.7835H29.7551H29.7265H29.6979H29.6691H29.6401H29.6111H29.582H29.5527H29.5233H29.4938H29.4642H29.4344H29.4045H29.3745H29.3444H29.3142H29.2838H29.2533H29.2227H29.1919H29.1611H29.1301H29.0989H29.0676H29.0363H29.0047H28.9731H28.9413H28.9094H28.8773H28.8451H28.8128H28.7803H28.7477H28.715H28.6821H28.6491H28.6159H28.5826H28.5492H28.5156H28.4819H28.4481H28.4141H28.3799H28.3456H28.3112H28.2766H28.2419H28.207H28.172H28.1368H28.1015H28.0661H28.0304H27.9947H27.9587H27.9227H27.8864H27.8501H27.8135H27.7768H27.74H27.703H27.6658H27.6285H27.591H27.5534H27.5156H27.4777H27.4395H27.4013H27.3628H27.3242H27.2855H27.2465H27.2074H27.1682H27.1287H27.0892H27.0494H27.0095H26.9694H26.9291H26.8887H26.848H26.8073H26.7663H26.7252H26.6839H26.6424H26.6008H26.5589H26.5169H26.4747H26.4324H26.3899H26.3471H26.3042H26.2612H26.2179H26.1745H26.1309H26.0871H26.0431H25.9989H25.9545H25.91H25.8653H25.8204H25.7753H25.73H25.6845H25.6388H25.593H25.5469H25.5007H25.4542H25.4076H25.3881C23.2858 44.8155 21.4834 43.3786 20.2707 41.4935C18.7136 39.073 18.2632 36.9746 18.2632 34.4697V30.1052H46.0909V32.2694Z' stroke='%23C3CDD7' stroke-width='2'/%3E%3Cpath d='M44.5 41C44.6346 40.5429 45.6792 38.4217 45.8947 37.1053C46.1101 35.7889 46 35.4035 46 34' stroke='%23C3CDD7' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.cards-i-lnk:hover .cards-i-ico.img-news-update {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='55' viewBox='0 0 60 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3682 20.3684L25.3682 16.7895M31.2629 20.3684V11.7368M37.1577 20.3684L37.1577 5' stroke='%23C3CDD7' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.9962 46.1052V46.1146H49.9468C49.9161 48.2491 48.1503 50 45.9661 50H18.8756C16.7007 50 14.9256 48.2489 14.8949 46.1052H48.9962Z' stroke='%23C3CDD7' stroke-width='2'/%3E%3Cpath d='M46.0909 32.2694V33.2694H47.0909H50.6361C50.9298 33.2694 51.2074 33.3635 51.3886 33.5026C51.5468 33.624 51.6316 33.7723 51.6316 33.9878V34.8061C51.6316 36.5156 51.1135 38.0013 50.2191 39.0429C49.3391 40.0679 48.0445 40.7254 46.3308 40.7254H45.1145H44.5314L44.2442 41.2327C44.1297 41.4351 44.0344 41.5902 43.969 41.6925C43.9513 41.7203 43.9359 41.7438 43.9233 41.763L43.9142 41.7716L43.8523 41.8655C43.5392 42.3398 42.564 43.3555 41.4065 44.2726C40.8402 44.7214 40.2661 45.1175 39.75 45.3964C39.2035 45.6916 38.8408 45.7894 38.6623 45.7894H38.6283H38.5944H38.5607H38.5271H38.4937H38.4604H38.4272H38.3942H38.3614H38.3286H38.296H38.2636H38.2312H38.199H38.167H38.1351H38.1033H38.0716H38.0401H38.0087H37.9774H37.9463H37.9153H37.8844H37.8537H37.823H37.7925H37.7622H37.7319H37.7018H37.6718H37.6419H37.6122H37.5825H37.553H37.5236H37.4944H37.4652H37.4362H37.4073H37.3785H37.3498H37.3212H37.2928H37.2645H37.2362H37.2081H37.1801H37.1523H37.1245H37.0968H37.0693H37.0418H37.0145H36.9873H36.9601H36.9331H36.9062H36.8794H36.8527H36.8261H36.7996H36.7733H36.747H36.7208H36.6947H36.6687H36.6428H36.617H36.5914H36.5658H36.5403H36.5149H36.4896H36.4643H36.4392H36.4142H36.3893H36.3644H36.3397H36.315H36.2905H36.266H36.2416H36.2173H36.1931H36.169H36.1449H36.121H36.0971H36.0733H36.0496H36.026H36.0024H35.979H35.9556H35.9323H35.9091H35.8859H35.8629H35.8399H35.817H35.7941H35.7714H35.7487H35.7261H35.7035H35.6811H35.6587H35.6364H35.6141H35.5919H35.5698H35.5478H35.5258H35.5039H35.482H35.4603H35.4386H35.4169H35.3953H35.3738H35.3523H35.331H35.3096H35.2883H35.2671H35.246H35.2249H35.2038H35.1829H35.1619H35.1411H35.1203H35.0995H35.0788H35.0581H35.0375H35.017H34.9965H34.9761H34.9557H34.9353H34.915H34.8948H34.8746H34.8544H34.8343H34.8142H34.7942H34.7742H34.7543H34.7344H34.7146H34.6948H34.675H34.6553H34.6356H34.6159H34.5963H34.5768H34.5572H34.5377H34.5183H34.4988H34.4794H34.4601H34.4407H34.4214H34.4022H34.3829H34.3637H34.3446H34.3254H34.3063H34.2872H34.2681H34.2491H34.2301H34.2111H34.1921H34.1732H34.1542H34.1353H34.1165H34.0976H34.0788H34.0599H34.0411H34.0224H34.0036H33.9849H33.9661H33.9474H33.9287H33.91H33.8913H33.8727H33.854H33.8354H33.8168H33.7981H33.7795H33.7609H33.7423H33.7238H33.7052H33.6866H33.668H33.6495H33.6309H33.6124H33.5938H33.5753H33.5567H33.5382H33.5196H33.5011H33.4825H33.464H33.4454H33.4269H33.4083H33.3897H33.3712H33.3526H33.334H33.3154H33.2968H33.2782H33.2596H33.2409H33.2223H33.2037H33.185H33.1663H33.1476H33.1289H33.1102H33.0915H33.0727H33.054H33.0352H33.0164H32.9976H32.9787H32.9599H32.941H32.9221H32.9032H32.8842H32.8653H32.8463H32.8273H32.8082H32.7892H32.7701H32.7509H32.7318H32.7126H32.6934H32.6742H32.6549H32.6356H32.6163H32.5969H32.5775H32.5581H32.5386H32.5191H32.4996H32.48H32.4604H32.4407H32.4211H32.4013H32.3816H32.3618H32.3419H32.322H32.3021H32.2821H32.2621H32.242H32.2219H32.2018H32.1816H32.1613H32.141H32.1207H32.1003H32.0798H32.0593H32.0388H32.0182H31.9975H31.9768H31.9561H31.9353H31.9144H31.8935H31.8725H31.8515H31.8304H31.8092H31.788H31.7667H31.7454H31.724H31.7025H31.681H31.6594H31.6378H31.6161H31.5943H31.5725H31.5506H31.5286H31.5065H31.4844H31.4622H31.44H31.4177H31.3953H31.3728H31.3503H31.3277H31.305H31.2822H31.2594H31.2365H31.2135H31.1904H31.1673H31.1441H31.1208H31.0974H31.0739H31.0504H31.0268H31.003H30.9793H30.9554H30.9314H30.9074H30.8833H30.859H30.8347H30.8104H30.7859H30.7613H30.7366H30.7119H30.6871H30.6621H30.6371H30.612H30.5868H30.5615H30.5361H30.5106H30.485H30.4593H30.4335H30.4076H30.3816H30.3556H30.3294H30.3031H30.2767H30.2502H30.2236H30.1969H30.1701H30.1432H30.1162H30.0891H30.0619H30.0345H30.0071H29.9795H29.9519H29.9241H29.8962H29.8682H29.8401H29.8119H29.7835H29.7551H29.7265H29.6979H29.6691H29.6401H29.6111H29.582H29.5527H29.5233H29.4938H29.4642H29.4344H29.4045H29.3745H29.3444H29.3142H29.2838H29.2533H29.2227H29.1919H29.1611H29.1301H29.0989H29.0676H29.0363H29.0047H28.9731H28.9413H28.9094H28.8773H28.8451H28.8128H28.7803H28.7477H28.715H28.6821H28.6491H28.6159H28.5826H28.5492H28.5156H28.4819H28.4481H28.4141H28.3799H28.3456H28.3112H28.2766H28.2419H28.207H28.172H28.1368H28.1015H28.0661H28.0304H27.9947H27.9587H27.9227H27.8864H27.8501H27.8135H27.7768H27.74H27.703H27.6658H27.6285H27.591H27.5534H27.5156H27.4777H27.4395H27.4013H27.3628H27.3242H27.2855H27.2465H27.2074H27.1682H27.1287H27.0892H27.0494H27.0095H26.9694H26.9291H26.8887H26.848H26.8073H26.7663H26.7252H26.6839H26.6424H26.6008H26.5589H26.5169H26.4747H26.4324H26.3899H26.3471H26.3042H26.2612H26.2179H26.1745H26.1309H26.0871H26.0431H25.9989H25.9545H25.91H25.8653H25.8204H25.7753H25.73H25.6845H25.6388H25.593H25.5469H25.5007H25.4542H25.4076H25.3881C23.2858 44.8155 21.4834 43.3786 20.2707 41.4935C18.7136 39.073 18.2632 36.9746 18.2632 34.4697V30.1052H46.0909V32.2694Z' stroke='%23C3CDD7' stroke-width='2'/%3E%3Cpath d='M44.5 41C44.6346 40.5429 45.6792 38.4217 45.8947 37.1053C46.1101 35.7889 46 35.4035 46 34' stroke='%23C3CDD7' stroke-width='2'/%3E%3Cg filter='url(%23filter0_f)'%3E%3Ccircle cx='18.0504' cy='30.7347' r='8.42105' transform='rotate(12.557 18.0504 30.7347)' fill='%23FFC107'/%3E%3C/g%3E%3Ccircle cx='18.2242' cy='30.762' r='4.21053' transform='rotate(12.557 18.2242 30.762)' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='1' y='13.6842' width='34.1009' height='34.1009' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='3.5' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.cards-i-ico.img-security {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA2MCA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDEgMTIuMDAyMVYyMi45NjcyQzkuOTczMDQgMzEuODQxNCAxNC40Njg4IDQwLjIyOTQgMjIuMTg3NSA0NS43NDg0TDI5LjUgNTFMMzYuODEyNSA0NS43NDg0QzQ0LjUzMTIgNDAuMjI5NCA0OS4wMjcgMzEuODQxNCA0OC45OTk5IDIyLjk2NzJWMTIuMDAyMUwyOS41IDVMMTAuMDAwMSAxMi4wMDIxWiIgc3Ryb2tlPSIjQzNDREQ3IiBzdHJva2Utd2lkdGg9IjIuNDU3MTQiLz4KPHBhdGggZD0iTTI5LjQ4MzYgMTNMMjkuODk4MiAxNC4yOTA0SDMxLjIzOTlMMzAuMTU0NSAxNS4wODc5TDMwLjU2OSAxNi4zNzgzTDI5LjQ4MzYgMTUuNTgwOEwyOC4zOTgyIDE2LjM3ODNMMjguODEyOCAxNS4wODc5TDI3LjcyNzQgMTQuMjkwNEgyOS4wNjkxTDI5LjQ4MzYgMTNaIiBzdHJva2U9IiNDM0NERDciLz4KPHBhdGggZD0iTTI5LjQ4MzYgMzYuNjIxN0wyOS44OTgyIDM3LjkxMjFIMzEuMjM5OUwzMC4xNTQ1IDM4LjcwOTZMMzAuNTY5IDQwTDI5LjQ4MzYgMzkuMjAyNUwyOC4zOTgyIDQwTDI4LjgxMjggMzguNzA5NkwyNy43Mjc0IDM3LjkxMjFIMjkuMDY5MUwyOS40ODM2IDM2LjYyMTdaIiBzdHJva2U9IiNDM0NERDciLz4KPHBhdGggZD0iTTE3Ljc1NjIgMjQuODI3M0wxOC4xNzA4IDI2LjExNzZIMTkuNTEyNEwxOC40MjcgMjYuOTE1MUwxOC44NDE2IDI4LjIwNTVMMTcuNzU2MiAyNy40MDhMMTYuNjcwOCAyOC4yMDU1TDE3LjA4NTQgMjYuOTE1MUwxNiAyNi4xMTc2SDE3LjM0MTZMMTcuNzU2MiAyNC44MjczWiIgc3Ryb2tlPSIjQzNDREQ3Ii8+CjxwYXRoIGQ9Ik00MS4yNDM4IDI0LjgyNzNMNDEuNjU4NCAyNi4xMTc2SDQzTDQxLjkxNDYgMjYuOTE1MUw0Mi4zMjkyIDI4LjIwNTVMNDEuMjQzOCAyNy40MDhMNDAuMTU4NCAyOC4yMDU1TDQwLjU3MyAyNi45MTUxTDM5LjQ4NzYgMjYuMTE3Nkg0MC44MjkyTDQxLjI0MzggMjQuODI3M1oiIHN0cm9rZT0iI0MzQ0RENyIvPgo8cGF0aCBkPSJNMzUuMjgzMSAxNC42MzgxTDM1LjY5NzYgMTUuOTI4NUgzNy4wMzkzTDM1Ljk1MzkgMTYuNzI2TDM2LjM2ODUgMTguMDE2NEwzNS4yODMxIDE3LjIxODlMMzQuMTk3NyAxOC4wMTY0TDM0LjYxMjIgMTYuNzI2TDMzLjUyNjggMTUuOTI4NUgzNC44Njg1TDM1LjI4MzEgMTQuNjM4MVoiIHN0cm9rZT0iI0MzQ0RENyIvPgo8cGF0aCBkPSJNMjMuNzE2OSAxNC42MzgxTDI0LjEzMTUgMTUuOTI4NUgyNS40NzMyTDI0LjM4NzggMTYuNzI2TDI0LjgwMjQgMTguMDE2NEwyMy43MTY5IDE3LjIxODlMMjIuNjMxNSAxOC4wMTY0TDIzLjA0NjEgMTYuNzI2TDIxLjk2MDcgMTUuOTI4NUgyMy4zMDI0TDIzLjcxNjkgMTQuNjM4MVoiIHN0cm9rZT0iI0MzQ0RENyIvPgo8cGF0aCBkPSJNMzUuMjgzMSAzNS4wMTY0TDM1LjY5NzYgMzYuMzA2OEgzNy4wMzkzTDM1Ljk1MzkgMzcuMTA0M0wzNi4zNjg1IDM4LjM5NDdMMzUuMjgzMSAzNy41OTcyTDM0LjE5NzcgMzguMzk0N0wzNC42MTIyIDM3LjEwNDNMMzMuNTI2OCAzNi4zMDY4SDM0Ljg2ODVMMzUuMjgzMSAzNS4wMTY0WiIgc3Ryb2tlPSIjQzNDREQ3Ii8+CjxwYXRoIGQ9Ik0yMy43MTY5IDM1LjAxNjRMMjQuMTMxNSAzNi4zMDY4SDI1LjQ3MzJMMjQuMzg3OCAzNy4xMDQzTDI0LjgwMjQgMzguMzk0N0wyMy43MTY5IDM3LjU5NzJMMjIuNjMxNSAzOC4zOTQ3TDIzLjA0NjEgMzcuMTA0M0wyMS45NjA3IDM2LjMwNjhIMjMuMzAyNEwyMy43MTY5IDM1LjAxNjRaIiBzdHJva2U9IiNDM0NERDciLz4KPHBhdGggZD0iTTM5LjU1ODkgMTguOTYyN0wzOS45NzM1IDIwLjI1MzFINDEuMzE1Mkw0MC4yMjk4IDIxLjA1MDZMNDAuNjQ0MyAyMi4zNDFMMzkuNTU4OSAyMS41NDM1TDM4LjQ3MzUgMjIuMzQxTDM4Ljg4ODEgMjEuMDUwNkwzNy44MDI3IDIwLjI1MzFIMzkuMTQ0M0wzOS41NTg5IDE4Ljk2MjdaIiBzdHJva2U9IiNDM0NERDciLz4KPHBhdGggZD0iTTE5LjI3ODkgMTguOTYyN0wxOS42OTM1IDIwLjI1MzFIMjEuMDM1MUwxOS45NDk3IDIxLjA1MDZMMjAuMzY0MyAyMi4zNDFMMTkuMjc4OSAyMS41NDM1TDE4LjE5MzUgMjIuMzQxTDE4LjYwODEgMjEuMDUwNkwxNy41MjI3IDIwLjI1MzFIMTguODY0M0wxOS4yNzg5IDE4Ljk2MjdaIiBzdHJva2U9IiNDM0NERDciLz4KPHBhdGggZD0iTTM5LjU1ODkgMzAuNjkxOEwzOS45NzM1IDMxLjk4MjJINDEuMzE1Mkw0MC4yMjk4IDMyLjc3OTdMNDAuNjQ0MyAzNC4wNzAxTDM5LjU1ODkgMzMuMjcyNkwzOC40NzM1IDM0LjA3MDFMMzguODg4MSAzMi43Nzk3TDM3LjgwMjcgMzEuOTgyMkgzOS4xNDQzTDM5LjU1ODkgMzAuNjkxOFoiIHN0cm9rZT0iI0MzQ0RENyIvPgo8cGF0aCBkPSJNMTkuMjc4OSAzMC42OTE4TDE5LjY5MzUgMzEuOTgyMkgyMS4wMzUxTDE5Ljk0OTcgMzIuNzc5N0wyMC4zNjQzIDM0LjA3MDFMMTkuMjc4OSAzMy4yNzI2TDE4LjE5MzUgMzQuMDcwMUwxOC42MDgxIDMyLjc3OTdMMTcuNTIyNyAzMS45ODIySDE4Ljg2NDNMMTkuMjc4OSAzMC42OTE4WiIgc3Ryb2tlPSIjQzNDREQ3Ii8+Cjwvc3ZnPgo=");
}
.cards-i-lnk:hover .cards-i-ico.img-security {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA2MCA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExMTJfMzQwNikiPgo8cGF0aCBkPSJNMTAuMDAwMSAxMi4wMDIxVjIyLjk2NzJDOS45NzMwNCAzMS44NDE0IDE0LjQ2ODggNDAuMjI5NCAyMi4xODc1IDQ1Ljc0ODRMMjkuNSA1MUwzNi44MTI1IDQ1Ljc0ODRDNDQuNTMxMiA0MC4yMjk0IDQ5LjAyNyAzMS44NDE0IDQ4Ljk5OTkgMjIuOTY3MlYxMi4wMDIxTDI5LjUgNUwxMC4wMDAxIDEyLjAwMjFaIiBzdHJva2U9IiNDM0NERDciIHN0cm9rZS13aWR0aD0iMi40NTcxNCIvPgo8cGF0aCBkPSJNMjkuNDgzNiAxM0wyOS44OTgyIDE0LjI5MDRIMzEuMjM5OUwzMC4xNTQ1IDE1LjA4NzlMMzAuNTY5IDE2LjM3ODNMMjkuNDgzNiAxNS41ODA4TDI4LjM5ODIgMTYuMzc4M0wyOC44MTI4IDE1LjA4NzlMMjcuNzI3NCAxNC4yOTA0SDI5LjA2OTFMMjkuNDgzNiAxM1oiIHN0cm9rZT0iI0MzQ0RENyIvPgo8cGF0aCBkPSJNMjkuNDgzNiAzNi42MjE3TDI5Ljg5ODIgMzcuOTEyMUgzMS4yMzk5TDMwLjE1NDUgMzguNzA5NkwzMC41NjkgNDBMMjkuNDgzNiAzOS4yMDI1TDI4LjM5ODIgNDBMMjguODEyOCAzOC43MDk2TDI3LjcyNzQgMzcuOTEyMUgyOS4wNjkxTDI5LjQ4MzYgMzYuNjIxN1oiIHN0cm9rZT0iI0MzQ0RENyIvPgo8cGF0aCBkPSJNMTcuNzU2MiAyNC44MjczTDE4LjE3MDggMjYuMTE3NkgxOS41MTI0TDE4LjQyNyAyNi45MTUxTDE4Ljg0MTYgMjguMjA1NUwxNy43NTYyIDI3LjQwOEwxNi42NzA4IDI4LjIwNTVMMTcuMDg1NCAyNi45MTUxTDE2IDI2LjExNzZIMTcuMzQxNkwxNy43NTYyIDI0LjgyNzNaIiBzdHJva2U9IiNDM0NERDciLz4KPHBhdGggZD0iTTQxLjI0MzggMjQuODI3M0w0MS42NTg0IDI2LjExNzZINDNMNDEuOTE0NiAyNi45MTUxTDQyLjMyOTIgMjguMjA1NUw0MS4yNDM4IDI3LjQwOEw0MC4xNTg0IDI4LjIwNTVMNDAuNTczIDI2LjkxNTFMMzkuNDg3NiAyNi4xMTc2SDQwLjgyOTJMNDEuMjQzOCAyNC44MjczWiIgc3Ryb2tlPSIjQzNDREQ3Ii8+CjxwYXRoIGQ9Ik0zNS4yODMxIDE0LjYzODFMMzUuNjk3NiAxNS45Mjg1SDM3LjAzOTNMMzUuOTUzOSAxNi43MjZMMzYuMzY4NSAxOC4wMTY0TDM1LjI4MzEgMTcuMjE4OUwzNC4xOTc3IDE4LjAxNjRMMzQuNjEyMiAxNi43MjZMMzMuNTI2OCAxNS45Mjg1SDM0Ljg2ODVMMzUuMjgzMSAxNC42MzgxWiIgc3Ryb2tlPSIjQzNDREQ3Ii8+CjxwYXRoIGQ9Ik0yMy43MTY5IDE0LjYzODFMMjQuMTMxNSAxNS45Mjg1SDI1LjQ3MzJMMjQuMzg3OCAxNi43MjZMMjQuODAyNCAxOC4wMTY0TDIzLjcxNjkgMTcuMjE4OUwyMi42MzE1IDE4LjAxNjRMMjMuMDQ2MSAxNi43MjZMMjEuOTYwNyAxNS45Mjg1SDIzLjMwMjRMMjMuNzE2OSAxNC42MzgxWiIgc3Ryb2tlPSIjQzNDREQ3Ii8+CjxwYXRoIGQ9Ik0zNS4yODMxIDM1LjAxNjRMMzUuNjk3NiAzNi4zMDY4SDM3LjAzOTNMMzUuOTUzOSAzNy4xMDQzTDM2LjM2ODUgMzguMzk0N0wzNS4yODMxIDM3LjU5NzJMMzQuMTk3NyAzOC4zOTQ3TDM0LjYxMjIgMzcuMTA0M0wzMy41MjY4IDM2LjMwNjhIMzQuODY4NUwzNS4yODMxIDM1LjAxNjRaIiBzdHJva2U9IiNDM0NERDciLz4KPHBhdGggZD0iTTIzLjcxNjkgMzUuMDE2NEwyNC4xMzE1IDM2LjMwNjhIMjUuNDczMkwyNC4zODc4IDM3LjEwNDNMMjQuODAyNCAzOC4zOTQ3TDIzLjcxNjkgMzcuNTk3MkwyMi42MzE1IDM4LjM5NDdMMjMuMDQ2MSAzNy4xMDQzTDIxLjk2MDcgMzYuMzA2OEgyMy4zMDI0TDIzLjcxNjkgMzUuMDE2NFoiIHN0cm9rZT0iI0MzQ0RENyIvPgo8cGF0aCBkPSJNMzkuNTU4OSAxOC45NjI3TDM5Ljk3MzUgMjAuMjUzMUg0MS4zMTUyTDQwLjIyOTggMjEuMDUwNkw0MC42NDQzIDIyLjM0MUwzOS41NTg5IDIxLjU0MzVMMzguNDczNSAyMi4zNDFMMzguODg4MSAyMS4wNTA2TDM3LjgwMjcgMjAuMjUzMUgzOS4xNDQzTDM5LjU1ODkgMTguOTYyN1oiIHN0cm9rZT0iI0MzQ0RENyIvPgo8cGF0aCBkPSJNMTkuMjc4OSAxOC45NjI3TDE5LjY5MzUgMjAuMjUzMUgyMS4wMzUxTDE5Ljk0OTcgMjEuMDUwNkwyMC4zNjQzIDIyLjM0MUwxOS4yNzg5IDIxLjU0MzVMMTguMTkzNSAyMi4zNDFMMTguNjA4MSAyMS4wNTA2TDE3LjUyMjcgMjAuMjUzMUgxOC44NjQzTDE5LjI3ODkgMTguOTYyN1oiIHN0cm9rZT0iI0MzQ0RENyIvPgo8cGF0aCBkPSJNMzkuNTU4OSAzMC42OTE4TDM5Ljk3MzUgMzEuOTgyMkg0MS4zMTUyTDQwLjIyOTggMzIuNzc5N0w0MC42NDQzIDM0LjA3MDFMMzkuNTU4OSAzMy4yNzI2TDM4LjQ3MzUgMzQuMDcwMUwzOC44ODgxIDMyLjc3OTdMMzcuODAyNyAzMS45ODIySDM5LjE0NDNMMzkuNTU4OSAzMC42OTE4WiIgc3Ryb2tlPSIjQzNDREQ3Ii8+CjxwYXRoIGQ9Ik0xOS4yNzg5IDMwLjY5MThMMTkuNjkzNSAzMS45ODIySDIxLjAzNTFMMTkuOTQ5NyAzMi43Nzk3TDIwLjM2NDMgMzQuMDcwMUwxOS4yNzg5IDMzLjI3MjZMMTguMTkzNSAzNC4wNzAxTDE4LjYwODEgMzIuNzc5N0wxNy41MjI3IDMxLjk4MjJIMTguODY0M0wxOS4yNzg5IDMwLjY5MThaIiBzdHJva2U9IiNDM0NERDciLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl8xMTEyXzM0MDYpIj4KPGNpcmNsZSBjeD0iNDguMDUwNCIgY3k9IjEyLjA1MDUiIHI9IjguNDIxMDUiIHRyYW5zZm9ybT0icm90YXRlKDEyLjU1NyA0OC4wNTA0IDEyLjA1MDUpIiBmaWxsPSIjRkZDMTA3Ii8+CjwvZz4KPGNpcmNsZSBjeD0iNDguMjI0MiIgY3k9IjEyLjA3NzgiIHI9IjQuMjEwNTMiIHRyYW5zZm9ybT0icm90YXRlKDEyLjU1NyA0OC4yMjQyIDEyLjA3NzgpIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfMTExMl8zNDA2IiB4PSIzMi42Mjc0IiB5PSItMy4zNzI0NCIgd2lkdGg9IjMwLjg0NTciIGhlaWdodD0iMzAuODQ1NyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzLjUiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8xMTEyXzM0MDYiLz4KPC9maWx0ZXI+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTExMl8zNDA2Ij4KPHJlY3Qgd2lkdGg9IjYwIiBoZWlnaHQ9IjU1IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
}
.cards-i-ico.img-sources-to-ga {
  background-image: url("/hc/theming_assets/01HZPFCGAY1RSXAEFFSCABDV8Z");
}
.cards-i-ico.img-sources-to-gbq {
  background-image: url("/hc/theming_assets/01HZPFCGPJZAHJ41G0GW7FD8AV");
}
.cards-i-ico.img-gbq-to-destination {
  background-image: url("/hc/theming_assets/01HZPFCM49JVPX0DJXT1KN7S90");
}
.cards-i-ico.img-ga-to-gbq {
  background-image: url("/hc/theming_assets/01HZPFCFZP6A974ZHTWFXGKZV2");
}
.cards-i-ico.img-data-monitoring {
  background-image: url("/hc/theming_assets/01HZPFCFMWZ4VNDAX6ETXM82WH");
}
.cards-i-ico.img-event-streaming {
  background-image: url("/hc/theming_assets/01HZPFCHCJZEE3Q23CYKYG3WS7");
}
.cards-i-ico.img-hit-streaming {
  background-image: url("/hc/theming_assets/01HZPFCJ33P89W0BKPD7JA5SE7");
}
.cards-i-ico.img-appsflyer-streaming {
  background-image: url("/hc/theming_assets/01HZPFCH1E8H0P1HQG9M5KKJV9");
}
.cards-i-ico.img-gtm-ss-streaming {
  background-image: url("/hc/theming_assets/01HZPFCHR69W38P13MMWWG3VFP");
}
.cards-i-ico.img-transformation-templates {
  background-image: url("/hc/theming_assets/01HZPFCKEDBBQTBMKMCCZ0SCEP");
}
.cards-i-ico.img-transformation-guide {
  background-image: url("/hc/theming_assets/01HZPFCKS236BECDETMSHDQV6F");
}
.cards-i-ico.img-data-modelling {
  background-image: url("/hc/theming_assets/01HZPFCK41E0XMX6XP60SHXGMV");
}
.cards-i-ico.img-google-sheets-extension {
  background-image: url("/hc/theming_assets/01HZPFCMQ0CNNKFV5A7A1K2XD4");
}
.cards-i-ico.img-ai-powered-solutions {
  background-image: url("/hc/theming_assets/01HZPFCN2QZMD9X91P7D9WZZTY");
}

.cards-xl .cards-i-ico {
  width: 260px;
  height: 200px;
  margin: 0 auto;
}
.cards-m .cards-i-ico {
  width: 140px;
  height: 110px;
  margin: 0 auto 8px;
}
.cards-s .cards-i-ico {
  width: 60px;
  height: 60px;
  float: left;
}
main .hc2021 .cards-xs a.cards-i-lnk {
  padding: 16px 24px;
}
.cards-i-title {
  font-size: 18px;
}
.cards-i-txt {
  color: #666;
}
.cards-s .cards-i-title, .cards-s .cards-i-txt {
  margin-left: 72px;
}
.cards-m .cards-i-title {
  /*font-size: 24px;*/
}
.cards-m .cards-i-txt {
  margin-top: 8px;
  /*line-height: 1.75em;*/
}
.cards-s .cards-i-title {
  margin-bottom: 4px;
  margin-top: 2px;
}
.cards-xl .cards-i-title {
  text-align: center;
}
.cards-xs .cards-i-title {
  font-size: 16px;
}

.cards+.cards {
  margin-bottom: 24px;
}

/* end: Cards */

/* HEADER */
.hc2021 .header {
  padding: 16px 0 12px;
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  position: relative;
	z-index: 5;
}

.hc2021 .header .logo {
  width: 270px;
  float: left;
  margin-right: 0;
  margin-top: 0;
}
.hc2021 .header .logo a {
  display: block;
  float: left;
}
.hc2021 .header .logo a:nth-child(1) {
  text-indent: -1000em;
  width: 158px;
  height: 34px;
	border-radius: 4px;
  margin: -4px 0 0 -8px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQyIiBoZWlnaHQ9IjI2IiB2aWV3Qm94PSIwIDAgMTQyIDI2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzIuNDYyNiA1Ljg4MzM2QzMyLjQ2MjYgNS44ODMzNiAzMi4wNCA0LjE1ODM0IDMxLjAxMjcgMy4xMzQ3MkMyOS45ODIyIDIuMTA5OTMgMjguMjg1NCAyLjAwNzA3IDI4LjI4NTQgMi4wMDcwN0MyOC4yODU0IDIuMDA3MDcgMjYuNTc0NiAxLjc3NzM1IDIzLjQzMDcgMS42MzgyNUMyMy40MzA3IDEuNjM4MjUgMjAuMzYwOSAxLjUzNTE2IDE4LjU0NjQgMS41MzUxNkMxMi4zMjMyIDEuNTM1MTYgOS4xNzI4MiAyLjAwNzMxIDkuMTcyODIgMi4wMDczMUM5LjE3MjgyIDIuMDA3MzEgNy42NDcwMiAyLjExMDE2IDYuNjE3NTMgMy4xMzQ5NkM1LjU4ODA1IDQuMTU4NTggNS4xNjU0MyA1Ljg4MzYgNS4xNjU0MyA1Ljg4MzZDNS4xNjU0MyA1Ljg4MzYgNC41MzIxIDguNjIwNjkgNC41MzIxIDEzLjA2NjZDNC41MzIxIDE0LjE0MzEgNC42MzA2MSAxNi4wNDA5IDQuNjMwNjEgMTYuMDQwOUM0LjgwOTIgMTguNjgzNCA1LjE2NTY3IDIwLjIwMjUgNS4xNjU2NyAyMC4yMDI1QzUuMTY1NjcgMjAuMjAyNSA1LjU4ODI4IDIyLjEyMzYgNi42MTc3NyAyMy4xNDkxQzcuNjQ3MjUgMjQuMTcyOSA5LjM0MjkgMjQuMjc2NSA5LjM0MjkgMjQuMjc2NUM5LjM0MjkgMjQuMjc2NSAxMy4zNTg4IDI0LjczOTQgMTkuMzg5MiAyNC43Mzk0QzI1LjY3NDggMjQuNzM5NCAyOC41OTU4IDI0LjI3MzcgMjguNTk1OCAyNC4yNzM3QzI4LjU5NTggMjQuMjczNyAyOS45NTM5IDI0LjIwMTQgMzEuMjIzNiAyMi45MDY5QzMyLjAyMzcgMjIuMDkxMSAzMi40OTI0IDIwLjIwMjUgMzIuNDkyNCAyMC4yMDI1QzMyLjQ5MjQgMjAuMjAyNSAzMi44NDA0IDE4LjcxOCAzMy4wMDUyIDE1LjkyNDdDMzMuMDA1MiAxNS45MjQ3IDMzLjA5MTIgMTQuMDYwMyAzMy4wOTEyIDEyLjk0NDRDMzMuMDkwOCA4LjIyNzg3IDMyLjQ2MjYgNS44ODMzNiAzMi40NjI2IDUuODgzMzZaTTI2LjQ0NjggMTAuODY5M0wyNi4xMTMzIDE1LjM3MTZDMjUuOTc0NCAxOC4wMjA3IDI1LjMwMjEgMTguODIzNiAyNS4wODM1IDE5LjA4ODhDMjQuMzk4IDE5LjkxMzUgMjMuMzc5OSAyMC4zMzM5IDIyLjA2MTcgMjAuMzMzOUgxNC43NzA3QzExLjYxMzggMjAuMzMzOSAxMS4wNzk0IDE4LjQzNTQgMTEuMjM5MSAxNS4zNzE2TDExLjU3MTcgMTAuODY5M0MxMS42Njg4IDkuMDU2NTEgMTEuOTg2MyA3LjgwNjcgMTIuNTE5MiA3LjE1MzA4QzEzLjEyNTQgNi40MTUyIDE0LjIgNi4wMjA5NiAxNS42MTkgNi4wMjA5NkgyMi45MTA1QzI0LjI1NTYgNi4wMjA5NiAyNS4yMjc0IDYuNDQxNTYgMjUuNzk3NyA3LjI2OTU5QzI2LjMyMDcgOC4wMjg4OSAyNi41MzU2IDkuMjA4MDkgMjYuNDQ2OCAxMC44NjkzWiIgZmlsbD0iIzFFODhFNSIvPgo8cGF0aCBkPSJNMTAyLjUyMiA1Ljg4MzM2QzEwMi41MjIgNS44ODMzNiAxMDIuMDk5IDQuMTU4MzQgMTAxLjA3MiAzLjEzNDcyQzEwMC4wNDEgMi4xMDk5MyA5OC4zNDQ1IDIuMDA3MDcgOTguMzQ0NSAyLjAwNzA3Qzk4LjM0NDUgMi4wMDcwNyA5Ni42MzM3IDEuNzc3MzUgOTMuNDg5NyAxLjYzODI1QzkzLjQ4OTcgMS42MzgyNSA5MC40MTk5IDEuNTM1MTYgODguNjA1NSAxLjUzNTE2QzgyLjM4MjMgMS41MzUxNiA3OS4yMzE5IDIuMDA3MzEgNzkuMjMxOSAyLjAwNzMxQzc5LjIzMTkgMi4wMDczMSA3Ny43MDYxIDIuMTEwMTYgNzYuNjc2NiAzLjEzNDk2Qzc1LjY0NzEgNC4xNTg1OCA3NS4yMjQ1IDUuODgzNiA3NS4yMjQ1IDUuODgzNkM3NS4yMjQ1IDUuODgzNiA3NC41OTEyIDguNjIwNjkgNzQuNTkxMiAxMy4wNjY2Qzc0LjU5MTIgMTQuMTQzMSA3NC42ODk3IDE2LjA0MDkgNzQuNjg5NyAxNi4wNDA5Qzc0Ljg2ODMgMTguNjgzNCA3NS4yMjQ4IDIwLjIwMjUgNzUuMjI0OCAyMC4yMDI1Qzc1LjIyNDggMjAuMjAyNSA3NS42NDc0IDIyLjEyMzYgNzYuNjc2OSAyMy4xNDkxQzc3LjcwNjMgMjQuMTcyOSA3OS40MDIgMjQuMjc2NSA3OS40MDIgMjQuMjc2NUM3OS40MDIgMjQuMjc2NSA4My40MTc5IDI0LjczOTQgODkuNDQ4MyAyNC43Mzk0Qzk1LjczMzkgMjQuNzM5NCA5OC42NTQ5IDI0LjI3MzcgOTguNjU0OSAyNC4yNzM3Qzk4LjY1NDkgMjQuMjczNyAxMDAuMDEzIDI0LjIwMTQgMTAxLjI4MyAyMi45MDY5QzEwMi4wODMgMjIuMDkxMSAxMDIuNTUxIDIwLjIwMjUgMTAyLjU1MSAyMC4yMDI1QzEwMi41NTEgMjAuMjAyNSAxMDIuODk5IDE4LjcxOCAxMDMuMDY0IDE1LjkyNDdDMTAzLjA2NCAxNS45MjQ3IDEwMy4xNSAxNC4wNjAzIDEwMy4xNSAxMi45NDQ0QzEwMy4xNSA4LjIyNzg3IDEwMi41MjIgNS44ODMzNiAxMDIuNTIyIDUuODgzMzZaTTk2LjUwNTkgMTAuODY5M0w5Ni4xNzIzIDE1LjM3MTZDOTYuMDMzNCAxOC4wMjA3IDk1LjM2MTEgMTguODIzNiA5NS4xNDI2IDE5LjA4ODhDOTQuNDU3MSAxOS45MTM1IDkzLjQzODkgMjAuMzMzOSA5Mi4xMjA4IDIwLjMzMzlIODQuODI5OEM4MS42NzI5IDIwLjMzMzkgODEuMTM4NSAxOC40MzU0IDgxLjI5ODIgMTUuMzcxNkw4MS42MzA4IDEwLjg2OTNDODEuNzI3OSA5LjA1NjUxIDgyLjA0NTQgNy44MDY3IDgyLjU3ODMgNy4xNTMwOEM4My4xODQ1IDYuNDE1MiA4NC4yNTkxIDYuMDIwOTYgODUuNjc4MSA2LjAyMDk2SDkyLjk2OTZDOTQuMzE0NiA2LjAyMDk2IDk1LjI4NjUgNi40NDE1NiA5NS44NTY3IDcuMjY5NTlDOTYuMzc5OCA4LjAyODg5IDk2LjU5NDcgOS4yMDgwOSA5Ni41MDU5IDEwLjg2OTNaIiBmaWxsPSIjMUU4OEU1Ii8+CjxwYXRoIGQ9Ik02Ny4yNDEzIDIuNTg3NThDNjcuMjQxMyAyLjU4NzU4IDYzLjg5ODcgMTAuNjk4NCA2Mi4zMzk4IDE0LjU4ODRDNjIuMjY0NCAxNC43NzUzIDYxLjk4OTEgMTQuNzgxOCA2MS45MjA1IDE0LjYwMTlDNjAuMjEwMSAxMC4yMzA1IDU3LjM4NCAzLjIxNSA1Ny4zODQgMy4yMTVDNTcuMjI3IDIuNjM3MDQgNTYuNjc1IDIuMTcwNTMgNTUuODAwMSAyLjE3MDUzSDUxLjg0N0M1MS4wNzA3IDIuMTcwNTMgNTAuNjc5OSAyLjc0MTMgNTAuNDQ0IDMuNDQ3MjFDNTAuNDQ0IDMuNDQ3MjEgNDcuNjc3OCAxMC4yODQyIDQ1Ljk4MjMgMTQuNjMxM0M0NS45MDcxIDE0LjgyMDggNDUuNjY3MyAxNC43OTYyIDQ1LjU5NjMgMTQuNjIzMkM0NC4wNzgyIDEwLjgyOCA0MC43MDY2IDIuNTg3NTggNDAuNzA2NiAyLjU4NzU4QzQwLjYwNDYgMi4zNTY1MyA0MC40MTUxIDIuMTcwNTMgNDAuMDU4OCAyLjE3MDUzSDMzLjM1OTVMNDIuMDkxOCAyMi45NzY1QzQyLjM2OTIgMjMuNjc3OCA0Mi44MzQ3IDI0LjI0NzQgNDMuNzQ5MyAyNC4yNDc0SDQ3LjYzOUM0OC41NTU5IDI0LjI0NzQgNDkuMDM3IDIzLjc4NzggNDkuMzAwNSAyMy4wODI4QzQ5LjMwMDUgMjMuMDgyOCA1Mi4wMTkxIDE2LjM2NDggNTMuNzU1OSAxMS45MjUyQzUzLjgyNTMgMTEuNzQ3NSA1NC4xMDg3IDExLjc4MjYgNTQuMTY3OSAxMS45MzRDNTUuODg4MiAxNi4zMjY5IDU4LjU3OTcgMjIuOTc2NSA1OC41Nzk3IDIyLjk3NjVDNTguODU1IDIzLjY3NzggNTkuMzE5MiAyNC4yNDc0IDYwLjIzNTEgMjQuMjQ3NEg2NC4xOTk4TDY0LjIwNjMgMjQuMjQxNkM2NS4wNjczIDI0LjIxMjMgNjUuNTI4NiAyMy43NjY3IDY1Ljc4NjMgMjMuMDgzMUw3NC41NjI1IDIuMTcwNzZINjcuODkxOUM2Ny41MzIyIDIuMTcwNTMgNjcuMzQxIDIuMzIxNyA2Ny4yNDEzIDIuNTg3NThaIiBmaWxsPSIjMUU4OEU1Ii8+CjxwYXRoIGQ9Ik0xMzYuNzA2IDIuMDgyMDNIMTI3Ljc3NUMxMjcuNzc1IDIuMDgyMDMgMTIyLjY5NCA2LjY1ODE3IDEyMC41NDUgOC41OTE3N0MxMjAuNDEzIDguNzEyMDUgMTE5LjkzNyA4LjY5ODgyIDExOS43OTYgOC41NzA4N0MxMTcuNjM3IDYuNjI3NzUgMTEyLjU5MSAyLjA4MjAzIDExMi41OTEgMi4wODIwM0gxMDMuNjc2QzEwMy41MTMgMi4wODIwMyAxMDMuMzgyIDIuMTg4ODUgMTAzLjM4MiAyLjMyMDI4QzEwMy4zODIgMi4zMjAyOCAxMTMuMjEgMTEuMTcyMSAxMTUuMjE3IDEyLjk3OThDMTE1LjMwOCAxMy4wNTk3IDExNS4yOTUgMTMuMzE5MyAxMTUuMTk5IDEzLjQwNzhDMTEzLjE4NCAxNS4yMjI3IDEwNS4wMTEgMjIuNTg2NSAxMDMuMzk0IDI0LjA0MjJDMTAzLjIxNSAyNC4yMDQ1IDEwMy42MDUgMjQuMjkxNiAxMDMuNjA1IDI0LjI5MTZIMTEyLjU5MUMxMTIuNTkxIDI0LjI5MTYgMTE3LjcxNSAxOS42NzU1IDExOS44NDQgMTcuNzU0NUMxMTkuOTY5IDE3LjY0MzUgMTIwLjQgMTcuNjQ4NCAxMjAuNTI1IDE3Ljc2MUMxMjIuNjY1IDE5LjY4NjIgMTI3Ljc3NCAyNC4yOTE2IDEyNy43NzQgMjQuMjkxNkgxMzYuNjQyQzEzNi42NDIgMjQuMjkxNiAxMzcuMDcgMjQuMTM3OSAxMzYuNzY3IDIzLjg2NjlDMTM0Ljc5MSAyMi4wODMzIDEyNy4xOSAxNS4yMzMyIDEyNS4xNjcgMTMuNDA3OEMxMjUuMDcxIDEzLjMyMjEgMTI1LjA0NSAxMy4wNzE1IDEyNS4xMTkgMTMuMDA0N0MxMjcuMTMyIDExLjE5MTEgMTM1LjMxMSAzLjgyMjkgMTM2Ljk1MyAyLjM0MjhDMTM3LjE0IDIuMTczNTIgMTM2LjcwNiAyLjA4MjAzIDEzNi43MDYgMi4wODIwM1oiIGZpbGw9IiMxRTg4RTUiLz4KPC9zdmc+Cg==") no-repeat 8px 4px;
}
.hc2021 .header .logo a:nth-child(1):hover {
  background-color: #F4F4F4;
}
.hc2021 .header .logo a:nth-child(2) {
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #666;
  margin: -8px 0 0 -8px;
  padding: 4px 8px;
	border-radius: 4px;
}
.hc2021 .header .logo a:nth-child(2):hover {
	color: #1E88E5;
	background: #F4F4F4;
}
.hc2021 .header .header_search {
	float: left;
  width: 40%;
  max-width: 550px;
  margin-top: -4px;
  height: 38px;
  position: relative;
}
.hc2021 .header .header_search input[type=search] {
	background: #F8F8F8;
	border-radius: 6px;
  border: 0;
  font-size: 16px;
  line-height: 20px;
	padding: 10px 10px 8px 40px;
  width: 100%;
}
.hc2021 .header .header_search input[type=search]:hover, .hc2021 .header .header_search input[type=search]:focus,.hc2021 .header .header_search input[type=search]:active {
	background: #F4F4F4;
}
.hc2021 .header .header_search:before {
  content: '';
  width: 24px;
  height: 24px;
  left: 10px;
  top: 22px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 15.5V14.7L13.7 14.4C12.6 15.4 11.1 16 9.5 16C5.9 16 3 13.1 3 9.5C3 5.9 5.9 3 9.5 3C13.1 3 16 5.9 16 9.5C16 11.1 15.4 12.6 14.4 13.7L14.7 14H15.5L20.5 19L19 20.5L14 15.5ZM14 9.5C14 7 12 5 9.5 5C7 5 5 7 5 9.5C5 12 7 14 9.5 14C12 14 14 12 14 9.5Z' fill='%23808080'/%3E%3C/svg%3E%0A") no-repeat 0 0;
}

.hc2021 .header .b-product-link {
  float: right;
  margin-top: -2px;
  margin-left: 8px;
}

main .hc2021 a.odm-a[target="_blank"] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  overflow: hidden;
  background: #00265D url("/hc/theming_assets/01K74E12ZX7SKPGKCHN78K30R6") no-repeat 50% 50%;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding-right: 0;
}
.hc2021 .odm-a:link,.hc2021 .odm-a:visited, .hc2021 .odm-a:hover {color: #fff}
.hc2021 .odm-c {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0 auto;
}
.hc2021 .odm-logo {
  display: block;
  width: 28px;
  height: 22px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjA0NTUgMi4zNzk3MUMyNS45NTIgMy4yNjYyNSAyNi4zMjQ5IDQuNzYwMjYgMjYuMzI0OSA0Ljc2MDI2QzI2LjMyNDkgNC43NjAyNiAyNi44Nzk1IDcuNzY4NzYgMjYuODc5NSAxMS44NTM1QzI2Ljg3OTUgNi4wNzE2MiAyNC44NzI2IDUuMDc5MTcgMTcuODk2NCA1LjA3OTE3SDExLjQ2MjlDNy44OTE3MSA1LjA3OTE3IDguMTMzMjMgOC41ODY5IDcuODkxNzEgMTAuMjU2Mkw3LjU5ODIzIDEyLjc3ODRDNy40NTczMiAxNS40MzE5IDcuOTI4ODEgMTcuMDc2MiAxMC43MTQ0IDE3LjA3NjJDNC45MDYxNyAxNy4wNzYyIDEuNjc5OTkgMTguMDA1NiAxLjY3OTk5IDEwLjAwMzJDMS42Nzk5OSA2LjM4MTI1IDIuMjM4ODIgNC43NjAyNiAyLjIzODgyIDQuNzYwMjZDMi4yMzg4MiA0Ljc2MDI2IDIuNjExNzIgMy4yNjYyNSAzLjUyMDEgMi4zNzk3MUM0LjQyODQ4IDEuNDkyMTQgNS43NzQ3OSAxLjQwMzA2IDUuNzc0NzkgMS40MDMwNkM1Ljc3NDc5IDEuNDAzMDYgOC41NTQ1NCAwLjk5NDE0MSAxNC4wNDU3IDAuOTk0MTQxQzE5LjUzNjggMC45OTQxNDEgMjIuNjM5IDEuNDAzMDYgMjIuNjM5IDEuNDAzMDZDMjIuNjM5IDEuNDAzMDYgMjQuMTM2MiAxLjQ5MjE0IDI1LjA0NTUgMi4zNzk3MVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xMzAyXzM2NTEpIi8+CjxwYXRoIGQ9Ik0yNi44Nzg1IDEyLjAzNjZDMjYuODc4OSAxMi4xMDg5IDI2Ljg3OTEgMTIuMTgxOSAyNi44NzkxIDEyLjI1NTVDMjYuODc5MSAxNS43MjQ1IDI2LjM1MDcgMTcuMDc0NyAyNi4zNTA3IDE3LjA3NDdDMjYuMzUwNyAxNy4wNzQ3IDI1LjkzNzEgMTguNzEwNCAyNS4yMzExIDE5LjQxNjlDMjQuMTEwOCAyMC41MzgxIDIyLjkxMjcgMjAuNjAwNyAyMi45MTI3IDIwLjYwMDdDMjIuOTEyNyAyMC42MDA3IDIwLjMzNTEgMjEuMDA0MSAxNC43ODg5IDIxLjAwNDFDOS40Njc4OSAyMS4wMDQxIDUuOTI0NDEgMjAuNjAzMSA1LjkyNDQxIDIwLjYwMzFDNS45MjQ0MSAyMC42MDMxIDQuNDI4MjMgMjAuNTEzNCAzLjUxOTg1IDE5LjYyNjdDMi42MTE0NiAxOC43Mzg1IDIuMjM4NTcgMTcuMDc0NyAyLjIzODU3IDE3LjA3NDdDMi4yMzg1NyAxNy4wNzQ3IDEuNjc5OTkgMTMuNjU3MiAxLjY3OTk5IDkuOTE2MjFDMS42Nzk5OSAxNy4xMjg5IDQuMzAwODUgMTcuMDg1NiA5LjA3MDk2IDE3LjAwNjhDOS41OTMyMSAxNi45OTgyIDEwLjE0MTIgMTYuOTg5MiAxMC43MTQ0IDE2Ljk4OTJIMTcuMTQ3MkMxOS45NjM3IDE2Ljk4OTIgMjAuNTk5NiAxNC45ODU3IDIwLjcyMjIgMTIuNjkxNEwyMS4wMTY1IDkuMTkxMjhDMjEuMDk0OSA3Ljc1MjUxIDIwLjkwNTIgNi43MzEwMiAyMC40NDM3IDYuMDczNjFDMTkuOTQwNSA1LjM1NjQ3IDE5LjA4MzIgNC45OTIxOSAxNy44OTY0IDQuOTkyMTlDMjUuMjgzNiA0Ljk5MjE5IDI2LjgyNzUgNS45NTk1IDI2Ljg3ODUgMTIuMDM2NloiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl8xMzAyXzM2NTEpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTMwMl8zNjUxIiB4MT0iMTQuMjQ2MSIgeTE9IjAuOTk0MTQxIiB4Mj0iMTQuMzUyOSIgeTI9IjE4LjA4ODciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA1RDJGRiIvPgo8c3RvcCBvZmZzZXQ9IjAuMTU2MjI3IiBzdG9wLWNvbG9yPSIjMjFBMUYxIi8+CjxzdG9wIG9mZnNldD0iMC40MDcxMTQiIHN0b3AtY29sb3I9IiMxRTg4RTUiLz4KPHN0b3Agb2Zmc2V0PSIwLjcyMjQ4IiBzdG9wLWNvbG9yPSIjMUU2RUU1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE4MkZGRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMTMwMl8zNjUxIiB4MT0iMy4yMjQ0MyIgeTE9IjIwLjk3MjMiIHgyPSIyMi44NzQ5IiB5Mj0iMy40NTYzNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMjREOEZGIi8+CjxzdG9wIG9mZnNldD0iMC4xNTYyMjciIHN0b3AtY29sb3I9IiMyMUExRjEiLz4KPHN0b3Agb2Zmc2V0PSIwLjQwNzExNCIgc3RvcC1jb2xvcj0iIzFFODhFNSIvPgo8c3RvcCBvZmZzZXQ9IjAuNzQ5MTA2IiBzdG9wLWNvbG9yPSIjMUU3QUU1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwNDZGOSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.hc2021 .odm-txt {
  
}
.hc2021 .odm-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 4px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 24px;
  transition: background 0.3s ease, border-color 0.3s ease;
}
.hc2021 .odm-a:hover .odm-btn {
  border-color: rgba(255,255,255,.5);
  background: rgba(255,255,255,.15);
}
/* end: HEADER */

/* Headline block */
.headline {
  background: #F4F9FD;
  position:relative;
}
.headline:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 4px;
  height: 170px;
  background: linear-gradient(180deg, #F1F7FD 0%, #D2E6F9 100%);
  opacity: 0.5;
}
.headline h1 {
  font-weight: bold;
  font-size: 48px;
  line-height: 56px;
  margin: 0 0 16px;
}
.headline p.lead {
  font-size: 18px;
  line-height: 32px;
}
.hl-row {
  display: flex;
  align-items: flex-end;
	flex-wrap: nowrap;
  position:relative;
  z-index: 3;
}
.hl-col {
  flex: 0 0 auto;
}
.hl-col:first-child {
  padding-top: 65px;
  padding-bottom: 65px;
  width: calc(100% - 460px);
}
.hl-col:last-child {
  width: 450px;
  text-align: right;
  padding-top: 30px;
}
@media all and (min-width: 1100px) {
  .hl-col:first-child {
  	padding-top: 75px;
  	padding-bottom: 95px;
  }
  .headline h1 {
    font-size: 58px;
    line-height: 72px;
  	margin-bottom: 20px;
  }
}
@media all and (min-width: 1200px) {
  .headline h1 {
    font-size: 68px;
    line-height: 82px;
  	margin-bottom: 24px;
  }
}

/* end: Headline block */


.lnk-btn,.lnk-btn-lite {
  display: inline-block;
	border-radius: 6px;
}
.lnk-btn {
  font-size: 16px;
	background: #F8F8F8;
  padding: 10px 16px;
}
.lnk-btn-lite {
  font-size: 14px;
  padding: 8px 10px;
  text-transform: uppercase;
}
a.lnk-btn-lite:link,a.lnk-btn-lite:visited,a.lnk-btn-lite:hover,a.lnk-btn-lite:active {
  color: #1E88E5;
}
.lnk-btn:hover,.lnk-btn:focus,.lnk-btn-lite:hover,.lnk-btn-lite:focus {
  background: #F4F4F4;
}
.iiicon.lnk-btn, .iiicon.cards-i-lnk {
  padding-right: 44px;
}
.iiicon.lnk-btn-lite {
  padding-right: 32px;
}
.iiicon.lnk-btn:after {
  right: 12px;
}
.iiicon.lnk-btn-lite:after {
  width: 18px;
  height: 18px;
  margin-top: -9px;
  right: 8px;
}
.ui-icon-arr-r:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4.5L10.6 5.9L16.2 11.5H4V13.5H16.2L10.6 19.1L12 20.5L20 12.5L12 4.5Z' fill='%23808080'/%3E%3C/svg%3E%0A");
}
.ui-icon-arr-r:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4.5L10.6 5.9L16.2 11.5H4V13.5H16.2L10.6 19.1L12 20.5L20 12.5L12 4.5Z' fill='%231E88E5'/%3E%3C/svg%3E%0A");
}
.ui-icon18-launch:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 14.25H3.75V3.75H9V2.25H3.75C2.9175 2.25 2.25 2.925 2.25 3.75V14.25C2.25 15.075 2.9175 15.75 3.75 15.75H14.25C15.075 15.75 15.75 15.075 15.75 14.25V9H14.25V14.25ZM10.5 2.25V3.75H13.1925L5.82 11.1225L6.8775 12.18L14.25 4.8075V7.5H15.75V2.25H10.5Z' fill='%231E88E5'/%3E%3C/svg%3E");
}


/* Footer */
.footer .hc2021 {
  /*margin-top: 48px;
  padding-top: 24px;*/
}
.footer .b-user-info {
  float: right;
	margin-left: 50px;
}
.footer .hc2021 .b-user-info .user-info {
  margin-top: -8px;
  float: none;
  margin-left: 0;
}
.footer .hc2021 .user-info .dropdown-toggle:after {
  display: none;
}
.footer .hc2021 .user-info .dropdown-toggle svg {
  vertical-align: middle;
}
/* end: Footer */


/* MAIN */
.m-row {
  display: flex;
  padding: 24px 0 48px;
}
.m-col {
  
}
.m-col:first-child {
  flex: 260px;
  border-right: 1px solid #eee;
  padding-right: 10px;
}
.m-col:last-child {
  flex: calc(100% - 260px);
  padding-left: 20px;
}

/* Sidebar */
.sidebar {
  
}
.sidebar > nav {
  padding-top: 14px;
}
.sidebar-tree {
  margin-left: -4px;
}
.sidebar-tree li {
  margin-bottom: 2px;
}
.sidebar-tree li a,.sidebar-tree li span {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  margin-left: 16px;
}
.sidebar-tree li a:hover {
  color: #1E88E5;
  background: #F4F4F4;
}
.sidebar-tree li .active {
  font-weight: bold;
  position: relative;
  margin-left: 0;
  padding-left: 24px;
}
.sidebar-tree li .active:after {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #1E88E5;
  top: 11px;
  left: 10px;
}

.sidebar-back-link {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  margin-left: -4px;
  margin-bottom: 10px;
}
.sidebar-back-link a {
  display: inline-block;
  padding: 4px 8px 4px 20px;
  border-radius: 4px;
  position: relative;
}
.sidebar-back-link a:after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 5px;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5575 12.4425L8.1225 9L11.5575 5.5575L10.5 4.5L6 9L10.5 13.5L11.5575 12.4425Z' fill='%23808080'/%3E%3C/svg%3E%0A") no-repeat 0 0;
}
.sidebar-back-link a:hover {
  color: #1E88E5;
  background: #F4F4F4;
}
.sidebar-back-link a:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5575 12.4425L8.1225 9L11.5575 5.5575L10.5 4.5L6 9L10.5 13.5L11.5575 12.4425Z' fill='%231E88E5'/%3E%3C/svg%3E%0A");
}
/* end: Sidebar */

/* Main Content */
.nowrap { white-space: nowrap; }
.centered { text-align: center; }

.mc-top {
  padding-top: 8px;
  margin-bottom: 32px;
}
.mc-row,.subs-row {
  display: flex;
  line-height: 1em;
}
.mc-col:first-child, .subs-col:first-child {
  flex: calc(100% - 200px);
}
.mc-col:last-child, .subs-col:last-child {
  flex: 200px;
  text-align: right;
}
.mc-top .breadcrumbs {
  margin-left: -4px;
}
.mc-top .breadcrumbs li {
  color: #666;
  display: inline-block;
  font-size: 14px;
  position: relative;
  padding-right: 18px;
  max-width: unset;
}
.mc-top .breadcrumbs a {
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mc-top .breadcrumbs a, a.lnk-copy {
  display: inline-block;
  padding: 6px;
	border-radius: 4px;
}
.mc-top .breadcrumbs a:link, .mc-top .breadcrumbs a:visited, a.lnk-copy:link, a.lnk-copy:visited {
  color: #666;
} 
.mc-top .breadcrumbs a:hover, .mc-top .breadcrumbs a:active, a.lnk-copy:hover, a.lnk-copy:active {
  color: #1E88E5;
  background: #F4F4F4;
}
.mc-top .breadcrumbs li:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.4425 5.5575L9.8775 9L6.4425 12.4425L7.5 13.5L12 9L7.5 4.5L6.4425 5.5575Z' fill='%23808080'/%3E%3C/svg%3E%0A") no-repeat 0 0;
}
.mc-top .breadcrumbs li:last-child {
  display: none;
}
article.main-content .mc-top .breadcrumbs li:last-child {
  display: inline-block;
}
.mc-top .breadcrumbs li + li:before {
  display: none;
}
.mc-top h1 {
  margin: 0 0 24px;
  padding-right: 100px;
}
.hc2021 .category-description, .hc2021 .section-description {
  margin-bottom: 0;
  font-size: 16px;
}

.subs-row .section-subscribe, .subs-row .section-unsubscribe {
  float: none;
}
.subs-col:first-child h6 {
  padding-top: 16px;
}
/* end: Main Content */

/* end: MAIN */

/* Article and Post page */
.hc2021 .article-body img, .hc2021 .post-body img {
  margin: 16px auto 24px;
  display: block;
  position: relative;
  z-index: 2;
  /* background: #F8F8F8; */
  background: #FAFAFA;
	border-radius: 6px;
  padding: 16px 64px;
  border: 0;
}
.hc2021 .article-body img.pure-img, .hc2021 .post-body img.pure-img {
  margin: 0;
  display: inline;
  background: transparent;
  border-radius: 0;
  padding: 0;
}
main .hc2021 a[target="_blank"] {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 14.25H3.75V3.75H9V2.25H3.75C2.9175 2.25 2.25 2.925 2.25 3.75V14.25C2.25 15.075 2.9175 15.75 3.75 15.75H14.25C15.075 15.75 15.75 15.075 15.75 14.25V9H14.25V14.25ZM10.5 2.25V3.75H13.1925L5.82 11.1225L6.8775 12.18L14.25 4.8075V7.5H15.75V2.25H10.5Z' fill='%231E88E5'/%3E%3C/svg%3E%0A");
  background-position: 100% 50%;
  padding-right: 20px;
}
.hc2021 .article-body a, .hc2021 .mc-desc a {
  box-shadow: 0px 1px 0px 0 rgba(30,136,229,.25);
  color: #1E88E5;
  /*display: inline-block;*/
  padding: 0 2px;
  line-height: 1.3em;
}
.hc2021 .article-body a[target="_blank"] {
  padding-right: 20px;
}
.hc2021 a.icon-free[target="_blank"] {
  padding-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.hc2021 .article-body a:hover, .hc2021 .mc-desc a:hover {
  background-color: #F4F4F4;
  box-shadow: 0px 1px 0px 0 #1E88E5;
}
.hc2021 .article-body h2 a[name],
.hc2021 .article-body h3 a[name],
.hc2021 .article-body h4 a[name],
.hc2021 .article-body h5 a[name]{
  padding: 0;
  display: block;
  /*height: 16px;*/
  box-shadow: none;
  cursor: default;
}
.hc2021 .article-body h2 a[name]:hover,
.hc2021 .article-body h3 a[name]:hover,
.hc2021 .article-body h4 a[name]:hover,
.hc2021 .article-body h5 a[name]:hover{
  background: transparent;
}
.hc2021 .article-body .toc {
  padding-bottom: 1.5rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #eee;
}
.hc2021 .article-body .toc p {
  font-size: 14px;
  color: #666;
  margin: 0 0 8px;
}
.hc2021 .article-body .toc li {
  font-size: 14px;
  line-height: 1em;
  margin: 0 0 4px -8px;
  position: relative;
}
.hc2021 .article-body .toc li a {
  white-space: nowrap;
  max-width: 600px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  box-shadow: none;
  color: #333;
}
.hc2021 .article-body .toc li a:hover {
  color: #1E88E5;
}
.hc2021 .article-body .toc ul {
  list-style-type: none;
  padding-left: 24px;
  margin: 0;
}
.hc2021 .article-body .toc ul ul {
  padding-left: 24px;
  margin-top: 4px;
  margin-bottom: 8px;
}
.hc2021 .article-body .toc li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #c7c7c7;
  display: block;
  width: 1em;
  margin: 6px 0 0 -8px;
  font-size: 20px;
  position: absolute;
}
.hc2021 .article-body .toc ul ul li::before {
  display: none;
}
.hc2021 .article-body .copy-link-to-me span{
  opacity: 0;
  font-size: 16px;
  padding-left: 6px;
}
.hc2021 .article-body .copy-link-to-me:hover {
	cursor: pointer;
}
.hc2021 .article-body .copy-link-to-me:hover span{
  opacity: 1;
}
.hc2021 .article-body .tip {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='46' viewBox='0 0 40 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='6' width='40' height='40' fill='%23FFF7CE'/%3E%3Cpath d='M19.6661 12.6667C13.6006 12.6667 8.66602 17.5082 8.66602 23.4592C8.66602 26.3594 9.86135 29.1028 11.9034 31.1033C13.0649 32.2411 14.0634 33.6082 14.2858 35.2188V35.2188C14.4524 36.4243 15.47 37.3334 16.6531 37.3334H22.679C23.8621 37.3334 24.8797 36.4243 25.0462 35.2188V35.2188C25.2686 33.6082 26.2672 32.2411 27.4286 31.1033C29.4707 29.1027 30.666 26.3593 30.666 23.4592C30.6661 17.5082 25.7315 12.6667 19.6661 12.6667Z' stroke='%23C3CDD7' stroke-width='2'/%3E%3Cg filter='url(%23filter0_f)'%3E%3Ccircle cx='25.2912' cy='13.9566' r='6.66667' transform='rotate(12.557 25.2912 13.9566)' fill='%23FFC107'/%3E%3C/g%3E%3Ccircle cx='25.4283' cy='13.9783' r='3.33333' transform='rotate(12.557 25.4283 13.9783)' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0962 40.7145C16.0453 40.3363 16.3394 40 16.7209 40H22.6124C22.994 40 23.2881 40.3363 23.2371 40.7145V40.7145C22.987 42.5722 21.4843 44 19.6667 44C17.849 44 16.3463 42.5722 16.0962 40.7145V40.7145Z' stroke='%23C3CDD7' stroke-width='2'/%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='11.623' y='0.288513' width='27.3362' height='27.3362' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='3.5' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: 24px 15px;
	border-radius: 6px;
  min-height: 90px;
}
.hc2021 .article-body p.tip strong:nth-child(1), .hc2021 .article-body div.tip p:nth-child(1) strong:nth-child(1) {
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #978E60;
  padding-bottom: 8px;
}
.hc2021 .article-body .note {
  background: #E9F8EF url("data:image/svg+xml,%3Csvg width='42' height='48' viewBox='0 0 42 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='2' width='40' height='46' fill='%23E9F8EF'/%3E%3Cpath d='M1 42C2.71717 40.9533 6.20303 38.8598 9.5 38.8598C12.797 38.8598 16.798 40.9533 18 42V16.8785C16.7121 15.3084 13.3636 14 9.5 14C5.63636 14 3.06061 15.0467 1 16.8785V26.5607' stroke='%23C3CDD7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 42V16.8785C20.0606 15.0467 22.6364 14 26.5 14C30.3636 14 33.7121 15.3084 35 16.8785V42C33.798 40.9533 29.797 38.8598 26.5 38.8598C23.203 38.8598 19.7172 40.9533 18 42Z' stroke='%23C3CDD7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg filter='url(%23filter0_f)'%3E%3Ccircle cx='28.2005' cy='14.6798' r='6.80014' fill='%2349DD4F'/%3E%3C/g%3E%3Ccircle cx='28.1999' cy='14.6798' r='3.40007' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='14.4004' y='0.8797' width='27.6003' height='27.6003' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='3.5' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 24px 15px;
	border-radius: 6px;
  min-height: 90px;
}
.hc2021 .article-body p.note strong:nth-child(1), .hc2021 .article-body div.note p:nth-child(1) strong:nth-child(1) {
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #49AA72;
  padding-bottom: 8px;
}
.hc2021 .article-body .info {
  background: #E1F1FE url("data:image/svg+xml,%3Csvg width='56' height='46' viewBox='0 0 56 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.23828 18.9481C5.80239 19.8687 3.76158 23.497 4.70315 27.011L5.06693 28.3686C5.9657 31.7229 9.24184 33.7981 12.5857 33.1589L15.143 42.7025C15.3248 43.3814 15.9715 43.7645 16.6353 43.5866L19.2155 42.8952C19.8793 42.7174 20.2477 42.0623 20.0658 41.3834L17.5193 31.8798L13.9905 18.71C13.8476 18.1765 13.2992 17.8599 12.7658 18.0029L9.23828 18.9481Z' stroke='%23C3CDD7' stroke-width='2'/%3E%3Cpath d='M35.9455 3.38554C35.5611 3.23586 35.1089 3.31491 34.7897 3.56891L18.2231 16.3211C17.583 16.8139 17.3021 17.6433 17.5112 18.4236L19.9054 27.3588C20.1145 28.1391 20.7724 28.717 21.5731 28.8237L42.2964 31.5841C42.9618 31.6585 43.6108 31.1898 43.6938 30.5359C43.732 30.3572 43.6899 30.2 43.6478 30.0429L36.7307 4.22798C36.6254 3.83506 36.3299 3.53523 35.9455 3.38554Z' stroke='%23C3CDD7' stroke-width='2'/%3E%3Cg filter='url(%23filter0_f_1308_3408)'%3E%3Cellipse cx='40.154' cy='16.3375' rx='7.16055' ry='7.35009' transform='rotate(12.557 40.154 16.3375)' fill='%23389FF9'/%3E%3C/g%3E%3Ccircle cx='39.9051' cy='16.6464' r='3.846' transform='rotate(12.557 39.9051 16.6464)' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_1308_3408' x='25.9824' y='1.99475' width='28.3428' height='28.6855' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='3.5' result='effect1_foregroundBlur_1308_3408'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat 14px 20px;
	border-radius: 6px;
  min-height: 90px;
}
.hc2021 .article-body p.info strong:nth-child(1), .hc2021 .article-body div.info p:nth-child(1) strong:nth-child(1) {
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #389FF9;
  padding-bottom: 8px;
}

.hc2021 .content-body > h2 {
  /*margin-top: 1.5em;*/
}
.hc2021 .article-sidebar {
  display: flex;
  padding: 0 0 48px;
  margin: 0;
}
.hc2021 .article-sidebar section {
  flex: 1;
  width: 50%;
  margin: 0;
  padding: 32px 24px 40px;
}
.hc2021 .article-sidebar h3 {
  font-size: 13px;
  color: #999;
  text-transform: uppercase;
  margin-top: 0;
}
.hc2021 .article-sidebar section ul {
  margin-left: -10px;
}
.hc2021 .article-sidebar section li {
  font-size: 16px;
  margin-bottom: 4px;
}
.hc2021 .article-sidebar section li a {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 16px;
  line-height: 24px;
}
.hc2021 .article-sidebar section li a:hover,.hc2021 .article-sidebar section li a:active {
	background: #F4F4F4;
}
/* end: Article and Post page */

/* Pipeline category - List of pipelines (lop) */
.lop {
  
}
.lop-legend {
  margin: 16px 0;
  border: 1px solid #eee;
  display: flex;
}
.lop-legend-col {
  padding: 24px;
  width: 33.333%;
  border-right: 1px solid #eee;
}
.lop-legend-col p {
  margin: 1rem 0 0;
}
.lop-legend-col:last-child {
  border-right: 0;
}
.lop-head .wrap {
  display: flex;
  align-items: baseline;
}
.lop-head .wrap .ccol {
  padding-bottom: 0;
  font-size: 14px;
  color: #666;
  margin: 0 0 8px; /* Like H6 */
}
.lop-head .wrap .ccol:nth-child(1) {
  width: 40%;
  margin-right: 5%;
}
.lop-head .wrap .ccol:nth-child(2) {
  width: 30%;
  margin-right: 5%;
}
.lop-head .wrap .ccol:nth-child(3) {
  padding-left: 0;
  padding-right: 0;
}
.lop ul {
	list-style: none;
  padding: 0;
  border-top: 1px solid #eee;
}
.lop li {
  
}
.lop-i {
  display: flex;
  align-items: baseline;
  font-size: 16px;
  border-bottom: 1px solid #eee;
}
a.lop-i:hover {
  background: rgba(244,244,244,.6);
  border-radius: 6px;
}
.lop .ccol {
  padding: 16px;
}
.lop-i-s:nth-child(1) {
  width: 40%;
  margin-right: 5%;
}
.lop-i-s:nth-child(2) {
  width: 30%;
  margin-right: 5%;
}
.lop-i-s div::before, .lop-i-s:nth-child(1) div::after {
  width: 24px;
  height: 24px;
  content: '';
  display: block;
  background-image: url("/hc/theming_assets/01JBHZ5W83TJPEPWY8PPC5FANQ");
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: -1px 0 0;
}
.lop-i-s div::before {
  float: left;
  margin-right: 10px;
}
.lop-i-s:nth-child(1) div::after {
  float: right;
  margin-right: -24px;
  background-position: -24px 0;
}
.lop-i-s .i-ga::before {
  background-position: -48px 0;
}
.lop-i-s .i-gbq::before {
  background-position: -72px 0;
}
.lop-i-s .i-fb::before {
  background-position: -96px 0;
}
.lop-i-s .i-yad::before {
  background-position: -120px 0;
}
.lop-i-s .i-yam::before {
  background-position: -144px 0;
}
.lop-i-s .i-bing::before {
  background-position: -168px 0;
}
.lop-i-s .i-vk::before {
  background-position: -192px 0;
}
.lop-i-s .i-mt::before {
  background-position: -216px 0;
}
.lop-i-s .i-criteo::before {
  background-position: -240px 0;
}
.lop-i-s .i-hl::before {
  background-position: -264px 0;
}
.lop-i-s .i-tm::before {
  background-position: -288px 0;
}
.lop-i-s .i-lnkdn::before {
  background-position: -312px 0;
}
.lop-i-s .i-tw::before {
  background-position: -336px 0;
}
.lop-i-s .i-appsfl::before {
  background-position: -360px 0;
}
.lop-i-s .i-adroll::before {
  background-position: -384px 0;
}
.lop-i-s .i-outbrain::before {
  background-position: -408px 0;
}
.lop-i-s .i-sklik::before {
  background-position: -432px 0;
}
.lop-i-s .i-yahoogemini::before {
  background-position: -456px 0;
}
.lop-i-s .i-taboola::before {
  background-position: -480px 0;
}
.lop-i-s .i-tiktok::before {
  background-position: -504px 0;
}

.lop-i-s .i-ftp::before {
  background-position: -528px 0;
}
.lop-i-s .i-semrush::before {
  background-position: -552px 0;
}
.lop-i-s .i-3pl-central::before {
  background-position: -576px 0;
}
.lop-i-s .i-airtable::before {
  background-position: -600px 0;
}
.lop-i-s .i-amazon-sqs::before {
  background-position: -624px 0;
}
.lop-i-s .i-amazon-ads::before {
  background-position: -648px 0;
}
.lop-i-s .i-amazon-seller-partner::before {
  background-position: -672px 0;
}
.lop-i-s .i-amplitude::before {
  background-position: -696px 0;
}
.lop-i-s .i-apify-dataset::before {
  background-position: -720px 0;
}
.lop-i-s .i-appstore::before {
  background-position: -744px 0;
}
.lop-i-s .i-asana::before {
  background-position: -768px 0;
}
.lop-i-s .i-aws-cloudtrail::before {
  background-position: -792px 0;
}
.lop-i-s .i-azure-table-storage::before {
  background-position: -816px 0;
}
.lop-i-s .i-bamboo-hr::before {
  background-position: -840px 0;
}
.lop-i-s .i-bigcommerce::before {
  background-position: -864px 0;
}
.lop-i-s .i-braintree::before {
  background-position: -888px 0;
}
.lop-i-s .i-cart::before {
  background-position: -912px 0;
}
.lop-i-s .i-chargebee::before {
  background-position: -936px 0;
}
.lop-i-s .i-chartmogul::before {
  background-position: -960px 0;
}
.lop-i-s .i-close_com::before {
  background-position: -984px 0;
}
.lop-i-s .i-cockroachdb::before {
  background-position: -1008px 0;
}
.lop-i-s .i-confluence::before {
  background-position: -1032px 0;
}
.lop-i-s .i-customer_io::before {
  background-position: -1056px 0;
}
.lop-i-s .i-delighted::before {
  background-position: -1080px 0;
}
.lop-i-s .i-db2::before {
  background-position: -1104px 0;
}
.lop-i-s .i-dixa::before {
  background-position: -1128px 0;
}
.lop-i-s .i-drift::before {
  background-position: -1152px 0;
}
.lop-i-s .i-drupal::before {
  background-position: -1176px 0;
}
.lop-i-s .i-exchange-rates-api::before {
  background-position: -1200px 0;
}
.lop-i-s .i-facebook-pages::before {
  background-position: -1224px 0;
}
.lop-i-s .i-freshdesk::before {
  background-position: -1248px 0;
}
.lop-i-s .i-freshsales::before {
  background-position: -1272px 0;
}
.lop-i-s .i-freshservice::before {
  background-position: -1296px 0;
}
.lop-i-s .i-google-ads::before {
  background-position: -1320px 0;
}
.lop-i-s .i-google-search-console::before {
  background-position: -1344px 0;
}
.lop-i-s .i-greenhouse::before {
  background-position: -1368px 0;
}
.lop-i-s .i-harvest::before {
  background-position: -1392px 0;
}
.lop-i-s .i-hubspot::before {
  background-position: -1416px 0;
}
.lop-i-s .i-intercom::before {
  background-position: -1440px 0;
}
.lop-i-s .i-iterable::before {
  background-position: -1464px 0;
}
.lop-i-s .i-klaviyo::before {
  background-position: -1488px 0;
}
.lop-i-s .i-kustomer::before {
  background-position: -1512px 0;
}
.lop-i-s .i-lemlist::before {
  background-position: -1536px 0;
}
.lop-i-s .i-linnworks::before {
  background-position: -1560px 0;
}
.lop-i-s .i-lever-hiring::before {
  background-position: -1584px 0;
}
.lop-i-s .i-looker::before {
  background-position: -1608px 0;
}
.lop-i-s .i-magento::before {
  background-position: -1632px 0;
}
.lop-i-s .i-mailchimp::before {
  background-position: -1656px 0;
}
.lop-i-s .i-marketo::before {
  background-position: -1680px 0;
}
.lop-i-s .i-microsoft-dynamics-ax::before {
  background-position: -1704px 0;
}
.lop-i-s .i-microsoft-dynamics-ce::before {
  background-position: -1704px 0;
}
.lop-i-s .i-microsoft-dynamics-gp::before {
  background-position: -1704px 0;
}
.lop-i-s .i-microsoft-dynamics-nav::before {
  background-position: -1704px 0;
}
.lop-i-s .i-microsoft-sql-server::before {
  background-position: -1728px 0;
}
.lop-i-s .i-microsoft-teams::before {
  background-position: -1752px 0;
}
.lop-i-s .i-mixpanel::before {
  background-position: -1776px 0;
}
.lop-i-s .i-monday::before {
  background-position: -1800px 0;
}
.lop-i-s .i-mongo-db::before {
  background-position: -1824px 0;
}
.lop-i-s .i-my-hours::before {
  background-position: -1848px 0;
}
.lop-i-s .i-mysql::before {
  background-position: -1872px 0;
}
.lop-i-s .i-notion::before {
  background-position: -1896px 0;
}
.lop-i-s .i-okta::before {
  background-position: -1920px 0;
}
.lop-i-s .i-onesignal::before {
  background-position: -1944px 0;
}
.lop-i-s .i-oracle-db::before {
  background-position: -1968px 0;
}
.lop-i-s .i-oracle-peoplesoft::before {
  background-position: -1968px 0;
}
.lop-i-s .i-oracle-siebel-crm::before {
  background-position: -1968px 0;
}
.lop-i-s .i-orb::before {
  background-position: -1992px 0;
}
.lop-i-s .i-outreach::before {
  background-position: -2016px 0;
}
.lop-i-s .i-paypal-transaction::before {
  background-position: -2040px 0;
}
.lop-i-s .i-paystack::before {
  background-position: -2064px 0;
}
.lop-i-s .i-persistiq::before {
  background-position: -2088px 0;
}
.lop-i-s .i-plaid::before {
  background-position: -2112px 0;
}
.lop-i-s .i-pinterest::before {
  background-position: -2136px 0;
}
.lop-i-s .i-pipedrive::before {
  background-position: -2160px 0;
}
.lop-i-s .i-postgres::before {
  background-position: -2184px 0;
}
.lop-i-s .i-posthog::before {
  background-position: -2208px 0;
}
.lop-i-s .i-prestashop::before {
  background-position: -2232px 0;
}
.lop-i-s .i-qualaroo::before {
  background-position: -2256px 0;
}
.lop-i-s .i-quickbooks::before {
  background-position: -2280px 0;
}
.lop-i-s .i-recharge::before {
  background-position: -2304px 0;
}
.lop-i-s .i-recurly::before {
  background-position: -2328px 0;
}
.lop-i-s .i-amazon-redshift::before {
  background-position: -2352px 0;
}
.lop-i-s .i-amazon-s3::before {
  background-position: -2376px 0;
}
.lop-i-s .i-sap-business-one::before {
  background-position: -2400px 0;
}
.lop-i-s .i-searchmetrics::before {
  background-position: -2424px 0;
}
.lop-i-s .i-salesforce::before {
  background-position: -2448px 0;
}
.lop-i-s .i-salesloft::before {
  background-position: -2472px 0;
}
.lop-i-s .i-shopify::before {
  background-position: -2496px 0;
}
.lop-i-s .i-shortio::before {
  background-position: -2520px 0;
}
.lop-i-s .i-slack::before {
  background-position: -2544px 0;
}
.lop-i-s .i-smartsheets::before {
  background-position: -2568px 0;
}
.lop-i-s .i-snapchat-marketing::before {
  background-position: -2592px 0;
}
.lop-i-s .i-snowflake::before {
  background-position: -2616px 0;
}
.lop-i-s .i-spree-commerce::before {
  background-position: -2640px 0;
}
.lop-i-s .i-square::before {
  background-position: -2664px 0;
}
.lop-i-s .i-strava::before {
  background-position: -2688px 0;
}
.lop-i-s .i-stripe::before {
  background-position: -2712px 0;
}
.lop-i-s .i-sugar-crm::before {
  background-position: -2736px 0;
}
.lop-i-s .i-surveymonkey::before {
  background-position: -2760px 0;
}
.lop-i-s .i-tempo::before {
  background-position: -2784px 0;
}
.lop-i-s .i-trello::before {
  background-position: -2808px 0;
}
.lop-i-s .i-twilio::before {
  background-position: -2832px 0;
}
.lop-i-s .i-typeform::before {
  background-position: -2856px 0;
}
.lop-i-s .i-woocommerce::before {
  background-position: -2880px 0;
}
.lop-i-s .i-wordpress::before {
  background-position: -2904px 0;
}
.lop-i-s .i-youtube-analytics::before {
  background-position: -2928px 0;
}
.lop-i-s .i-zencart::before {
  background-position: -2952px 0;
}
.lop-i-s .i-zendesk-chat::before {
  background-position: -2976px 0;
}
.lop-i-s .i-zendesk-sunshine::before {
  background-position: -3000px 0;
}
.lop-i-s .i-zendesk-support::before {
  background-position: -3024px 0;
}
.lop-i-s .i-zendesk-talk::before {
  background-position: -3048px 0;
}
.lop-i-s .i-zenloop::before {
  background-position: -3072px 0;
}
.lop-i-s .i-zuora::before {
  background-position: -3096px 0;
}
.lop-i-s .i-json::before {
  background-position: -3120px 0;
}
.lop-i-s .i-adjust::before {
  background-position: -3144px 0;
}
.lop-i-s .i-apple-search-ads::before {
  background-position: -3168px 0;
}
.lop-i-s .i-campaign-manager-360::before {
  background-position: -3192px 0;
}
.lop-i-s .i-adform::before {
  background-position: -3216px 0;
}
.lop-i-s .i-google-merchant-center::before {
  background-position: -3240px 0;
}
.lop-i-s .i-yelp::before {
  background-position: -3264px 0;
}
.lop-i-s .i-reddit::before {
  background-position: -3288px 0;
}
.lop-i-s .i-quora::before {
  background-position: -3312px 0;
}
.lop-i-s .i-zoho::before {
  background-position: -3336px 0;
}
.lop-i-s .i-amo-crm::before {
  background-position: -3360px 0;
}
.lop-i-s .i-sparkpost::before {
  background-position: -3384px 0;
}
.lop-i-s .i-unione::before {
  background-position: -3408px 0;
}
.lop-i-s .i-mandrill::before {
  background-position: -3432px 0;
}
.lop-i-s .i-sendgrid::before {
  background-position: -3456px 0;
}
.lop-i-s .i-display-video-360::before {
  background-position: -3480px 0;
}
.lop-i-s .i-rtb-house::before {
  background-position: -3504px 0;
}
.lop-i-s .i-salesforce-pardot::before {
  background-position: -3528px 0;
}
.lop-i-s .i-openexchangerates::before {
  background-position: -3552px 0;
}
.lop-i-s .i-netsuite::before {
  background-position: -3576px 0;
}
.lop-i-s .i-appsflyer::before {
  background-position: -3600px 0;
}
.lop-i-s .i-activecampaign::before {
  background-position: -3624px 0;
}
.lop-i-s .i-ahaio::before {
  background-position: -3648px 0;
}
.lop-i-s .i-aircall::before {
  background-position: -3672px 0;
}
.lop-i-s .i-braze::before {
  background-position: -3696px 0;
}
.lop-i-s .i-callrail::before {
  background-position: -3720px 0;
}
.lop-i-s .i-captaindata::before {
  background-position: -3744px 0;
}
.lop-i-s .i-clickup::before {
  background-position: -3768px 0;
}
.lop-i-s .i-amazon-dynamodb::before {
  background-position: -3792px 0;
}
.lop-i-s .i-gocardless::before {
  background-position: -3816px 0;
}
.lop-i-s .i-gong::before {
  background-position: -3840px 0;
}
.lop-i-s .i-googledrive::before {
  background-position: -3864px 0;
}
.lop-i-s .i-instagram::before {
  background-position: -3888px 0;
}
.lop-i-s .i-kyriba::before {
  background-position: -3912px 0;
}
.lop-i-s .i-microsoft-dataverse::before {
  background-position: -3936px 0;
}
.lop-i-s .i-microsoft-onedrive::before {
  background-position: -3960px 0;
}
.lop-i-s .i-microsoft-sharepoint::before {
  background-position: -3984px 0;
}
.lop-i-s .i-plausible::before {
  background-position: -4008px 0;
}
.lop-i-s .i-railz::before {
  background-position: -4032px 0;
}
.lop-i-s .i-sap-fieldglass::before {
  background-position: -4056px 0;
}
.lop-i-s .i-serpstat::before {
  background-position: -4080px 0;
}
.lop-i-s .i-younium::before {
  background-position: -4104px 0;
}
.lop-i-s .i-gcs-bucket::before {
  background-position: -4128px 0;
}
.lop-i-s .i-twenga::before {
  background-position: -4152px 0;
}
.lop-i-s .i-kelkoo::before {
  background-position: -4176px 0;
}
.lop-i-s .i-linkedin-pages::before {
  background-position: -4200px 0;
}

.lop ul.alphabet {
  overflow: hidden;
  border-top: 0;
}
.lop ul.alphabet li {
  float: left;
}
.lop ul.alphabet li a {
  display: block;
  padding: 6px 8px 4px;
  border-radius: 4px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #999;
}
.lop ul.alphabet li a:hover {
  color: #1E88E5;
  background: #F4F4F4;
}
.lop .alphabet-hash a {
  color: #333;
}

.lop-i-t {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pt-fully, .pt-request, .pt-request-premium {
  display: inline-block;
  padding: 6px 8px 4px;
  border-radius: 4px;
  font-size: 11px;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.1em;
}
.pt-fully {
  background: #EDF8ED;
  color: #06930c;
  border: 1px solid #EDF8ED;
}
.pt-request {
  background: #fff5d8;
  color: #c57900;
  border: 1px solid #fff5d8;
}
.pt-request-premium {
  background: #FDFEAB;
  color: #888300;
  border: 1px solid #FDFEAB;
}
a.lop-i:hover .pt-fully {
  border-color: #09af10;
}
a.lop-i:hover .pt-request {
  border-color: #dd8f12;
}
a.lop-i:hover .pt-request-premium {
  border-color: #C2C056;
}

.pt-legend {
  margin: 0 0 32px;
  padding: 16px 24px;
  display: flex;
}
.pt-legend p {
  margin: 0 0 0 24px;
  display: inline;
}
.pt-legend-request {
  background: #FFF9E8;
}
.pt-legend-fully {
  background: #EDF8ED;
}
.pt-legend-request-premium {
  background: #FDFEBC;
}
.pt-legend .pt-request, .pt-legend .pt-fully, .pt-legend .pt-request-premium {
  margin: 0;
  display: inline;
  padding: 0;
  border-radius: 0;
  font-size: 12px;
  background: transparent;
}

/* end: Pipeline category - List of pipelines (lop) */

/* Search result */
.hc2021 .search-results-list > * {
  padding: 24px 0 32px;
}
.hc2021 .search-result-link {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 16px;
  line-height: 24px;
  margin-left: -10px;
}
.hc2021 .search-result-link:link,.hc2021 .search-result-link:visited {
  color: #1E88E5;
}
.hc2021 .search-result-link:hover, .hc2021 .search-result-link:active {
  background: #F4F4F4;
}
.hc2021 .search-result-description {
  font-size: 16px;
  line-height: 24px;
  padding-top: 0;
}
.hc2021 .search-result-description em {
  font-weight: bold;
}
.hc2021 .search-result-meta {
  font-size: 14px;
  max-width: 500px;
  white-space: nowrap;
  padding-top: 16px;
}
.hc2021 .search-result-meta, .hc2021 .search-result-meta a:link, .hc2021 .search-result-meta a:visited {
  color: #666;
}
.hc2021 .search-result-meta a:hover, .hc2021 .search-result-meta a:active {
  color: #1E88E5;
}

/* pagination*/
.hc2021 .pagination a, .hc2021 .pagination span {
  font-size: 16px;
  padding: 8px 16px;
}
.hc2021 .pagination a:hover, .hc2021 .pagination a:active {
  color: #1E88E5;
  background: #F4F4F4;
}
.hc2021 .pagination span {
  color: #333;
  font-weight: bold;
}

/* back to the top link */
.b-t-top {
  width: 253px;
  position: fixed;
  bottom: 40px;
  opacity: 0;
}
.b-t-top.show {
  opacity: 1;
}
.b-t-top .sidebar-top-link {
  padding: 8px 0;
  border-top: 1px solid #eee;
  margin-left: -4px;
}
.b-t-top .sidebar-top-link a {
  display: inline-block;
  padding: 4px 8px 4px 20px;
  border-radius: 4px;
  position: relative;
}
.b-t-top .sidebar-top-link a:after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 5px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4425 11.37L9 7.935L5.5575 11.37L4.5 10.3125L9 5.8125L13.5 10.3125L12.4425 11.37Z' fill='%23808080'/%3E%3C/svg%3E%0A");
}
.b-t-top .sidebar-top-link a:hover {
  color: #1E88E5;
  background: #F4F4F4;
}
.b-t-top .sidebar-top-link a:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4425 11.37L9 7.935L5.5575 11.37L4.5 10.3125L9 5.8125L13.5 10.3125L12.4425 11.37Z' fill='%231E88E5'/%3E%3C/svg%3E%0A");
}


/* VIDEO wrapper */
.videoBox {
  margin: 16px auto 24px;
  display: block;
  background: #F8F8F8;
  border-radius: 6px;
  padding: 16px 64px;
}
.videoBox.no-padding {
  padding: 0;
}
.videoWrapper {
  padding-bottom: calc(var(--aspect-ratio, .5625) * 100%); 
  position: relative;
}
.videoWrapper::after {
	content: '';
	display:  block;
	position: absolute;
	left: 0;
	right:  0;
	bottom: -2px;
	z-index: 2;
	height: 4px;
	background: F8F8F8;
}
.videoWrapper iframe,.videoWrapper embed,.videoWrapper object,.videoWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* end: NEW STYLES 2021 */


/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism&languages=sql&plugins=line-highlight+line-numbers+autolinker+toolbar+copy-to-clipboard+treeview */
code[class*="language-"],
pre[class*="language-"] {
    /*color: #000;
    background: 0 0;*/
    text-shadow: 0 1px #fff;
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
    font-size: 14px;
    text-align: left;
    /*white-space: pre-line;*/
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  max-height: 350px;
}
code[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
pre[class*="language-"]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc;
}
code[class*="language-"] ::selection,
code[class*="language-"]::selection,
pre[class*="language-"] ::selection,
pre[class*="language-"]::selection {
    text-shadow: none;
    background: #b3d4fc;
}

pre[class*="language-"] {
    /*padding: 1em;
    margin: 0.5em 0;
    overflow: auto;*/
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    /*background: #f5f2f0;*/
}
:not(pre) > code[class*="language-"] {
    /*padding: 0.1em;
    border-radius: 0.3em;
    white-space: normal;*/
}
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #708090;
}
.token.punctuation {
    color: #999;
}
.token.namespace {
    opacity: 0.7;
}
.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #905;
}
.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #690;
}
.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: #9a6e3a;
    background: hsla(0, 0%, 100%, 0.5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a;
}
.token.class-name,
.token.function {
    color: #dd4a68;
}
.token.important,
.token.regex,
.token.variable {
    color: #e90;
}
.token.bold,
.token.important {
    font-weight: 700;
}
.token.italic {
    font-style: italic;
}
.token.entity {
    cursor: help;
}
pre[data-line] {
    position: relative;
    padding: 1em 0 1em 3em;
}
.line-highlight {
    position: absolute;
    left: 0;
    right: 0;
    padding: inherit 0;
    margin-top: 1em;
    background: hsla(24, 20%, 50%, 0.08);
    background: linear-gradient(to right, hsla(24, 20%, 50%, 0.1) 70%, hsla(24, 20%, 50%, 0));
    pointer-events: none;
    line-height: inherit;
    white-space: pre;
}
@media print {
    .line-highlight {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}
.line-highlight:before,
.line-highlight[data-end]:after {
    content: attr(data-start);
    position: absolute;
    top: 0.4em;
    left: 0.6em;
    min-width: 1em;
    padding: 0 0.5em;
    background-color: hsla(24, 20%, 50%, 0.4);
    color: #f4f1ef;
    font: bold 65%/1.5 sans-serif;
    text-align: center;
    vertical-align: 0.3em;
    border-radius: 999px;
    text-shadow: none;
    box-shadow: 0 1px #fff;
}
.line-highlight[data-end]:after {
    content: attr(data-end);
    top: auto;
    bottom: 0.4em;
}
.line-numbers .line-highlight:after,
.line-numbers .line-highlight:before {
    content: none;
}
pre[id].linkable-line-numbers span.line-numbers-rows {
    pointer-events: all;
}
pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
    cursor: pointer;
}
pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
    background-color: rgba(128, 128, 128, 0.2);
}
pre[class*="language-"].line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
}
pre[class*="language-"].line-numbers > code {
    position: relative;
    white-space: inherit;
}
.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    letter-spacing: -1px;
    border-right: 1px solid #999;
  background: rgba(0,0,0,.02);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.line-numbers-rows > span {
    /*display: block;*/
  display: none;
    counter-increment: linenumber;
}
.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
  
}
.token a {
    color: inherit;
}
div.code-toolbar {
    position: relative;
  max-width: 930px;
}
div.code-toolbar > .toolbar {
    position: absolute;
    z-index: 10;
    top: 0.3em;
    right: 1em;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}
div.code-toolbar:hover > .toolbar {
    opacity: 1;
}
div.code-toolbar:focus-within > .toolbar {
    opacity: 1;
}
div.code-toolbar > .toolbar > .toolbar-item {
    display: inline-block;
}
div.code-toolbar > .toolbar > .toolbar-item > a {
    cursor: pointer;
}
div.code-toolbar > .toolbar > .toolbar-item > button {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    height: auto;
    box-shadow: none;
}
div.code-toolbar > .toolbar > .toolbar-item > a,
div.code-toolbar > .toolbar > .toolbar-item > button,
div.code-toolbar > .toolbar > .toolbar-item > span {
    display: inline-block;
  	font-size: 14px;
    padding: 6px;
    border-radius: 4px;
  	color: #666;
}
div.code-toolbar > .toolbar > .toolbar-item > a:focus,
div.code-toolbar > .toolbar > .toolbar-item > a:hover,
div.code-toolbar > .toolbar > .toolbar-item > button:focus,
div.code-toolbar > .toolbar > .toolbar-item > button:hover,
div.code-toolbar > .toolbar > .toolbar-item > span:focus,
div.code-toolbar > .toolbar > .toolbar-item > span:hover {
    color: #1E88E5;
    background: rgba(0,0,0,0.045);
    text-decoration: none;
}
.token.treeview-part .entry-line {
    position: relative;
    text-indent: -99em;
    display: inline-block;
    vertical-align: top;
    width: 1.2em;
}
.token.treeview-part .entry-line:before,
.token.treeview-part .line-h:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
}
.token.treeview-part .line-h:before,
.token.treeview-part .line-v:before {
    border-left: 1px solid #ccc;
}
.token.treeview-part .line-v-last:before {
    height: 50%;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.token.treeview-part .line-h:after {
    height: 50%;
    border-bottom: 1px solid #ccc;
}
.token.treeview-part .entry-name {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.token.treeview-part .entry-name.dotfile {
    opacity: 0.5;
}
@font-face {
    font-family: PrismTreeview;
    src: url(data:application/font-woff;base64,d09GRgABAAAAAAgYAAsAAAAAEGAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPwAAAFY1UkH9Y21hcAAAAYQAAAB/AAACCtvO7yxnbHlmAAACBAAAA+MAAAlACm1VqmhlYWQAAAXoAAAAKgAAADZfxj5jaGhlYQAABhQAAAAYAAAAJAFbAMFobXR4AAAGLAAAAA4AAAA0CGQAAGxvY2EAAAY8AAAAHAAAABwM9A9CbWF4cAAABlgAAAAfAAAAIAEgAHZuYW1lAAAGeAAAATcAAAJSfUrk+HBvc3QAAAewAAAAZgAAAIka0DSfeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRYyjiBgZWBgaGQoRZISkLpUAYOBj0GBiYGVmYGrCAgzTWFweEV4ysehs1ArgDDFgZGIA3CDAB2tQjAAHic7ZHLEcMwCESfLCz/VEoKSEE5parURxMOC4c0Ec283WGFdABgBXrwCAzam4bOK9KWeefM3Hhmjyn3ed+hTRq1pS7Ra/HjYGPniHcXMy4G/zNTP7/KW5HTXArkvdBW3ArN19dCG/NRIN8K5HuB/CiQn4U26VeBfBbML9NEH78AeJyVVc1u20YQ3pn905JcSgr/YsuSDTEg3cR1bFEkYyS1HQcQ2jQF2hot6vYSoECKnnPLA/SWUy9NTr31Bfp+6azsNI0SGiolzu7ODnfn+2Z2lnHG3rxhr9nfLGKbLGesncAYYnUHpsVnMG/uwyzNdFIVd6HI6twp8+R3LpT4TSglLoTHwwJgG2/dFvKrl9yI507/p5CCq4LTxB/PlPjkFaMHnWB/0S9je7RTPS+utnGtom1T2q5pk/e3H0M1S18rsXAL7wgpxQuhAmteGGvNjmcfGXuwnFNOPCXxeOGmnjrBLWNyBeNtVq2Hs03yus1aPS3mzSyNVSfu588iW1Q93x/4fjcHn+5EkS2tMxr4xIRa8ese+4L9uKZnxEqs8+ldyN9atU02a5t5uQ8hZGms1QTKpaKYqnipiNNOAIeIADC0JNEOYY+jtSgFoOchiAjRGFACpUTRje8bwIYWGCDEgENY8MEu9bnCYCdAxftoNg0KiSpUtPaHcanYwzXRu6T4r40b5npal3V7UHWCPJW9niyl1vIHgoujEXZjudBkeWkOeMQBRmbEPhKzij1i52t6/TadL+3q7H0U1eq4E8cG4gIIwQLx8VX7ToPXgPrehVc5QXHR7gMSmwjKfaYAP4KvZV+yn9bE18y2IY37LvtyrSg3i7ZK++B603ndlg/gBJpZRsfpBI6hyiaQ6FjlnThz8lAC3LgBIMnXDOAXxBQ4SIgiEhx2AcGCAwAhwjXRpCQms42bwAUt75BvAwgONzdgOfWEwzk4Ylzj4mz+5YEzzXzWX9aNlk7ot65y5QnBHsNlm6zDTu7sspRqG4V+fgJ1lVBZ07Nm7s5nemo3Lf3PO7iwtnroQ5/YDGwPRUip6fV6L+27p+wCHwSvPs85UnHqId8NAn5IBsKdv95KrL9m31Gsf2a/rluDslk1y1J9GE+LUmmVT/OyOHaFKGnapt2H5XeJTmKd6qYNoVVZOy+pWzr7rMip3ndG/4mQSoUcMbAqG/YNIAdXhkAqTVruXhocSKN0iS4Rwj7vSS4fcF/La07BfeQSuRAcFeW+9igjwPhhYPpGCBCBHhxiKMyFMFT7ziRH7RtfIWdiha+TdW+Rqs7bLHdN2ZJIKl0um0x3op9saYr0REeRdj09pl43pMzz4tjztrY8L4o8bzT+oLY27PR/eFtXs/YY5vtwB5Iqad14eYN0ujveMaGWqkdU3TKbQSC5Uvxaf4fA7SAQ3r2tEfIhd4duld91bwMisjqBw22orthNcroXl7KqO1329HBgAexgoCfGAwiDPoBnriki3lmNojrzvD0tjo6E3vPYP6E2BMIAeJxjYGRgYADiY8t3FsTz23xl4GbYzIAB/v9nWM6wBcjgYGAC8QH+QQhZAAB4nGNgZGBg2MzAACeXMzAyoAJeADPyAh14nGNgAILNpGEA0fgIZQAAAAAAAAA2AHIAvgE+AZgCCAKMAv4DlgPsBEYEoHicY2BkYGDgZchi4GQAASYg5gJCBob/YD4DABTSAZcAeJx9kU1uwjAQhV/4qwpqhdSqi67cTTeVEmBXDgBbhBD7AHYISuLUMSD2PUdP0HNwjp6i676k3qQS9Ujjb968mYUNoI8zPJTHw02Vy9PAFatfbpLuHbfIT47b6MF33KH+6riLF0wc93CHN27wWtdUHvHuuIFbfDhuUv903CKfHbfxgC/HHerfjrtYen3HPTx7ambiIl0YKQ+xPM5ltE9CU9NqxVKaItaZGPqDmj6VmTShlRuxOoniEI2sVUIZnYqJzqxMEi1yo3dybf2ttfk4CJTT/bVOMYNBjAIpFiTJOLCWOGLOHGGPBCE7l32XO0tmw04MjQwCQ7774B//lDmrZkJY3hvOrHBiLuiJMKJqoVgrejQ3CP5Yubt0JwxNJa96Oypr6j621VSOMQKG+uP36eKmHylcb0MAeJxtwdEOgjAMBdBeWEFR/Mdl7bTJtMsygc/nwVfPoYF+QP+tGDAigDFhxgVXLLjhjhUPCtmKTtmLaGN7x6dy/Io5bybqoevRQ3LRObb0sk3HKpn1SFqW6ru26vbpYfcmRCccJhqsAAA=)
        format("woff");
}
.token.treeview-part .entry-name:before {
    content: "\ea01";
    font-family: PrismTreeview;
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 2.5ex;
    display: inline-block;
}
.token.treeview-part .entry-name.dir:before {
    content: "\ea02";
}
.token.treeview-part .entry-name.ext-bmp:before,
.token.treeview-part .entry-name.ext-eps:before,
.token.treeview-part .entry-name.ext-gif:before,
.token.treeview-part .entry-name.ext-jpe:before,
.token.treeview-part .entry-name.ext-jpeg:before,
.token.treeview-part .entry-name.ext-jpg:before,
.token.treeview-part .entry-name.ext-png:before,
.token.treeview-part .entry-name.ext-svg:before,
.token.treeview-part .entry-name.ext-tiff:before {
    content: "\ea03";
}
.token.treeview-part .entry-name.ext-cfg:before,
.token.treeview-part .entry-name.ext-conf:before,
.token.treeview-part .entry-name.ext-config:before,
.token.treeview-part .entry-name.ext-csv:before,
.token.treeview-part .entry-name.ext-ini:before,
.token.treeview-part .entry-name.ext-log:before,
.token.treeview-part .entry-name.ext-md:before,
.token.treeview-part .entry-name.ext-nfo:before,
.token.treeview-part .entry-name.ext-txt:before {
    content: "\ea06";
}
.token.treeview-part .entry-name.ext-asp:before,
.token.treeview-part .entry-name.ext-aspx:before,
.token.treeview-part .entry-name.ext-c:before,
.token.treeview-part .entry-name.ext-cc:before,
.token.treeview-part .entry-name.ext-cpp:before,
.token.treeview-part .entry-name.ext-cs:before,
.token.treeview-part .entry-name.ext-css:before,
.token.treeview-part .entry-name.ext-h:before,
.token.treeview-part .entry-name.ext-hh:before,
.token.treeview-part .entry-name.ext-htm:before,
.token.treeview-part .entry-name.ext-html:before,
.token.treeview-part .entry-name.ext-jav:before,
.token.treeview-part .entry-name.ext-java:before,
.token.treeview-part .entry-name.ext-js:before,
.token.treeview-part .entry-name.ext-php:before,
.token.treeview-part .entry-name.ext-rb:before,
.token.treeview-part .entry-name.ext-xml:before {
    content: "\ea07";
}
.token.treeview-part .entry-name.ext-7z:before,
.token.treeview-part .entry-name.ext-bz2:before,
.token.treeview-part .entry-name.ext-bz:before,
.token.treeview-part .entry-name.ext-gz:before,
.token.treeview-part .entry-name.ext-rar:before,
.token.treeview-part .entry-name.ext-tar:before,
.token.treeview-part .entry-name.ext-tgz:before,
.token.treeview-part .entry-name.ext-zip:before {
    content: "\ea08";
}
.token.treeview-part .entry-name.ext-aac:before,
.token.treeview-part .entry-name.ext-au:before,
.token.treeview-part .entry-name.ext-cda:before,
.token.treeview-part .entry-name.ext-flac:before,
.token.treeview-part .entry-name.ext-mp3:before,
.token.treeview-part .entry-name.ext-oga:before,
.token.treeview-part .entry-name.ext-ogg:before,
.token.treeview-part .entry-name.ext-wav:before,
.token.treeview-part .entry-name.ext-wma:before {
    content: "\ea04";
}
.token.treeview-part .entry-name.ext-avi:before,
.token.treeview-part .entry-name.ext-flv:before,
.token.treeview-part .entry-name.ext-mkv:before,
.token.treeview-part .entry-name.ext-mov:before,
.token.treeview-part .entry-name.ext-mp4:before,
.token.treeview-part .entry-name.ext-mpeg:before,
.token.treeview-part .entry-name.ext-mpg:before,
.token.treeview-part .entry-name.ext-ogv:before,
.token.treeview-part .entry-name.ext-webm:before {
    content: "\ea05";
}
.token.treeview-part .entry-name.ext-pdf:before {
    content: "\ea09";
}
.token.treeview-part .entry-name.ext-xls:before,
.token.treeview-part .entry-name.ext-xlsx:before {
    content: "\ea0a";
}
.token.treeview-part .entry-name.ext-doc:before,
.token.treeview-part .entry-name.ext-docm:before,
.token.treeview-part .entry-name.ext-docx:before {
    content: "\ea0c";
}
.token.treeview-part .entry-name.ext-pps:before,
.token.treeview-part .entry-name.ext-ppt:before,
.token.treeview-part .entry-name.ext-pptx:before {
    content: "\ea0b";
}


/* END prism.min.css */