@import url("https://fonts.googleapis.com/css?family=Roboto");
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Light.eot");
  src: local("../fonts/Open Sans Light"), local("OpenSans-Light"), url("../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSans-Light.woff") format("woff"), url("../fonts/OpenSans-Light.ttf") format("truetype"), url("../fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Bold.eot");
  src: local("../fonts/Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.eot");
  src: local("../fonts/Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("../fonts/Merriweather-Regular.eot");
  src: local("../fonts/Merriweather-Regular"), local("Merriweather-Regular"), url("../fonts/Merriweather-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Merriweather-Regular.woff2") format("woff2"), url("../fonts/Merriweather-Regular.woff") format("woff"), url("../fonts/Merriweather-Regular.ttf") format("truetype"), url("../fonts/Merriweather-Regular.svg#Merriweather-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  font-size: 14px;
  font-family: "Merriweather", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .trial-vendor {
  font-weight: 700;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  line-height: 1.4em;
}

/* Futura fonts have been changed to open sans. Classnames can differ in order to not break anything */
.futura-font-upper {
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.display-1, .display-2, .display-3, .display-4 {
  font-weight: 300;
}

.display-1 {
  font-size: 10rem;
  line-height: 1.2;
}

.display-2 {
  font-size: 8rem;
  line-height: 1.2;
}

.display-3 {
  font-size: 6rem;
  line-height: 1.2;
}

.display-4 {
  font-size: 4rem;
  line-height: 1.2;
}

h4, .h4 {
  font-size: 1.5em;
  font-weight: 500;
}

h5 {
  font-size: 1.2em;
  text-transform: uppercase;
}

.font-light {
  font-weight: 300 !important;
}

.font-normal {
  font-weight: 500 !important;
}

.font-nbold {
  font-weight: 700 !important;
}

.title, .card-title, .info-title, .footer-brand, .footer-big h5, .footer-big h4, .media .media-heading {
  font-weight: 700;
  font-family: "Open Sans";
}

.zc-clickable, .pointer {
  cursor: pointer;
}

.text-italic {
  font-style: italic;
}

.chart-container, .chart {
  width: 100%;
  height: 100%;
}

.padding-0 {
  padding: 0 !important;
}

[class*=h100] {
  min-height: 100vh !important;
  height: 100vh;
}

[class*=h90] {
  height: 90vh !important;
}

[class*=h80] {
  height: 80vh !important;
}

[class*=h70] {
  height: 70vh !important;
}

[class*=h60] {
  height: 60vh !important;
}

[class*=h50] {
  height: 50vh !important;
}

[class*=h40] {
  height: 40vh !important;
}

[class*=h30] {
  height: 30vh !important;
}

[class*=h20] {
  height: 20vh !important;
}

[class*=col-style-] {
  padding: 30px;
}

.min-h-65 {
  min-height: 65px;
}

.space-between-lg {
  display: flex;
  justify-content: space-between;
}

.col-style-border {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.col-style-light {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.key-hash-block.disabled {
  opacity: 0.3;
  pointer-events: none;
}

.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu a:active, .dropdown-menu a.active, .dropdown-menu a:focus, .dropdown-menu a:hover {
  box-shadow: inherit;
  background-color: inherit;
  color: inherit;
}

.trial-vendor {
  padding-top: 20px;
}

.h60 #demo {
  height: 100%;
}

.col-5 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  width: 20%;
  float: left;
}

.striked {
  opacity: 0.7;
  text-decoration: line-through;
}

.aligned-row {
  display: flex;
  flex-flow: row wrap;
}

.aligned-row:before {
  display: block;
}

.has-footer-cta {
  padding-bottom: 40px;
  position: relative;
}

.has-footer-cta .footer-cta {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.alert .alert-icon {
  display: none;
}

.alert p {
  text-align: center;
}

small.visible-sm {
  font-size: 10px;
  opacity: 0.7;
}

.nav-pills > li > a {
  cursor: pointer;
}

@media (max-width: 992px) {
  .col-5 {
    width: 100%;
    float: none;
  }
  .col-5-lg {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .text-sm-center {
    text-align: center !important;
  }
  ul.pricing-list li:not(.h5) {
    height: auto !important;
    line-height: 100% !important;
    padding: 7px 0;
  }
  .col-5-lg {
    display: none !important;
  }
  .zc-pricing-table .card-border {
    box-shadow: none !important;
  }
  .zc-pricing-table .card-light {
    background-color: transparent !important;
  }
  .mh-50, .mh-70 {
    min-height: auto !important;
    line-height: auto !important;
  }
  ul.pricing-list .h5 {
    height: auto !important;
  }
}
.nav-tabs {
  background: transparent;
  border-radius: 0;
  padding: 0 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 10px 0;
}

.nav-tabs > li {
  float: none;
  display: inline-block;
}

.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  color: #000 !important;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  border-radius: 0;
}

.nav-tabs > li.active > a {
  border-bottom: 4px solid red !important;
  background-color: rgba(0, 0, 0, 0.1);
}

.tab-pane {
  padding-top: 200px;
  margin-top: -200px;
}

.text-green {
  color: #2BBE00 !important;
}

.fixed-banner {
  position: fixed;
  bottom: 10px;
  right: 100px;
  z-index: 9999;
  display: none;
}

.close-fixed {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  background-color: black;
  background-position: center;
  background-size: 40%;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzEwMHB4JyB3aWR0aD0nMTAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjEuOSw1MC41bDMxLjQsMzEuNGMzLjEsMy4xLDMuMSw4LjMsMCwxMS40Yy0zLjEsMy4xLTguMywzLjEtMTEuNCwwTDUwLjUsNjEuOUwxOS4xLDkzLjIgIGMtMy4xLDMuMS04LjMsMy4xLTExLjQsMGMtMy4xLTMuMS0zLjEtOC4zLDAtMTEuNGwzMS40LTMxLjRMNy43LDE5LjFjLTMuMS0zLjEtMy4xLTguMywwLTExLjRzOC4zLTMuMSwxMS40LDBsMzEuNCwzMS40TDgxLjgsNy43ICBjMy4xLTMuMSw4LjMtMy4xLDExLjQsMGMzLjEsMy4xLDMuMSw4LjMsMCwxMS40TDYxLjksNTAuNXoiPjwvcGF0aD48L3N2Zz4=);
  text-indent: -9999px;
  border-radius: 100%;
}

@media (max-width: 500px) {
  .fixed-banner {
    display: none;
  }
}
/* --------------- Responsive tabs --------------- */
/* small device */
@media (max-width: 767px) {
  .device-big {
    display: none;
  }
  .device-small {
    display: block;
  }
}
/* big device */
@media only screen and (min-width: 768px) {
  .device-big, .tab-content.responsive-tabs > .tab-pane {
    display: block;
  }
  .device-small {
    display: none;
  }
  .tab-content.responsive-tabs > .tab-pane {
    display: block;
  }
}
/* --------------- / Responsive tabs --------------- */
.op1 {
  opacity: 0.1;
}

.op2 {
  opacity: 0.2;
}

.op3 {
  opacity: 0.3;
}

.op4 {
  opacity: 0.4;
}

.op5 {
  opacity: 0.5;
}

.op6 {
  opacity: 0.6;
}

.op7 {
  opacity: 0.7;
}

.op8 {
  opacity: 0.8;
}

.op9 {
  opacity: 0.9;
}

.op10 {
  opacity: 0.1;
}

body > .footer {
  text-shadow: none;
  color: #666;
}

body > .footer a {
  color: #333;
  text-transform: none !important;
}

body.light-footer > .footer {
  display: none;
}

.footer ul li {
  display: block;
}

.footer ul li a {
  text-transform: none;
}

.footer-pbi {
  background-color: #f3f3f3;
}

.footer ul.zc-inline-links li, ul.zc-inline-links li {
  display: inline-block;
}

.title, .title a, .card-title, .card-title a, .info-title, .info-title a, .footer-brand, .footer-brand a, .footer-big h5, .footer-big h5 a, .footer-big h4, .footer-big h4 a, .media .media-heading, .media .media-heading a {
  color: #000;
}

.text-red {
  color: #f00;
}

ul.dotlist li {
  position: relative;
  padding-left: 16px;
}

ul.dotlist li:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  background: red;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
}

.inline-link-matrix a {
  display: inline-block;
  padding: 4px 12px;
}

.card .title, .section-dark .card .title, .section-black .card .title {
  color: #000;
}

[class*=bg-img-] {
  position: relative;
  height: 100%;
}

.bg-img-right-bottom img {
  width: auto;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.bg-img-right-center img {
  width: auto;
  height: 80%;
  position: absolute;
  right: 5vw;
  bottom: 10%;
}

.presentation-page .navbar, .presentation-page .navbar.navbar-default,
.ecommerce-page .navbar, .ecommerce-page .navbar.navbar-default {
  color: #ccc;
}

.overflow-hidden {
  overflow: hidden;
}

.vcenter {
  display: table;
  vertical-align: middle;
  height: 100%;
  text-align: center;
  position: relative;
  width: 100%;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.vcenter-content {
  display: table-cell;
  vertical-align: middle;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.bootstrap-select {
  border-radius: 3px;
}

.bottom-dotted-border {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

.d-block {
  display: block;
}

.section-dark .bottom-dotted-border, .section-black .bottom-dotted-border, .presentation-page .navbar .bottom-dotted-border, .ecommerce-page .navbar .bottom-dotted-border {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}

.btn-primary .btn {
  background-color: transparent;
}

.btn-invisible {
  color: #333;
}

.btn-invisible:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000;
}

.hero-demo-report {
  width: 100%;
  height: 678px;
  margin-bottom: -8px;
}

.zc-back-btn {
  position: fixed !important;
  top: 120px;
  left: calc((100vw - 1200px) / 4 - 28px);
}

.zc-back-btn:hover {
  color: #000 !important;
}

@media screen and (max-width: 1310px) {
  .zc-back-btn {
    position: relative !important;
    top: auto;
    left: auto;
    margin: 0 0 -42px -17px !important;
  }
}
.btn.btn-white, .navbar .navbar-nav > li > a.btn.btn-white {
  color: #333;
}

.btn.btn-white:hover, .navbar .navbar-nav > li > a.btn.btn-white:hover {
  color: #000;
}

.pbi-select-product {
  display: none;
}

.no-bg {
  background: none !important;
}

.color-neo-blue {
  color: #388ec0;
}

.color-neo-green {
  color: #71b14d;
}

.color-neo-pink {
  color: #eb3843;
}

[class*=hlt-] {
  padding: 0.1em 0;
}

.hlt-white {
  background-color: white;
  box-shadow: 0.5em 0 0 white, -0.5em 0 0 white;
}

.hlt-neo-green {
  background-color: #71b14d;
  box-shadow: 0.5em 0 0 #71b14d, -0.5em 0 0 #71b14d;
}

ol, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

ol, ul {
  list-style: none;
}

p a {
  text-decoration: underline !important;
}

a[target=_blank]:not(.btn), a[icon=download], .dropdown-menu .zc-linklist a[target=_blank] {
  position: relative;
  padding-left: 14px;
}

a[target=_blank]:not(.btn):after {
  position: absolute;
  content: "";
  top: 50%;
  width: 8px;
  height: 8px;
  left: 3px;
  margin-top: -4px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMUExQTFBIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjQxNCIgeD0iMHB4IiB5PSIwcHgiPjxwYXRoIGQ9Ik0xNCAyLjcwN0w4LjM1NCA4LjM1M2EuNS41IDAgMCAxLS43MDctLjcwN0wxMy4yOTMgMkg5LjVhLjUuNSAwIDAgMSAwLTFoNWEuNS41IDAgMCAxIC41LjV2NWEuNS41IDAgMCAxLTEgMFYyLjcwN3pNNSAzSDIuNDk5QzEuNjcxIDMgMSAzLjY2OSAxIDQuNDk2djkuMDA5YzAgLjgyNS42NzkgMS40OTYgMS41MDIgMS40OTZoOC45OTVhMS41IDEuNSAwIDAgMCAxLjUwMi0xLjUwMnYtMi40OThhLjUuNSAwIDAgMC0xIDB2Mi40OThhLjUuNSAwIDAgMS0uNTAyLjUwMkgyLjUwMkEuNTA0LjUwNCAwIDAgMSAyIDEzLjUwNVY0LjQ5NkMyIDQuMjIyIDIuMjIzIDQgMi40OTkgNEg1YS41LjUgMCAwIDAgMC0xeiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+PC9zdmc+");
  opacity: 0.7;
}

.zc-linklist a[target=_blank]:not(.btn):after {
  left: -13px;
}

.navbar .zc-linklist a[target=_blank]:not(.btn):after {
  left: 2px;
}

/* footer links */
footer ul.links-vertical li a[target=_blank]:not(.btn),
footer ul.links-vertical li a[icon=download] {
  padding-left: 5px;
}

.navbar a[target=_blank]:after {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNCwyLjdMOC40LDguNGMtMC4yLDAuMi0wLjUsMC4yLTAuNywwYy0wLjItMC4yLTAuMi0wLjUsMC0wLjdMMTMuMywySDkuNUM5LjIsMiw5LDEuOCw5LDEuNVM5LjIsMSw5LjUsMWg1DQoJQzE0LjgsMSwxNSwxLjIsMTUsMS41djVDMTUsNi44LDE0LjgsNywxNC41LDdTMTQsNi44LDE0LDYuNVYyLjd6IE01LDNIMi41QzEuNywzLDEsMy43LDEsNC41djlDMSwxNC4zLDEuNywxNSwyLjUsMTVoOQ0KCWMwLjgsMCwxLjUtMC43LDEuNS0xLjVjMCwwLDAsMCwwLDBWMTFjMC0wLjMtMC4yLTAuNS0wLjUtMC41UzEyLDEwLjcsMTIsMTF2Mi41YzAsMC4zLTAuMiwwLjUtMC41LDAuNWMwLDAsMCwwLDAsMGgtOQ0KCUMyLjIsMTQsMiwxMy44LDIsMTMuNXYtOUMyLDQuMiwyLjIsNCwyLjUsNEg1YzAuMywwLDAuNS0wLjIsMC41LTAuNVM1LjMsMyw1LDN6Ii8+DQo8L3N2Zz4NCg==");
  left: auto;
  right: 14px;
}

.navbar a[target=_blank]:hover:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMUExQTFBIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjQxNCIgeD0iMHB4IiB5PSIwcHgiPjxwYXRoIGQ9Ik0xNCAyLjcwN0w4LjM1NCA4LjM1M2EuNS41IDAgMCAxLS43MDctLjcwN0wxMy4yOTMgMkg5LjVhLjUuNSAwIDAgMSAwLTFoNWEuNS41IDAgMCAxIC41LjV2NWEuNS41IDAgMCAxLTEgMFYyLjcwN3pNNSAzSDIuNDk5QzEuNjcxIDMgMSAzLjY2OSAxIDQuNDk2djkuMDA5YzAgLjgyNS42NzkgMS40OTYgMS41MDIgMS40OTZoOC45OTVhMS41IDEuNSAwIDAgMCAxLjUwMi0xLjUwMnYtMi40OThhLjUuNSAwIDAgMC0xIDB2Mi40OThhLjUuNSAwIDAgMS0uNTAyLjUwMkgyLjUwMkEuNTA0LjUwNCAwIDAgMSAyIDEzLjUwNVY0LjQ5NkMyIDQuMjIyIDIuMjIzIDQgMi40OTkgNEg1YS41LjUgMCAwIDAgMC0xeiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+PC9zdmc+");
}

.footer a[target=_blank]:after {
  left: -14px;
}

a[target=_blank]:hover:after {
  opacity: 1;
}

a[icon] {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px auto;
}

a[icon].btn {
  background-position: 15px center;
}

a[icon]:not(.btn) {
  padding-left: 20px;
}

a[icon=download] {
  background-image: url(../img/icons/text-icon-download.svg);
}

.togglebutton label {
  color: #333;
  padding-left: 46px;
  position: relative;
}

.togglebutton label .toggle, .togglebutton label input[type=checkbox][disabled] + .toggle {
  content: "";
  display: inline-block;
  width: 30px;
  height: 15px;
  background-color: #ccc;
  border-radius: 15px;
  margin-right: 15px;
  transition: background 0.3s ease;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 3px;
}

.togglebutton label .toggle {
  text-align: left;
  margin-left: 5px;
}

.togglebutton, .togglebutton .toggle, .togglebutton input, .togglebutton label {
  user-select: none;
}

.togglebutton label .toggle:after {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  top: -3px;
  border: none;
}

#add_card .close {
  color: #000;
}

#add_card li {
  padding: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}

#add_card li.table-head {
  border-top: none;
  background-color: rgba(0, 0, 0, 0.05);
  color: #666;
}

.blog-post h1 {
  display: none;
}

[data-toggle=popover] {
  width: 18px;
  height: 18px;
  position: absolute;
  right: -7px;
  top: 10px;
  cursor: pointer;
  opacity: 0.15;
  color: #666;
  transition: opacity 0.5s ease-in-out;
}

[data-toggle=popover] .material-icons {
  font-size: 16px;
  line-height: 16px;
}

.has-info:hover [data-toggle=popover] {
  opacity: 1;
}

.has-info:hover [data-toggle=popover]:hover {
  opacity: 1;
}

.has-info {
  position: relative;
  padding-right: 10px !important;
}

.has-info:hover [data-toggle=popover] {
  opacity: 0.3;
}

.popover {
  width: 360px;
  background: rgba(0, 0, 0, 0.95);
  border-radius: 0;
}

.popover-title {
  font-size: 16px;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  color: #fff;
  background: transparent;
}

.popover-content {
  font-size: 12px;
  font-family: "Merriweather", "Helvetica", "Arial", sans-serif;
  color: #f3f3f3;
  padding: 20px;
}

.popover.top > .arrow {
  margin-left: 0;
}

.popover.top > .arrow:after {
  border-top-color: rgba(0, 0, 0, 0.95);
}

.alternative-cta .primary-cta-btn, .alternative-cta-btn {
  display: none !important;
}

.alternative-cta .alternative-cta-btn {
  display: block !important;
}

.site-pbi .navbar .dropdown-menu li > a:hover, .site-pbi .navbar .dropdown-menu li > a:focus, .site-pbi .navbar.navbar-default .dropdown-menu li > a:hover, .site-pbi .navbar.navbar-default .dropdown-menu li > a:focus {
  background-color: #f2c811;
  color: #000;
  border-radius: 3px;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(242, 200, 17, 0.4);
}

.list-title-icon {
  width: 90px;
  height: 90px;
  padding: 20px;
}

.list-title-icon svg {
  fill: #333;
}

.d-inline-block {
  display: inline-block;
}

.icon-m {
  width: 70px;
  height: 70px;
}

.icon-l {
  width: 90px;
  height: 90px;
}

.navbar .product-card .icon {
  background: #fff;
}

.bg-white {
  background-color: #fff !important;
}

.form-control.full-border, .form-group .form-control.full-border {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.input-spacer-top-negative-xs .form-group {
  margin-top: -16px;
}

input.h3 {
  padding: 0 12px;
  height: 48px;
}

.icon {
  display: inline-block;
  width: 120px;
  height: 120px;
  background-position: center;
  background-size: 60%;
  background-repeat: no-repeat;
}

.icon-search {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibm91bl9GYWNlX3dpdGhfbW9ub2NsZV8yMjc0MTg2IiBkYXRhLW5hbWU9Im5vdW5fRmFjZSB3aXRoIG1vbm9jbGVfMjI3NDE4NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNzEiIGhlaWdodD0iNzEuMDAxIiB2aWV3Qm94PSIwIDAgNzEgNzEuMDAxIj4gIDxwYXRoIGlkPSJQYXRoXzM1MjIiIGRhdGEtbmFtZT0iUGF0aCAzNTIyIiBkPSJNMzUuNSwwYTM1LjUsMzUuNSwwLDEsMCwwLDcxLDM1LjExMywzNS4xMTMsMCwwLDAsMjEuMjExLTcuMDU3bC4xNDItLjEwNnYtMy45bC0uNTgzLjQ4NmEzMi41MTMsMzIuNTEzLDAsMSwxLDYuMzc4LTcuMTY0bC0uMDU4LjA4OXY1LjFsLjYzMi0uNzlBMzUuMDg4LDM1LjA4OCwwLDAsMCw3MSwzNS41LDM1LjU0MSwzNS41NDEsMCwwLDAsMzUuNSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz4gIDxwYXRoIGlkPSJQYXRoXzM1MjMiIGRhdGEtbmFtZT0iUGF0aCAzNTIzIiBkPSJNMzAuNTY0LDM2Ljc2NEEyLjkzNCwyLjkzNCwwLDEsMCwzMy41LDMzLjgzLDIuOTM0LDIuOTM0LDAsMCwwLDMwLjU2NCwzNi43NjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOC44NjQgLTkuODEpIi8+ICA8cGF0aCBpZD0iUGF0aF8zNTI0IiBkYXRhLW5hbWU9IlBhdGggMzUyNCIgZD0iTTc5LjU5NCwzMi45ODhhMi41MTksMi41MTksMCwwLDAtMi41MTYtMi41MTYsMi40ODIsMi40ODIsMCwwLDAtMS43Mi42ODhBMTMsMTMsMCwxLDAsNzIuNiw0Mi4xNDl2MzIuNmExLjUyMiwxLjUyMiwwLDAsMCwzLjA0NSwwdi0zOS43YTIuNTE0LDIuNTE0LDAsMCwwLDMuOTQ3LTIuMDY3Wm0tNi45OTIuODI3YTkuOTQzLDkuOTQzLDAsMSwxLTkuOTQ0LTkuOTQ1QTkuOTQzLDkuOTQzLDAsMCwxLDcyLjYsMzMuODE1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0LjM5MyAtNi4wMzQpIi8+ICA8cGF0aCBpZD0iUGF0aF8zNTI1IiBkYXRhLW5hbWU9IlBhdGggMzUyNSIgZD0iTTU1LjYyLDY5LjkwNmExLjUyMSwxLjUyMSwwLDAsMCwuOTQyLTIuNzE1LDE0Ljc3NCwxNC43NzQsMCwwLDAtOC41My0zLjIsMTQuNzYxLDE0Ljc2MSwwLDAsMC04LjUxNiwzLjJoMGExLjUxLDEuNTEsMCwwLDAtLjU3NCwxLjA4MywxLjUyNiwxLjUyNiwwLDAsMCwuNDI0LDEuMTYzLDEuNTQ1LDEuNTQ1LDAsMCwwLDIuMDM4LjEzMiwxMS4xNzgsMTEuMTc4LDAsMCwxLDYuNjM1LTIuNTQ5LDExLjE3OCwxMS4xNzgsMCwwLDEsNi42MzUsMi41NDlBMS41LDEuNSwwLDAsMCw1NS42Miw2OS45MDZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEuMjkyIC0xOC41NTcpIi8+ICA8cGF0aCBpZD0iUGF0aF8zNTI2IiBkYXRhLW5hbWU9IlBhdGggMzUyNiIgZD0iTTQ2LjkzLDc1LjM4NGExLjUyMywxLjUyMywwLDEsMCwwLDMuMDQ2SDUyLjlhMS41MjMsMS41MjMsMCwxLDAsMC0zLjA0NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4xNjggLTIxLjg2MSkiLz4gIDxwYXRoIGlkPSJQYXRoXzM1MjciIGRhdGEtbmFtZT0iUGF0aCAzNTI3IiBkPSJNMzguODI5LDI4QTEuNTI0LDEuNTI0LDAsMCwwLDM5LjksMjUuNCwxMi4wNDksMTIuMDQ5LDAsMCwwLDMxLDIxLjU2N2ExLjQ5LDEuNDksMCwwLDAtMS4xNDcuNTkzLDEuNTI1LDEuNTI1LDAsMCwwLS4yNjYsMS4zLDEuNTA1LDEuNTA1LDAsMCwwLDEuNDY2LDEuMTUxSDMxLjFhOS4xMDksOS4xMDksMCwwLDEsNi42NTYsMi45NDdBMS41MiwxLjUyLDAsMCwwLDM4LjgyOSwyOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjU2NyAtNi4yNTMpIi8+ICA8cGF0aCBpZD0iUGF0aF8zNTI4IiBkYXRhLW5hbWU9IlBhdGggMzUyOCIgZD0iTTU5LjgwOSwzNi4zNDZoMGExLjQzMSwxLjQzMSwwLDAsMS0xLjM2OC0xLjgxOCw3LjAyNCw3LjAyNCwwLDAsMSw0LjkzOS00LjkzOUExLjQzMSwxLjQzMSwwLDAsMSw2NS4yLDMwLjk1N2gwYTEuNDI0LDEuNDI0LDAsMCwxLTEuMDY5LDEuMzcyLDQuMTcyLDQuMTcyLDAsMCwwLTIuOTQ5LDIuOTUxQTEuNDIxLDEuNDIxLDAsMCwxLDU5LjgwOSwzNi4zNDZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuOTMyIC04LjU2NSkiLz48L3N2Zz4=);
}

.icon-cool {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibm91bl9GYWNlX3dpdGhfU3VuR2xhc3Nlc18yMjc0MTg5IiBkYXRhLW5hbWU9Im5vdW5fRmFjZSB3aXRoIFN1bkdsYXNzZXNfMjI3NDE4OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNzEuMDAxIiBoZWlnaHQ9IjcxLjAwMiIgdmlld0JveD0iMCAwIDcxLjAwMSA3MS4wMDIiPiAgPHBhdGggaWQ9IlBhdGhfMzUxNiIgZGF0YS1uYW1lPSJQYXRoIDM1MTYiIGQ9Ik02Ny4zLDE5LjczOWgyLjI4YTEuNDIzLDEuNDIzLDAsMSwwLDAtMi44NDZINjUuNzE4YTM1LjQ3MSwzNS40NzEsMCwwLDAtNjAuNDM0LDBIMS40MjNhMS40MjMsMS40MjMsMCwxLDAsMCwyLjg0NkgzLjdhMzUuNSwzNS41LDAsMSwwLDYzLjU5NCwwWm0tNC4yOCwxLjAyOGExMy4xOTMsMTMuMTkzLDAsMSwxLTI2LjEsMi43NDJWMjMuNWgwVjE5LjczNGwyNS44NDIuMDA2cS4xNTIuNTEuMjU2LDEuMDI4Wk0zNS41LDIuODRBMzIuNjQxLDMyLjY0MSwwLDAsMSw2Mi4zMiwxNi44OTRIOC42ODFBMzIuNjQxLDMyLjY0MSwwLDAsMSwzNS41LDIuODRaTTcuOTgsMjAuNzU2Yy4wNjktLjM0MS4xNTQtLjY4MS4yNTMtMS4wMTZIMzQuMDh2My43NjhoMGExMy4xOTQsMTMuMTk0LDAsMCwxLTI2LjM4OSwwLDEzLjA0MywxMy4wNDMsMCwwLDEsLjI4OS0yLjc1MlpNMzUuNSw2OC4xNjFBMzIuNjU4LDMyLjY1OCwwLDAsMSw0Ljg2OCwyNC4xNzUsMTYuMDI4LDE2LjAyOCwwLDAsMCwzNS41LDMwLjA5MmExNi4wMywxNi4wMywwLDAsMCwzMC42MzMtNS45MTlBMzIuNjU4LDMyLjY1OCwwLDAsMSwzNS41LDY4LjE2MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz4gIDxwYXRoIGlkPSJQYXRoXzM1MTciIGRhdGEtbmFtZT0iUGF0aCAzNTE3IiBkPSJNNTcuMTEzLDYzLjExNmEyNC4yODIsMjQuMjgyLDAsMCwxLTEzLjU3Nyw0LjQxOEEyNC4yODEsMjQuMjgxLDAsMCwxLDI5Ljk2LDYzLjExNmExLjQyNCwxLjQyNCwwLDEsMC0xLjY0OSwyLjMyMSwyNi44NywyNi44NywwLDAsMCwxNS4yMjYsNC45MzcsMjYuODcyLDI2Ljg3MiwwLDAsMCwxNS4yMjYtNC45MzcsMS40MjQsMS40MjQsMCwxLDAtMS42NDktMi4zMjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOC4wMzcgLTE4LjIyNykiLz4gIDxwYXRoIGlkPSJQYXRoXzM1MTgiIGRhdGEtbmFtZT0iUGF0aCAzNTE4IiBkPSJNMTkuMzQsNDAuMjIxbDUuNjgzLTUuNjgzYTEuNDIsMS40MiwwLDEsMC0yLjAwOS0yLjAwOWwtNS42ODMsNS42ODNhMS40MiwxLjQyLDAsMCwwLDIuMDA5LDIuMDA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuOTA2IC05LjMxMykiLz4gIDxwYXRoIGlkPSJQYXRoXzM1MTkiIGRhdGEtbmFtZT0iUGF0aCAzNTE5IiBkPSJNMzUuMTM5LDQwLjE5bDQuMTI3LTQuMTI3YTEuNDIsMS40MiwwLDEsMC0yLjAwOS0yLjAwOUwzMy4xMywzOC4xODFhMS40MiwxLjQyLDAsMCwwLDIuMDA5LDIuMDA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuNDg3IC05Ljc1NSkiLz4gIDxwYXRoIGlkPSJQYXRoXzM1MjAiIGRhdGEtbmFtZT0iUGF0aCAzNTIwIiBkPSJNNjQuODMsMzIuNTI5bC01LjY4Myw1LjY4M2ExLjQyLDEuNDIsMCwwLDAsMi4wMDksMi4wMDlsNS42ODMtNS42ODNhMS40MiwxLjQyLDAsMSwwLTIuMDA5LTIuMDA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjAzMiAtOS4zMTMpIi8+ICA8cGF0aCBpZD0iUGF0aF8zNTIxIiBkYXRhLW5hbWU9IlBhdGggMzUyMSIgZD0iTTc5LjA3NCwzNC4wNTRsLTQuMTI3LDQuMTI3YTEuNDIsMS40MiwwLDAsMCwyLjAwOSwyLjAwOWw0LjEyNy00LjEyN2ExLjQyLDEuNDIsMCwwLDAtMi4wMDktMi4wMDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjEuNjE0IC05Ljc1NSkiLz48L3N2Zz4=);
}

.icon-grumpy {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibm91bl9hbmdyeV8yMjc0MTc0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MS4wMDEiIGhlaWdodD0iNzEuMDAxIiB2aWV3Qm94PSIwIDAgNzEuMDAxIDcxLjAwMSI+ICA8cGF0aCBpZD0iUGF0aF8zNTI5IiBkYXRhLW5hbWU9IlBhdGggMzUyOSIgZD0iTTM1LjUsNzFBMzUuNSwzNS41LDAsMSwwLDAsMzUuNSwzNS41LDM1LjUsMCwwLDAsMzUuNSw3MVptMC02OC4xNjFBMzIuNjYsMzIuNjYsMCwxLDEsMi44NCwzNS41LDMyLjY2LDMyLjY2LDAsMCwxLDM1LjUsMi44NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz4gIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjA0OCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA0OCIgd2lkdGg9IjE4LjQxNCIgaGVpZ2h0PSIyLjg0IiByeD0iMS40MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYuMjkzIDIxLjA3NykiLz4gIDxwYXRoIGlkPSJQYXRoXzM1MzAiIGRhdGEtbmFtZT0iUGF0aCAzNTMwIiBkPSJNNTkuMjc5LDQzLjI2N0gyNS45NDNhMS40MiwxLjQyLDAsMSwwLDAsMi44NGgyLjc5YTIuNzg5LDIuNzg5LDAsMSwwLDUuNCwwSDUxLjA4OGEyLjc1OCwyLjc1OCwwLDAsMC0uMDg3LjY1OSwyLjc4OSwyLjc4OSwwLDEsMCw1LjQ5LS42NTloMi43ODhhMS40MiwxLjQyLDAsMSwwLDAtMi44NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03LjExMSAtMTIuNTQ3KSIvPiAgPHBhdGggaWQ9IlBhdGhfMzUzMSIgZGF0YS1uYW1lPSJQYXRoIDM1MzEiIGQ9Ik01NS4wNDYsNjkuODM5YTEuNDI1LDEuNDI1LDAsMCwxLTEuOS4wMzYsMTAuODM1LDEwLjgzNSwwLDAsMC0xMy44ODItLjAxMSwxLjQyNiwxLjQyNiwwLDAsMS0xLjktLjAzOWwwLDBhMS40MTIsMS40MTIsMCwwLDEsLjAzMS0yLjA5NUExMy41MiwxMy41MiwwLDAsMSw0Ni4yLDY0LjUxNGExMy43MzQsMTMuNzM0LDAsMCwxLDguODE5LDMuMjI4LDEuNDExLDEuNDExLDAsMCwxLC4wMzEsMi4xWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjcwMyAtMTguNzA5KSIvPjwvc3ZnPg==);
}

.icon-feature {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDEiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCAxMDEgNzAiPiAgPGcgaWQ9Im5vdW5fZmVhdHVyaW5nXzIyMDgzMzgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy41IC0zMCkiPiAgICA8cGF0aCBpZD0iUGF0aF8zNTQ0IiBkYXRhLW5hbWU9IlBhdGggMzU0NCIgZD0iTTExMC42MSw1Ny43NGE1LjY2LDUuNjYsMCwwLDAtMS4wOC02LjU5TDEwOC4zNSw1MGE1LjgsNS44LDAsMCwwLTQuMDYtMS43LDUuNDIsNS40MiwwLDAsMC0yLjUzLjYyQTUuNjYsNS42NiwwLDAsMCw5Ni4zMyw0NUg5NC42N2E1LjY2LDUuNjYsMCwwLDAtNS40MiwzLjg5LDUuNDIsNS40MiwwLDAsMC0yLjUzLS42MkE1LjgsNS44LDAsMCwwLDgyLjY2LDUwbC0xLjE4LDEuMThhNS43Niw1Ljc2LDAsMCwwLTEuNjksMy43Myw1LjQ2LDUuNDYsMCwwLDAsLjYxLDIuODYsNS42Niw1LjY2LDAsMCwwLTMuODksNS40MnYxLjY3YTUuNjYsNS42NiwwLDAsMCwzLjg5LDUuNDIsNS42Niw1LjY2LDAsMCwwLDEuMDgsNi41OUw4Mi42NSw3OGE1LjgsNS44LDAsMCwwLDQuMDYsMS43LDUuNDIsNS40MiwwLDAsMCwyLjUzLS42MkE1LjY2LDUuNjYsMCwwLDAsOTQuNjcsODNoMS42N2E1LjY2LDUuNjYsMCwwLDAsNS40Mi0zLjg5LDUuNDEsNS40MSwwLDAsMCwyLjUzLjYyLDUuOCw1LjgsMCwwLDAsNC4wNi0xLjdsMS4xOC0xLjE4YTUuNjYsNS42NiwwLDAsMCwxLjA4LTYuNTksNS42Niw1LjY2LDAsMCwwLDMuODktNS40MlY2My4xN0E1LjY2LDUuNjYsMCwwLDAsMTEwLjYxLDU3Ljc0Wm0tLjExLDcuMDlBMS41OCwxLjU4LDAsMCwxLDEwOSw2Ni41aC0yLjFhMTEuNjEsMTEuNjEsMCwwLDEtMS41NywzLjc5bDEuNSwxLjVBMS41OCwxLjU4LDAsMCwxLDEwNi43LDc0bC0xLjE4LDEuMThhMS43NiwxLjc2LDAsMCwxLTEuMjMuNTMsMS4zOSwxLjM5LDAsMCwxLTEtLjRsLTEuNS0xLjVBMTEuNTgsMTEuNTgsMCwwLDEsOTgsNzUuNHYyLjEyQTEuNTgsMS41OCwwLDAsMSw5Ni4zMyw3OUg5NC42N0ExLjU4LDEuNTgsMCwwLDEsOTMsNzcuNTJWNzUuNGExMS41OCwxMS41OCwwLDAsMS0zLjc5LTEuNTdsLTEuNSwxLjVhMS4zOSwxLjM5LDAsMCwxLTEsLjQsMS43NiwxLjc2LDAsMCwxLTEuMjMtLjUzTDg0LjMsNzRhMS41OCwxLjU4LDAsMCwxLS4xMy0yLjIzbDEuNS0xLjVBMTEuNjEsMTEuNjEsMCwwLDEsODQuMSw2Ni41SDgyYTEuNTgsMS41OCwwLDAsMS0xLjQ4LTEuNjdWNjMuMTdBMS41OCwxLjU4LDAsMCwxLDgyLDYxLjVoMi4xYTExLjYxLDExLjYxLDAsMCwxLDEuNTctMy43OWwtMS41LTEuNUExLjU4LDEuNTgsMCwwLDEsODQuMyw1NGwxLjE4LTEuMThhMS43NiwxLjc2LDAsMCwxLDEuMjMtLjUzLDEuMzksMS4zOSwwLDAsMSwxLC40bDEuNSwxLjVBMTEuNTksMTEuNTksMCwwLDEsOTMsNTIuNjFWNTAuNDhBMS41OCwxLjU4LDAsMCwxLDk0LjY3LDQ5aDEuNjdBMS41OCwxLjU4LDAsMCwxLDk4LDUwLjQ4VjUyLjZhMTEuNTksMTEuNTksMCwwLDEsMy43OSwxLjU3bDEuNS0xLjVhMS4zOCwxLjM4LDAsMCwxLDEtLjQsMS43NiwxLjc2LDAsMCwxLDEuMjMuNTNMMTA2LjcsNTRhMS41OCwxLjU4LDAsMCwxLC4xMywyLjIzbC0xLjUsMS41YTExLjYxLDExLjYxLDAsMCwxLDEuNTcsMy43OUgxMDlhMS41OCwxLjU4LDAsMCwxLDEuNDgsMS42N1oiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHBhdGggaWQ9IlBhdGhfMzU0NSIgZGF0YS1uYW1lPSJQYXRoIDM1NDUiIGQ9Ik05NS41LDU3YTcsNywwLDEsMCw3LDdBNyw3LDAsMCwwLDk1LjUsNTdabTAsMTBhMywzLDAsMSwxLDMtM0EzLDMsMCwwLDEsOTUuNSw2N1oiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHBhdGggaWQ9IlBhdGhfMzU0NiIgZGF0YS1uYW1lPSJQYXRoIDM1NDYiIGQ9Ik03Ni41LDQ1LjMzYTUuMzYsNS4zNiwwLDAsMC0yLjg3LTQuNzcsNS4zNiw1LjM2LDAsMCwwLTEuMzQtNS40bC0uOTQtLjk0YTUuNDUsNS40NSwwLDAsMC0zLjgyLTEuNiw1LjE5LDUuMTksMCwwLDAtMS41OS4yNUE1LjM2LDUuMzYsMCwwLDAsNjEuMTcsMzBINTkuODNhNS4zNiw1LjM2LDAsMCwwLTQuNzcsMi44Nyw1LjE5LDUuMTksMCwwLDAtMS41OS0uMjUsNS40NCw1LjQ0LDAsMCwwLTMuODEsMS41OWwtLjk1Ljk1YTUuNCw1LjQsMCwwLDAtMS41OCwzLjUsNS4xOSw1LjE5LDAsMCwwLC4yNCwxLjksNS4zNiw1LjM2LDAsMCwwLTIuODcsNC43N3YxLjMzYTUuMzYsNS4zNiwwLDAsMCwyLjg3LDQuNzcsNS4zNiw1LjM2LDAsMCwwLDEuMzQsNS40bC45NC45NGE1LjQ1LDUuNDUsMCwwLDAsMy44MiwxLjYsNS4xOSw1LjE5LDAsMCwwLDEuNTktLjI1QTUuMzYsNS4zNiwwLDAsMCw1OS44Myw2MmgxLjMzYTUuMzYsNS4zNiwwLDAsMCw0Ljc3LTIuODcsNS4xOSw1LjE5LDAsMCwwLDEuNTkuMjUsNS40NCw1LjQ0LDAsMCwwLDMuODEtMS41OWwuOTUtLjk1YTUuMzYsNS4zNiwwLDAsMCwxLjM0LTUuNCw1LjM2LDUuMzYsMCwwLDAsMi44Ny00Ljc3Wm0tNCwxLjMzQTEuMjcsMS4yNywwLDAsMSw3MS4zMSw0OGgtMS43YTkuMjksOS4yOSwwLDAsMS0xLjI2LDNsMS4yLDEuMmExLjI3LDEuMjcsMCwwLDEtLjEsMS43OGwtLjk0Ljk0YTEuNDEsMS40MSwwLDAsMS0xLC40MiwxLjExLDEuMTEsMCwwLDEtLjc5LS4zMmwtMS4yLTEuMmE5LjI2LDkuMjYsMCwwLDEtMywxLjI2djEuN0ExLjI3LDEuMjcsMCwwLDEsNjEuMTcsNThINTkuODNhMS4yNywxLjI3LDAsMCwxLTEuMzMtMS4xOXYtMS43YTkuMjcsOS4yNywwLDAsMS0zLTEuMjZsLTEuMiwxLjJhMS4xMSwxLjExLDAsMCwxLS43OS4zMiwxLjQxLDEuNDEsMCwwLDEtMS0uNDJMNTEuNTQsNTRhMS4yNywxLjI3LDAsMCwxLS4xMS0xLjc4bDEuMi0xLjJhOS4yOSw5LjI5LDAsMCwxLTEuMjYtM2gtMS43YTEuMjcsMS4yNywwLDAsMS0xLjE5LTEuMzNWNDUuMzNBMS4yNywxLjI3LDAsMCwxLDQ5LjY5LDQ0aDEuN2E5LjI5LDkuMjksMCwwLDEsMS4yNi0zbC0xLjItMS4yYTEuMjYsMS4yNiwwLDAsMSwuMDktMS44bC45NC0uOTRhMS40MSwxLjQxLDAsMCwxLDEtLjQyLDEuMTEsMS4xMSwwLDAsMSwuNzkuMzJsMS4yLDEuMmE5LjI3LDkuMjcsMCwwLDEsMy0xLjI2VjM1LjJBMS4yNywxLjI3LDAsMCwxLDU5LjgzLDM0aDEuMzNhMS4yNywxLjI3LDAsMCwxLDEuMzMsMS4xOXYxLjdhOS4yNyw5LjI3LDAsMCwxLDMsMS4yNmwxLjItMS4yYTEuMTEsMS4xMSwwLDAsMSwuNzktLjMyLDEuNDEsMS40MSwwLDAsMSwxLC40MmwuOTQuOTRhMS4yNywxLjI3LDAsMCwxLC4xLDEuNzhMNjguMzYsNDFhOS4yOSw5LjI5LDAsMCwxLDEuMjYsM2gxLjdhMS4yNywxLjI3LDAsMCwxLDEuMTksMS4zM1oiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHBhdGggaWQ9IlBhdGhfMzU0NyIgZGF0YS1uYW1lPSJQYXRoIDM1NDciIGQ9Ik02MC41LDQwYTYsNiwwLDEsMCw2LDYsNiw2LDAsMCwwLTYtNlptMCw4YTIsMiwwLDEsMSwyLTJBMiwyLDAsMCwxLDYwLjUsNDhaIiBmaWxsPSIjMWExYTFhIi8+ICAgIDxwYXRoIGlkPSJQYXRoXzM1NTAiIGRhdGEtbmFtZT0iUGF0aCAzNTUwIiBkPSJNNzMuNjMsNzguNTZhNS4zNiw1LjM2LDAsMCwwLTEuMzQtNS40bC0uOTQtLjk0YTUuNDUsNS40NSwwLDAsMC0zLjgyLTEuNiw1LjE5LDUuMTksMCwwLDAtMS41OS4yNUE1LjM2LDUuMzYsMCwwLDAsNjEuMTcsNjhINTkuODNhNS4zNiw1LjM2LDAsMCwwLTQuNzcsMi44Nyw1LjE5LDUuMTksMCwwLDAtMS41OS0uMjUsNS40NCw1LjQ0LDAsMCwwLTMuODEsMS41OWwtLjk1Ljk1YTUuNCw1LjQsMCwwLDAtMS41OCwzLjUsNS4xOSw1LjE5LDAsMCwwLC4yNCwxLjksNS4zNiw1LjM2LDAsMCwwLTIuODcsNC43N3YxLjMzYTUuMzYsNS4zNiwwLDAsMCwyLjg3LDQuNzcsNS4zNiw1LjM2LDAsMCwwLDEuMzQsNS40bC45NC45NGE1LjQ1LDUuNDUsMCwwLDAsMy44MiwxLjYsNS4xOSw1LjE5LDAsMCwwLDEuNTktLjI1QTUuMzYsNS4zNiwwLDAsMCw1OS44MywxMDBoMS4zM2E1LjM2LDUuMzYsMCwwLDAsNC43Ny0yLjg3LDUuMTksNS4xOSwwLDAsMCwxLjU5LjI1LDUuNDQsNS40NCwwLDAsMCwzLjgxLTEuNTlsLjk1LS45NWE1LjM2LDUuMzYsMCwwLDAsMS4zNC01LjQsNS4zNiw1LjM2LDAsMCwwLDIuODctNC43N1Y4My4zM0E1LjM2LDUuMzYsMCwwLDAsNzMuNjMsNzguNTZaTTcyLjUsODQuNjdBMS4yNywxLjI3LDAsMCwxLDcxLjMxLDg2aC0xLjdhOS4yOSw5LjI5LDAsMCwxLTEuMjYsM2wxLjIsMS4yYTEuMjcsMS4yNywwLDAsMS0uMSwxLjc4bC0uOTQuOTRhMS40MSwxLjQxLDAsMCwxLTEsLjQyLDEuMTEsMS4xMSwwLDAsMS0uNzktLjMybC0xLjItMS4yYTkuMjYsOS4yNiwwLDAsMS0zLDEuMjZ2MS43QTEuMjcsMS4yNywwLDAsMSw2MS4xNyw5Nkg1OS44M2ExLjI3LDEuMjcsMCwwLDEtMS4zMy0xLjE5di0xLjdhOS4yNyw5LjI3LDAsMCwxLTMtMS4yNmwtMS4yLDEuMmExLjExLDEuMTEsMCwwLDEtLjc5LjMyLDEuNDEsMS40MSwwLDAsMS0xLS40Mkw1MS41NCw5MmExLjI3LDEuMjcsMCwwLDEtLjExLTEuNzhsMS4yLTEuMmE5LjI5LDkuMjksMCwwLDEtMS4yNi0zaC0xLjdhMS4yNywxLjI3LDAsMCwxLTEuMTktMS4zM1Y4My4zM0ExLjI3LDEuMjcsMCwwLDEsNDkuNjksODJoMS43YTkuMjksOS4yOSwwLDAsMSwxLjI2LTNsLTEuMi0xLjJhMS4yNiwxLjI2LDAsMCwxLC4wOS0xLjhsLjk0LS45NGExLjQxLDEuNDEsMCwwLDEsMS0uNDIsMS4xMSwxLjExLDAsMCwxLC43OS4zMmwxLjIsMS4yYTkuMjcsOS4yNywwLDAsMSwzLTEuMjZWNzMuMkExLjI3LDEuMjcsMCwwLDEsNTkuODMsNzJoMS4zM2ExLjI3LDEuMjcsMCwwLDEsMS4zMywxLjE5djEuN2E5LjI3LDkuMjcsMCwwLDEsMywxLjI2bDEuMi0xLjJhMS4xMSwxLjExLDAsMCwxLC43OS0uMzIsMS40MSwxLjQxLDAsMCwxLDEsLjQybC45NC45NGExLjI3LDEuMjcsMCwwLDEsLjEsMS43OEw2OC4zNiw3OWE5LjI5LDkuMjksMCwwLDEsMS4yNiwzaDEuN2ExLjI3LDEuMjcsMCwwLDEsMS4xOSwxLjMzWiIgZmlsbD0iIzFhMWExYSIvPiAgICA8cGF0aCBpZD0iUGF0aF8zNTUxIiBkYXRhLW5hbWU9IlBhdGggMzU1MSIgZD0iTTYwLjUsNzhhNiw2LDAsMSwwLDYsNiw2LDYsMCwwLDAtNi02Wm0wLDhhMiwyLDAsMSwxLDItMkEyLDIsMCwwLDEsNjAuNSw4NloiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHBhdGggaWQ9IlBhdGhfMzU1MiIgZGF0YS1uYW1lPSJQYXRoIDM1NTIiIGQ9Ik0yMy41LDU5aDE2YTIsMiwwLDAsMCwwLTRoLTE2YTIsMiwwLDAsMCwwLDRaIiBmaWxsPSIjMWExYTFhIi8+ICAgIDxwYXRoIGlkPSJQYXRoXzM1NTMiIGRhdGEtbmFtZT0iUGF0aCAzNTUzIiBkPSJNNDEuNSw3M2EyLDIsMCwwLDAtMi0yaC0xNmEyLDIsMCwwLDAsMCw0aDE2QTIsMiwwLDAsMCw0MS41LDczWiIgZmlsbD0iIzFhMWExYSIvPiAgICA8cGF0aCBpZD0iUGF0aF8zNTU0IiBkYXRhLW5hbWU9IlBhdGggMzU1NCIgZD0iTTQxLjUsNjVhMiwyLDAsMCwwLTItMmgtMjRhMiwyLDAsMCwwLDAsNGgyNEEyLDIsMCwwLDAsNDEuNSw2NVoiIGZpbGw9IiMxYTFhMWEiLz4gIDwvZz48L3N2Zz4=);
}

.icon-happy {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NyIgaGVpZ2h0PSI3NyIgdmlld0JveD0iMCAwIDc3IDc3Ij4gIDxnIGlkPSJub3VuX0hhcHB5XzkyMjI4NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuNSAtMi41KSI+ICAgIDxnIGlkPSJHcm91cF81ODQiIGRhdGEtbmFtZT0iR3JvdXAgNTg0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUgMi41KSI+ICAgICAgPHBhdGggaWQ9IlBhdGhfMzU1NiIgZGF0YS1uYW1lPSJQYXRoIDM1NTYiIGQ9Ik00MSwyLjVBMzguNSwzOC41LDAsMSwwLDc5LjUsNDEsMzguNTM1LDM4LjUzNSwwLDAsMCw0MSwyLjVabTAsNzIuMjE4QTMzLjcxOCwzMy43MTgsMCwxLDEsNzQuNzE4LDQxLDMzLjY5MiwzMy42OTIsMCwwLDEsNDEsNzQuNzE4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuNSAtMi41KSIgZmlsbD0iIzFhMWExYSIvPiAgICAgIDxwYXRoIGlkPSJQYXRoXzM1NTciIGRhdGEtbmFtZT0iUGF0aCAzNTU3IiBkPSJNNjUuOTY3LDUwYTIuNTE5LDIuNTE5LDAsMCwwLTIuNDMyLDIuMTg4LDE5LjI1OSwxOS4yNTksMCwwLDEtMzguMjU3LDBBMi40NTcsMi40NTcsMCwwLDAsMjIuODQ3LDUwLDIuMzg2LDIuMzg2LDAsMCwwLDIwLjUsNTIuNjc1YTI0LjA2MywyNC4wNjMsMCwwLDAsNDcuODIxLjA4MUEyLjQ2MSwyLjQ2MSwwLDAsMCw2NS45NjcsNTBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS45MDcgLTExLjUpIiBmaWxsPSIjMWExYTFhIi8+ICAgICAgPHBhdGggaWQ9IlBhdGhfMzU1OCIgZGF0YS1uYW1lPSJQYXRoIDM1NTgiIGQ9Ik0yMi44NDMsMzguMjQ1YTIuNDM4LDIuNDM4LDAsMCwwLDIuMjY5LTEuNjIxLDQuOCw0LjgsMCwwLDEsOS4wNzgsMCwyLjM2MSwyLjM2MSwwLDAsMCwyLjI2OSwxLjYyMUEyLjQxOCwyLjQxOCwwLDAsMCwzOC43MjksMzVhOS41ODQsOS41ODQsMCwwLDAtOS4wNzgtNi40QTkuNzQ0LDkuNzQ0LDAsMCwwLDIwLjU3MywzNSwyLjQ5LDIuNDksMCwwLDAsMjIuODQzLDM4LjI0NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjkwMyAtNy40NDUpIiBmaWxsPSIjMWExYTFhIi8+ICAgICAgPHBhdGggaWQ9IlBhdGhfMzU1OSIgZGF0YS1uYW1lPSJQYXRoIDM1NTkiIGQ9Ik01OS4yMzUsMzguMjQ1aDBBMi40MzgsMi40MzgsMCwwLDAsNjEuNSwzNi42MjRhNC44LDQuOCwwLDAsMSw5LjA3OCwwLDIuMzYxLDIuMzYxLDAsMCwwLDIuMjY5LDEuNjIxQTIuNDE4LDIuNDE4LDAsMCwwLDc1LjEyMSwzNWE5LjU4NCw5LjU4NCwwLDAsMC05LjA3OC02LjRBOS43NDQsOS43NDQsMCwwLDAsNTYuOTY2LDM1LDIuNDE4LDIuNDE4LDAsMCwwLDU5LjIzNSwzOC4yNDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIuNzkyIC03LjQ0NSkiIGZpbGw9IiMxYTFhMWEiLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
}

.icon-money-back {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NC45MjciIGhlaWdodD0iODEuOTgyIiB2aWV3Qm94PSIwIDAgOTQuOTI3IDgxLjk4MiI+ICA8ZyBpZD0ibm91bl9tb25leV9iYWNrXzE4MjIyMSIgZGF0YS1uYW1lPSJub3VuX21vbmV5IGJhY2tfMTgyMjIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTkuNDI1IC0yMTguNikiPiAgICA8ZyBpZD0iR3JvdXBfNTgzIiBkYXRhLW5hbWU9Ikdyb3VwIDU4MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5OS40MjUgMjE4LjYpIj4gICAgICA8cGF0aCBpZD0iUGF0aF8zNTU1IiBkYXRhLW5hbWU9IlBhdGggMzU1NSIgZD0iTS0xODIuNDI2LDI1OC45NWwtNi44MzIsNi44MzJhMi4wNjcsMi4wNjcsMCwwLDEtMS4zODguNjQxLDEuODc5LDEuODc5LDAsMCwxLTEuMzg4LS42NDFsLTYuODMyLTYuODMyYTIuMTMyLDIuMTMyLDAsMCwxLDAtMi44ODIsMi4xMzIsMi4xMzIsMCwwLDEsMi44ODIsMGwzLjMwOSwzLjMwOUE0MC44NjUsNDAuODY1LDAsMCwxLTE1MS43ODksMjE4LjZhMi4wMjcsMi4wMjcsMCwwLDEsMi4wMjgsMi4wMjguOC44LDAsMCwxLS4xMDcuNTM0LDEuOTU1LDEuOTU1LDAsMCwxLTEuOTIxLDEuNDk0aDBhMzYuOSwzNi45LDAsMCwwLTM2LjgyOCwzNi44MjhoMGwzLjQxNi0zLjQxNmEyLjEzMiwyLjEzMiwwLDAsMSwyLjg4MiwwQTIuMDI5LDIuMDI5LDAsMCwxLTE4Mi40MjYsMjU4Ljk1Wm0zOC4yMTUtMzUuNDRoLjQyN2ExLjg2NCwxLjg2NCwwLDAsMCwxLjkyMS0xLjYsMS45NTksMS45NTksMCwwLDAtMS42LTIuMzQ4LDEuOTU5LDEuOTU5LDAsMCwwLTIuMzQ4LDEuNkExLjk1OSwxLjk1OSwwLDAsMC0xNDQuMjEsMjIzLjUxWm0xMy44NzcsNi4wODVhMi4yMzgsMi4yMzgsMCwwLDAsMS4xNzQuNDI3LDEuODgyLDEuODgyLDAsMCwwLDEuNi0uODU0LDIuMDA4LDIuMDA4LDAsMCwwLS40MjctMi43NzVoMGEyLjAwOCwyLjAwOCwwLDAsMC0yLjc3NS40MjdBMS44MzksMS44MzksMCwwLDAtMTMwLjMzMywyMjkuNTk1Wm03LjE1Miw1Ljc2NGEyLjI0OCwyLjI0OCwwLDAsMCwxLjM4OC0uNTM0LDIuMDI5LDIuMDI5LDAsMCwwLC4xMDctMi44ODIsMi4wMjksMi4wMjksMCwwLDAtMi44ODItLjEwNywyLjAyOSwyLjAyOSwwLDAsMC0uMTA3LDIuODgyQTIuMTA4LDIuMTA4LDAsMCwwLTEyMy4xODEsMjM1LjM1OVptNi4zLDEyLjM4M2gwYTIuMDUxLDIuMDUxLDAsMCwwLDEuOTIxLDEuMzg4LDEuMzU0LDEuMzU0LDAsMCwwLC42NC0uMTA3LDIuMDMxLDIuMDMxLDAsMCwwLDEuMjgxLTIuNTYyLDIuMDMxLDIuMDMxLDAsMCwwLTIuNTYyLTEuMjgxQTIuMDI4LDIuMDI4LDAsMCwwLTExNi44ODMsMjQ3Ljc0MlptLTY5LjYsMjQuNTUyYTEuOTMzLDEuOTMzLDAsMCwwLTIuNTYyLTEuMTc0LDEuOTMzLDEuOTMzLDAsMCwwLTEuMTc0LDIuNTYyLDEuOTU1LDEuOTU1LDAsMCwwLDEuOTIxLDEuMjgxLDIuMDg0LDIuMDg0LDAsMCwwLC43NDctLjEwN0EyLjAwNiwyLjAwNiwwLDAsMC0xODYuNDgyLDI3Mi4yOTRabTY4LjEtMzAuNDIzYTIuMDYsMi4wNiwwLDAsMCwxLjA2Ny0uMzIsMi4wNjMsMi4wNjMsMCwwLDAsLjc0Ny0yLjc3NSwyLjA2MywyLjA2MywwLDAsMC0yLjc3NS0uNzQ3LDIuMDYzLDIuMDYzLDAsMCwwLS43NDcsMi43NzVBMi4wMjksMi4wMjksMCwwLDAtMTE4LjM3NywyNDEuODcxWm0tMTguNTc0LTE2LjAxMmEyLjAxMSwyLjAxMSwwLDAsMCwuODU0LjIxMywxLjk3MywxLjk3MywwLDAsMCwxLjgxNS0xLjE3NCwyLDIsMCwwLDAtMS4wNjctMi42NjksMiwyLDAsMCwwLTIuNjY5LDEuMDY3QTEuOTUsMS45NSwwLDAsMC0xMzYuOTUxLDIyNS44NTlabS0yOC44MjIsNjcuNzg1YTIuMDksMi4wOSwwLDAsMC0yLjY2OSwxLjA2NywyLjA5LDIuMDksMCwwLDAsMS4wNjcsMi42NjksMS44MTcsMS44MTcsMCwwLDAsLjc0Ny4xMDcsMS44MjQsMS44MjQsMCwwLDAsMS44MTUtMS4yODFBMS44LDEuOCwwLDAsMC0xNjUuNzczLDI5My42NDNabTcuMzY2LDIuMTM1YTIuMDM4LDIuMDM4LDAsMCwwLTIuMzQ4LDEuNiwyLjAzOCwyLjAzOCwwLDAsMCwxLjYsMi4zNDhoLjMyYTIuMDQ4LDIuMDQ4LDAsMCwwLDIuMDI4LTEuNzA4QTEuOTg4LDEuOTg4LDAsMCwwLTE1OC40MDcsMjk1Ljc3OFpNLTE4MS4yNTEsMjg1LjFhMi4wMjksMi4wMjksMCwwLDAtLjEwNywyLjg4MiwyLjEwOCwyLjEwOCwwLDAsMCwxLjQ5NC42NCwyLjI0OCwyLjI0OCwwLDAsMCwxLjM4OC0uNTM0LDEuOTQxLDEuOTQxLDAsMCwwLDAtMi44ODJBMS44MiwxLjgyLDAsMCwwLTE4MS4yNTEsMjg1LjFabS00LjU5LTYuNjE4YTEuOTYzLDEuOTYzLDAsMCwwLS42NCwyLjc3NSwyLjA1MSwyLjA1MSwwLDAsMCwxLjcwOC45NjEsMi4wNiwyLjA2LDAsMCwwLDEuMDY3LS4zMiwyLjA1NiwyLjA1NiwwLDAsMCwuNjQtMi43NzVBMS45NjMsMS45NjMsMCwwLDAtMTg1Ljg0MSwyNzguNDg1Wm0xMy4zNDMsMTEuNTI5YTEuOTM3LDEuOTM3LDAsMCwwLTIuNzc1LjUzNCwxLjkzNywxLjkzNywwLDAsMCwuNTM0LDIuNzc1LDIuMTUyLDIuMTUyLDAsMCwwLDEuMTc0LjMyLDIuMjI5LDIuMjI5LDAsMCwwLDEuNzA4LS44NTRBMi4xOTMsMi4xOTMsMCwwLDAtMTcyLjUsMjkwLjAxNFptNjcuNDY0LTI5Ljc4Mi02LjgzMi02LjgzMmEyLjEzMiwyLjEzMiwwLDAsMC0yLjg4MiwwbC02LjgzMiw2LjgzMmEyLjEzMiwyLjEzMiwwLDAsMCwwLDIuODgyLDIuMDY3LDIuMDY3LDAsMCwwLDEuMzg4LjY0MSwxLjg3OSwxLjg3OSwwLDAsMCwxLjM4OC0uNjQxbDMuNDE2LTMuNDE2aDBhMzYuOSwzNi45LDAsMCwxLTM2LjgyOCwzNi44MjgsMi4wMjcsMi4wMjcsMCwwLDAtMi4wMjgsMi4wMjgsMS45NjMsMS45NjMsMCwwLDAsMi4wMjgsMi4wMjhBNDAuODY1LDQwLjg2NSwwLDAsMC0xMTEuMzMyLDI1OS44bDMuMzA5LDMuMzA5YTIuMDY3LDIuMDY3LDAsMCwwLDEuMzg4LjY0MSwxLjg3OSwxLjg3OSwwLDAsMCwxLjM4OC0uNjQxQTEuOTU2LDEuOTU2LDAsMCwwLTEwNS4wMzQsMjYwLjIzMVptLTQ5LDIyLjFBMi4wMjcsMi4wMjcsMCwwLDAtMTUyLDI4NC4zNTZhMi4wMjcsMi4wMjcsMCwwLDAsMi4wMjgtMi4wMjh2LTUuNDQ0aDEuNDk0YTkuNzQ5LDkuNzQ5LDAsMCwwLDkuNzE0LTkuNzE0LDkuNzQ5LDkuNzQ5LDAsMCwwLTkuNzE0LTkuNzE0aC0xLjQ5NFYyNDYuMDM0aDYuODMyYTIuMDI3LDIuMDI3LDAsMCwwLDIuMDI4LTIuMDI4LDIuMDI3LDIuMDI3LDAsMCwwLTIuMDI4LTIuMDI4aC02LjgzMlYyMzYuNjRBMi4wMjcsMi4wMjcsMCwwLDAtMTUyLDIzNC42MTJhMi4wMjcsMi4wMjcsMCwwLDAtMi4wMjgsMi4wMjh2NS4zMzdoLTEuNDk0YTkuNzQ5LDkuNzQ5LDAsMCwwLTkuNzE0LDkuNzE0LDkuNzQ5LDkuNzQ5LDAsMCwwLDkuNzE0LDkuNzE0aDEuNDk0djExLjMxNWgtNy4wNDVhMi4wMjcsMi4wMjcsMCwwLDAtMi4wMjgsMi4wMjgsMi4wMjcsMi4wMjcsMCwwLDAsMi4wMjgsMi4wMjhoNy4wNDV2NS41NTFabTQuMDU2LTEwLjY3NVYyNjEuNjE5aDEuNDk0YTUuNyw1LjcsMCwwLDEsNS42NTgsNS42NTgsNS43LDUuNywwLDAsMS01LjY1OCw1LjY1OGgtMS40OTR2LTEuMjgxWm0tNS41NTEtMTQuMDkxYTUuNyw1LjcsMCwwLDEtNS42NTgtNS42NTgsNS43LDUuNywwLDAsMSw1LjY1OC01LjY1OGgxLjQ5NHYxMS40MjJoLTEuNDk0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk5LjQyNSAtMjE4LjYpIiBmaWxsPSIjMWExYTFhIi8+ICAgIDwvZz4gIDwvZz48L3N2Zz4=);
}

.icon-interactions {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MS45ODQiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA3MS45ODQgNzIiPiAgPGcgaWQ9Im5vdW5fY2xpY2tfOTc1Mjc3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQuMDA4IC05NjYuMzYyKSI+ICAgIDxwYXRoIGlkPSJQYXRoXzM1NjAiIGRhdGEtbmFtZT0iUGF0aCAzNTYwIiBkPSJNNDIuMDA4LDk2Ni4zNjJhMiwyLDAsMCwwLTIsMnYxNGEyLDIsMCwxLDAsNCwwdi0xNEEyLDIsMCwwLDAsNDIuMDA4LDk2Ni4zNjJabS0xOS4yMTksNi45NjlhMiwyLDAsMCwwLTEuMTg3LDMuNDM4bDgsOGEyLDIsMCwxLDAsMi44MTMtMi44NDRsLTgtOGEyLDIsMCwwLDAtMS42MjUtLjU5NFptMzcuMjE5Ljk2OWEyLjI0MiwyLjI0MiwwLDAsMC0xLjQwNi42MjVsLTgsOGEyLDIsMCwxLDAsMi44MTMsMi44NDRsOC04YTIsMiwwLDAsMC0xLjQwNi0zLjQ2OVptLTIyLjc1LDEzLjM3NWEyLDIsMCwwLDAtMS43ODEsMi43MTlsMTcuNjg3LDQ1Ljk2OWEyLDIsMCwwLDAsMy42MjUuMjE5bDUuNjU2LTEwLjVMNzQuMSwxMDM3Ljc2OGEyLDIsMCwwLDAsMi44NDQsMGw4LjQ2OS04LjVhMiwyLDAsMCwwLDAtMi44MTJMNzMuNzg5LDEwMTQuOGwxMC40NjktNS42ODdhMiwyLDAsMCwwLS4yNS0zLjYyNUwzOC4wNyw5ODcuOGEyLDIsMCwwLDAtLjgxMi0uMTI1Wm0tMjEuMjUsNC42ODhhMiwyLDAsMSwwLDAsNGgxNGEyLDIsMCwxLDAsMC00Wm0yNC44MTMuNzgxLDM3LjcxOSwxNC41MzEtOS4wMzEsNC44NzVhMiwyLDAsMCwwLS40NjksMy4xODhMODEuMiwxMDI3Ljg2MmwtNS42NTYsNS42NTYtMTIuMTU2LTEyLjEyNWEyLDIsMCwwLDAtMy4xNTYuNDM4bC00LjkwNiw5LjAzMS0xNC41LTM3LjcxOVptLTguODEyLDkuMTU2YTIuMjM5LDIuMjM5LDAsMCwwLTEuNDA2LjYyNWwtOCw4YTIsMiwwLDEsMCwyLjgxMywyLjg0NGw4LThhMiwyLDAsMCwwLTEuNDA2LTMuNDY5WiIgZmlsbD0iIzFhMWExYSIvPiAgPC9nPjwvc3ZnPg==);
}

.icon-customization {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NSIgaGVpZ2h0PSI1MyIgdmlld0JveD0iMCAwIDY1IDUzIj4gIDxnIGlkPSJHcm91cF81ODgiIGRhdGEtbmFtZT0iR3JvdXAgNTg4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjAxIC0xNTY3KSI+ICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjA0OSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA0OSIgd2lkdGg9IjY1IiBoZWlnaHQ9IjMiIHJ4PSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwMSAxNTcxKSIvPiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzIwNTAiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwNTAiIHdpZHRoPSI2NSIgaGVpZ2h0PSIzIiByeD0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDEgMTU5MikiLz4gICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDUxIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDUxIiB3aWR0aD0iNjUiIGhlaWdodD0iMyIgcng9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAxIDE2MTMpIi8+ICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMzEiIGRhdGEtbmFtZT0iRWxsaXBzZSAzMSIgY3g9IjUuNSIgY3k9IjUuNSIgcj0iNS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MTYgMTU2NykiLz4gICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8zMiIgZGF0YS1uYW1lPSJFbGxpcHNlIDMyIiBjeD0iNS41IiBjeT0iNS41IiByPSI1LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0MSAxNTg4KSIvPiAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzMzIiBkYXRhLW5hbWU9IkVsbGlwc2UgMzMiIGN4PSI1LjUiIGN5PSI1LjUiIHI9IjUuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjI0IDE2MDkpIi8+ICA8L2c+PC9zdmc+);
}

.icon-report {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibm91bl9MYXlvdXRfMjQxNzgyNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNzAuNTcyIiBoZWlnaHQ9IjcwLjU3MiIgdmlld0JveD0iMCAwIDcwLjU3MiA3MC41NzIiPiAgPHBhdGggaWQ9IlBhdGhfMzU2MSIgZGF0YS1uYW1lPSJQYXRoIDM1NjEiIGQ9Ik0zNy44NDgsMGEyLjIwNSwyLjIwNSwwLDEsMCwwLDQuNDExaDYuNjE2VjI2LjQ2NUgyMi40MTFWNC40MTFoNi42MTZhMi4yMDUsMi4yMDUsMCwxLDAsMC00LjQxMUgyMi40MTFBNC40MTIsNC40MTIsMCwwLDAsMTgsNC40MTFWMjYuNDY1YTQuNDEyLDQuNDEyLDAsMCwwLDQuNDExLDQuNDExSDQ0LjQ2NWE0LjQxMiw0LjQxMiwwLDAsMCw0LjQxMS00LjQxMVY0LjQxMUE0LjQxMiw0LjQxMiwwLDAsMCw0NC40NjUsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxLjY5NykiIGZpbGw9IiMxYTFhMWEiLz4gIDxwYXRoIGlkPSJQYXRoXzM1NjIiIGRhdGEtbmFtZT0iUGF0aCAzNTYyIiBkPSJNMCwxMS4wMjdhMi4yMDUsMi4yMDUsMCwwLDAsNC40MTEsMFY0LjQxMUgyNi40NjVWMjYuNDY1SDQuNDExVjE5Ljg0OGEyLjIwNSwyLjIwNSwwLDEsMC00LjQxMSwwdjYuNjE2YTQuNDEyLDQuNDEyLDAsMCwwLDQuNDExLDQuNDExSDI2LjQ2NWE0LjQxMiw0LjQxMiwwLDAsMCw0LjQxMS00LjQxMVY0LjQxMUE0LjQxMiw0LjQxMiwwLDAsMCwyNi40NjUsMEg0LjQxMUE0LjQxMiw0LjQxMiwwLDAsMCwwLDQuNDExWiIgZmlsbD0iIzFhMWExYSIvPiAgPHBhdGggaWQ9IlBhdGhfMzU2MyIgZGF0YS1uYW1lPSJQYXRoIDM1NjMiIGQ9Ik0xMS4wMjcsNDguODc1YTIuMjA1LDIuMjA1LDAsMCwwLDAtNC40MTFINC40MTFWMjIuNDExSDI2LjQ2NVY0NC40NjVIMTkuODQ4YTIuMjA1LDIuMjA1LDAsMSwwLDAsNC40MTFoNi42MTZhNC40MTIsNC40MTIsMCwwLDAsNC40MTEtNC40MTFWMjIuNDExQTQuNDEyLDQuNDEyLDAsMCwwLDI2LjQ2NSwxOEg0LjQxMUE0LjQxMiw0LjQxMiwwLDAsMCwwLDIyLjQxMVY0NC40NjVhNC40MTIsNC40MTIsMCwwLDAsNC40MTEsNC40MTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDIxLjY5NykiIGZpbGw9IiMxYTFhMWEiLz4gIDxwYXRoIGlkPSJQYXRoXzM1NjQiIGRhdGEtbmFtZT0iUGF0aCAzNTY0IiBkPSJNNDguODc1LDM3Ljg0OGEyLjIwNSwyLjIwNSwwLDAsMC00LjQxMSwwdjYuNjE2SDIyLjQxMVYyMi40MTFINDQuNDY1djYuNjE2YTIuMjA1LDIuMjA1LDAsMSwwLDQuNDExLDBWMjIuNDExQTQuNDEyLDQuNDEyLDAsMCwwLDQ0LjQ2NSwxOEgyMi40MTFBNC40MTIsNC40MTIsMCwwLDAsMTgsMjIuNDExVjQ0LjQ2NWE0LjQxMiw0LjQxMiwwLDAsMCw0LjQxMSw0LjQxMUg0NC40NjVhNC40MTIsNC40MTIsMCwwLDAsNC40MTEtNC40MTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMS42OTcgMjEuNjk3KSIgZmlsbD0iIzFhMWExYSIvPjwvc3ZnPg==);
}

.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.bg-light-grey {
  background: #F4F4F4;
}

.bg-grey {
  background: #DEDEDE;
}

.product-title-icon {
  width: 82px;
  height: 82px;
  margin-bottom: 4px;
  display: inline-block;
}

.product-title-icon img {
  width: 100%;
}

.product-title-icon.icon-sm {
  width: 56px;
  height: 56px;
}

.block {
  padding: 30px;
  border-radius: 4px;
  box-sizing: border-box;
}

.v-bordered-blocks .block {
  border-right: 1px dashed rgba(0, 0, 0, 0.2);
  margin-right: -1px;
}

.v-bordered-blocks .block:last-child {
  border-right: none;
  margin-right: 0;
}

.block-s {
  padding: 20px;
}

.block-xs {
  padding: 10px;
}

.block-light {
  background-color: #F1F1F1;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.block-content {
  border-radius: 4px;
  padding: 30px;
}

.block-no-shadow {
  box-shadow: none !important;
}

.product-selection-list li {
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  position: relative;
  width: 66px;
  height: 66px;
  background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.product-selection-list li:hover {
  opacity: 1;
}

.product-selection-list li.active {
  background-size: 56px;
  opacity: 1;
}

.product-selection-list li.product-pbi-dnt {
  background-image: url(../img/power-bi/pbi-logo-dnt-min.png);
}

.product-selection-list li.product-pbi-cmb {
  background-image: url(../img/power-bi/pbi-logo-cmb-min.png);
}

.product-selection-list li.product-pbi-net {
  background-image: url(../img/power-bi/pbi-logo-net-min.png);
}

.product-selection-list li.product-pbi-tms {
  background-image: url(../img/power-bi/pbi-logo-tms-min.png);
}

.product-selection-list li.product-pbi-sct {
  background-image: url(../img/power-bi/pbi-logo-sct-min.png);
}

.product-selection-list li.product-pbi-wtr {
  background-image: url(../img/power-bi/pbi-logo-wtr-min.png);
}

.product-selection-list li.product-pbi-bar {
  background-image: url(../img/power-bi/pbi-logo-bar-min.png);
}

.product-selection-list li.product-pbi-bub {
  background-image: url(../img/power-bi/pbi-logo-bub-min.png);
}

.product-selection-list li.product-pbi-grp {
  background-image: url(../img/power-bi/pbi-logo-grp-min.png);
}

.product-selection-list li.active.product-pbi-dnt {
  background-image: url(../img/power-bi/logo-PC-paid.png);
}

.product-selection-list li.active.product-pbi-cmb {
  background-image: url(../img/power-bi/logo-FC-paid.png);
}

.product-selection-list li.active.product-pbi-net {
  background-image: url(../img/power-bi/logo-NC-paid.png);
}

.product-selection-list li.active.product-pbi-tms {
  background-image: url(../img/power-bi/logo-TC-paid.png);
}

.product-selection-list li.active.product-pbi-sct {
  background-image: url(../img/power-bi/logo-pbi-sct.png);
}

.product-selection-list li.active.product-pbi-wtr {
  background-image: url(../img/power-bi/logo-pbi-wtr.png);
}

.product-selection-list li.active.product-pbi-bar {
  background-image: url(../img/power-bi/logo-pbi-bar.png);
}

.product-selection-list li.active.product-pbi-bub {
  background-image: url(../img/power-bi/logo-pbi-bub.png);
}

.product-selection-list li.active.product-pbi-grp {
  background-image: url(../img/power-bi/logo-pbi-grp.png);
}

.product-selection-list li:before {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  background: #f3f3f3;
  border: 1px solid #000;
  content: "";
}

.product-selection-list li.active:before {
  background-color: #0E8E00;
  border: 1px solid #0E8E00;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/tick-white.svg);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

.product-selection-list li.coming-soon:not(.active):before {
  display: none;
}

.product-selection-list li:hover:not(.active):before {
  border-color: #A7CFA3;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.product-selection-list li.active:not(.coming-soon):hover::before {
  background-color: #A7CFA3;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.product-selection-list li.coming-soon {
  cursor: default;
  opacity: 0.3;
}

.product-selection-list li.coming-soon:after {
  font-weight: normal;
  font-size: 8px;
  left: -5px;
  padding: 0 5px;
  top: 5px;
  white-space: nowrap;
  line-height: 13px;
}

.btn-just-icon:after {
  display: none;
}

.presentation-page .navbar svg, .ecommerce-page .navbar svg, .section-dark svg, .section-black svg {
  fill: #ccc;
}

.footer .list-title-icon svg {
  fill: #666;
}

.description, .card-description, .footer-big p {
  color: #666;
}

.pos-bot-m {
  position: absolute;
  bottom: 0;
  right: 5%;
}

.other-visuals .card {
  max-height: 275px;
}

.card {
  border-radius: 4px;
}

.card:not(.card-raised) {
  background-color: transparent;
  box-shadow: none;
}

.card.bg-pbi {
  background-color: #f2c811;
  position: relative;
}

.card.bg-excel {
  background-color: #46DC5C;
  position: relative;
}

.card.bg-graph {
  background-color: #987EFF;
  position: relative;
}

.card.bg-light, .card.card-light {
  background-color: #f3f3f3;
  position: relative;
}

.coming-soon {
  position: relative;
}

.coming-soon:after {
  position: absolute;
  top: -5px;
  left: 30px;
  content: "Coming soon";
  background: red;
  padding: 1px 10px 0 10px;
  color: #fff;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Open Sans";
  font-weight: bold;
}

.card.bg-sdk {
  background-color: #47BAFF;
  position: relative;
}

.card-border .card-content, .card-background .card-content, .back-background .card-content, .front-background .card-content {
  max-width: 100% !important;
}

.card-background .card-content, .back-background .card-content, .front-background .card-content {
  color: #fff;
}

.card.card-background .title, .section-dark .card.card-background .title, .section-black .card.card-background .title, .card-dark .card-content, .card-dark .card-content .title {
  color: #fff;
}

.card.card-background-light .title, .card.card-background-light p, .card.card-background-light small {
  color: #000 !important;
}

.card-background-light:after {
  background-color: rgba(255, 255, 255, 0.8) !important;
  border-radius: 0;
}

.card-background-dark:after {
  background-color: rgba(0, 0, 0, 0.6) !important;
  border-radius: 0;
}

.btn .badge-container {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  text-align: center;
}

.request-quote-subtext {
  display: block;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}

.card-white {
  background-color: #fff !important;
}

.card-border .card-content {
  position: relative;
  z-index: 2;
  min-height: 280px;
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 440px;
  margin: 0 auto;
}

.card.card-with-heading .card-content {
  position: absolute;
  bottom: 0;
  min-height: auto !important;
  text-align: left;
  max-height: 100%;
}

.card.card-with-heading .card-content p {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  transition: height 0.5s ease;
  line-height: 100%;
  clear: left;
}

.card.card-with-heading .card-content p small {
  color: #fff;
}

.card.card-with-heading:hover .card-content p {
  height: 130px;
  max-height: calc(100% - 50px);
}

.card.card-with-heading:after {
  background: -moz-linear-gradient(45deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 1%, rgba(0, 0, 0, 0.3) 63%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-linear-gradient(45deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 1%, rgba(0, 0, 0, 0.3) 63%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(45deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 1%, rgba(0, 0, 0, 0.3) 63%, rgba(0, 0, 0, 0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#80000000", endColorstr="#00000000",GradientType=1 );
  z-index: 1;
  opacity: 0.5;
  border-radius: 0;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.card.card-with-heading:hover:after {
  opacity: 1;
  background: -moz-linear-gradient(80deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 1%, rgba(0, 0, 0, 0.3) 63%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-linear-gradient(80deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 1%, rgba(0, 0, 0, 0.3) 63%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(80deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 1%, rgba(0, 0, 0, 0.3) 63%, rgba(0, 0, 0, 0.3) 100%);
}

.gallery-type-filter .btn.active {
  background-color: #f2c811;
  color: #000;
}

.gallery-type-filter .btn.active:focus, .gallery-type-filter .btn:focus {
  background-color: #f2c811;
  color: #000;
}

.section-light {
  background: #f3f3f3;
}

.btn, .btn-round {
  border-radius: 4px !important;
  position: relative;
}

.btn:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px !important;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#1a000000",GradientType=0 ); /* IE6-9 */
  content: "";
}

.absolute-half-right {
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  top: 0;
}

.spacer {
  margin: 70px;
}

.spacer-top {
  margin-top: 70px;
}

.spacer-top-l {
  margin-top: 120px;
}

.spacer-bottom {
  margin-bottom: 70px;
}

.spacer-bottom-l {
  margin-bottom: 120px;
}

.spacer-bottom-xl {
  margin-bottom: 180px;
}

.spacer-bottom-xxl {
  margin-bottom: 300px;
}

.spacer-bottom-xxxl {
  margin-bottom: 440px;
}

.spacer-top-s {
  margin-top: 35px;
}

.spacer-bottom-s {
  margin-bottom: 35px;
}

.padder-bottom-xs {
  padding-bottom: 25px;
}

.spacer-bottom-xs {
  margin-bottom: 25px;
}

.spacer-bottom-xxs, h2.title.spacer-bottom-xxs {
  margin-bottom: 15px;
}

.padder-bottom-xxs {
  padding-bottom: 15px;
}

.spacer-top-xs {
  margin-top: 14px;
}

.spacer-top-xxs {
  margin-top: 8px;
}

.spacer-left-xs {
  margin-left: 14px;
}

.spacer-left-sm {
  margin-left: 30px;
}

.spacer-bottom-xs {
  margin-bottom: 14px;
}

.card-pricing h6 {
  margin: 0;
}

.card-pricing .card-title {
  margin: 12px 0 8px 0;
}

.btn .material-icons.icon-lg {
  font-size: 28px;
}

.col-count-2 {
  column-count: 2;
  column-gap: 60px;
}

.spruce-report {
  position: relative;
  z-index: 9;
}

.spruce-report img {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  margin: 12px 0;
}

pre {
  word-wrap: break-word;
  padding: 8px;
  height: 100%;
}

.presentation-page .header-filter:after, .index-page .header-filter:after {
  background: none;
}

.section-dark, .section-black {
  color: #fff;
}

.section-dark option, .section-black option {
  color: #333;
}

.section-grey {
  background-color: #ececec;
}

.section-bg-pbi {
  position: relative;
}

.section-bg-pbi .container {
  position: relative;
  z-index: 1;
}

.section-bg-pbi:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  z-index: 0;
  background-image: url(../img/logos/zoomcharts-logo-pbi.svg);
  background-size: 70px;
  opacity: 0.03;
  background-position: center;
}

.navbar {
  top: 10px;
}

select {
  -webkit-appearance: none;
  position: relative;
}

.youtube {
  border-radius: 5px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 640px;
  background-color: #111;
}

.no-buttons .btn {
  display: none !important;
}

.btn, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn:active:hover, .btn.active:focus, .btn.active:hover, .open > .btn.dropdown-toggle, .open > .btn.dropdown-toggle:focus, .open > .btn.dropdown-toggle:hover, .btn.btn-default, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active, .btn.btn-default:active:focus, .btn.btn-default:active:hover, .btn.btn-default.active:focus, .btn.btn-default.active:hover, .open > .btn.btn-default.dropdown-toggle, .open > .btn.btn-default.dropdown-toggle:focus, .open > .btn.btn-default.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn, .navbar .navbar-nav > li > a.btn:hover, .navbar .navbar-nav > li > a.btn:focus, .navbar .navbar-nav > li > a.btn:active, .navbar .navbar-nav > li > a.btn.active, .navbar .navbar-nav > li > a.btn:active:focus, .navbar .navbar-nav > li > a.btn:active:hover, .navbar .navbar-nav > li > a.btn.active:focus, .navbar .navbar-nav > li > a.btn.active:hover, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-default, .navbar .navbar-nav > li > a.btn.btn-default:hover, .navbar .navbar-nav > li > a.btn.btn-default:focus, .navbar .navbar-nav > li > a.btn.btn-default:active, .navbar .navbar-nav > li > a.btn.btn-default.active, .navbar .navbar-nav > li > a.btn.btn-default:active:focus, .navbar .navbar-nav > li > a.btn.btn-default:active:hover, .navbar .navbar-nav > li > a.btn.btn-default.active:focus, .navbar .navbar-nav > li > a.btn.btn-default.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle:hover {
  background-color: black;
}

.btn-label {
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  text-align: center;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  font-size: 10px;
  text-transform: none;
  pointer-events: none;
}

.btn-label-green {
  background: #0E8E00;
  color: #fff;
  display: inline-block;
  padding: 2px 5px;
}

.btn, .navbar .navbar-nav > li > a {
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  border-radius: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none !important;
  border-radius: 4px;
}

.navbar .navbar-nav > li.smaller > a {
  font-weight: 400;
  font-size: 12px;
  opacity: 0.7;
}

.navbar .navbar-nav > li.smaller > a:hover {
  opacity: 1;
}

.navbar .navbar-nav > li.menu-divider {
  border-left: 1px dashed rgba(0, 0, 0, 0.2);
  margin-left: 16px;
  margin-right: 12px;
  top: 10px;
}

.presentation-page .navbar .navbar-nav > li.menu-divider, .ecommerce-page .navbar .navbar-nav > li.menu-divider {
  border-left: 1px dashed rgba(255, 255, 255, 0.2);
}

.scrolled .navbar .navbar-nav > li.menu-divider {
  top: 8px;
  border-left: 1px dashed rgba(255, 255, 255, 0.2);
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .header-mobile-secondary-menu a:hover, .header-mobile-secondary-menu a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000;
}

.navbar .navbar-nav > li > a.btn {
  margin-top: 0;
}

.navbar-toggle {
  margin-right: 0;
}

.navbar.navbar-transparent {
  padding-top: 15px;
}

.nav-open nav .navbar-header {
  transform: none !important;
}

.navbar-collapse .nav > li:after {
  display: none !important;
}

#glob-nav-dropdown a {
  color: #000;
}

.presentation-page #glob-nav-dropdown a {
  color: #FFFFFF;
}

#zoomcharts-logo {
  top: 17px;
  left: 0;
  position: fixed;
  height: 45px;
  z-index: 9999;
}

.logo, .logo-inline {
  background: red center no-repeat;
  background-image: url(../img/logos/zc-logo-gif.gif);
}

.logo {
  width: 160px;
  height: 45px;
  text-indent: -9999px;
  float: left;
}

.logo:after {
  content: "";
  width: 45px;
  top: 0;
  height: 45px;
  bottom: 0;
  left: 100%;
  position: absolute;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
}

.logo-inline {
  display: inline-block;
}

.underline {
  text-decoration: underline !important;
}

.zc-products {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

[class*=product-logo] {
  height: 60px;
  background-position: 20px;
  background-size: 80%;
  background-repeat: no-repeat;
  float: left;
  height: 100%;
  font-size: 0;
  text-indent: -9999px;
  z-index: 0;
  margin-right: 0;
  -webkit-transition: margin-right 0.2s ease-in-out;
  -moz-transition: margin-right 0.2s ease-in-out;
  -o-transition: margin-right 0.2s ease-in-out;
  transition: margin-right 0.2s ease-in-out;
}

[class*=product-logo].no-pad-bg {
  background-position: 0;
  float: none;
  display: inline-block;
}

.product-logo-sdk {
  background-image: url(../img/logos/javascript-charts-for-software-development.svg);
  width: 190px;
}

.presentation-page .product-logo-sdk, .ecommerce-page .product-logo-sdk, .scrolled .product-logo-sdk {
  background-image: url(../img/logos/javascript-charts-for-software-development-white.svg);
}

.product-logo-pbi {
  background-image: url(../img/logos/Dril-down-visuals.svg);
  width: 190px;
}

.product-logo-sdk.spacer-bottom-xs,
.product-logo-pbi.spacer-bottom-xs {
  height: 30px;
}

.campaign-page .navbar-header, .campaign-page .navbar-nav {
  float: none;
  position: relative;
  text-align: center;
}

.campaign-page #zoomcharts-logo {
  position: relative;
  display: inline-block;
}

.campaign-page .product-logo-pbi {
  width: 260px;
}

.campaign-page.scrolled .navbar {
  display: none;
}

.bottom-banner {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
  height: 77px;
  transition: opacity 0.5s ease-in 1s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  z-index: 999;
}

.bottom-banner-pbi {
  background-color: #F2C811;
}

.scrolled .bottom-banner {
  opacity: 1;
  pointer-events: auto;
}

.lh110 {
  line-height: 110%;
}

.presentation-page .product-logo-pbi, .ecommerce-page .product-logo-pbi, .scrolled .product-logo-pbi {
  background-image: url(../img/logos/Drill-Down-Visuals-on-dark.svg);
}

.logo-sa:after, .product-logo-sa {
  background-color: #24bb35;
  background-image: url(../img/logos/zoomcharts-logo-sa.svg);
}

.logo-ge:after, .product-logo-ge {
  background-color: #cf71c4;
  background-image: url(../img/logos/zoomcharts-logo-ge.svg);
}

.logo-dashboard:after {
  background-color: #09c;
  background-image: url(../img/logos/zoomcharts-logo-dashboard.svg);
}

[class*=product-logo].s {
  width: 40px;
  height: 40px;
}

.chart-packages .chart-packages-list a {
  display: block;
  border-bottom: none;
  margin-bottom: 40px;
}

.chart-packages-list a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.chart-packages-list a:last-child {
  border-bottom: none;
}

.chart-packages-list span {
  margin: 0;
  padding: 0 20px;
}

[class*=chart-logo] {
  position: relative;
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 120px;
  background-size: 50%;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 3px;
}

.chart-logo-tc {
  background-color: #393;
  background-image: url(../img/zc-icons/timechart.svg);
}

.chart-logo-fc {
  background-color: #427eba;
  background-image: url(../img/zc-icons/facetchart.svg);
}

.chart-logo-gc {
  background-color: #f90;
  background-image: url(../img/zc-icons/geochart.svg);
}

.chart-logo-pc {
  background-color: #88639d;
  background-image: url(../img/zc-icons/piechart.svg);
}

.chart-logo-nc {
  background-color: #0094f7;
  background-image: url(../img/zc-icons/netchart.svg);
}

.no-header .logo:after {
  display: none;
}

.scrolled #zoomcharts-logo {
  top: 0;
  height: 45px;
}

.scrolled .navbar .navbar-nav > li > a.btn.btn-fab {
  margin: -2px 2px;
}

.scrolled .navbar {
  min-height: 45px;
  height: 45px;
}

.author {
  opacity: 0.6;
  font-style: italic;
}

.author-logo {
  width: 100px;
}

.section-interactivity .bg-l, .section-interactivity .bg-r {
  position: relative;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.section-interactivity .bg-l {
  background-image: url(../img/interactivity/pbi/bg-l.gif);
  text-align: right;
}

.section-interactivity .bg-r {
  background-image: url(../img/interactivity/pbi/bg-r.gif);
  padding-top: 100px;
  padding-bottom: 100px;
}

.products-list li {
  display: block;
}

.products-list a {
  padding: 0;
  margin-bottom: 5px;
  line-height: 60px;
  display: block;
  color: #333;
  border-radius: 3px;
  opacity: 0.8;
}

.wizard-navigation .nav-pills {
  display: block !important;
}

textarea {
  min-height: 80px;
}

.pad-0 {
  padding: 0 !important;
}

.card-content.pad-0 img {
  border-radius: 6px;
}

.form-error {
  color: #fff;
  background: red;
  padding: 0 6px;
  font-size: 9px;
  position: absolute;
  bottom: -2px;
  right: 5px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 16px;
}

.curvedarrow {
  position: relative;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 9px solid red;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
}

.curvedarrow:after {
  content: "";
  position: absolute;
  border: 0 solid transparent;
  border-top: 3px solid red;
  border-radius: 20px 0 0 0;
  top: -11px;
  left: -8px;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.products-list a:hover {
  color: #000;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.products-list a [class*=product-logo] {
  margin: 0 10px 0 0;
}

.products-list a:hover [class*=product-logo] {
  box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}

.products {
  top: 0;
  right: 0;
  content: "";
  position: absolute;
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
  white-space: nowrap;
  z-index: -1;
}

.products a {
  position: absolute;
  height: 60px;
  width: 60px;
  top: 0;
  right: 0;
  text-indent: -9999px;
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
}

.product-sdk {
  background-color: #09c;
  background-image: url(../img/products/sdk.svg);
}

.product-pbi {
  background-color: #feda03;
  background-image: url(../img/products/powerbi.svg);
}

.product-sa {
  background-color: #35cc4f;
  background-image: url(../img/products/excel.svg);
}

.navbar-right {
  margin-right: 20px;
}

.hoverinfo {
  position: relative;
}

.hoverinfo .hovershow {
  display: none;
  position: absolute;
  bottom: 100%;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
  color: #000;
  width: 100%;
  margin-bottom: 10px;
}

.hoverinfo .hovershow:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
}

.container-wide {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
}

.round-icon {
  display: inline-block;
  height: 70px;
  width: 70px;
  border-radius: 100%;
  background-position: center;
  background-size: auto 50%;
  background-repeat: no-repeat;
  background-color: #fff;
  margin-bottom: 12px;
}

.round-icon-lg {
  width: 120px;
  height: 120px;
}

.round-icon-shadow {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1);
}

.round-icon-light {
  background-color: rgba(0, 0, 0, 0.05);
}

.round-icon.green-tick {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NiIgaGVpZ2h0PSI4NiIgdmlld0JveD0iMCAwIDg2IDg2Ij4gIDxnIGlkPSJub3VuX0NoZWNrXzE0ODY0NzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04IC03KSI+ICAgIDxwYXRoIGlkPSJQYXRoXzM3MDEiIGRhdGEtbmFtZT0iUGF0aCAzNzAxIiBkPSJNNTEsN0E0Myw0MywwLDEsMCw5NCw1MCw0My4wNjIsNDMuMDYyLDAsMCwwLDUxLDdaTTQ0LjUsNjkuOSwyNS40LDUwLjcsMzEuMSw0NSw0NC42LDU4LjUsNzEsMzIuMWw1LjcsNS43WiIgZmlsbD0iIzJiYmUwMCIvPiAgPC9nPjwvc3ZnPg==);
}

.round-icon.features {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI1OC4wMTUiIHZpZXdCb3g9IjAgMCA2MCA1OC4wMTUiPiAgPGcgaWQ9Im5vdW5fcHJlc2VudGF0aW9uXzI4NDUwNTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yIC0xLjk4NSkiPiAgICA8cGF0aCBpZD0iUGF0aF8zNTczIiBkYXRhLW5hbWU9IlBhdGggMzU3MyIgZD0iTTYxLDE0SDMzVjkuODU4YTQsNCwwLDEsMC0yLDBWMTRIM2ExLDEsMCwwLDAtMSwxdjZhMSwxLDAsMCwwLDEsMUg0VjU4YTIsMiwwLDAsMCwyLDJINThhMiwyLDAsMCwwLDItMlYyMmgxYTEsMSwwLDAsMCwxLTFWMTVBMSwxLDAsMCwwLDYxLDE0Wk0zMCw2YTIsMiwwLDEsMSwyLDJBMiwyLDAsMCwxLDMwLDZaTTU4LDU4SDZWMjJINThabTItMzhINFYxNkg2MFoiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDY3IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDY3IiB3aWR0aD0iNCIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NSAzMikiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDY4IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDY4IiB3aWR0aD0iNCIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NSAzNikiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDY5IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDY5IiB3aWR0aD0iNCIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NSA1MikiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDcwIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDcwIiB3aWR0aD0iNCIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NSA0OCkiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHBhdGggaWQ9IlBhdGhfMzU3NCIgZGF0YS1uYW1lPSJQYXRoIDM1NzQiIGQ9Ik0yMy43MDcsMzQuMjkzQTEsMSwwLDAsMCwyMywzNEgyMXYyaDEuNTg2bC44NTUuODU1QTkuOTg4LDkuOTg4LDAsMCwwLDM4LjMyNCw0OS43MzhsMS45NjksMS45NjlBMSwxLDAsMCwwLDQxLDUyaDJWNTBINDEuNDE0bC0xLjY3Ni0xLjY3NmE5Ljk3MSw5Ljk3MSwwLDAsMCwwLTEyLjY0OEw0MS40MTQsMzRINDNWMzJINDFhMSwxLDAsMCwwLS43MDcuMjkzbC0xLjk2OSwxLjk2OWE5Ljk2MSw5Ljk2MSwwLDAsMC0xMy42NzEuOTc3Wm0xNCwxMi0xLjQxNCwxLjQxNC42LjZhNy45NDksNy45NDksMCwwLDEtOS44LDBsMS40MjYtMS40MjdBNS45ODQsNS45ODQsMCwwLDAsMzcuOTEsNDNoMi4wMjFhNy45NTMsNy45NTMsMCwwLDEtMS42MTksMy45Wk0zMiwzOGE0LDQsMCwxLDEtNCw0QTQsNCwwLDAsMSwzMiwzOFptNS43MDctLjI5My42LS42QTcuOTUzLDcuOTUzLDAsMCwxLDM5LjkzMSw0MUgzNy45MUE2LjAwOCw2LjAwOCwwLDAsMCwzMywzNi4wOVYzNC4wNjlhNy45NTMsNy45NTMsMCwwLDEsMy45LDEuNjE5bC0uNi42Wk0zMSwzNC4wNjlWMzYuMDlhNS45ODQsNS45ODQsMCwwLDAtMy44ODUsOS4zODFMMjUuNjg4LDQ2LjlhNy45NDUsNy45NDUsMCwwLDEtLjc4My04LjU3OWwuMzg4LjM4OCwxLjQxNC0xLjQxNC0uNjQtLjY0QTcuOTgsNy45OCwwLDAsMSwzMSwzNC4wNjlaIiBmaWxsPSIjMWExYTFhIi8+ICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjA3MSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA3MSIgd2lkdGg9IjQiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUgMzQpIiBmaWxsPSIjMWExYTFhIi8+ICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjA3MiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA3MiIgd2lkdGg9IjQiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUgMzgpIiBmaWxsPSIjMWExYTFhIi8+ICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjA3MyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA3MyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyIDI0KSIgZmlsbD0iIzFhMWExYSIvPiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzIwNzQiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwNzQiIHdpZHRoPSIxMiIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMiAyOCkiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDc1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDc1IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NCAyNCkiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDc2IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDc2IiB3aWR0aD0iMTIiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDAgMjgpIiBmaWxsPSIjMWExYTFhIi8+ICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjA3NyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA3NyIgd2lkdGg9IjIiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDAgMjQpIiBmaWxsPSIjMWExYTFhIi8+ICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjA3OCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA3OCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgNTIpIiBmaWxsPSIjMWExYTFhIi8+ICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjA3OSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA3OSIgd2lkdGg9IjQiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYgNTIpIiBmaWxsPSIjMWExYTFhIi8+ICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjA4MCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA4MCIgd2lkdGg9IjgiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgNDgpIiBmaWxsPSIjMWExYTFhIi8+ICA8L2c+PC9zdmc+);
}

.round-icon.chat {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NyIgaGVpZ2h0PSI1MC43NzgiIHZpZXdCb3g9IjAgMCA1NyA1MC43NzgiPiAgPGcgaWQ9Im5vdW5fc3VwcG9ydF8xMjU1OTc2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS42MDYgLTEyKSI+ICAgIDxwYXRoIGlkPSJQYXRoXzM1NzUiIGRhdGEtbmFtZT0iUGF0aCAzNTc1IiBkPSJNMTYuMjI3LDUzLjYzMWE0Ljk5Miw0Ljk5MiwwLDAsMC00Ljk3Nyw0Ljk3N1Y2MS4wOGE0Ljk5Miw0Ljk5MiwwLDAsMCw0Ljk3Nyw0Ljk3N2gxLjIyYTQuOTkyLDQuOTkyLDAsMCwwLDQuOTc3LTQuOTc3VjU4LjYwOGE0Ljk5Miw0Ljk5MiwwLDAsMC00Ljk3Ny00Ljk3N2gtMS4yMlptNC4yNiw0Ljk3N1Y2MS4wOGEzLjA0NCwzLjA0NCwwLDAsMS0zLjA0LDMuMDRoLTEuMjJhMy4wNDQsMy4wNDQsMCwwLDEtMy4wNC0zLjA0VjU4LjYwOGEzLjA0NCwzLjA0NCwwLDAsMSwzLjA0LTMuMDRoMS4yMkEzLjA0NCwzLjA0NCwwLDAsMSwyMC40ODcsNTguNjA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDIxIC0xNy40MTEpIiBmaWxsPSIjMWExYTFhIi8+ICAgIDxwYXRoIGlkPSJQYXRoXzM1NzYiIGRhdGEtbmFtZT0iUGF0aCAzNTc2IiBkPSJNNy41NDIsODIuMjkyYTQuNTM2LDQuNTM2LDAsMCwxLDQuNTMtNC41M2g1LjQ4NmE0LjUzMiw0LjUzMiwwLDAsMSw0LjUyLDQuMzI1SDE0Ljc2NnYxLjkzN2g4LjlsMi45NTgtOC4xODZoMTUuOWwtNC41NTcsOS42NzFINS44MzR2MS45MzdINjIuNDkxVjg1LjUwOUg0MC4xTDQ1LjU3Myw3My45SDI1LjI2MUwyMy4zLDc5LjMzMWE2LjQ4MSw2LjQ4MSwwLDAsMC01LjczOS0zLjUwNkgxMi4wNzNhNi40ODYsNi40ODYsMCwwLDAtNi40NjcsNi40Njd2MS4wNzVINy41NDNWODIuMjkyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMjQuNjY5KSIgZmlsbD0iIzFhMWExYSIvPiAgICA8cGF0aCBpZD0iUGF0aF8zNTc3IiBkYXRhLW5hbWU9IlBhdGggMzU3NyIgZD0iTTQ0LjI5MSwzMi41MzloMi4zbDUuNDQ2LDYuMDUyLjcxNi0uODUxYy4wMjQtLjAyOSwyLjM1OC0yLjgsNC42LTUuMmgxMS42YTUuNTMsNS41MywwLDAsMCw1LjUyNC01LjUyNFYxMC41MjRBNS41Myw1LjUzLDAsMCwwLDY4Ljk1NCw1SDQ0LjI5MWE1LjUzLDUuNTMsMCwwLDAtNS41MjQsNS41MjRWMjcuMDE1QTUuNTMxLDUuNTMxLDAsMCwwLDQ0LjI5MSwzMi41MzlaTTQwLjcsMTAuNTI0YTMuNTkyLDMuNTkyLDAsMCwxLDMuNTg3LTMuNTg3SDY4Ljk1NGEzLjU5MiwzLjU5MiwwLDAsMSwzLjU4NywzLjU4N1YyNy4wMTVBMy41OTIsMy41OTIsMCwwLDEsNjguOTU0LDMwLjZINTYuNTE4bC0uMjg3LjNjLTEuNiwxLjctMy4zLDMuNjUzLTQuMjM1LDQuNzRMNDcuNDU1LDMwLjZINDQuMjkxQTMuNTkyLDMuNTkyLDAsMCwxLDQwLjcsMjcuMDE0VjEwLjUyNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMS44NzMgNykiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHBhdGggaWQ9IlBhdGhfMzU3OCIgZGF0YS1uYW1lPSJQYXRoIDM1NzgiIGQ9Ik02My45OTIsMzIuNjQ3YTIuMTksMi4xOSwwLDAsMC0xLjUwOS41MzMsMS43LDEuNywwLDAsMC0uNiwxLjMyOCwxLjc4MiwxLjc4MiwwLDAsMCwuNiwxLjMzOSwyLjM2NiwyLjM2NiwwLDAsMCwzLjAwNy4wMTIsMS43NTcsMS43NTcsMCwwLDAsLjU3OS0xLjM1MSwxLjY5MywxLjY5MywwLDAsMC0uNTktMS4zMjhBMi4xMzQsMi4xMzQsMCwwLDAsNjMuOTkyLDMyLjY0N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMC4xNDggLTIuODk4KSIgZmlsbD0iIzFhMWExYSIvPiAgICA8cGF0aCBpZD0iUGF0aF8zNTc5IiBkYXRhLW5hbWU9IlBhdGggMzU3OSIgZD0iTTYyLjY3NywxNS4yNzRhMi4xMjUsMi4xMjUsMCwwLDEsLjc0My4xMjUsMS42ODcsMS42ODcsMCwwLDEsLjU2Ny4zNCwxLjQ1NywxLjQ1NywwLDAsMSwuMzU4LjUxNiwxLjY3OSwxLjY3OSwwLDAsMSwuMTI1LjY1MiwyLjMsMi4zLDAsMCwxLS4xMTQuNzQzLDIuNDMyLDIuNDMyLDAsMCwxLS4zNC42NDcsNC43NDYsNC43NDYsMCwwLDEtLjU1LjYyNHEtLjMyNC4zMTItLjc1NS42NzVhNi42MjYsNi42MjYsMCwwLDAtLjcxNS42ODcsMy44MzksMy44MzksMCwwLDAtLjUxLjcyNiwzLjMyOCwzLjMyOCwwLDAsMC0uMzA2LjgxMSw0LjI0OCw0LjI0OCwwLDAsMC0uMDQsMS42NTEsMy40NTQsMy40NTQsMCwwLDAsLjE3Ni42NjRINjQuM2ExLjYxMiwxLjYxMiwwLDAsMS0uMi0uNDc2LDIuMjE4LDIuMjE4LDAsMCwxLS4wNzQtLjU1NiwyLjI4LDIuMjgsMCwwLDEsLjEtLjcwOSwyLjE3MSwyLjE3MSwwLDAsMSwuMy0uNTksMy45LDMuOSwwLDAsMSwuNS0uNTYycS4zLS4yODQuNy0uNjEzYTE0LjA3NywxNC4wNzcsMCwwLDAsMS4wNDQtLjk0OCw1LjM0MSw1LjM0MSwwLDAsMCwuNzYtLjk1OSw0LjIyNCw0LjIyNCwwLDAsMCwuNDY1LTEuMDYxLDQuNiw0LjYsMCwwLDAsLjE1OS0xLjI1NCw0LjIxMiw0LjIxMiwwLDAsMC0uMzgtMS44NjcsMy40NDgsMy40NDgsMCwwLDAtMS4wNTUtMS4yNzcsNC41LDQuNSwwLDAsMC0xLjU4My0uNzMyLDcuODgsNy44OCwwLDAsMC0xLjk2My0uMjMyLDguNjcyLDguNjcyLDAsMCwwLTIuMTMzLjI2MSw3LjA4NSw3LjA4NSwwLDAsMC0xLjkwNy43ODNWMTYuNzZhNi4wMTcsNi4wMTcsMCwwLDEsMS44LTEuMTE4QTUuMDg3LDUuMDg3LDAsMCwxLDYyLjY3NywxNS4yNzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkuMTI5IDQuMzg2KSIgZmlsbD0iIzFhMWExYSIvPiAgPC9nPjwvc3ZnPg==);
}

.round-icon.tips {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj4gIDxnIGlkPSJub3VuX3ByZXNlbnRhdGlvbl8yODQ0NzUzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMiAtMikiPiAgICA8cGF0aCBpZD0iUGF0aF8zNTcyIiBkYXRhLW5hbWU9IlBhdGggMzU3MiIgZD0iTTMsNDBIMTl2NkgxN2E1LjAwNiw1LjAwNiwwLDAsMC01LDVWNjFhMSwxLDAsMCwwLDEsMUg1MWExLDEsMCwwLDAsMS0xVjUxYTUuMDA2LDUuMDA2LDAsMCwwLTUtNUg0NVY0MEg2MWExLDEsMCwwLDAsMS0xVjNhMSwxLDAsMCwwLTEtMUgzQTEsMSwwLDAsMCwyLDNWMzlBMSwxLDAsMCwwLDMsNDBabTQ0LDhhMywzLDAsMCwxLDMsM3Y5SDE0VjUxYTMsMywwLDAsMSwzLTNaTTIxLjQxMSwyNi45NGEzLDMsMCwwLDEsMC01Ljg3OSwxMC43OCwxMC43OCwwLDAsMCwwLDUuODc5Wk0yMSwxOS4xMTFWMThhNi4wMDYsNi4wMDYsMCwwLDEsNi02djIuMjEyYTEwLjk4NCwxMC45ODQsMCwwLDAtNC44LDQuOCw0LjksNC45LDAsMCwwLTEuMi4xWm03LjQwNS0zLjM1N0E4LjgyOSw4LjgyOSwwLDAsMSwzMiwxNWE5LjAwNiw5LjAwNiwwLDAsMSw4LjI4Miw1LjQ3OCw4LjAyMSw4LjAyMSwwLDAsMSwuMy44MjNBOC45NDMsOC45NDMsMCwwLDEsNDEsMjRhOC44MDcsOC44MDcsMCwwLDEtLjcxOSwzLjUyNkE5LDksMCwxLDEsMjguNDA1LDE1Ljc1NFptMTQuMTg4LDUuMzA3YTMsMywwLDAsMSwwLDUuODc5LDEwLjgwNiwxMC44MDYsMCwwLDAsMC01Ljg3OVpNNDMsMTkuMTEyYTQuOTA5LDQuOTA5LDAsMCwwLTEuMi0uMUExMSwxMSwwLDAsMCwzMiwxM2ExMC44NjUsMTAuODY1LDAsMCwwLTMsLjQyOXYtNS4zbDYuMTE2Ljc2NEE5LjAxNSw5LjAxNSwwLDAsMSw0MywxNy44MjhaTTM1Ljk3NCwzNC4yNTdhMy45ODEsMy45ODEsMCwwLDEtNy45NDktLjAxMiwxMC45MiwxMC45MiwwLDAsMCw3Ljk0OS4wMTJaTTMyLDQwYTYuMDA4LDYuMDA4LDAsMCwwLDUuODg5LTQuODYzbDIuMTI3LjNMMzIsNDIuNjU1bC04LjAxNi03LjIxNCwyLjEyNy0uM0E2LjAwOCw2LjAwOCwwLDAsMCwzMiw0MFptLS42NjksNC43NDNhMSwxLDAsMCwwLDEuMzM4LDBMNDIuMDUxLDM2LjNBMywzLDAsMCwxLDQzLDM4LjQ3VjQ2SDQwVjQxSDM4djVIMjZWNDFIMjR2NUgyMVYzOC40N2EzLDMsMCwwLDEsLjk0OS0yLjE3MVpNNCw0SDYwVjM4SDQ0Ljk1N2E1LjAwOSw1LjAwOSwwLDAsMC00LjI0NS00LjQ4TDM4LjEsMzMuMTQ4YTExLjAxMSwxMS4wMTEsMCwwLDAsMy43LTQuMTY3Yy4wNjUsMCwuMTMyLjAxOS4yLjAxOWE1LDUsMCwwLDAsMy04Ljk5MnYtMi4xOGExMC45NDYsMTAuOTQ2LDAsMCwwLTEuNi01LjdsMS40ODgtMS41NjIsNC4zLDYuMDE0YTEsMSwwLDAsMCwuNzMxLjQxNkg1MGExLDEsMCwwLDAsLjcwNy0uMjkzbDctN0w1Ni4yOTMsOC4yOTNsLTYuMTY1LDYuMTY1TDQ1LjgxMyw4LjQxOUExLDEsMCwwLDAsNDUuMDY5LDhhMS4wMjYsMS4wMjYsMCwwLDAtLjc5NC4zMDlMNDIuMTk0LDEwLjVhMTAuOTc0LDEwLjk3NCwwLDAsMC02LjgzLTMuNTg5bC03LjI0LS45QTEsMSwwLDAsMCwyNyw3djNhOC4wMDksOC4wMDksMCwwLDAtOCw4djIuMDA4YTQuOTc2LDQuOTc2LDAsMCwwLTEuMjMsMS4zNDdsLTIuMDYzLTIuMDYyYTEsMSwwLDAsMC0xLjQxNCwwbC04LDgsMS40MTQsMS40MTRMMTUsMjEuNDE0bDIuMDM3LDIuMDM2QTQuOTQ0LDQuOTQ0LDAsMCwwLDIyLDI5Yy4wNjcsMCwuMTM3LS4wMTguMi0uMDJhMTEuMDYyLDExLjA2MiwwLDAsMCwzLjcsNC4xNjdsLTIuNjExLjM3M0E1LjAwOSw1LjAwOSwwLDAsMCwxOS4wNDMsMzhINFoiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDY1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDY1IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNCAxNSkiIGZpbGw9IiMxYTFhMWEiLz4gICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDY2IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDY2IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OSAxOSkiIGZpbGw9IiMxYTFhMWEiLz4gIDwvZz48L3N2Zz4=);
}

.round-icon.thresholds {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Mi41IiBoZWlnaHQ9IjM2LjUiIHZpZXdCb3g9IjAgMCA0Mi41IDM2LjUiPiAgPGcgaWQ9Ikdyb3VwXzYyOSIgZGF0YS1uYW1lPSJHcm91cCA2MjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDYgLTkxMy41KSI+ICAgIDxnIGlkPSJHcm91cF82MjMiIGRhdGEtbmFtZT0iR3JvdXAgNjIzIj4gICAgICA8ZyBpZD0iR3JvdXBfNjIyIiBkYXRhLW5hbWU9Ikdyb3VwIDYyMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMikiPiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfMTk5IiBkYXRhLW5hbWU9IkxpbmUgMTk5IiB5Mj0iMzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwNi41IDkxNS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiLz4gICAgICAgIDxsaW5lIGlkPSJMaW5lXzIwMCIgZGF0YS1uYW1lPSJMaW5lIDIwMCIgeDE9IjM3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDYuNSA5NTEuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIi8+ICAgICAgPC9nPiAgICAgIDxnIGlkPSJSZWN0YW5nbGVfMjA4MSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA4MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEwIDkyNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIj4gICAgICAgIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjI1IiBzdHJva2U9Im5vbmUiLz4gICAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNSIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIvPiAgICAgIDwvZz4gICAgICA8ZyBpZD0iUmVjdGFuZ2xlXzIwODIiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxOCA5MjEpIiBmaWxsPSJub25lIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS13aWR0aD0iMSI+ICAgICAgICA8cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIyOSIgc3Ryb2tlPSJub25lIi8+ICAgICAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjUiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiLz4gICAgICA8L2c+ICAgICAgPGcgaWQ9IlJlY3RhbmdsZV8yMDgzIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMjYgOTMwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiPiAgICAgICAgPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iMjAiIHN0cm9rZT0ibm9uZSIvPiAgICAgICAgPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjE5IiBmaWxsPSJub25lIi8+ICAgICAgPC9nPiAgICAgIDxnIGlkPSJSZWN0YW5nbGVfMjA4NCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA4NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjM0IDkzNCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIj4gICAgICAgIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBzdHJva2U9Im5vbmUiLz4gICAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNSIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSIvPiAgICAgIDwvZz4gICAgPC9nPiAgICA8bGluZSBpZD0iTGluZV8yMDEiIGRhdGEtbmFtZT0iTGluZSAyMDEiIHgyPSI0MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA2LjUgOTM4LjUpIiBmaWxsPSJub25lIiBzdHJva2U9InJlZCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtZGFzaGFycmF5PSIyIDIiLz4gIDwvZz48L3N2Zz4=);
}

.round-icon.touch {
  background-size: 50%;
  background-position: 60% 60%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy41IiBoZWlnaHQ9IjQ3LjUwMyIgdmlld0JveD0iMCAwIDM3LjUgNDcuNTAzIj4gIDxnIGlkPSJHcm91cF82MzYiIGRhdGEtbmFtZT0iR3JvdXAgNjM2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA2IC05MTEuNSkiPiAgICA8ZyBpZD0iR3JvdXBfNjIzIiBkYXRhLW5hbWU9Ikdyb3VwIDYyMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMikiPiAgICAgIDxnIGlkPSJHcm91cF82MjIiIGRhdGEtbmFtZT0iR3JvdXAgNjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yKSI+ICAgICAgICA8bGluZSBpZD0iTGluZV8xOTkiIGRhdGEtbmFtZT0iTGluZSAxOTkiIHkyPSIzNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA2LjUgOTE1LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS13aWR0aD0iMSIvPiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfMjAwIiBkYXRhLW5hbWU9IkxpbmUgMjAwIiB4MT0iMzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwNi41IDk1MS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiLz4gICAgICA8L2c+ICAgICAgPGcgaWQ9IlJlY3RhbmdsZV8yMDgxIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDgxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTAgOTI1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiPiAgICAgICAgPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iMjUiIHN0cm9rZT0ibm9uZSIvPiAgICAgICAgPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIi8+ICAgICAgPC9nPiAgICAgIDxnIGlkPSJSZWN0YW5nbGVfMjA4MiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA4MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjE4IDkyMSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIj4gICAgICAgIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjI5IiBzdHJva2U9Im5vbmUiLz4gICAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNSIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSIvPiAgICAgIDwvZz4gICAgICA8ZyBpZD0iUmVjdGFuZ2xlXzIwODMiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwODMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyNiA5MzApIiBmaWxsPSJub25lIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS13aWR0aD0iMSI+ICAgICAgICA8cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIyMCIgc3Ryb2tlPSJub25lIi8+ICAgICAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjUiIGhlaWdodD0iMTkiIGZpbGw9Im5vbmUiLz4gICAgICA8L2c+ICAgICAgPGcgaWQ9IlJlY3RhbmdsZV8yMDg0IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDg0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzQgOTM0KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiPiAgICAgICAgPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iMTYiIHN0cm9rZT0ibm9uZSIvPiAgICAgICAgPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjE1IiBmaWxsPSJub25lIi8+ICAgICAgPC9nPiAgICA8L2c+ICAgIDxnIGlkPSJHcm91cF82MzciIGRhdGEtbmFtZT0iR3JvdXAgNjM3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjk3OCwgLTAuMjA4LCAwLjIwOCwgMC45NzgsIC0xODkuMTExLCA2NC42MjkpIj4gICAgICA8cGF0aCBpZD0iUGF0aF8zNTg3IiBkYXRhLW5hbWU9IlBhdGggMzU4NyIgZD0iTTIxOS4wODIsOTM3LjAzN2gwbC44MjYsNS4zODMtLjY2LDMuOTMuNDYyLDMuMTM3LDEuODE2LDQuODg3LDIuMDQ4LDMuMjY5LDEuMjg4LDIuNjQyLDQuNjU2LS4yczIuOTM5LTEuMTg5LDMuMDM4LTEuMjU1LDEuNTg1LTEuMzIxLDEuNTg1LTEuMzIxbC0uODkyLTIuNTc2LDEuNDUzLTkuMjQ2di0zLjA3MWwtMS43ODMtMy43NjVoLTEuNTUybC0uMzMtLjItLjgyNi0yLjA0OC0xLjAyNC0uNjYtMS4xMjMuMjMxLS42MjgtMS40NTMtLjg1OC0uNDYyLTEuNDIuNDYyLS4zLTMuNjMyLS41NjEtNC41OS0uNzI3LS45NTgtMS4wOS4zNjMtLjU2MSwxLjI1NXYyLjQxMWwtLjEzMiw4LjE5LTEuNTg1LTEuMTU2LS41LS4xNi0uOC4zMzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDMgMC4wMzkpIiBmaWxsPSIjZmZmIi8+ICAgICAgPHBhdGggaWQ9Im5vdW5fdG91Y2hfMTYxMzA0IiBkPSJNMTkuMTUyLDI0LjZhMS42MzEsMS42MzEsMCwwLDAtMS43NDYtLjE3NGMtLjI2My0xLjE3LS42NTEtMi41NjQtMS43ODYtMi43ODVhMi4zNDksMi4zNDksMCwwLDAtMS4xNzIuMTE2QTIuMzQ2LDIuMzQ2LDAsMCwwLDEzLjE2NSwyMGExLjkxMywxLjkxMywwLDAsMC0xLjU5NC4xOTMsMjEuMzM2LDIxLjMzNiwwLDAsMC0uMi0yLjljLS40NC0zLjktLjAyMi00LjgwOC0xLjAxOC01LjY2NGExLjY3NiwxLjY3NiwwLDAsMC0yLjU4NC42NDJjLS41NDMsMS40NDItLjMyLDUuMjEzLS40MTksOSwwLDEuNTg0LDAsLjkxOCwwLDEuNTY0YTIuMjUxLDIuMjUxLDAsMCwwLTEuNjE3LS42NjNjLTEuNDkzLjA0MS0xLjAyMSwxLjA3Mi0uODQ0LDEuNjEzYTE1LjQxOCwxNS40MTgsMCwwLDEsLjA3Myw3LjY3N2MtLjM2LDIuMy44NDMsNi42ODcsMi4xMDgsOC43MjUsMy4xNjQsNS4xNDksMy4yMTcsNS43MzMsMy40LDYuMTk1aDBjLjc0Ny45MjIsNC4yMTYuMjE1LDUuMzc2LS4wODksMi45NjgtLjc4Niw0Ljg5Mi0yLjIzOCw0LjY1NS0yLjg4NGwwLS4wMDYtLjgzNS0yLjI4OUE1NS41LDU1LjUsMCwwLDAsMjEuMiwyOS40MjV2LS4wMDZDMjEuMjA5LDI5LDIwLjE0MiwyNS4zNzgsMTkuMTUyLDI0LjZabS4zLDEzLjU2M2MtLjE3OC45NTktLjM4LDEuOTI4LS42MjgsMi44NTNhMTYuMDMxLDE2LjAzMSwwLDAsMCwuOCwyLjQzMSw4LjQ3Nyw4LjQ3NywwLDAsMS0zLjk5MSwyLjAyNiwxMC41OTMsMTAuNTkzLDAsMCwxLTQuNDUuNDFjLS45LTMuMDYtNC43NTctNi40LTUuNDE2LTEyLjY1Mi0uMjQxLTIuMjIyLDEuMi01LjQwNy0uMjUzLTkuNjY0LS4xMTgtLjU5Mi0uNDE0LS43MzYuMjM2LS43NDNhMS45MTksMS45MTksMCwwLDEsMS42MjMsMS4zYy4wNTksMy42Ni4yMzcsNS4xOTQtLjE3Nyw3LjAxOGEuMTE1LjExNSwwLDAsMCwuMjE1LjA3NWMxLjM2My0yLjg0MS41NzYtNy4yMjguODc4LTEwLjczNy4wODgtMS4xNDQtLjExOS02LjY2OS4zNDktNy44NTFhLjc0Ny43NDcsMCwwLDEsMS4xMjgtLjMwOGMuNTE5LjQxNy40MTIsMS4yNDUuNTM4LDIuODQzLjE0NiwxLjg4Mi40LDMuMTM5LjQ0OCw0LjM4OC4wMjYsMS4yMjkuMTMyLDUuODQyLDEuMDc3LDYuNjQ5LjExNy4xLjMxOC0uMDA4LjItLjIyNWEzMy40MjQsMzMuNDI0LDAsMCwxLS40MjYtNC44MThjMS4wNzQtLjYsMS42LS40OSwyLC44NDZhMTYuNTQ3LDE2LjU0NywwLDAsMCwxLjIxMyw0LjU3Mi4xNDMuMTQzLDAsMCwwLC4yNTgtLjExOWMtLjEyNS0uNDcxLS4xODgtMS4xMzctLjUxMS0zLjgyLjM2MS0uMS44NDYtLjIyLDEuMTQxLjAwNy42ODkuNTEyLDEuMTQ4LDIuNywxLjczNSw0LjI3NmEyLjkzMiwyLjkzMiwwLDAsMCwuNS45MjRjLjA4Ny4wODMuMjQ3LS4wMDcuMTY1LS4xNTRhMTMuMTYzLDEzLjE2MywwLDAsMS0uNTIxLTIuNDA3aDBjLjYzLS4zOSwxLjEtLjE1LDEuNDcuNDg3YTE5LjQ1MywxOS40NTMsMCwwLDEsMS4zLDMuNjg4QTU3LjkxMyw1Ny45MTMsMCwwLDEsMTkuNDQ4LDM4LjE2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxNCA5MTQuMDAxKSIgZmlsbD0icmVkIi8+ICAgIDwvZz4gIDwvZz48L3N2Zz4=);
}

.round-icon.outline {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy41IiBoZWlnaHQ9IjM2LjUiIHZpZXdCb3g9IjAgMCAzNy41IDM2LjUiPiAgPGcgaWQ9Ikdyb3VwXzYzMCIgZGF0YS1uYW1lPSJHcm91cCA2MzAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzIgLTkxMy41KSI+ICAgIDxnIGlkPSJHcm91cF82MjQiIGRhdGEtbmFtZT0iR3JvdXAgNjI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjYpIj4gICAgICA8ZyBpZD0iUmVjdGFuZ2xlXzIwODIiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxOCA5MjEpIiBmaWxsPSJub25lIiBzdHJva2U9InJlZCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtZGFzaGFycmF5PSIyIDIiPiAgICAgICAgPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iMjkiIHN0cm9rZT0ibm9uZSIvPiAgICAgICAgPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjI4IiBmaWxsPSJub25lIi8+ICAgICAgPC9nPiAgICAgIDxnIGlkPSJHcm91cF82MjIiIGRhdGEtbmFtZT0iR3JvdXAgNjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yKSI+ICAgICAgICA8bGluZSBpZD0iTGluZV8xOTkiIGRhdGEtbmFtZT0iTGluZSAxOTkiIHkyPSIzNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA2LjUgOTE1LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS13aWR0aD0iMSIvPiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfMjAwIiBkYXRhLW5hbWU9IkxpbmUgMjAwIiB4MT0iMzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwNi41IDk1MS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiLz4gICAgICA8L2c+ICAgICAgPGcgaWQ9IlJlY3RhbmdsZV8yMDgxIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDgxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTAgOTI1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiPiAgICAgICAgPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iMjUiIHN0cm9rZT0ibm9uZSIvPiAgICAgICAgPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIi8+ICAgICAgPC9nPiAgICAgIDxnIGlkPSJSZWN0YW5nbGVfMjA4MyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA4MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjI2IDkzMCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIj4gICAgICAgIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIwIiBzdHJva2U9Im5vbmUiLz4gICAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNSIgaGVpZ2h0PSIxOSIgZmlsbD0ibm9uZSIvPiAgICAgIDwvZz4gICAgICA8ZyBpZD0iUmVjdGFuZ2xlXzIwODQiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwODQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzNCA5MzQpIiBmaWxsPSJub25lIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS13aWR0aD0iMSI+ICAgICAgICA8cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxNiIgc3Ryb2tlPSJub25lIi8+ICAgICAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjUiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiLz4gICAgICA8L2c+ICAgIDwvZz4gIDwvZz48L3N2Zz4=);
}

.round-icon.value {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy41IiBoZWlnaHQ9IjM2LjUiIHZpZXdCb3g9IjAgMCAzNy41IDM2LjUiPiAgPGcgaWQ9Ikdyb3VwXzYzMSIgZGF0YS1uYW1lPSJHcm91cCA2MzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MzYgLTkxMy41KSI+ICAgIDxnIGlkPSJHcm91cF82MjUiIGRhdGEtbmFtZT0iR3JvdXAgNjI1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzApIj4gICAgICA8ZyBpZD0iR3JvdXBfNjIyIiBkYXRhLW5hbWU9Ikdyb3VwIDYyMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMikiPiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfMTk5IiBkYXRhLW5hbWU9IkxpbmUgMTk5IiB5Mj0iMzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwNi41IDkxNS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiLz4gICAgICAgIDxsaW5lIGlkPSJMaW5lXzIwMCIgZGF0YS1uYW1lPSJMaW5lIDIwMCIgeDE9IjM3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDYuNSA5NTEuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIi8+ICAgICAgPC9nPiAgICAgIDxnIGlkPSJSZWN0YW5nbGVfMjA4MSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA4MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEwIDkyNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIj4gICAgICAgIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjI1IiBzdHJva2U9Im5vbmUiLz4gICAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNSIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIvPiAgICAgIDwvZz4gICAgICA8ZyBpZD0iUmVjdGFuZ2xlXzIwODIiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxOCA5MjEpIiBmaWxsPSJub25lIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS13aWR0aD0iMSI+ICAgICAgICA8cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIyOSIgc3Ryb2tlPSJub25lIi8+ICAgICAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjUiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiLz4gICAgICA8L2c+ICAgICAgPGcgaWQ9IlJlY3RhbmdsZV8yMDgzIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDgzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMjYgOTMwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiPiAgICAgICAgPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iMjAiIHN0cm9rZT0ibm9uZSIvPiAgICAgICAgPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjE5IiBmaWxsPSJub25lIi8+ICAgICAgPC9nPiAgICAgIDxnIGlkPSJSZWN0YW5nbGVfMjA4NCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA4NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjM0IDkzNCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIj4gICAgICAgIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBzdHJva2U9Im5vbmUiLz4gICAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNSIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSIvPiAgICAgIDwvZz4gICAgICA8ZyBpZD0iUmVjdGFuZ2xlXzIwODUiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwODUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxMCA5MzYpIiBmaWxsPSJub25lIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS13aWR0aD0iMSI+ICAgICAgICA8cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxNCIgc3Ryb2tlPSJub25lIi8+ICAgICAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjUiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiLz4gICAgICA8L2c+ICAgICAgPGcgaWQ9IlJlY3RhbmdsZV8yMDg2IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDg2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTggOTM0KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiPiAgICAgICAgPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iMTYiIHN0cm9rZT0ibm9uZSIvPiAgICAgICAgPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjE1IiBmaWxsPSJub25lIi8+ICAgICAgPC9nPiAgICAgIDxnIGlkPSJSZWN0YW5nbGVfMjA4NyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA4NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjI2IDkzOSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIj4gICAgICAgIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjExIiBzdHJva2U9Im5vbmUiLz4gICAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIvPiAgICAgIDwvZz4gICAgICA8ZyBpZD0iUmVjdGFuZ2xlXzIwODgiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwODgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzNCA5NDEpIiBmaWxsPSJub25lIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS13aWR0aD0iMSI+ICAgICAgICA8cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSI5IiBzdHJva2U9Im5vbmUiLz4gICAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNSIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIi8+ICAgICAgPC9nPiAgICA8L2c+ICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjA4OSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA4OSIgd2lkdGg9IjQiIGhlaWdodD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQxIDkyMikiIGZpbGw9InJlZCIvPiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzIwOTAiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwOTAiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU0OSA5MTgpIiBmaWxsPSJyZWQiLz4gICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yMDkxIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMDkxIiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NTcgOTI3KSIgZmlsbD0icmVkIi8+ICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjA5MiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjA5MiIgd2lkdGg9IjQiIGhlaWdodD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTY1IDkzMSkiIGZpbGw9InJlZCIvPiAgPC9nPjwvc3ZnPg==);
}

.round-icon.themes {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy42ODUiIGhlaWdodD0iMzIuNjY0IiB2aWV3Qm94PSIwIDAgMzMuNjg1IDMyLjY2NCI+ICA8ZyBpZD0iR3JvdXBfNjMyIiBkYXRhLW5hbWU9Ikdyb3VwIDYzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcwMi44MTkgLTkxMy41KSI+ICAgIDxnIGlkPSJub3VuX3BhbGV0dGVfMjM1NjYwOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzAyLjgxOSA5MTQuODU4KSI+ICAgICAgPHBhdGggaWQ9IlBhdGhfMzU4MiIgZGF0YS1uYW1lPSJQYXRoIDM1ODIiIGQ9Ik0xNC43ODQsMTA1Ljc5MmExLjkzMiwxLjkzMiwwLDEsMC0xLjkzMi0xLjkzMkExLjkzNCwxLjkzNCwwLDAsMCwxNC43ODQsMTA1Ljc5MlptMC0zLjM0NmExLjQxNCwxLjQxNCwwLDEsMS0xLjQxNCwxLjQxNEExLjQxNiwxLjQxNiwwLDAsMSwxNC43ODQsMTAyLjQ0NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05LjUyMiAtNzcuMTIxKSIvPiAgICAgIDxwYXRoIGlkPSJQYXRoXzM1ODMiIGRhdGEtbmFtZT0iUGF0aCAzNTgzIiBkPSJNMzMuNDI2LDI1LjMyN0gyMS4wMTdsNS4zNTctMy45NDIsMCwwLDAsMCw0LjIzMS0zLjExM2EuMjU5LjI1OSwwLDAsMCwuMDU1LS4zNjJMMjUuMiwxMC40NzhhLjI2LjI2LDAsMCwwLS4zNjItLjA1NWwtNC41ODEsMy4zNy43NTgtMS4zMTUuMTA2LS4yNnMtOC40LTQuODMtOC40MTgtNC44MTRjLS4wNSwwLTEuNTcsMi43MjEtMi4xNzksMy43NzZWNC4wMmEuMjU5LjI1OSwwLDAsMC0uMjU5LS4yNTlILjI1OUEuMjU5LjI1OSwwLDAsMCwwLDQuMDJWMzQuODA4YS4yNTkuMjU5LDAsMCwwLC4yNTkuMjU5SDMzLjQyNmEuMjU5LjI1OSwwLDAsMCwuMjU5LS4yNTlWMjUuNTg3QS4yNTkuMjU5LDAsMCwwLDMzLjQyNiwyNS4zMjdaTTEwLjAwNywzNC41NDlILjUxOFY0LjI3OWg5LjQ4OFpNMjQuOTM3LDEwLjk5NCwzMC4wOTUsMThsLTMuODE2LDIuODA4TDIxLjEyMiwxMy44Wk0yMC43LDE0LjEwOWw1LjE1Nyw3LjAxLTQuNjc0LDMuNDM5LTQtNS40MzYsMi40MjctNC4yMTJabS4wNjYsMTAuNzU3LTQuNjc3LDMuNDQyLTIuMzUzLTMuMiwzLjE2Ni01LjQ5NFpNMTAuNTI1LDEyLjIxOSwxMi45LDguMWw3LjUzOSw0LjM0NEwxOS4xOTUsMTQuNnYwbC0xLjY1MywyLjg2OC03LjAxNi00LjA0MlptMCwxLjgwOCw2Ljc1OCwzLjg5M0wxNi42NiwxOWwtLjAwOS4wMTUtMi4yNjksMy45MzgtMy44NTgtMi4yMjR2LTYuN1ptMCw3LjMsMy42LDIuMDc1LS45MTYsMS41OWgwbC0yLjY4Miw0LjU1NlYyMS4zMjdabTQuNzM3LDEzLjIyM0gxMC41MjVWMzIuOTYybDQuNzM3LTMuNDE0djVabS00LjczNy0yLjIyNlYzMC41NzFsMi45MjktNC45NzYsMi4yMTksMy4wMThabTExLjA2MiwyLjIyNkgxNS43OFYyOS4xNzVsLjQxMS0uMyw0LjEyMS0zLjAzM2gxLjI3NXY4LjdabTYuMzIzLDBoLTUuOHYtOC43aDUuOHY4LjdabTUuMjU3LDBIMjguNDI4di04LjdoNC43MzlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0zLjc2MSkiLz4gICAgPC9nPiAgICA8cGF0aCBpZD0iUGF0aF8zNTg0IiBkYXRhLW5hbWU9IlBhdGggMzU4NCIgZD0iTTU1MzkuODEsMjU5NS42NzFsOC40MTMsNC44NjIsMi44NjgtNS4wOC04LjQ2OC00LjgwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODI0LjI5IC0xNjc3LjE0NikiIGZpbGw9InJlZCIvPiAgPC9nPjwvc3ZnPg==);
}

.round-icon.bookmarks {
  background-position: 60% 50%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS40MDgiIGhlaWdodD0iMzMuMjAyIiB2aWV3Qm94PSIwIDAgMjkuNDA4IDMzLjIwMiI+ICA8ZyBpZD0iR3JvdXBfNjMzIiBkYXRhLW5hbWU9Ikdyb3VwIDYzMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg3NC41OTIgLTkxNC43NzQpIj4gICAgPHBhdGggaWQ9IlBhdGhfMzU4MCIgZGF0YS1uYW1lPSJQYXRoIDM1ODAiIGQ9Ik01Njk2LDI2MzEuNjk1bDEwLjA3My02LjkyMnM5LjQ3Miw4LjAxNSw5LjQ3Miw3LjUyOXYtMzIuMTgxSDU2OTZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDgyMC45MDcgLTE2ODQuODQ3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiLz4gICAgPGcgaWQ9Ikdyb3VwXzYyOCIgZGF0YS1uYW1lPSJHcm91cCA2MjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjc1OCAtMS43NTgpIj4gICAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzU1IiBkYXRhLW5hbWU9IkVsbGlwc2UgNTUiIGN4PSI5IiBjeT0iOSIgcj0iOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODg3Ljc1OCA5MjAuNzU4KSIgZmlsbD0iI2YxZjFmMSIvPiAgICAgIDxnIGlkPSJub3VuX25ld18xNDA4MzEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4OTAuMzM0IDkyMy41NTUpIj4gICAgICAgIDxnIGlkPSJHcm91cF82MjciIGRhdGEtbmFtZT0iR3JvdXAgNjI3Ij4gICAgICAgICAgPHBhdGggaWQ9IlBhdGhfMzU4NSIgZGF0YS1uYW1lPSJQYXRoIDM1ODUiIGQ9Ik0zNS4xLDM1LjI4SDMzLjdhLjcuNywwLDAsMC0uNy43aDBhLjcuNywwLDAsMCwuNy43aDEuNGEuMTc1LjE3NSwwLDAsMSwuMTc1LjE3NXYxLjRoMGEuNy43LDAsMCwwLC43LjdoMGEuNy43LDAsMCwwLC43LS43di0xLjRoMGEuMTc1LjE3NSwwLDAsMSwuMTc1LS4xNzVoMS40YS43LjcsMCwwLDAsLjctLjdoMGEuNy43LDAsMCwwLS43LS43aC0xLjRhLjE3NS4xNzUsMCwwLDEtLjE3NS0uMTc1VjMzLjdoMGEuNy43LDAsMCwwLS43LS43aDBhLjcuNywwLDAsMC0uNy43djEuNGgwQS4xNzUuMTc1LDAsMCwxLDM1LjEsMzUuMjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkuNjY4IC0yOS42NjgpIiBmaWxsPSJyZWQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPiAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8zNTg2IiBkYXRhLW5hbWU9IlBhdGggMzU4NiIgZD0iTTIwLjMxMywyNS4yMjNhNC45MSw0LjkxLDAsMSwwLTQuOTEtNC45MUE0LjkxLDQuOTEsMCwwLDAsMjAuMzEzLDI1LjIyM1ptMCwxLjRhNi4zMTMsNi4zMTMsMCwxLDEsNi4zMTMtNi4zMTNBNi4zMTMsNi4zMTMsMCwwLDEsMjAuMzEzLDI2LjYyNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNCAtMTQpIiBmaWxsPSJyZWQiLz4gICAgICAgIDwvZz4gICAgICA8L2c+ICAgIDwvZz4gIDwvZz48L3N2Zz4=);
}

.round-icon.drill-through {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNi42NzIiIGhlaWdodD0iMjkuMTU5IiB2aWV3Qm94PSIwIDAgMzYuNjcyIDI5LjE1OSI+ICA8ZyBpZD0iR3JvdXBfNjM0IiBkYXRhLW5hbWU9Ikdyb3VwIDYzNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMzIuMzI4IC05MTYuNjM4KSI+ICAgIDxnIGlkPSJHcm91cF82MjYiIGRhdGEtbmFtZT0iR3JvdXAgNjI2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS43NTQgLTQuNTEpIj4gICAgICA8ZyBpZD0iUmVjdGFuZ2xlXzIwOTQiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIwOTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNTYuNzU0IDkyNi41MSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmVkIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1kYXNoYXJyYXk9IjIgMiI+ICAgICAgICA8cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHN0cm9rZT0ibm9uZSIvPiAgICAgICAgPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgZmlsbD0ibm9uZSIvPiAgICAgIDwvZz4gICAgICA8cGF0aCBpZD0iUGF0aF8zNTgxIiBkYXRhLW5hbWU9IlBhdGggMzU4MSIgZD0iTTU4ODguMDg0LDI2MjMuMDE1djIuNzkxaC0yNy41di0yOC4xNTloMjcuNXYzLjAzNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4MjIgLTE2NzYpIiBmaWxsPSJub25lIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS13aWR0aD0iMSIvPiAgICA8L2c+ICA8L2c+PC9zdmc+);
}

.round-numbers {
  display: block;
  height: 120px;
  background-position: center;
  background-size: auto 60%;
  background-repeat: no-repeat;
  opacity: 0.6;
}

.round-numbers.one {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgdmlld0JveD0iMCAwIDk2IDk2Ij4gIDxwYXRoIGlkPSJTdWJ0cmFjdGlvbl8zIiBkYXRhLW5hbWU9IlN1YnRyYWN0aW9uIDMiIGQ9Ik0tNDc3My0xNTU5YTQ3LjcsNDcuNywwLDAsMS0xOC42ODQtMy43NzIsNDcuODM4LDQ3LjgzOCwwLDAsMS0xNS4yNTctMTAuMjg3LDQ3LjgzNCw0Ny44MzQsMCwwLDEtMTAuMjg3LTE1LjI1N0E0Ny43LDQ3LjcsMCwwLDEtNDgyMS0xNjA3YTQ3Ljg1Myw0Ny44NTMsMCwwLDEsMTIuNzU0LTMyLjU4NXYxNS44NjVoMTAuNTQ0Vi0xNTY2aDE5LjJ2LTc0LjAzN2gtMjkuMzIzYTQ3LjgzMiw0Ny44MzIsMCwwLDEsMTUuNTQ5LTEwLjkzOEE0Ny42NjYsNDcuNjY2LDAsMCwxLTQ3NzMtMTY1NWE0Ny43LDQ3LjcsMCwwLDEsMTguNjg0LDMuNzcyLDQ3LjgzOCw0Ny44MzgsMCwwLDEsMTUuMjU3LDEwLjI4Nyw0Ny44NCw0Ny44NCwwLDAsMSwxMC4yODgsMTUuMjU4QTQ3LjcsNDcuNywwLDAsMS00NzI1LTE2MDdhNDcuODU3LDQ3Ljg1NywwLDAsMS0yLjg0NSwxNi4zMTgsNDcuODE1LDQ3LjgxNSwwLDAsMS03Ljg3LDEzLjkxMywxMC4zNjgsMTAuMzY4LDAsMCwwLTMuMTU3LTYuNjU4LDExLjYyOCwxMS42MjgsMCwwLDAtOC4yMTQtMy41NTIsMTEuMjU5LDExLjI1OSwwLDAsMC04LjEsMy40NDEsMTEuMzIzLDExLjMyMywwLDAsMC0zLjQ0MSw4LjEsMTEuMzI1LDExLjMyNSwwLDAsMCwzLjQ0MSw4LjEsMTEuNjY5LDExLjY2OSwwLDAsMCw0LjQ5LDIuODQ3LDQ3LjcyOCw0Ny43MjgsMCwwLDEtMTAuNjMsNC4wNTZBNDguMiw0OC4yLDAsMCwxLTQ3NzMtMTU1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4MjEgMTY1NSkiIG9wYWNpdHk9IjAuMiIvPjwvc3ZnPg==);
}

.round-numbers.two {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgdmlld0JveD0iMCAwIDk2IDk2Ij4gIDxwYXRoIGlkPSJTdWJ0cmFjdGlvbl8yIiBkYXRhLW5hbWU9IlN1YnRyYWN0aW9uIDIiIGQ9Ik0tNDc3MC0xNTU5YTQ4LjA4Nyw0OC4wODcsMCwwLDEtMTMuMTktMS44MzUsNDcuNzUzLDQ3Ljc1MywwLDAsMS0xMS43ODUtNS4xNjZoMzMuMTI5di0xNi4zMTZoLTI0LjJsMTIuNDMzLTExLjU0NGM3LjctNy4xODksMTAuOTg5LTEzLjc2MiwxMC45ODktMjEuOTc4YTI0Ljc4NSwyNC43ODUsMCwwLDAtNy4yMTUtMTguMmMtMy40OTQtMy40OTQtOS45NTEtNy42NTktMjAuODY4LTcuNjU5YTMwLjE1MywzMC4xNTMsMCwwLDAtMTYuNTE4LDQuMzk0LDQ4LjM0OSw0OC4zNDksMCwwLDEsNy40MTgtNy4zMTksNDguMDgzLDQ4LjA4MywwLDAsMSw4Ljg2NC01LjU3NSw0Ny43NDcsNDcuNzQ3LDAsMCwxLDEwLjAyOS0zLjU1MUE0OC4yNTcsNDguMjU3LDAsMCwxLTQ3NzAtMTY1NWE0Ny43LDQ3LjcsMCwwLDEsMTguNjg0LDMuNzcyLDQ3LjgzNyw0Ny44MzcsMCwwLDEsMTUuMjU3LDEwLjI4Nyw0Ny44MzIsNDcuODMyLDAsMCwxLDEwLjI4NywxNS4yNTdBNDcuNyw0Ny43LDAsMCwxLTQ3MjItMTYwN2E0Ny43NjEsNDcuNzYxLDAsMCwxLTguMTY1LDI2Ljc4OSwxMC43NjIsMTAuNzYyLDAsMCwwLTIuMjY3LTMuMjE1LDExLjYyNiwxMS42MjYsMCwwLDAtOC4yMTMtMy41NTIsMTEuMjU3LDExLjI1NywwLDAsMC04LjEsMy40NDEsMTEuMzI2LDExLjMyNiwwLDAsMC0zLjQ0MSw4LjEsMTEuMzM0LDExLjMzNCwwLDAsMCwzLjQ0MSw4LjEsMTIuMjE4LDEyLjIxOCwwLDAsMCwyLjYsMiw0Ny43NDgsNDcuNzQ4LDAsMCwxLTExLjMsNC42OEE0OC4xNDQsNDguMTQ0LDAsMCwxLTQ3NzAtMTU1OVptLTM4LjkxNy0xOS45aDBBNDcuNjU2LDQ3LjY1NiwwLDAsMS00ODE4LTE2MDdhNDguNjc4LDQ4LjY3OCwwLDAsMSwuMzk0LTYuMTc0aDE3LjU3N2MuMS0yLjIwOC43NjctNi42MTIsMi42NjUtOS4xYTcuOTQ1LDcuOTQ1LDAsMCwxLDYuNDM4LTMsNy4zMDUsNy4zMDUsMCwwLDEsNS40MzksMi4yMiwxMC41NDYsMTAuNTQ2LDAsMCwxLDIuMjIsNy4xYzAsNC42OC0xLjkyMSw4LjMxNC00LDExLjU0NC0zLjQ0OSw1LjUtOC40MjMsMTEuNjM1LTE1LjIwNywxOC43NTlsLTYuNDQ1LDYuNzVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0ODE4IDE2NTUpIiBvcGFjaXR5PSIwLjIiLz48L3N2Zz4=);
}

.round-numbers.three {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NS45OTkiIGhlaWdodD0iOTYiIHZpZXdCb3g9IjAgMCA5NS45OTkgOTYiPiAgPHBhdGggaWQ9IlN1YnRyYWN0aW9uXzEiIGRhdGEtbmFtZT0iU3VidHJhY3Rpb24gMSIgZD0iTS00NzcwLTE1NTlhNDguMiw0OC4yLDAsMCwxLTExLjUzNi0xLjQsNDcuNzQxLDQ3Ljc0MSwwLDAsMS0xMC41MjUtMy45NjRjLjQ2My4wMTYuOTU3LjAyNCwxLjQ2NS4wMjQsMTIuMzYyLDAsMTkuMTQ2LTQuOTM4LDIyLjA4OS03Ljg4MWEyMi4zNTIsMjIuMzUyLDAsMCwwLDYuNTQ5LTE2LjIwNiwxOC43MzgsMTguNzM4LDAsMCwwLTMuMTA4LTEwLjg3OCwxOC4xMjUsMTguMTI1LDAsMCwwLTguNzY4LTYuNzcxLDEyLjY2NCwxMi42NjQsMCwwLDAsNS42NjEtNS42NjEsMTcuNzg0LDE3Ljc4NCwwLDAsMCwyLjIxOS05LjEsMjAuMTQ1LDIwLjE0NSwwLDAsMC01Ljk5NC0xNC4zMThjLTQuNDM0LTQuMzQ2LTEwLjYzMy02LjU0OS0xOC40MjYtNi41NDktNy41LDAtMTMuMzE2LDEuODIxLTE3Ljc3Nyw1LjU2OGE0OC4zMzUsNDguMzM1LDAsMCwxLDcuNDc0LTcuNzg2LDQ4LjEyNyw0OC4xMjcsMCwwLDEsOS4wNTctNS45NDgsNDcuNzM4LDQ3LjczOCwwLDAsMSwxMC4zMy0zLjhBNDguMjI2LDQ4LjIyNiwwLDAsMS00NzcwLTE2NTVhNDcuNyw0Ny43LDAsMCwxLDE4LjY4NCwzLjc3Miw0Ny44MzMsNDcuODMzLDAsMCwxLDE1LjI1NywxMC4yODcsNDcuODM0LDQ3LjgzNCwwLDAsMSwxMC4yODcsMTUuMjU3QTQ3LjcsNDcuNywwLDAsMS00NzIyLTE2MDdhNDcuNzY1LDQ3Ljc2NSwwLDAsMS04LjE2NCwyNi43ODgsMTAuNzY5LDEwLjc2OSwwLDAsMC0yLjI2Ny0zLjIxNSwxMS42MjcsMTEuNjI3LDAsMCwwLTguMjE0LTMuNTUxLDExLjI1OSwxMS4yNTksMCwwLDAtOC4xLDMuNDQxLDExLjMyNiwxMS4zMjYsMCwwLDAtMy40NDEsOC4xLDExLjMzMywxMS4zMzMsMCwwLDAsMy40NDEsOC4xLDEyLjIyMiwxMi4yMjIsMCwwLDAsMi42LDIsNDcuNzQ1LDQ3Ljc0NSwwLDAsMS0xMS4zLDQuNjc5QTQ4LjEzMiw0OC4xMzIsMCwwLDEtNDc3MC0xNTU5Wm0tMjAuODE2LTIxLjk4NGExMC4xNDMsMTAuMTQzLDAsMCwxLTcuNTQ3LTIuODg3LDExLjQ4NywxMS40ODcsMCwwLDEtMy03LjQzNmgtMTQuMDE1QTQ3LjksNDcuOSwwLDAsMS00ODE4LTE2MDdhNDguMjU3LDQ4LjI1NywwLDAsMSwxLjE1My0xMC41aDE3LjU5NWE5LjI4NCw5LjI4NCwwLDAsMSwyLjU1My02LjU0OCw3LjUyOSw3LjUyOSwwLDAsMSw1LjMyNy0xLjg4Nyw4LjAxNSw4LjAxNSwwLDAsMSw1LjQ0LDIsOC4yMTIsOC4yMTIsMCwwLDEsMiw1LjMyOCw2Ljk3NSw2Ljk3NSwwLDAsMS0yLjQ0MSw1LjIxNyw4LjgxLDguODEsMCwwLDEtNS45MTQsMi4wMzMsMTQuMDIsMTQuMDIsMCwwLDEtMS45NjgtLjE0NnYxMi45ODZhOS43NTIsOS43NTIsMCwwLDEsMy4yMTgtLjQ0NCwxMS41MzUsMTEuNTM1LDAsMCwxLDcuMSwyLjEwOSw3LjgzMSw3LjgzMSwwLDAsMSwxLjk0MiwyLjQ4NCw4LjkxMSw4LjkxMSwwLDAsMSwuOTQzLDQuMDY1LDguNzExLDguNzExLDAsMCwxLTIuMjIsNi4xMDVBOS45LDkuOSwwLDAsMS00NzkwLjgxNi0xNTgwLjk4NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4MTggMTY1NSkiIG9wYWNpdHk9IjAuMiIvPjwvc3ZnPg==);
}

.hoverinfo:hover .hovershow {
  display: block;
}

.text-center .nav-pills {
  display: inline-block;
}

.section-black {
  background: #1c1a1c;
  position: relative;
}

.section-light-grey {
  background: #ddd;
  position: relative;
}

.section-pbi {
  background: #f2c811;
  color: #000;
}

.section-purple {
  background: #642586;
  color: #000;
}

.text-pbi {
  color: #f2c811 !important;
}

.text-white, .section-dark select, .section-dark h1, .section-dark h2, .section-dark h3, .section-dark h4, .section-dark h5, .section-dark .card-raised h6, .section-black select, .section-black h1, .section-black h2, .section-black h3, .section-black h4, .section-black h5, .section-black .card-raised h6 {
  color: #f3f3f3;
}

.section-dark .card-raised select, .section-dark .card-raised h1, .section-dark .card-raised h2, .section-dark .card-raised h3, .section-dark .card-raised h4, .section-dark .card-raised h5, .section-dark .card-raised h6, .section-black .card-raised select, .section-black .card-raised h1, .section-black .card-raised h2, .section-black .card-raised h3, .section-black .card-raised h4, .section-black .card-raised h5, .section-black .card-raised h6 {
  color: #666;
}

.card-dark {
  background-color: #2E2E2E;
}

.section-dark .card-raised .product-card h5 {
  color: #000;
}

.card-raised-light {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.1), 0 4px 25px 0px rgba(0, 0, 0, 0.09), 0 8px 10px -5px rgba(0, 0, 0, 0.09);
}

.clients-strip-high .clients-strip {
  height: 126px;
}

.TT {
  text-transform: uppercase;
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.small-section {
  padding: 30px 0;
}

.large-section {
  padding: 100px 0;
}

.extra-small-section {
  padding: 12px 0;
}

.wizard-navigation .nav.nav-pills li.active a {
  box-shadow: none;
}

.checkbox label, .radio label, label, .wizard-card label {
  color: #666;
}

ul.small-height li, .card-pricing ul.small-height li {
  padding: 0 0 5px 0;
}

.card-image > a {
  display: block;
  height: 180px;
  border-radius: 8px;
  background-size: cover;
  background-position: center;
}

/*
 * /en/javascript-charts-library/use-cases/
 */
.js-demo-items .card-image > a {
  height: 100%;
}

@media (max-width: 730px) {
  .js-demo-items .card-blog .card-content {
    padding: 40px 15px;
  }
}
.text-left .btn {
  text-align: left;
}

.sidebar-filters .btn, .sidebar-filters .btn-group-vertical {
  width: 100%;
}

.sidebar-filters .btn {
  margin-bottom: 1px !important;
}

.btn.btn-lg, .btn-group-lg .btn, .navbar .navbar-nav > li > a.btn.btn-lg, .btn-group-lg .navbar .navbar-nav > li > a.btn {
  font-size: 16px;
}

.btn.btn-m, .btn-group-m .btn, .navbar .navbar-nav > li > a.btn.btn-m, .btn-group-m .navbar .navbar-nav > li > a.btn {
  font-size: 14px;
  padding: 12px 30px;
}

.btn-light-dark {
  background: rgba(0, 0, 0, 0.1);
  color: #333;
}

.btn-no-margin {
  margin: 0 !important;
}

.card .card-image {
  background-color: #f3f3f3;
}

.card .card-image:hover {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.cta-icon-container .cta-icon {
  position: absolute;
  top: 50%;
  font-size: 38px;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
  text-align: center;
  line-height: 50px !important;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  margin: -25px 0 0 -25px;
  display: none;
  pointer-events: none;
  z-index: 12;
}

.cta-icon-container:hover .cta-icon {
  display: block;
}

.card .card-image.hover-raise {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.card:hover .card-image.hover-raise {
  -webkit-transform: translate3d(0, -21px, 0);
  -moz-transform: translate3d(0, -21px, 0);
  -o-transform: translate3d(0, -21px, 0);
  -ms-transform: translate3d(0, -21px, 0);
  transform: translate3d(0, -21px, 0);
}

.card .card-actions {
  position: absolute;
  z-index: 11;
  bottom: -18px;
  left: 6px;
}

.card.card-chart-type {
  margin: 15px 0;
}

.card .card-content {
  position: relative;
}

.card-link {
  transition: transform 0.2s, box-shadow 0.5s;
  position: relative;
}

.card-link:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: -1;
  transition: opacity 0.2s;
}

.card-link:hover {
  cursor: pointer;
  transform: scale(1.04);
  box-shadow: 0 26px 38px rgba(0, 0, 0, 0.25);
}

.card-link:hover:after {
  opacity: 1;
}

.card-chart {
  margin: -10px 0 !important;
  position: relative;
}

.card-chart .card {
  background: #1c1a1c;
  border-radius: 0;
}

@media (min-width: 768px) {
  .card-chart {
    width: calc(50% + 22px) !important;
    margin: -13px -11px !important;
  }
}
.card-reveal .card-content {
  opacity: 0 !important;
}

.card-reveal:hover .card-content {
  opacity: 1 !important;
}

.card .card-image {
  z-index: 2;
  overflow: visible;
}

.card-plain {
  background: transparent;
}

.bg-img-iphone-x-animation {
  background: right bottom no-repeat;
  background-image: url(../img/iPhone-X-index.gif);
}

.side {
  position: absolute;
  top: 44px;
  width: 200px;
  padding-bottom: 20px;
  max-height: calc(100vh - 50px);
}

.side .navbar-form {
  width: 100%;
}

.side .navbar-form .form-control {
  width: 100%;
}

.section-dark .form-control {
  color: #ddd;
}

.section-dark .card .form-control {
  color: #333;
}

.form-group small {
  font-size: 11px;
}

.side .navbar-form .form-group {
  width: 100%;
}

.side.sticked {
  position: fixed;
  top: 30px;
}

.side.bottom {
  position: absolute;
  bottom: 30px;
  top: auto;
}

.zc-icons {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 1px 0;
  border-radius: 100%;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.card-label .zc-icons {
  position: absolute;
  right: -34px;
  top: -6px;
}

.zc-icons.chart-icon {
  background-size: 100%;
  border-radius: 5px;
  background-color: #fff;
  position: relative;
}

.zc-icons.chart-icon:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #fff;
  content: "";
  border-radius: 5px;
}

.btn-group .zc-icons {
  border-radius: inherit;
  height: 50px;
  width: auto;
}

.btn-border, .navbar .navbar-nav > li > a.btn.btn-border {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: none;
  background: transparent;
  color: #333;
  margin: 10px 1px;
}

.btn.btn-green {
  background: #2fc32f !important;
  box-shadow: 0 14px 26px -12px rgba(47, 195, 47, 0.22), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(47, 195, 47, 0.2) !important;
  color: #fff !important;
}

.btn.btn-green:hover {
  background-color: #19B719 !important;
  box-shadow: 0 14px 26px -12px rgba(47, 195, 47, 0.32), 0 4px 23px 0px rgba(0, 0, 0, 0.32), 0 8px 10px -5px rgba(47, 195, 47, 0.3) !important;
  color: rgba(0, 0, 0, 0.9) !important;
}

.btn.btn-red {
  background: #f00 !important;
  box-shadow: 0 14px 26px -12px rgba(255, 0, 0, 0.22), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 0, 0, 0.2) !important;
  color: #fff !important;
}

.btn.btn-red:hover {
  background-color: #DB0000 !important;
  box-shadow: 0 14px 26px -12px rgba(255, 0, 0, 0.32), 0 4px 23px 0px rgba(0, 0, 0, 0.32), 0 8px 10px -5px rgba(255, 0, 0, 0.3) !important;
  color: #fff !important;
}

.btn-border-light, .navbar .navbar-nav > li > a.btn.btn-border-light, .presentation-page .navbar .navbar-nav > li > a.btn.btn-border, .ecommerce-page .navbar .navbar-nav > li > a.btn.btn-border, .scrolled .navbar .navbar-nav > li > a.btn.btn-border {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.2);
  color: #ddd;
}

.presentation-page .navbar a.btn.btn-border, .ecommerce-page .navbar a.btn.btn-border,
.btn-border-white, .navbar .navbar-nav > li > a.btn.btn-border-white {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  background: transparent;
  color: #fff;
}

.btn-border:hover, .navbar .navbar-nav > li > a.btn.btn-border:hover {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6);
  color: #000;
}

.btn-border-light:hover, .presentation-page .navbar .navbar-nav > li > a.btn.btn-border:hover, .ecommerce-page .navbar .navbar-nav > li > a.btn.btn-border:hover, .scrolled .navbar .navbar-nav > li > a.btn.btn-border:hover, .presentation-page .navbar a.btn.btn-border:hover, .ecommerce-page .navbar a.btn.btn-border:hover,
.btn-border-white:hover, .navbar .navbar-nav > li > a.btn.btn-border-white:hover {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: none;
  color: #fff;
}

.btn-active.btn-simple {
  color: #333;
  background-color: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

.btn-simple:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #000;
}

.bg-sdk .btn-sdk, .bg-pbi .btn-pbi, .bg-excel .btn-excel, .bg-graph .btn-graph,
.bg-sdk .btn-sdk:hover, .bg-pbi .btn-pbi:hover, .bg-excel .btn-excel:hover, .bg-graph .btn-graph:hover {
  background: white;
  color: #000;
}

.btn-grey {
  background-color: #f3f3f3;
  color: #000;
}

.btn-pbi, .navbar .navbar-nav > li > a.btn.btn-pbi {
  background-color: #f2c811;
  box-shadow: 0 14px 26px -12px rgba(242, 200, 17, 0.22), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(242, 200, 17, 0.2);
  color: #000;
}

.btn-pbi:hover, .navbar .navbar-nav > li > a.btn.btn-pbi:hover {
  box-shadow: 0 14px 26px -12px rgba(242, 200, 17, 0.32), 0 4px 23px 0px rgba(0, 0, 0, 0.32), 0 8px 10px -5px rgba(242, 200, 17, 0.3);
  background-color: #f2c811;
  color: #000;
}

.btn-excel, .navbar .navbar-nav > li > a.btn.btn-excel {
  background-color: #46DC5C;
  box-shadow: 0 14px 26px -12px rgba(17, 242, 73, 0.22), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(17, 242, 47, 0.2);
  color: #000;
}

.btn-excel:hover, .navbar .navbar-nav > li > a.btn.btn-excel:hover {
  box-shadow: 0 14px 26px -12px rgba(17, 242, 73, 0.32), 0 4px 23px 0px rgba(0, 0, 0, 0.32), 0 8px 10px -5px rgba(17, 242, 47, 0.3);
  background-color: #46DC5C;
  color: #000;
}

.btn-graph, .navbar .navbar-nav > li > a.btn.btn-graph {
  background-color: #987EFF;
  box-shadow: 0 14px 26px -12px rgba(229, 177, 250, 0.25), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(141, 17, 242, 0.2);
  color: #000;
}

.btn-graph:hover, .navbar .navbar-nav > li > a.btn.btn-graph:hover {
  box-shadow: 0 14px 26px -12px rgba(229, 177, 250, 0.32), 0 4px 23px 0px rgba(0, 0, 0, 0.32), 0 8px 10px -5px rgba(141, 17, 242, 0.3);
  background-color: #987EFF;
  color: #000;
}

.btn-sdk, .navbar .navbar-nav > li > a.btn.btn-sdk {
  background-color: #47BAFF;
  box-shadow: 0 14px 26px -12px rgba(71, 186, 255, 0.22), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(71, 186, 255, 0.2);
  color: #fff;
}

.btn-black, .navbar .navbar-nav > li > a.btn.btn-black {
  background-color: #333;
  box-shadow: 0 14px 26px -12px rgba(71, 186, 255, 0.22), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(71, 186, 255, 0.2);
  color: #fff;
}

.btn-black:hover, .navbar .navbar-nav > li > a.btn.btn-black:hover {
  background-color: #000;
  box-shadow: 0 14px 26px -12px rgba(71, 186, 255, 0.32), 0 4px 23px 0px rgba(0, 0, 0, 0.32), 0 8px 10px -5px rgba(71, 186, 255, 0.3);
}

.btn-sdk:hover, .navbar .navbar-nav > li > a.btn.btn-sdk:hover {
  box-shadow: 0 14px 26px -12px rgba(71, 186, 255, 0.32), 0 4px 23px 0px rgba(0, 0, 0, 0.32), 0 8px 10px -5px rgba(71, 186, 255, 0.3);
  background-color: #47BAFF;
  color: #fff;
}

.btn-active {
  pointer-events: none;
}

.btn-zc-col-1 {
  background-color: #2fc32f;
  box-shadow: 0 2px 2px 0 rgba(47, 195, 47, 0.14), 0 3px 1px -2px rgba(47, 195, 47, 0.2), 0 1px 5px 0 rgba(47, 195, 47, 0.12);
  color: #000;
}

.btn-zc-col-2 {
  background-color: #b0dc0b;
  box-shadow: 0 2px 2px 0 rgba(176, 220, 11, 0.14), 0 3px 1px -2px rgba(176, 220, 11, 0.2), 0 1px 5px 0 rgba(176, 220, 11, 0.12);
  color: #000;
}

.text-purple {
  color: #642586;
}

.text-zc-col-1 {
  color: #2fc32f;
}

.text-zc-col-2 {
  color: #b0dc0b;
}

.userimg {
  border-radius: 100%;
  width: 120px;
  height: 120px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}

.hr-dark {
  border-top-color: rgba(0, 0, 0, 0.1);
}

.text-menu a {
  font-weight: bold;
  color: #000;
  display: inline-block;
  padding: 12px 20px;
  border-radius: 5px;
  text-decoration: underline;
}

.text-menu a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.icon {
  position: relative;
}

.icon .badge {
  position: absolute;
  top: 22px;
  right: -10px;
}

#charts-nav a:hover .zc-icons.chart-icon {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  background-color: #09c;
}

#charts-nav a:hover .zc-icons.chart-icon:after {
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 4px solid #09c;
}

.zc-icons:hover {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.zc-icon-dashboard {
  background-color: #93f !important;
  background-image: url(../img/zc-icons/dashboard.svg);
}

.zc-icon-netchart {
  background-color: #438cca !important;
  background-image: url(../img/zc-icons/netchart.svg);
}

.zc-icon-timechart {
  background-color: #3bad49 !important;
  background-image: url(../img/zc-icons/timechart.svg);
}

.zc-icon-piechart {
  background-color: #7f5795 !important;
  background-image: url(../img/zc-icons/piechart.svg);
}

.zc-icon-geochart {
  background-color: #de9232 !important;
  background-image: url(../img/zc-icons/geochart.svg);
}

.zc-icon-facetchart {
  background-color: #437eba !important;
  background-image: url(../img/zc-icons/facetchart.svg);
}

.zc-icon-data-category {
  background-color: #999 !important;
  background-image: url(../img/zc-icons/data-category.svg);
}

.zc-icon-data-time {
  background-color: #999 !important;
  background-image: url(../img/zc-icons/data-time.svg);
}

.zc-icon-data-geo {
  background-color: #999 !important;
  background-image: url(../img/zc-icons/data-geo.svg);
}

.zc-icon-data-graph {
  background-color: #999 !important;
  background-image: url(../img/zc-icons/data-graph.svg);
}

.zc-icon-100-stacked-area-chart {
  background-image: url(../img/chart-icons/100-stacked-area-chart.svg);
}

.zc-icon-100-stacked-bars-chart {
  background-image: url(../img/chart-icons/100-stacked-bars-chart.svg);
}

.zc-icon-area-chart {
  background-image: url(../img/chart-icons/area-chart.svg);
}

.zc-icon-bar-and-area-chart {
  background-image: url(../img/chart-icons/bar-and-area-chart.svg);
}

.zc-icon-bar-chart {
  background-image: url(../img/chart-icons/bar-chart.svg);
}

.zc-icon-bar-line-and-area-chart {
  background-image: url(../img/chart-icons/bar-line-and-area-chart.svg);
}

.zc-icon-bubble-chart {
  background-image: url(../img/chart-icons/bubble-chart.svg);
}

.zc-icon-span-chart {
  background-image: url(../img/chart-icons/span-chart.svg);
}

.zc-icon-grouped-bubble-chart {
  background-image: url(../img/chart-icons/grouped-bubble-chart.svg);
}

.zc-icon-bubble-map {
  background-image: url(../img/chart-icons/bubble-map.svg);
}

.zc-icon-candlestick-chart {
  background-image: url(../img/chart-icons/candlestick-chart.svg);
}

.zc-icon-world-countries-and-net-chart {
  background-image: url(../img/chart-icons/world-countries-and-net-chart.svg);
}

.zc-icon-world-countries-and-pie-chart {
  background-image: url(../img/chart-icons/world-countries-and-pie-chart.svg);
}

.zc-icon-waterfall-chart {
  background-image: url(../img/chart-icons/waterfall-chart.svg);
}

.zc-icon-radial-graph-chart {
  background-image: url(../img/chart-icons/radial-graph-chart.svg);
}

.zc-icon-grouped-network-chart {
  background-image: url(../img/chart-icons/grouped-network-chart.svg);
}

.zc-icon-donut-chart {
  background-image: url(../img/chart-icons/donut-chart.svg);
}

.zc-icon-gauge-chart {
  background-image: url(../img/chart-icons/gauge-chart.svg);
}

.zc-icon-geo-chart {
  background-image: url(../img/chart-icons/geo-chart.svg);
}

.zc-icon-hierarchy-chart {
  background-image: url(../img/chart-icons/hierarchy-chart.svg);
}

.zc-icon-high-low-chart {
  background-image: url(../img/chart-icons/high-low-chart.svg);
}

.zc-icon-line-and-area-chart {
  background-image: url(../img/chart-icons/line-and-area-chart.svg);
}

.zc-icon-line-and-bar-chart {
  background-image: url(../img/chart-icons/line-and-bar-chart.svg);
}

.zc-icon-line-chart {
  background-image: url(../img/chart-icons/line-chart.svg);
}

.zc-icon-map-chart {
  background-image: url(../img/chart-icons/map-chart.svg);
}

.zc-icon-multiple-areas-chart {
  background-image: url(../img/chart-icons/multiple-areas-chart.svg);
}

.zc-icon-multiple-level-donut-chart {
  background-image: url(../img/chart-icons/multiple-level-donut-chart.svg);
}

.zc-icon-multiple-level-gauge-chart {
  background-image: url(../img/chart-icons/multiple-level-gauge-chart.svg);
}

.zc-icon-multiple-level-pie-chart {
  background-image: url(../img/chart-icons/multiple-level-pie-chart.svg);
}

.zc-icon-multiple-lines-chart {
  background-image: url(../img/chart-icons/multiple-lines-chart.svg);
}

.zc-icon-network-chart {
  background-image: url(../img/chart-icons/network-chart.svg);
}

.zc-icon-pie-chart {
  background-image: url(../img/chart-icons/pie-chart.svg);
}

.zc-icon-radial-network-chart {
  background-image: url(../img/chart-icons/radial-network-chart.svg);
}

.zc-icon-side-by-side-bars-chart {
  background-image: url(../img/chart-icons/side-by-side-bars-chart.svg);
}

.zc-icon-stacked-area-chart {
  background-image: url(../img/chart-icons/stacked-area-chart.svg);
}

.zc-icon-stacked-bars-chart {
  background-image: url(../img/chart-icons/stacked-bars-chart.svg);
}

.zc-icon-stacked-columns-chart {
  background-image: url(../img/chart-icons/stacked-columns-chart.svg);
}

.zc-icon-world-countries-chart {
  background-image: url(../img/chart-icons/world-countries-chart.svg);
}

.zc-icon-connection-map-chart {
  background-image: url(../img/chart-icons/connection-map-chart.svg);
}

.zc-icon-dot-matrix-chart {
  background-image: url(../img/chart-icons/dot-matrix-chart.svg);
}

.zc-icon-flow-map-chart {
  background-image: url(../img/chart-icons/flow-map-chart.svg);
}

.zc-icon-location-chart {
  background-image: url(../img/chart-icons/location-chart.svg);
}

.zc-icon-map-and-network-chart {
  background-image: url(../img/chart-icons/map-and-network-chart.svg);
}

.zc-icon-multiple-level-bar-chart {
  background-image: url(../img/chart-icons/multiple-level-bar-chart.svg);
}

.zc-icon-multiple-streams-chart {
  background-image: url(../img/chart-icons/multiple-streams-chart.svg);
}

.zc-icon-graph-chart {
  background-image: url(../img/chart-icons/graph-chart.svg);
}

.zc-icon-map-and-donut-chart {
  background-image: url(../img/chart-icons/map-and-donut-chart.svg);
}

.zc-icon-map-and-pie-chart {
  background-image: url(../img/chart-icons/map-and-pie-chart.svg);
}

.zc-icon-grouped-location-chart {
  background-image: url(../img/chart-icons/grouped-location-chart.svg);
}

.zc-icon-stream-chart {
  background-image: url(../img/chart-icons/stream-chart.svg);
}

.zc-icon-world-countries-and-bar-chart {
  background-image: url(../img/chart-icons/world-countries-and-bar-chart.svg);
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
  .text-center-md {
    text-align: center;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
  .text-center-md {
    text-align: center;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
  .text-center-lg {
    text-align: center;
  }
}
.ccs span {
  line-height: 30px;
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  white-space: nowrap;
  margin: 0 5px;
}

.cc {
  width: 46px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}

.background-white {
  background-color: #fff;
}

.negative-margin-b-xxl {
  margin-bottom: -25vh;
}

.margin-b-xxl {
  margin-bottom: 25vh;
}

.negative-margin-b-xl {
  margin-bottom: -15vh;
}

.negative-margin-top-xl {
  margin-top: -15vh;
}

.negative-margin-top-l {
  margin-top: -10vh;
}

.negative-margin-b-l {
  margin-bottom: -10vh;
}

.negative-margin-top-m {
  margin-top: -5vh;
}

.negative-margin-top-130 {
  margin-top: -130px;
}

.negative-margin-top-120 {
  margin-top: -120px;
}

.negative-margin-b-m {
  margin-bottom: -5vh;
}

.negative-margin-top-s-f {
  margin-top: -20px;
}

.navbar-fixed-top {
  pointer-events: none;
}

.navbar-header, .navbar-nav {
  pointer-events: auto;
  position: relative;
}

.wizard-card {
  opacity: 1;
}

.video-card {
  overflow: hidden;
  border-radius: 5px;
}

.card .card-content {
  padding: 55px 20px 20px 20px;
}

.card .card-content-m-pad {
  padding: 20px;
}

.card .card-content-sm-pad {
  padding: 8px;
  color: #000;
}

.card .card-content-no-pad {
  padding: 0;
}

.card-content.card-content-sm-pad .card-header {
  margin: -8px -8px 7px -8px;
  padding: 8px;
}

.card-content .card-header {
  margin: -40px -40px 40px -40px;
  padding: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background-color: rgba(0, 0, 0, 0.02);
}

.card-header.card-white {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.card-content.card-content-sm-pad .card-footer {
  margin: 7px -7px -7px -7px;
  padding: 8px;
}

.card-content .card-footer {
  margin: 40px -40px -40px -40px;
  padding: 40px;
  background: #f3f3f3;
  height: auto;
}

.table-footer {
  padding: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background-color: rgba(0, 0, 0, 0.02);
}

.card-content.card-content-sm-pad .table-footer {
  margin: 8px -8px -18px -8px;
}

.active .card-selectable, .active .card-selectable:not(.card-raised) {
  background-color: #ECC534 !important;
  border: none;
}

.zc-quote {
  font-style: italic;
  fonty-weight: 300;
  font-family: "Merriweather", "Helvetica", "Arial", sans-serif;
}

.zc-pricing-table .card .card-content-sm-pad {
  padding-bottom: 18px;
}

ul.pricing-list {
  padding: 10px 0;
}

ul.pricing-list li {
  font-size: 13px;
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
  position: relative;
  padding: 10px;
}

ul.pricing-list li:first-child {
  border-top: none;
}

ul.pricing-list li.no {
  color: #999;
}

ul.pricing-list li.sim-2-lines {
  height: 48px;
  padding: 8px 0;
  line-height: 15px;
}

.zc-pricing-table .microsoft-certified {
  padding-top: 77px;
}

.zc-pricing-table small {
  display: block;
  line-height: 16px;
}

.zc-pricing-table small a {
  text-decoration: underline;
  color: #000;
}

.zc-pricing-table small a:hover {
  color: #09c;
}

.zc-pricing-table .col-md-3 {
  padding-left: 3px;
  padding-right: 3px;
}

.tick, .cross {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 2px;
}

.sim-2-lines .tick, .sim-2-lines .cross {
  margin-top: 4px;
}

.tick {
  background-image: url(../img/icons/tick.svg);
  background-size: 18px auto;
}

.cross {
  background-image: url(../img/icons/cross.svg);
  background-size: 12px auto;
}

.btn-block {
  display: block;
}

.mh-50 {
  min-height: 50px;
}

.mh-60 {
  min-height: 60px;
}

.lh-60 {
  line-height: 60px;
}

.mh-70 {
  min-height: 60px;
}

.lh-70 {
  line-height: 60px;
}

.mh-100 {
  min-height: 100px;
}

.fixed-overlay {
  position: fixed;
  background: white;
  top: 20px;
  right: 20px;
  left: 20px;
  height: calc(100vh - 40px) !important;
  z-index: 99999;
  box-shadow: 0 10px 20px #000;
  display: block !important;
  opacity: 0;
  margin-top: -120vh;
  transition: margin-top 0.5s ease, opacity 0.5s ease;
}

.fixed-overlay.in {
  margin-top: 0;
  opacity: 1;
}

.btn.close-overlay {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 10px;
  margin: 0;
  width: 36px;
  height: 36px;
}

[class*=pbi-benefit-] {
  height: 70px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 106px auto;
}

/*
:not(.text-center) [class*="pbi-benefit-"] {
  background-position:left bottom;
}
 ^ this doesn't work;
 */
[class*=pbi-benefit-].align-left {
  background-position: left bottom;
}

.pbi-benefit-1 {
  background-image: url("../../v3/img/power-bi/pbi-av-friendly.svg");
}

.pbi-benefit-2 {
  background-image: url("../../v3/img/power-bi/pbi-av-screen.svg");
}

.pbi-benefit-3 {
  background-image: url("../../v3/img/power-bi/pbi-av-beautiful.svg");
}

.pbi-benefit-5 {
  background-image: url("../../v3/img/power-bi/pbi-av-customize.svg");
}

.pbi-benefit-4 {
  background-image: url("../../v3/img/power-bi/pbi-av-formatting.svg");
}

.pbi-benefit-6 {
  background-image: url("../../v3/img/power-bi/pbi-icon-bar-chart-type.svg");
}

.pbi-benefit-7 {
  background-image: url("../../v3/img/power-bi/pbi-pie-others-icon.svg");
}

.pbi-benefit-8 {
  background-image: url("../../v3/img/power-bi/pbi-map-features.svg");
}

.pbi-benefit-9 {
  background-image: url("../../v3/img/power-bi/pbi-map-interaction.svg");
}

.pbi-benefit-10 {
  background-image: url("../../v3/img/power-bi/pbi-combo-functionality.svg");
}

.pbi-benefit-11 {
  background-image: url("../../v3/img/power-bi/pbi-combo-interactions.svg");
}

.pbi-benefit-12 {
  background-image: url("../../v3/img/power-bi/pbi-timeseries-functionality.svg");
}

.pbi-benefit-13 {
  background-image: url("../../v3/img/power-bi/pbi-timeseries-interactions.svg");
}

.pbi-benefit-14 {
  background-image: url("../../v3/img/power-bi/pbi-waterfall-functionality.svg");
}

.pbi-benefit-15 {
  background-image: url("../../v3/img/power-bi/pbi-waterfall-interactions.svg");
}

.pbi-benefit-16 {
  background-image: url("../../v3/img/power-bi/pbi-bar-interactions.svg");
}

.pbi-benefit-17 {
  background-image: url("../../v3/img/power-bi/pbi-network-functionality.svg");
}

.pbi-benefit-18 {
  background-image: url("../../v3/img/power-bi/pbi-network-interactions.svg");
}

.pbi-benefit-19 {
  background-image: url("../../v3/img/power-bi/pbi-graph-functionality.svg");
}

.pbi-benefit-20 {
  background-image: url("../../v3/img/power-bi/pbi-graph-interactions.svg");
}

ul.pbi-benefit li {
  padding: 5px 0 5px 12px;
  position: relative;
}

ul.pbi-benefit li:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 3px);
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background-color: #EDC821;
}

.pbi-benefit-i.center {
  background-position: center bottom;
}

.text-l {
  font-size: 1.2em;
}

.microsoft-logo {
  height: 60px;
  background-image: url(../../v3/img/clients/microsoft.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 95px auto;
}

.comparison-head {
  position: relative;
  height: 162px;
  padding-top: 56px;
}

.comparison-head h4 {
  font-size: 1.2em;
}

.comparison-advanced {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #F2C811;
}

.comparison-logo {
  position: absolute;
}

.comparison-advanced .comparison-logo {
  top: -30px;
  left: calc(50% - 41px);
}

.comparison-native .comparison-logo {
  top: 0;
  left: calc(50% - 20px);
  background-color: #f3f3f3;
  border-radius: 4px;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
}

.comparison-advanced.paid-off {
  background-color: #F3F3F3;
}

.product-title-icon-sm {
  width: 40px;
  height: 40px;
  text-align: center;
}

.product-title-icon-sm img {
  width: 33px;
  height: auto;
  display: inline-block;
  padding-top: 5px;
}

.expandable-item {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 12px 0;
}

.expandable-item.collapsed {
  height: 60px;
  overflow: hidden;
}

.comparison-advanced .expandable-item:first-child {
  border-color: transparent;
}

.expandable-title {
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  color: #000;
  position: relative;
  cursor: pointer;
}

.expandable-title:hover {
  opacity: 0.8;
}

.comparison-advanced .expandable-title:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  right: 0;
  top: calc(50% - 10px);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibm91bl9BcnJvd18yMzMzMTY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi40NjkiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyLjQ2OSA3Ij4gIDxwYXRoIGlkPSJQYXRoXzM3NjciIGRhdGEtbmFtZT0iUGF0aCAzNzY3IiBkPSJNNi43NzYsNi43NzZsNS40NjktNS40NTFhLjc4OS43ODksMCwwLDAsMC0xLjEuNzg5Ljc4OSwwLDAsMC0xLjEsMEw2LjIzNSw1LjEzMywxLjMyNS4yMjRhLjc4OS43ODksMCwwLDAtMS4xLDAsLjc4OS43ODksMCwwLDAsMCwxLjFMNS42NzUsNi43NzZBLjc4OS43ODksMCwwLDAsNi43NzYsNi43NzZaIiBmaWxsPSIjMWExYTFhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  transform: rotate(180deg);
}

.comparison-advanced .collapsed .expandable-title:after {
  transform: rotate(0deg);
}

@media (max-width: 991px) {
  .comparison-native .expandable-title:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    right: 0;
    top: calc(50% - 10px);
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibm91bl9BcnJvd18yMzMzMTY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi40NjkiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyLjQ2OSA3Ij4gIDxwYXRoIGlkPSJQYXRoXzM3NjciIGRhdGEtbmFtZT0iUGF0aCAzNzY3IiBkPSJNNi43NzYsNi43NzZsNS40NjktNS40NTFhLjc4OS43ODksMCwwLDAsMC0xLjEuNzg5Ljc4OSwwLDAsMC0xLjEsMEw2LjIzNSw1LjEzMywxLjMyNS4yMjRhLjc4OS43ODksMCwwLDAtMS4xLDAsLjc4OS43ODksMCwwLDAsMCwxLjFMNS42NzUsNi43NzZBLjc4OS43ODksMCwwLDAsNi43NzYsNi43NzZaIiBmaWxsPSIjMWExYTFhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    transform: rotate(180deg);
  }
  .comparison-native .collapsed .expandable-title:after {
    transform: rotate(0deg);
  }
  #glob-nav-dropdown .container div {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .space-between-lg {
    flex-direction: column;
  }
  .content-center-max-md {
    display: flex;
    justify-content: center;
    text-align: center;
  }
}
.expandable-item li {
  height: 40px;
  line-height: 40px;
  position: relative;
}

.tick-yes small, .tick-no small {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 13px;
}

@media (max-width: 991px) {
  .tick-yes, .tick-no {
    padding-top: 18px;
  }
  .expandable-item li:not(.expandable-title) {
    height: 55px;
    line-height: 45px;
  }
  .expandable-item ul li:nth-child(2) {
    margin-top: 10px;
  }
}
@media (max-width: 500px) {
  .comparison-native {
    padding-top: 35px;
    width: 100% !important;
    display: block !important;
  }
  .comparison-advanced {
    width: 100% !important;
    display: block !important;
  }
  .card .product-card .spacer-left-sm {
    margin-left: initial;
  }
}
.original-checkbox {
  display: inline-block;
  width: 45%;
  padding: 5px 0;
  margin-left: 20px;
}

.original-checkbox input {
  margin-right: 6px !important;
}

.tick-yes, .tick-no, .tick-yes:before, .tick-no:before, .tick-yes:after, .tick-no:after {
  transition: all 0.3s ease;
}

.tick-yes:before, .tick-no:before {
  position: absolute;
  border-radius: 100%;
  content: "";
}

.tick-yes:before {
  background-color: #00B500;
  width: 26px;
  height: 26px;
  left: calc(50% - 13px);
  top: calc(50% - 13px);
}

.tick-no:before, .paid-off .tick-yes.free-no:before {
  background-color: rgba(0, 0, 0, 0.2);
  width: 20px;
  height: 20px;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
}

.tick-yes:after, .tick-no:after {
  position: absolute;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.tick-yes:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzEwMHB4JyB3aWR0aD0nMTAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uO3RleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjtpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyIgdmlld0JveD0iMCAwIDMzMyAzMzMiIHg9IjBweCIgeT0iMHB4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gICAgICAgLmZpbDAge2ZpbGw6I2ZmZmZmZn0gICAgIDwvc3R5bGU+PC9kZWZzPjxnPjxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNMTI5IDE5MWMtMTMsLTEyIC0zNCwtMzQgLTQ4LC00OCAtMTQsLTEzIC0yMywtMiAtNDAsMTYgLTE5LDE5IDAsMjkgMjcsNTZsNDkgNDljMTgsMTYgMzMsLTggNTcsLTMxbDk4IC05OWMzMSwtMzAgMzgsLTMwIDEzLC01NCAtMjIsLTIzIC0yMSwtMjMgLTU2LDEzIC0xNiwxNSAtOTUsOTUgLTEwMCw5OHoiPjwvcGF0aD48L2c+PC9zdmc+);
  background-size: 12px auto;
}

.tick-no:after, .paid-off .tick-yes.free-no:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzEwMHB4JyB3aWR0aD0nMTAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uO3RleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjtpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyIgdmlld0JveD0iMCAwIDg0NyA4NDciIHg9IjBweCIgeT0iMHB4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gICAgICAgLmZpbDAge2ZpbGw6I2ZmZmZmZn0gICAgIDwvc3R5bGU+PC9kZWZzPjxnPjxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNODggMTcyYzI4LC0yOCA1NiwtNTYgODQsLTg0IDEwLC0xMCAyOCwtMTAgMzgsMCA3MSw3MiAxNDIsMTQzIDIxMywyMTQgNzEsLTcxIDE0MiwtMTQyIDIxMywtMjE0IDExLC0xMCAyOCwtMTAgMzksMCAyOCwyOCA1NSw1NiA4Myw4NCAxMSwxMCAxMSwyOCAwLDM4IC03MSw3MSAtMTQyLDE0MiAtMjEzLDIxMyA3MSw3MSAxNDIsMTQyIDIxMywyMTMgMTEsMTEgMTEsMjggMCwzOSAtMjgsMjggLTU1LDU1IC04Myw4MyAtMTEsMTEgLTI4LDExIC0zOSwwIC03MSwtNzEgLTE0MiwtMTQyIC0yMTMsLTIxMyAtNzEsNzEgLTE0MiwxNDIgLTIxMywyMTMgLTEwLDExIC0yOCwxMSAtMzgsMCAtMjgsLTI4IC01NiwtNTUgLTg0LC04MyAtMTAsLTExIC0xMCwtMjggMCwtMzkgNzIsLTcxIDE0MywtMTQyIDIxNCwtMjEzIC03MSwtNzEgLTE0MiwtMTQyIC0yMTQsLTIxMyAtMTAsLTEwIC0xMCwtMjggMCwtMzh6Ij48L3BhdGg+PC9nPjwvc3ZnPg==);
  background-size: 8px auto;
}

.btn-toggler {
  background-color: rgba(0, 0, 0, 0.5);
}

.paid-off .btn-toggler {
  background-color: #fff;
  color: #999;
}

.btn-toggler, .btn-toggler:after {
  border-radius: 23px !important;
}

.togglebutton-min {
  position: relative;
  padding-right: 42px;
  margin-left: 8px;
}

.togglebutton-min label {
  font-weight: bold;
  color: #fff;
  display: inline-block;
  text-transform: none;
  font-size: 13px;
  margin-bottom: 0;
}

.paid-off .togglebutton-min label {
  color: #999;
}

.togglebutton-min:after, .togglebutton-min:before {
  position: absolute;
  content: "";
  background: #fff;
}

.togglebutton-min:before {
  width: 30px;
  height: 3px;
  right: 3px;
  top: calc(50% - 2px);
  border-radius: 2px;
}

.paid-off .togglebutton-min:before {
  background: #999;
}

.togglebutton-min:after {
  border-radius: 8px;
  width: 11px;
  height: 11px;
  top: calc(50% - 6px);
  right: 0;
  border: 2px solid #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.paid-off .togglebutton-min:after {
  border: 2px solid #999;
  background-color: #fff;
  right: 26px;
}

/* bootstrap features carousel start */
.zc-carousel .carousel-indicators {
  position: relative;
  left: auto;
  width: auto;
  margin-left: 0;
  bottom: auto;
}

.carousel.zc-carousel .carousel-indicators:not(.carousel-indicators-inline) .active {
  width: 25%;
  height: auto;
  transform: scale(1);
  margin: 0;
  box-shadow: none;
}

.carousel-control.left, .carousel-control.right {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px auto;
  opacity: 0.2;
  cursor: pointer;
}

.carousel-control.left:hover, .carousel-control.right:hover {
  opacity: 1;
}

.carousel .carousel-control.right {
  background-image: url("../../v3/img/icons/carousel-next.svg") !important;
}

.carousel .carousel-control.left {
  background-image: url("../../v3/img/icons/carousel-prev.svg") !important;
}

.item img {
  max-width: 100%;
}

.carousel .card {
  margin: 10px 0;
}

.carousel.zc-carousel .carousel-indicators.carousel-indicators-inline .active {
  width: 50px;
  height: 50px;
  display: inline-block;
  transform: scale(1);
}

.carousel-indicators-inline div {
  display: inline-block;
}

.carousel-indicators-inline > div a {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 14px;
}

a.product-title-icon-small img, .carousel.zc-carousel .carousel-indicators.carousel-indicators-inline .active a.product-title-icon-small img {
  width: 32px;
  height: 32px;
}

.carousel-controls-small div {
  display: inline-block;
}

.carousel-controls-small div a {
  opacity: 0.3;
}

.carousel-controls-small div a:hover {
  opacity: 0.7;
}

.carousel-controls-small div.active a {
  opacity: 1;
}

@media only screen and (max-width: 992px) {
  .carousel.zc-carousel .carousel-indicators:not(.carousel-indicators-inline) .active {
    width: 100%;
  }
}
.visual-features .carousel-indicators .card p {
  min-height: 90px;
}

.row-raised {
  padding: 30px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.background-light {
  background-color: #f3f3f3;
}

@media (max-width: 1200px) {
  .carousel-control {
    width: 50px;
  }
}
/* bootstrap features carousel end */
.img-icon {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  border: 2px solid rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 50px;
  margin: -25px 0 0 -25px;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 16px;
}

.img-icon-gif:after {
  content: "GIF";
}

.img-icon-dashed {
  border-style: dashed;
}

.demo-report-embed {
  position: absolute;
  top: 45px;
  left: 1px;
  width: calc(100vw - 59px);
  height: calc(100vh - 86px);
}

.navbar-minimize .navbar-form {
  padding-left: 5px;
  margin: -6px 0 0 2px;
  padding-right: 5px;
}

.sidebar-mini .visible-on-sidebar-regular {
  display: none !important;
}

.sidebar-mini .visible-on-sidebar-mini {
  display: inline-block !important;
}

.card-blog {
  margin-top: 0;
  margin-bottom: 30px;
}

.card-blog .card-content {
  margin-top: -40px;
}

.badge {
  padding: 4px 7px 4px 7px;
  margin: 0 2px;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
}

h4.no-margin .badge {
  margin-top: -18px;
  transform: scale(0.9);
}

.badge-red {
  background: red;
}

.badge-green {
  background: #2BBE00;
}

.badge-pbi {
  text-transform: uppercase;
  padding: 5px 10px;
}

.sidebar a .badge {
  position: absolute;
  top: 2px;
  left: 2px;
  color: #666;
  background: #FFF;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.sidebar a:hover .badge {
  color: #fff;
  background: red;
}

.sidebar-mini .sidebar .sidebar-normal, .sidebar-mini .sidebar .chart-family {
  display: none;
}

.sidebar-mini .sidebar:hover .sidebar-normal, .sidebar-mini .sidebar:hover .chart-family {
  opacity: 1 !important;
}

iframe.jsfiddle {
  width: 100%;
  height: 100%;
  border: none;
}

.main-panel > .footer {
  border-top: none;
}

.navbar .navbar-nav > li > a {
  font-size: 13px;
}

.banner {
  border-radius: 4px;
  display: inline-block;
}

.banner-content {
  padding: 20px 32px;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
}

.banner-yellow {
  background-color: #F2C811;
}

.scrolled .navbar .navbar-nav > li > a {
  padding-top: 9px;
  padding-bottom: 9px;
}

.scrolled .navbar .dropdown-toggle {
  margin: 0 2px;
  padding: 9px 12px;
}

.scrolled .navbar .btn:not(.btn-fab) {
  padding-top: 8px;
  margin-top: 0;
  padding-bottom: 8px;
  margin-bottom: 0;
  text-align: center;
}

.scrolled .navbar .btn-fab {
  margin: 0 2px;
}

.DVSL-flat, .DVSL-flat a {
  color: #000 !important;
}

.scrolled .navbar .navbar-nav > li > a:not(.btn), .ecommerce-page .navbar .navbar-nav > li > a:not(.btn), .navbar-color-on-scroll.navbar:not(.navbar-transparent) .navbar-nav > li > a:not(.btn), .presentation-page .navbar .navbar-nav > li > a:not(.btn) {
  color: #FFF;
}

.scrolled .navbar.navbar-transparent {
  padding-top: 5px;
  padding-bottom: 4px;
  background: rgba(222, 222, 222, 0.9);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.scrolled.presentation-page .navbar.navbar-transparent {
  background: rgba(0, 0, 0, 0.9);
}

.spacer-small {
  min-height: 35px;
  height: 35px;
  line-height: 35px;
}

.section-dark .info .info-title, .section-black .info .info-title {
  color: #fff;
}

.features-3 p {
  font-weight: 400;
  color: #ccc;
}

.section-dark a:not(.btn, .DVSL-bar-dropdown li a), .section-black a:not(.btn, .DVSL-bar-dropdown li a) {
  color: #fff;
}

.dropdown-menu > li > a:hover {
  color: #fff !important;
}

.dropdown-toggle.btn-just-icon:after {
  display: none;
}

pre.legal {
  padding: 8px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  word-wrap: normal;
}

.accepted-cards img {
  width: auto;
  padding: 0 1px;
}

.accepted-cards small {
  display: inline-block;
  padding: 0 3px;
}

.navbar {
  background-color: transparent;
  padding: 5px 0 2px 0;
  box-shadow: none;
}

.scrolled .navbar {
  background-color: rgba(0, 0, 0, 0.9);
  box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
  padding: 4px 0 0 0;
  top: 0;
}

.card-pricing .icon.icon-sm i, .icon.icon-border.icon-sm i {
  font-size: 35px;
  width: 80px;
  line-height: 80px;
  height: 80px;
}

.card-pricing .icon.icon-m i, .icon.icon-border.icon-m i {
  font-size: 45px;
  width: 110px;
  line-height: 110px;
  height: 110px;
}

.icon.icon-border i {
  border: 1px solid #E5E5E5;
  border-radius: 50%;
}

.icon.icon-border-dark i {
  border: 1px solid #ccc;
  border-radius: 50%;
}

.dotted {
  border-bottom: 1px dashed #999;
  text-decoration: none;
  cursor: pointer;
}

.dotted:hover {
  border-bottom: 1px solid #999;
}

.text-red .dotted {
  border-bottom: 1px dashed #f00;
}

.text-red .dotted:hover {
  border-bottom: 1px solid #f00;
}

.ntb {
  display: none;
}

.rtb a {
  font-size: 11px;
  display: inline-block;
  padding: 0 9px;
  border-radius: 9px;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  margin-right: 2px;
  margin-bottom: 2px;
}

.rtb a:hover {
  background: rgba(0, 0, 0, 0.6);
}

.negative-margin-top {
  margin-top: -100px;
  z-index: 2;
  position: relative;
}

.negative-margin-top-s {
  margin-top: -30px;
}

/*
.blog-post .card-content p:nth-child(2) {
  font-weight:bold;
  padding-top:30px;
  font-size:1.2em;
}
*/
.blog-post h2 {
  margin-top: 50px;
  font-weight: bold !important;
  font-size: 2.2em;
}

.social {
  margin-right: 30px;
}

.social div.button {
  display: inline-block;
}

.blur-container, .bg-container {
  position: relative;
}

.blur-bg, .bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.fixed-bg {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.blur-img, .blur-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  transform: scale(1.1);
}

.blur-video {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  transform: scale(1);
}

.blur-img:after, .blur-video:after, .bg:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  content: "";
}

.blur-img.blur-light:after, .blur-video.blur-light:after, .bg.blur-light:after {
  background: rgba(255, 255, 255, 0.3);
}

.blur-video:after {
  background: rgba(0, 0, 0, 0.5);
}

.blur-img-no-shade:after {
  animation: 1s ease-out 0s 1 bg;
  opacity: 0;
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  -o-filter: blur(0);
  -ms-filter: blur(0);
  filter: blur(0);
  transform: scale(1);
}

@keyframes bg {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.blur-video iframe {
  box-sizing: border-box;
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  width: 177.77777778vh;
}

.modal-content {
  padding: 20px;
}

.modal-footer {
  text-align: left;
}

#modal-marketing .form-group {
  margin-top: 0;
}

.checklist li {
  padding: 2px 0;
}

.checklist label {
  display: inline-block;
  padding-left: 8px;
}

.checklist input {
  float: left;
}

.checklist li.checklist-other {
  padding-left: 22px;
}

.chart-list-fc .charts-type-tc,
.chart-list-fc .charts-type-pc,
.chart-list-fc .charts-type-gc,
.chart-list-fc .charts-type-nc,
.chart-list-fc .charts-tc,
.chart-list-fc .charts-pc,
.chart-list-fc .charts-gc,
.chart-list-fc .charts-nc {
  display: none;
}

.chart-list-fc .charts-type-fc, .chart-list-fc .charts-fc {
  display: block;
}

.chart-list-pc .charts-type-tc,
.chart-list-pc .charts-type-fc,
.chart-list-pc .charts-type-gc,
.chart-list-pc .charts-type-nc,
.chart-list-pc .charts-tc,
.chart-list-pc .charts-fc,
.chart-list-pc .charts-gc,
.chart-list-pc .charts-nc {
  display: none;
}

.chart-list-pc .charts-type-pc, .chart-list-pc .charts-pc {
  display: block;
}

.chart-list-tc .charts-type-pc,
.chart-list-tc .charts-type-fc,
.chart-list-tc .charts-type-gc,
.chart-list-tc .charts-type-nc,
.chart-list-tc .charts-pc,
.chart-list-tc .charts-fc,
.chart-list-tc .charts-gc,
.chart-list-tc .charts-nc {
  display: none;
}

.chart-list-tc .charts-type-tc, .chart-list-tc .charts-tc {
  display: block;
}

.chart-list-gc .charts-type-pc,
.chart-list-gc .charts-type-fc,
.chart-list-gc .charts-type-tc,
.chart-list-gc .charts-type-nc,
.chart-list-gc .charts-pc,
.chart-list-gc .charts-fc,
.chart-list-gc .charts-tc,
.chart-list-gc .charts-nc {
  display: none;
}

.chart-list-gc .charts-type-gc, .chart-list-gc .charts-gc {
  display: block;
}

.chart-list-nc .charts-type-pc,
.chart-list-nc .charts-type-fc,
.chart-list-nc .charts-type-tc,
.chart-list-nc .charts-type-gc,
.chart-list-nc .charts-pc,
.chart-list-nc .charts-fc,
.chart-list-nc .charts-tc,
.chart-list-nc .charts-gc {
  display: none;
}

.chart-list-nc .charts-type-nc, .chart-list-nc .charts-nc {
  display: block;
}

@media screen and (max-height: 740px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .display-1, .display-2, .display-3, .display-4 {
    line-height: 120%;
  }
  h1, .h1, .presentation-page .brand h1 {
    font-size: 2.2em;
  }
  h2, .h2 {
    font-size: 2em;
  }
}
@media screen and (max-height: 620px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .display-1, .display-2, .display-3, .display-4 {
    line-height: 120% !important;
  }
  h1, .h1, .presentation-page .brand h1 {
    font-size: 2em !important;
  }
  h2, .h2 {
    font-size: 1.6em !important;
  }
}
@media screen and (max-height: 560px) {
  .h100, .h90, .h80, .h70, .h60, .h50 {
    height: auto !important;
    min-height: auto !important;
    max-height: auto !important;
  }
  h1, .h1, .presentation-page .brand h1 {
    font-size: 1.9em !important;
  }
  h2, .h2 {
    font-size: 1.5em !important;
  }
  .first-fold {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .index-1st-fold {
    padding-top: 70px !important;
    padding-bottom: 50px !important;
  }
  .spacer {
    margin: 50px;
  }
  .spacer-top {
    margin-top: 70px;
  }
  .spacer-top-l {
    margin-top: 80px;
  }
  .spacer-bottom {
    margin-bottom: 50px;
  }
  .spacer-bottom-l {
    margin-bottom: 80px;
  }
  .spacer-bottom-xl {
    margin-bottom: 100px;
  }
  .spacer-bottom-xxl {
    margin-bottom: 150px;
  }
  .spacer-bottom-xxxl {
    margin-bottom: 200px;
  }
  .spacer-top-s {
    margin-top: 20px;
  }
  .spacer-bottom-s {
    margin-bottom: 20px;
  }
  .spacer-bottom-xs {
    margin-bottom: 15px;
  }
  .spacer-bottom-xxs {
    margin-bottom: 10px;
  }
  .padder-bottom-xxs {
    padding-bottom: 10px;
  }
  .spacer-top-xs {
    margin-top: 10px;
  }
  .spacer-top-xxs {
    margin-top: 6px;
  }
  .spacer-left-xs {
    margin-left: 10px;
  }
  .spacer-bottom-xs {
    margin-bottom: 10px;
  }
  .large-section {
    padding: 50px 0;
  }
  .section {
    padding: 40px 0;
  }
  .small-section {
    padding: 10px 0;
  }
}
@media screen and (max-height: 440px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .display-1, .display-2, .display-3, .display-4 {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .display-1, .display-2, .display-3, .display-4 {
    line-height: 100% !important;
  }
  h1, .h1, .presentation-page .brand h1 {
    font-size: 1.8em !important;
  }
  h2, .h2 {
    font-size: 1.4em !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 900px) {
  .masonry-card.masonry-fixed {
    padding: 0 5px;
    width: 50%;
  }
  .masonry-card .card-content {
    padding: 10px 15px;
  }
  .masonry-card .card-content a.btn {
    margin: 0 0 3px 0;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  .masonry-card.masonry-fixed {
    padding: 0 6px;
    width: 33.3333%;
  }
  .masonry-card .card-content {
    padding: 10px 18px;
  }
  .masonry-card .card-content a.btn {
    margin: 0 0 5px 0;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
  .masonry-card.masonry-fixed {
    padding: 0 6px;
    width: 25%;
  }
  .masonry-card .card-content {
    padding: 10px 18px;
  }
  .masonry-card .card-content a.btn {
    margin: 0 0 5px 0;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
  .masonry-card.masonry-fixed {
    width: 25%;
    padding: 0 10px;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1640px) {
  .masonry-card.masonry-fixed {
    width: 25%;
    padding: 0 15px;
  }
}
@media screen and (min-width: 1641px) {
  .masonry-card.masonry-fixed {
    width: 20%;
    padding: 0 15px;
  }
}
.input-group .input-group-addon {
  padding: 17px 10px 0 10px;
}

/* pricing page rules start */
.purchase-list li {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 18px 0;
  clear: both;
}

.purchase-list li:first-child {
  border-top: none;
}

.purchase-list h5 {
  margin: 0 0 20px 0;
}

.purchase-list .card-title {
  margin: -3px 20px 0 0;
}

.purchase-list .btn {
  margin-top: -4px;
  text-align: center;
  width: 150px;
  padding-left: 0;
  padding-right: 0;
}

/* pricing page rules end */
.card-pricing ul li, .section-dark .card-pricing.card-raised ul li, .card-pricing ul li, .section-black .card-pricing.card-raised ul li {
  color: #333;
  font-weight: 400;
  padding: 3px 0 12px 0;
}

.section-dark .card-pricing ul li, .section-black .card-pricing ul li {
  color: #ccc;
}

.bg-before:before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}

.bg-light-before:before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 6px;
}

.no-after:after {
  display: none;
}

.highlight-shadow-txt {
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.highlight {
  color: #fff;
  background-color: green;
  font-size: 11px;
  padding: 2px 4px;
}

.txt-black {
  color: #000 !important;
}

.info p {
  color: #666;
}

.section-dark .info p, .section-black .info p {
  color: #ccc;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.no-margin {
  margin: 0 !important;
}

.no-header #navigation-index, .no-header .navbar-toggle, .no-header .top.inner {
  display: none !important;
}

.no-footer-links .zc-footer-links, .no-footer-links .zc-footer {
  display: none !important;
}

.no-footer footer.footer {
  display: none !important;
}

.navbar .dropdown-menu, .navbar.navbar-default .dropdown-menu {
  position: fixed;
  top: -1px;
  left: 0;
  right: 0;
  z-index: -1;
  padding: 110px 0 40px 0;
  border-radius: 0 !important;
  max-height: 100vh;
  overflow-y: auto;
}

.scrolled .navbar .dropdown-menu, .scrolled .navbar.navbar-default .dropdown-menu {
  top: 43px;
  padding-top: 66px;
}

.nav-pills:not(.nav-pills-icons) > li > a {
  border-radius: 0;
  position: relative;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  text-transform: uppercase;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
}

.nav-pills:not(.nav-pills-icons) > li > a.active {
  border-bottom: 3px solid red;
  color: #000;
}

.nav-pills:not(.nav-pills-icons) > li > a.active {
  color: #000;
}

.dropdown-menu {
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1);
}

.presentation-page .dropdown-menu, .ecommerce-page .dropdown-menu {
  background-color: rgb(28, 26, 28);
}

.presentation-page.scrolled .dropdown-menu, .ecommerce-page.scrolled .dropdown-menu {
  background-color: rgba(0, 0, 0, 0.9);
}

.dropdown-menu li > a {
  border-radius: 0;
}

.presentation-page .dropdown-menu .dropdown-item, .presentation-page .dropdown-menu li > a,
.ecommerce-page .dropdown-menu .dropdown-item, .ecommerce-page .dropdown-menu li > a {
  color: #f3f3f3;
}

.presentation-page .dropdown-menu h1,
.presentation-page .dropdown-menu h2,
.presentation-page .dropdown-menu h3,
.presentation-page .dropdown-menu h4,
.presentation-page .dropdown-menu h5,
.presentation-page .dropdown-menu h6,
.ecommerce-page .dropdown-menu h1,
.ecommerce-page .dropdown-menu h2,
.ecommerce-page .dropdown-menu h3,
.ecommerce-page .dropdown-menu h4,
.ecommerce-page .dropdown-menu h5,
.ecommerce-page .dropdown-menu h6,
.presentation-page .dropdown-menu .h1,
.presentation-page .dropdown-menu .h2,
.presentation-page .dropdown-menu .h3,
.presentation-page .dropdown-menu .h4,
.presentation-page .dropdown-menu .h5,
.presentation-page .dropdown-menu .h6,
.ecommerce-page .dropdown-menu .h1,
.ecommerce-page .dropdown-menu .h2,
.ecommerce-page .dropdown-menu .h3,
.ecommerce-page .dropdown-menu .h4,
.ecommerce-page .dropdown-menu .h5,
.ecommerce-page .dropdown-menu .h6 {
  color: #fff;
}

.center-logo .navbar-hader {
  float: none;
}

.center-logo #zoomcharts-logo {
  left: calc(50% - 95px);
}

.zc-progress-steps li {
  display: inline-block;
  text-transform: uppercase;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 12px;
  padding: 0 30px 0 20px;
  opacity: 0.3;
  background-image: url(../../v3/img/icons/arrow-next.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 10px auto;
}

.zc-progress-steps li:last-child {
  background-image: none;
}

.zc-progress-steps li:first-child {
  padding-left: 0;
}

.zc-progress-steps li.progress-active {
  opacity: 1;
}

.zc-progress-steps li.progress-done {
  opacity: 0.6;
}

/* svg icons hover start */
svg:hover .svg-green {
  fill: green !important;
}

svg:hover .svg-blue {
  fill: blue !important;
}

svg:hover .svg-brown {
  fill: brown !important;
}

/* svg icons hover end */
.zc-copyright {
  font-size: 12px;
}

#charts-nav nav {
  display: none;
}

.icon-image {
  font-size: 55px;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  background-repeat: no-repeat;
  display: inline-block;
}

.iframe-full {
  width: 100%;
  border: none;
}

.card .client-avatar {
  padding: 20px;
  background-color: #fff;
}

.card-label {
  position: absolute;
  top: -10px;
  left: 10px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  padding: 0 8px 1px 8px;
  border-radius: 33px;
  z-index: 2;
  text-transform: uppercase;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card-label-red {
  background: red;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 0, 0, 0.4);
}

.card-label-warning {
  background-color: #ff9800;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.card-label-info {
  background-color: #00bcd4;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

.card-label-danger {
  background-color: #f44336;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(244, 67, 54, 0.46);
}

.card-label-success {
  background-color: #4caf50;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}

.card-label-primary {
  background-color: #9c27b0;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}

.card-label-rose {
  background-color: #e91e63;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}

.card-border, .card-border:not(.card-raised) {
  box-shadow: none;
  background-color: transparent;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.card-invisible, .card-invisible:not(.card-raised) {
  box-shadow: none;
  background-color: transparent;
  border: none;
}

.card-pbi {
  background-color: #f2c811 !important;
}

.card-grey {
  background-color: #D6D6D6 !important;
}

.card-gift .card-content:after, .card-gift .card-content:before {
  content: "";
  position: absolute;
}

.card-gift .card-content:before {
  width: 153px;
  height: 154px;
  top: -2px;
  left: -2px;
  background-image: url(../../v3/img/card-gift-1.png);
}

.card-gift .card-content:after {
  width: 140px;
  height: 140px;
  right: -2px;
  bottom: -2px;
  background-image: url(../../v3/img/card-gift-2.png);
}

.card-gift .card-content {
  padding: 30px 110px !important;
  min-height: 150px;
}

.dark-section .card-border {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.btn:not(.btn-just-icon) .material-icons {
  top: -2px;
  margin-right: 6px;
}

.relative {
  position: relative;
}

.fluid-img {
  width: 100%;
}

.cover {
  min-height: 500px;
  max-height: 90vh;
  background-size: cover;
  background-position: center;
}

/*.card:hover img.hidden {
  display:block !important;
}*/
.zc-license u {
  text-decoration: none;
}

.zc-license em {
  font-style: normal;
  display: block;
  font-size: 12px;
  padding-top: 6px;
}

.absolute {
  position: absolute;
}

.rounded {
  border-radius: 6px;
}

.chart-search {
  position: relative;
}

.chart-search .btn {
  position: absolute;
  right: 0;
  top: 15px;
}

#filters .form-search {
  width: 180px;
  display: inline-block;
  margin: 10px 0 0 5px;
}

.search-keywords {
  padding-top: 18px;
  float: right;
}

.search-keywords .label {
  display: inline-block;
}

.removeKeyword {
  color: #fff;
  display: inline-block;
  padding-left: 5px;
}

.loading-overlay {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
}

.loading-spinner {
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.showbox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
}

.loading-spinner .loader {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
}

.loader:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-folding-cube.in-container {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(47, 195, 47);
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2:before {
  background-color: rgb(176, 220, 11);
}

.sk-folding-cube .sk-cube3:before {
  background-color: rgb(234, 180, 4);
}

.sk-folding-cube .sk-cube4:before {
  background-color: rgb(222, 103, 44);
}

.sk-folding-cube.grayscale .sk-cube:before {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(0.9) rotateZ(90deg);
  transform: scale(0.9) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(0.9) rotateZ(180deg);
  transform: scale(0.9) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(0.9) rotateZ(270deg);
  transform: scale(0.9) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%, 0% {
    stroke: #00bcd4;
  }
  40% {
    stroke: #f44336;
  }
  66% {
    stroke: #4caf50;
  }
  80%, 90% {
    stroke: #ff9800;
  }
}
@keyframes color {
  100%, 0% {
    stroke: #00bcd4;
  }
  40% {
    stroke: #f44336;
  }
  66% {
    stroke: #4caf50;
  }
  80%, 90% {
    stroke: #ff9800;
  }
}
.leaflet-control-zoom {
  display: none;
}

.fluid-grid {
  padding: 10px;
  vertical-align: top;
}

.fluid-card {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  width: calc(16.666% - 3px);
}

.chart-type-cards .fluid-card {
  opacity: 0;
  transform: scale(0);
  height: 0;
  font-size: 0 !important;
  float: left;
  display: inline-block !important;
  padding: 0;
}

.chart-type-cards .fluid-card.active {
  opacity: 1;
  transform: scale(1);
  height: auto;
  float: none;
  font-size: 14px !important;
  -webkit-transition: opacity 0.5s ease, scale 0.5s ease;
  -moz-transition: opacity 0.5s ease, scale 0.5s ease;
  -o-transition: opacity 0.5s ease, scale 0.5s ease;
  -ms-transition: opacity 0.5s ease, scale 0.5s ease;
  transition: opacity 0.5s ease, scale 0.5s ease;
  display: inline-block !important;
  padding: 5px;
}

.faqs p, p.w400, .w400 {
  font-weight: 400;
}

.selectpicker-with-badge {
  position: relative;
  height: 60px;
}

.selectpicker-badge {
  position: absolute;
  left: -6px;
  top: 3px;
  z-index: 9;
}

.margin-negative-s-h {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

@media screen and (max-width: 1900px) {
  .fluid-card, .chart-type-cards .fluid-card.active {
    width: calc(20% - 3px);
    padding: 10px;
  }
}
@media screen and (max-width: 1530px) {
  .fluid-card, .chart-type-cards .fluid-card.active {
    width: calc(20% - 3px);
    padding: 6px;
  }
  .fluid-card .card-content {
    padding: 6px 15px;
  }
  .fluid-card p {
    margin: 0;
  }
}
@media screen and (max-width: 1280px) {
  .fluid-card, .chart-type-cards .fluid-card.active {
    width: calc(25% - 3px);
  }
}
@media screen and (max-width: 1090px) {
  .fluid-card, .chart-type-cards .fluid-card.active {
    width: calc(33.3333% - 3px);
  }
}
@media screen and (max-width: 660px) {
  .fluid-card, .chart-type-cards .fluid-card.active {
    width: calc(50% - 2px);
  }
}
@media screen and (max-width: 590px) {
  .fluid-card, .chart-type-cards .fluid-card.active {
    padding: 2px;
  }
}
@media screen and (max-width: 443px) {
  .fluid-card, .chart-type-cards .fluid-card.active {
    width: 100%;
  }
}
.checkbox-group {
  border-radius: 3px;
}

.checkbox-group .btn-simple.active {
  background: #fff;
  color: #333;
}

.checkbox-group .btn-simple {
  outline: none;
}

.checkbox-group .btn-simple:hover {
  background: rgba(255, 255, 255, 0.5);
  color: #666;
}

.pricing-plan-selection {
  margin: 40px 0 20px 0;
  padding: 10px 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
}

.pricing-plan-selection .block {
  cursor: pointer;
  padding: 30px 10px;
  opacity: 0.8;
}

.pricing-plan-selection .block .badge, .badge.float-top {
  position: absolute;
  top: -10px;
  left: calc(50% - 37px);
}

.pricing-plan-selection .block.selected, .pricing-plan-selection .block:hover {
  background-color: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  /*padding: 10px 7px;
  margin: -20px 0px -20px 0px!important;
  opacity:1;*/
}

.short-input {
  display: inline-block;
  width: 60px;
}

.togglebutton label {
  color: #333;
}

.togglebutton.toggle-pbi label input[type=checkbox]:checked + .toggle {
  background-color: #2BBE00;
}

.togglebutton.toggle-pbi label input[type=checkbox]:checked + .toggle:after {
  border-color: #2BBE00;
}

.no-pointer {
  pointer-events: none;
}

.fixed-subnav {
  left: 0;
  top: 67px;
  right: 0;
  position: fixed;
  z-index: 9;
  padding: 10px;
}

.scrolled .fixed-subnav {
  background: #fff;
  box-shadow: 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  top: 46px;
  padding: 5px 10px;
}

.fixed-subnav .form-group {
  padding-bottom: 0;
  margin-top: 0;
}

.fixed-subnav .navbar-form {
  margin: 0;
}

.fixed-subnav .btn-group {
  margin: 0;
}

.chart-search .form-group .form-control {
  margin-bottom: 0;
}

.form-group label.control-label {
  color: #666;
}

.scrollbox {
  overflow: auto;
  margin: 50px auto;
  background: linear-gradient(#E5E5E5 30%, rgba(222, 222, 222, 0)), linear-gradient(rgba(222, 222, 222, 0), #E5E5E5 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(#E5E5E5 30%, rgba(222, 222, 222, 0)), linear-gradient(rgba(222, 222, 222, 0), #E5E5E5 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}

.no-chat .zsiq_floatmain {
  display: none !important;
}

.section-dark .pbi-purchase-card .form-control {
  color: #333;
}

#charts-nav nav {
  display: none;
  background: #fff;
  margin: 0;
  border-radius: 3px;
  position: relative;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  margin: 0 12px 10px 14px;
}

#charts-nav nav.active {
  display: block;
}

#charts-nav nav:after {
  content: "";
  position: absolute;
  top: -7px;
  left: 9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 7px 6px;
  border-color: transparent transparent #fff transparent;
}

.sidebar-mini .sidebar #charts-nav nav {
  display: none !important;
}

.banner {
  max-width: 100%;
}

.sidebar-mini .sidebar:hover #charts-nav nav {
  display: block !important;
}

.clients-strip {
  height: 100px;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.clients-strip li {
  height: 70px;
  width: 70px;
  display: inline-block;
  margin: 30px;
  padding: 10px;
}

#charts-nav nav a {
  padding: 3px 8px;
  display: block;
  font-size: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#charts-nav nav a:last-child {
  border-bottom: none;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

#charts-nav nav a:first-child {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.sidebar .nav ul li a, .sidebar-mini .sidebar:hover .nav ul li a, .sidebar-mini .sidebar:hover .nav ul li a, .sidebar-mini .sidebar:hover .nav ul ul li {
  line-height: 26px;
  font-size: 13px;
  font-weight: 400;
  background-color: rgba(0, 0, 0, 0.03);
}

.sidebar .nav li a:hover, #charts-nav nav a.active {
  color: #000;
  background: #fff;
  box-shadow: 0 2px 25px 0px rgba(0, 0, 0, 0.3), 0 1px 10px -5px rgba(0, 0, 0, 0.3);
}

#charts-nav nav a.active {
  background: #2196f3;
  color: #fff;
}

.sidebar-mini .sidebar, .sidebar-mini .sidebar .sidebar-wrapper {
  width: 55px !important;
  box-shadow: none;
  background-color: transparent !important;
}

.sidebar-mini .sidebar:hover, .sidebar-mini .sidebar:hover .sidebar-wrapper {
  width: 260px !important;
  background-color: #fff !important;
}

.sidebar-mini .sidebar:hover {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  background-color: #fff !important;
}

.sidebar-mini .main-panel {
  width: calc(100% - 40px);
}

#minimizeSidebar {
  margin: -8px 0 -8px -10px;
}

.sidebar .nav {
  margin-bottom: 30px;
  margin-top: 0;
}

body.has-sidebar > .footer {
  padding-left: 260px;
  background: none;
}

body.has-sidebar.sidebar-mini > .footer {
  padding-left: 50px;
}

.fixed-subnav label.btn {
  padding: 12px 14px 12px 10px;
}

.grouped-list > li {
  padding: 12px 0;
}

.grouped-list > li:last-child {
  border-bottom: none;
}

.nav-pills-simple > li.active > a, .nav-pills-simple > li.active > a:focus, .nav-pills-simple > li.active > a:hover {
  background-color: #eee;
  color: #999;
  box-shadow: none;
}

.data-iframe {
  overflow: auto;
  position: absolute;
  top: 10px;
  right: 0;
  left: 10px;
  bottom: 10px;
  height: calc(100% - 20px) !important;
  width: calc(100% - 10px) !important;
}

@media screen and (max-width: 1024px) {
  h1, .h1 {
    font-size: 3.2em;
  }
}
.zc-stars {
  display: block;
  padding: 5px 0;
}

.zc-star {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAABHNCSVQICAgIfAhkiAAAATFJREFUKJGV0DEvQ1EUB/D//1JS7Xt9vkBFIkQ0DJZnE9GPYBSJ0YBZLAa7xAewGG1iIkZ9GFhYunWz6HNfLMT9G2jTynut3unmnPO7554DZBx7623EkR/rAUFWjUkLSjDO8YBAyX74OwPht6i4RmLi96Fd3SD/bwxwv30DgsR4W6lVSa0462gWRZWNUHbADMHlrjGAGNAVhQbIBqmGN5RcM675ryTGs+bKPu7I0GAd0OdgUE8c5iEBII4KVcJcAMz1ZcAjxuxKMI8mW8E4KlQpcw5ytIe892lXGcICHdsOwvdLgc99Gp+2YBeWYEjN9fzyn3wbJ3feFMCRXphCJRXTqSOhFwjbAKYFnUD6+unMhVTsYPISmoL2fJdMlpbscSm09SBMNplDRdAZBKmO9kK/AbKfb2mIt/FcAAAAAElFTkSuQmCC");
  text-indent: -9999px;
  font-size: 0;
  width: 14px;
  height: 14px;
  background-size: 14px auto;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: 3px;
}

.testimonial-content {
  position: absolute;
  bottom: 100px;
  left: 70px;
  right: 70px;
  color: #000;
}

.bottom-left-gradient-white:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  background: -moz-linear-gradient(45deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
  background: -webkit-linear-gradient(45deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
  background: linear-gradient(45deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 );
}

.bottom-left-gradient-black:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  background: -moz-linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
  background: -webkit-linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 );
}

.modal .alert {
  border-radius: 5px;
}

.modal.alert-modal .modal-dialog {
  margin-top: 20px;
  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.5);
}

.modal.alert-modal {
  z-index: 100000;
}

.modal-full .modal-dialog {
  width: 90%;
}

.modal-full .modal-content {
  height: 80vh;
}

.modal-full .modal-content .modal-body {
  height: 100%;
}

.modal-full iframe {
  width: 100%;
  height: 100%;
}

.navbar-nav .btn-simple {
  color: #000;
}

.btn.btn-fab.btn-fab-small, .navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-small {
  height: 46px;
  min-width: 46px;
  width: 46px;
  top: -3px;
}

.fold-demo-container {
  height: 100vh;
  padding: 80px 0 0 0;
}

.index-1st-fold {
  overflow: hidden;
  position: relative;
}

.first-fold {
  margin-top: -70px;
  margin-bottom: 70px;
}

.fold-demo {
  height: 100%;
  margin-right: 20px;
  position: relative;
}

.fold-demo:after {
  content: "";
  box-shadow: 10px 0 30px #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-border-top-right-radius: 55px;
  -moz-border-radius-topright: 55px;
  border-top-right-radius: 55px;
  pointer-events: none;
}

.fold-demo.fold-demo-surface:after {
  -webkit-border-top-right-radius: 36px;
  -moz-border-radius-topright: 36px;
  border-top-right-radius: 36px;
}

.ipad-corner, .ipad-right, .ipad-top, .ipad-camera, .surface-corner, .surface-top, .surface-camera, .surface-right {
  position: absolute;
}

.ipad-corner {
  top: 0;
  right: 0;
  width: 46px;
  height: 87px;
  background-image: url(../../v3/img/index-ipad/ipad-corner.png);
}

.ipad-top {
  top: 0;
  right: 46px;
  left: 0;
  height: 87px;
  background-image: url(../../v3/img/index-ipad/ipad-top.png);
  background-size: 100% 87px;
}

.ipad-right {
  top: 87px;
  right: 0;
  bottom: 0;
  width: 33px;
  background-image: url(../../v3/img/index-ipad/ipad-right.png);
  background-repeat: repeat-y;
}

.ipad-camera {
  top: 34px;
  left: 50%;
  margin-left: -20px;
  width: 19px;
  height: 19px;
  background-image: url(../../v3/img/index-ipad/ipad-camera.png);
}

.surface-corner {
  top: 0;
  right: 0;
  width: 59px;
  height: 56px;
  background-image: url(../../v3/img/pbi-index-surface/surface-corner.png);
}

.surface-top {
  top: 0;
  right: 59px;
  left: 0;
  height: 56px;
  background-image: url(../../v3/img/pbi-index-surface/surface-top.png);
  background-repeat: repeat-x;
  background-position: top right;
}

.surface-right {
  top: 56px;
  right: 0;
  bottom: 100px;
  width: 46px;
  background-image: url(../../v3/img/pbi-index-surface/surface-right.png);
  background-repeat: repeat-y;
}

.surface-camera {
  top: 21px;
  left: 20%;
  width: 72px;
  height: 21px;
  background-image: url(../../v3/img/pbi-index-surface/surface-camera.png);
}

.surface-bottom {
  position: absolute;
  bottom: 0;
  right: -35px;
  left: 0;
  height: 115px;
  background-image: url(../../v3/img/pbi-index-surface/surface-bottom.png);
  background-position: right 0 top;
  z-index: 3;
  background-repeat: no-repeat;
}

.fold-demo-content {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 87px;
  right: 33px;
}

.fold-demo-surface .fold-demo-content {
  top: 56px;
  right: 46px;
  background-color: #eaeaea;
  vertical-align: center;
  bottom: 115px;
}

.fold-demo-content .chart-container {
  position: absolute;
  height: 50%;
  width: 50%;
}

.panel.panel-default {
  /* border:1px solid rgba(0,0,0,.1); */
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
}

.panel .panel-heading {
  padding: 0;
  border-bottom: none;
}

.panel .panel-heading a {
  display: block;
  padding: 14px 40px 14px 20px;
  position: relative;
}

.panel .panel-heading a:after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  background-image: url(../../v3/img/icons/tree-down.svg);
  position: absolute;
  right: 20px;
  /* top:24px;*/
  top: 15px;
  width: 14px;
  height: 14px;
  opacity: 0.3;
}

.panel .panel-heading a[aria-expanded=true]:after {
  background-image: url(../../v3/img/icons/tree-up.svg);
}

.panel .panel-heading a:hover:after {
  opacity: 0.8;
}

.panel .panel-body {
  margin: 0 20px 2px 20px;
  /*border-top:1px dashed rgba(0,0,0,.2) !important;*/
  border-top: none;
}

.panel .panel-heading a:hover,
.panel .panel-heading a:active,
.panel .panel-heading a[aria-expanded=true] {
  color: #3C4858;
}

.panel.panel-default h4 {
  font-size: 13px;
  font-weight: 600;
  font-family: "Merriweather", sans-serif;
}

.panel.panel-default .panel-body {
  font-size: 12px;
  color: #000;
  font-family: "Merriweather", sans-serif;
}

.nowrap {
  white-space: nowrap;
}

.index-tc {
  left: 0;
  top: 0;
}

.index-nc {
  right: 0;
  top: 0;
}

.index-gc {
  left: 0;
  bottom: 0;
}

.fold-demo-content .leaflet-container {
  background: #1c1c1e;
}

.DVSL-dark .DVSL-info-center, .DVSL-dark .DVSL-info-left, .DVSL-dark .DVSL-info-right {
  width: auto !important;
}

.index-pc {
  right: 0;
  bottom: 0;
}

.index-text {
  padding: 80px 30px;
}

.index-text .text-left {
  max-width: 720px;
}

.h100 .index-text {
  height: 100vh;
}

.h90 .index-text {
  height: 90vh;
}

.index-text h2 {
  font-size: 24px;
  line-height: 34px;
  padding-bottom: 10px;
}

.no-chat-on-top .zsiq_floatmain {
  display: none !important;
}

.no-chat-on-top.scrolled .zsiq_floatmain {
  display: block !important;
}

.index-fold-text-bottom {
  position: absolute;
  bottom: 26px;
  list-style: none;
  left: 20px;
  right: 20px;
}

.index-clients {
  height: 30px;
  overflow: hidden;
  font-size: 0;
}

.index-clients li {
  display: inline-block;
  margin-right: 35px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  vertical-align: middle;
}

.text-center .index-clients li {
  margin: 0 16px;
}

.index-clients li:last-child {
  margin-right: 0;
}

.no-cta .hidden-menu-cta {
  opacity: 0;
  width: 0;
  overflow: hidden;
  -webkit-transition: opacity 1s ease-out, width 0.2s ease-out;
  -moz-transition: opacity 1s ease-out, width 0.2s ease-out;
  -o-transition: opacity 1s ease-out, width 0.2s ease-out;
  transition: opacity 1s ease-out, width 0.2s ease-out;
}

.scrolled.no-cta .hidden-menu-cta {
  opacity: 1;
  padding: 0 12px;
  width: auto;
}

.hidden-menu-cta .btn {
  display: inline-block;
}

.fold-demo-container .overflow-hidden {
  height: 100%;
}

.demo-rotated {
  box-sizing: border-box;
  transform: rotate(-15deg);
  margin-left: -5vw;
  margin-top: 15vw;
}

.surface-mockup {
  width: 50vw;
  height: 34.25vw;
  background-image: url(../../v3/img/surface-mockup.png);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 2.5vw 3.3vw 2.75vw 3.2vw;
  box-sizing: border-box;
  background-color: #f5f5f5;
  border-radius: 1vw;
  box-shadow: 10px 10px 20px #000;
}

.no-overflow-hidden {
  overflow: visible;
}

.absolute-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.absolute-cover-right {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
}

.landing-page .navbar, .landing-page .footer {
  display: none !important;
}

.btn-invisible {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

.edit-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
  border: 0;
  padding: 12px 30px;
  text-transform: uppercase;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  color: #fff;
  background-color: #000;
}

.edit-button-html {
  right: 120px;
  background: #fff;
  color: #333;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
}

.edit-button:hover {
  background-color: #09c;
}

.blog-post .section-text, .blog-post .section-text p {
  line-height: 200%;
}

.blog-post p {
  margin: 15px 0 30px 0;
}

.blog-post .section-text p {
  font-size: 1em;
}

.blog-post p.compact {
  margin: 15px 0 5px 0;
}

.zc-doc-content {
  position: relative;
  line-height: 200%;
}

.zc-doc-content img {
  margin-bottom: 30px;
  max-width: 100%;
}

.zc-doc-content ol, .blog-post ol {
  list-style: decimal;
}

.zc-doc-content ul:not(.zc-linklist), .blog-post ul:not(.zc-linklist), .zc-list, .zc-doc-content ol:not(.zc-linklist) {
  padding: 10px 20px;
}

.zc-doc-content ul:not(.zc-linklist) li, .blog-post ul:not(.zc-linklist) li, .zc-list li, .zc-doc-content ol:not(.zc-linklist) li {
  padding: 2px 4px 2px 12px;
  position: relative;
}

.zc-doc-content ul:not(.zc-linklist) li:after, .blog-post ul:not(.zc-linklist) li:after, .zc-list li:after {
  position: absolute;
  left: -1px;
  top: 13px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #f2c811;
  content: "";
  font-size: 0;
  line-height: 0;
}

.zc-doc-content .spacer-bottom.higher {
  min-height: 330px;
}

.zc-list li:after {
  top: 9px;
}

.zc-doc-note, .zc-doc-tip {
  padding: 46px 30px 24px 30px;
  margin: 30px;
  position: relative;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 13px;
}

.zc-doc-note {
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.zc-doc-tip {
  background: rgba(245, 203, 53, 0.15);
  border: 1px solid rgba(245, 203, 53, 0.3);
}

.zc-doc-note::after, .zc-doc-tip::after {
  content: "Note:";
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  position: absolute;
  top: 20px;
  left: 30px;
  font-size: 14px;
  background-size: 20px;
  background-position: -1px center;
  padding: 2px 2px 2px 23px;
  background-repeat: no-repeat;
  color: #000;
  opacity: 0.6;
}

.zc-doc-note::after {
  content: "Note:";
  background-image: url("../../v3/img/icons/info.svg");
}

.zc-doc-tip::after {
  content: "Tip:";
  background-image: url("../../v3/img/icons/tip.svg");
}

/* tree view styles start */
.css-treeview {
  font-size: 11px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.css-treeview li {
  padding: 0 0 0 12px;
}

.css-treeview > li {
  padding: 0;
}

.css-treeview a {
  display: block;
  padding: 3px 6px 3px 15px;
  text-decoration: none;
  color: #333;
  font-size: 12px;
  position: relative;
  position: relative;
  transition: color 0.5s;
  border-radius: 2px;
}

.css-treeview a:hover {
  text-decoration: underline;
  color: hsl(206, 100%, 35%) !important;
}

.css-treeview a.active {
  background-color: #0065b3;
  font-weight: bold;
  color: #fff !important;
}

.css-treeview .expanded > a {
  background-color: rgba(0, 0, 0, 0.05);
  font-weight: bold;
}

.css-treeview li.menu-has-children > a:before {
  background-image: url("../../v3/img/icons/tree-right.svg");
  background-repeat: no-repeat;
  background-size: 8px auto;
  background-position: left center;
  content: "";
  width: 10px;
  height: 10px;
  float: left;
  opacity: 0.7;
  position: absolute;
  left: 3px;
  top: 8px;
  transition: left 0.2s;
}

.css-treeview li a:hover:before {
  left: 6px;
}

.form-group.form-group-pbi.is-focused .form-control {
  background-image: linear-gradient(#f2c811, #f2c811), linear-gradient(#D2D2D2, #D2D2D2);
}

.css-treeview li.menu-has-children.expanded > a:before {
  background-image: url("../../v3/img/icons/tree-down.svg");
}

/* tree view styles end */
.other-visuals .spacer-bottom-s {
  min-height: 120px;
}

.other-visuals .card .card-content {
  min-height: 400px;
}

@media (max-width: 991px) {
  .other-visuals .card .card-content {
    min-height: 270px;
  }
}
/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */
[class*=chart-types-sprite-] {
  max-width: 100%;
  background-size: 100%;
  background-image: url("../../v3/img/chart-types-sprite.png");
  padding-top: 100%;
  display: block;
  z-index: 1;
  position: relative;
  -webkit-transition: opacity 1s ease-in-out, transform 0.1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out, transform 0.1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out, transform 0.1s ease-in-out;
  -o-transition: opacity 1s ease-in-out, transform 0.1s ease-in-out;
  transition: opacity 1s ease-in-out, transform 0.1s ease-in-out;
  transform: scale(1);
}

[class*=chart-types-sprite-]:hover {
  opacity: 0;
  transform: scale(1.05);
}

.chart-type-link {
  overflow: hidden;
  display: block;
  border-radius: 6px;
}

.chart-types-sprite-10 {
  background-position: 0 0%;
  background-size: 100%;
}

.chart-types-sprite-3 {
  background-position: 0 3.6%;
  background-size: 100%;
}

.chart-types-sprite-1 {
  background-position: 0 7.21%;
  background-size: 200%;
}

.chart-types-sprite-11 {
  background-position: 0 8.75%;
  background-size: 200%;
}

.chart-types-sprite-13 {
  background-position: 0 10.510694%;
  background-size: 200%;
}

.chart-types-sprite-15 {
  background-position: 0 12.265386%;
  background-size: 200%;
}

.chart-types-sprite-18 {
  background-position: 0 14.020079%;
  background-size: 200%;
}

.chart-types-sprite-2 {
  background-position: 0 15.774771%;
  background-size: 200%;
}

.chart-types-sprite-20 {
  background-position: 0 17.529463%;
  background-size: 200%;
}

.chart-types-sprite-23 {
  background-position: 0 19.284155%;
  background-size: 200%;
}

.chart-types-sprite-24 {
  background-position: 0 21.038848%;
  background-size: 200%;
}

.chart-types-sprite-25 {
  background-position: 0 22.79354%;
  background-size: 200%;
}

.chart-types-sprite-26 {
  background-position: 0 24.548232%;
  background-size: 200%;
}

.chart-types-sprite-27 {
  background-position: 0 26.302924%;
  background-size: 200%;
}

.chart-types-sprite-28 {
  background-position: 0 28.057617%;
  background-size: 200%;
}

.chart-types-sprite-29 {
  background-position: 0 29.812309%;
  background-size: 200%;
}

.chart-types-sprite-30 {
  background-position: 0 31.567001%;
  background-size: 200%;
}

.chart-types-sprite-31 {
  background-position: 0 33.321694%;
  background-size: 200%;
}

.chart-types-sprite-34 {
  background-position: 0 35.076386%;
  background-size: 200%;
}

.chart-types-sprite-35 {
  background-position: 0 36.831078%;
  background-size: 200%;
}

.chart-types-sprite-36 {
  background-position: 0 38.58577%;
  background-size: 200%;
}

.chart-types-sprite-37 {
  background-position: 0 40.340463%;
  background-size: 200%;
}

.chart-types-sprite-41 {
  background-position: 0 42.095155%;
  background-size: 200%;
}

.chart-types-sprite-45 {
  background-position: 0 43.849847%;
  background-size: 200%;
}

.chart-types-sprite-46 {
  background-position: 0 45.60454%;
  background-size: 200%;
}

.chart-types-sprite-47 {
  background-position: 0 47.359232%;
  background-size: 200%;
}

.chart-types-sprite-48 {
  background-position: 0 49.113924%;
  background-size: 200%;
}

.chart-types-sprite-49 {
  background-position: 0 50.868616%;
  background-size: 200%;
}

.chart-types-sprite-5 {
  background-position: 0 52.623309%;
  background-size: 200%;
}

.chart-types-sprite-50 {
  background-position: 0 54.378001%;
  background-size: 200%;
}

.chart-types-sprite-54 {
  background-position: 0 56.132693%;
  background-size: 200%;
}

.chart-types-sprite-55 {
  background-position: 0 57.887385%;
  background-size: 200%;
}

.chart-types-sprite-57 {
  background-position: 0 59.642078%;
  background-size: 200%;
}

.chart-types-sprite-6 {
  background-position: 0 61.39677%;
  background-size: 200%;
}

.chart-types-sprite-61 {
  background-position: 0 63.151462%;
  background-size: 200%;
}

.chart-types-sprite-65 {
  background-position: 0 64.906155%;
  background-size: 200%;
}

.chart-types-sprite-66 {
  background-position: 0 66.660847%;
  background-size: 200%;
}

.chart-types-sprite-68 {
  background-position: 0 68.415539%;
  background-size: 200%;
}

.chart-types-sprite-7 {
  background-position: 0 70.170231%;
  background-size: 200%;
}

.chart-types-sprite-71 {
  background-position: 0 71.924924%;
  background-size: 200%;
}

.chart-types-sprite-72 {
  background-position: 0 73.679616%;
  background-size: 200%;
}

.chart-types-sprite-74 {
  background-position: 0 75.434308%;
  background-size: 200%;
}

.chart-types-sprite-75 {
  background-position: 0 77.189%;
  background-size: 200%;
}

.chart-types-sprite-77 {
  background-position: 0 78.943693%;
  background-size: 200%;
}

.chart-types-sprite-78 {
  background-position: 0 80.698385%;
  background-size: 200%;
}

.chart-types-sprite-79 {
  background-position: 0 82.453077%;
  background-size: 200%;
}

.chart-types-sprite-8 {
  background-position: 0 84.20777%;
  background-size: 200%;
}

.chart-types-sprite-81 {
  background-position: 0 85.962462%;
  background-size: 200%;
}

.chart-types-sprite-82 {
  background-position: 0 87.717154%;
  background-size: 200%;
}

.chart-types-sprite-83 {
  background-position: 0 89.471846%;
  background-size: 200%;
}

.chart-types-sprite-84 {
  background-position: 0 91.226539%;
  background-size: 200%;
}

.chart-types-sprite-85 {
  background-position: 0 92.981231%;
  background-size: 200%;
}

.chart-types-sprite-87 {
  background-position: 0 94.735923%;
  background-size: 200%;
}

.chart-types-sprite-89 {
  background-position: 0 96.490615%;
  background-size: 200%;
}

.chart-types-sprite-9 {
  background-position: 0 98.245308%;
  background-size: 200%;
}

.chart-types-sprite-90 {
  background-position: 0 100%;
  background-size: 200%;
}

/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */
[class*=clients-sprite-] {
  max-width: 100%;
  background-size: 100%;
  background-image: url(../../v3/img/clients/clients-sprite-4.png);
  width: 60%;
  height: 100%;
  display: block;
  margin: 0 auto;
}

.clients-sprite-abb {
  background-position: 0 0%;
  background-size: 100%;
}

.clients-sprite-actelion {
  background-position: 0 1.408451%;
  background-size: 100%;
}

.clients-sprite-adobe {
  background-position: 0 2.816901%;
  background-size: 100%;
}

.clients-sprite-air-new-zealand {
  background-position: 0 4.225352%;
  background-size: 100%;
}

.clients-sprite-apple {
  background-position: 0 5.633803%;
  background-size: 100%;
}

.clients-sprite-arkansas {
  background-position: 0 7.042254%;
  background-size: 100%;
}

.clients-sprite-atos {
  background-position: 0 8.450704%;
  background-size: 100%;
}

.clients-sprite-factset {
  background-position: 0 8.450704%;
  background-size: 100%;
}

.clients-sprite-autodesk {
  background-position: 0 9.859155%;
  background-size: 100%;
}

.clients-sprite-belkin {
  background-position: 0 11.267606%;
  background-size: 100%;
}

.clients-sprite-boston-college {
  background-position: 0 12.676056%;
  background-size: 100%;
}

.clients-sprite-broadsoft {
  background-position: 0 14.084507%;
  background-size: 100%;
}

.clients-sprite-cbc-radio-canada {
  background-position: 0 15.492958%;
  background-size: 100%;
}

.clients-sprite-comcast {
  background-position: 0 16.901408%;
  background-size: 100%;
}

.clients-sprite-compass {
  background-position: 0 18.309859%;
  background-size: 100%;
}

.clients-sprite-conoco {
  background-position: 0 19.71831%;
  background-size: 100%;
}

.clients-sprite-contenido-seo {
  background-position: 0 21.126761%;
  background-size: 100%;
}

.clients-sprite-csdd {
  background-position: 0 22.535211%;
  background-size: 100%;
}

.clients-sprite-deloitte {
  background-position: 0 23.943662%;
  background-size: 100%;
}

.clients-sprite-dhl {
  background-position: 0 25.352113%;
  background-size: 100%;
}

.clients-sprite-dpd {
  background-position: 0 26.760563%;
  background-size: 100%;
}

.clients-sprite-emerson {
  background-position: 0 28.169014%;
  background-size: 100%;
}

.clients-sprite-envista {
  background-position: 0 29.577465%;
  background-size: 100%;
}

.clients-sprite-ericsson {
  background-position: 0 30.985915%;
  background-size: 100%;
}

.clients-sprite-ey {
  background-position: 0 32.394366%;
  background-size: 100%;
}

.clients-sprite-gap {
  background-position: 0 33.802817%;
  background-size: 100%;
}

.clients-sprite-georgetown {
  background-position: 0 35.211268%;
  background-size: 100%;
}

.clients-sprite-bmw {
  background-position: 0 36.619718%;
  background-size: 100%;
}

.clients-sprite-gonzaga {
  background-position: 0 38.028169%;
  background-size: 100%;
}

.clients-sprite-johnshopkins {
  background-position: 0 38.028169%;
  background-size: 100%;
}

.clients-sprite-graphsql {
  background-position: 0 39.43662%;
  background-size: 100%;
}

.clients-sprite-honeywell {
  background-position: 0 40.84507%;
  background-size: 100%;
}

.clients-sprite-hp {
  background-position: 0 42.253521%;
  background-size: 100%;
}

.clients-sprite-hpe {
  background-position: 0 43.661972%;
  background-size: 100%;
}

.clients-sprite-ikea {
  background-position: 0 45.070423%;
  background-size: 100%;
}

.clients-sprite-iub {
  background-position: 0 46.478873%;
  background-size: 100%;
}

.clients-sprite-jm {
  background-position: 0 47.887324%;
  background-size: 100%;
}

.clients-sprite-gentex {
  background-position: 0 47.887324%;
  background-size: 100%;
}

.clients-sprite-kpmg {
  background-position: 0 49.295775%;
  background-size: 100%;
}

.clients-sprite-kuwait {
  background-position: 0 50.704225%;
  background-size: 100%;
}

.clients-sprite-latvenergo {
  background-position: 0 52.112676%;
  background-size: 100%;
}

.clients-sprite-latvijas-filmas {
  background-position: 0 53.521127%;
  background-size: 100%;
}

.clients-sprite-linkedin {
  background-position: 0 54.929577%;
  background-size: 100%;
}

.clients-sprite-kingston {
  background-position: 0 54.929577%;
  background-size: 100%;
}

.clients-sprite-meo {
  background-position: 0 56.338028%;
  background-size: 100%;
}

.clients-sprite-michelin {
  background-position: 0 57.746479%;
  background-size: 100%;
}

.clients-sprite-microsoft {
  background-position: 0 59.15493%;
  background-size: 100%;
}

.clients-sprite-mlevel {
  background-position: 0 60.56338%;
  background-size: 100%;
}

.clients-sprite-nasa {
  background-position: 0 61.971831%;
  background-size: 100%;
}

.clients-sprite-nato {
  background-position: 0 63.380282%;
  background-size: 100%;
}

.clients-sprite-nbc {
  background-position: 0 64.788732%;
  background-size: 100%;
}

.clients-sprite-cwb {
  background-position: 0 64.788732%;
  background-size: 100%;
}

.clients-sprite-newell {
  background-position: 0 66.197183%;
  background-size: 100%;
}

.clients-sprite-nokia {
  background-position: 0 67.605634%;
  background-size: 100%;
}

.clients-sprite-orange {
  background-position: 0 69.014085%;
  background-size: 100%;
}

.clients-sprite-paypal {
  background-position: 0 70.422535%;
  background-size: 100%;
}

.clients-sprite-pcl {
  background-position: 0 71.830986%;
  background-size: 100%;
}

.clients-sprite-pg {
  background-position: 0 73.239437%;
  background-size: 100%;
}

.clients-sprite-pwc {
  background-position: 0 74.647887%;
  background-size: 100%;
}

.clients-sprite-quebec {
  background-position: 0 76.056338%;
  background-size: 100%;
}

.clients-sprite-ricoh {
  background-position: 0 77.464789%;
  background-size: 100%;
}

.clients-sprite-royal-canin {
  background-position: 0 78.873239%;
  background-size: 100%;
}

.clients-sprite-schlumberger {
  background-position: 0 80.28169%;
  background-size: 100%;
}

.clients-sprite-sega {
  background-position: 0 81.690141%;
  background-size: 100%;
}

.clients-sprite-sportsdirect {
  background-position: 0 83.098592%;
  background-size: 100%;
}

.clients-sprite-otter {
  background-position: 0 83.098592%;
  background-size: 100%;
}

.clients-sprite-sqltreeo {
  background-position: 0 84.507042%;
  background-size: 100%;
}

.clients-sprite-sterling {
  background-position: 0 85.915493%;
  background-size: 100%;
}

.clients-sprite-bnymellon {
  background-position: 0 85.915493%;
  background-size: 100%;
}

.clients-sprite-swedbank {
  background-position: 0 87.323944%;
  background-size: 100%;
}

.clients-sprite-swisslife {
  background-position: 0 88.732394%;
  background-size: 100%;
}

.clients-sprite-tci {
  background-position: 0 90.140845%;
  background-size: 100%;
}

.clients-sprite-tgi {
  background-position: 0 91.549296%;
  background-size: 100%;
}

.clients-sprite-bakker {
  background-position: 0 91.549296%;
  background-size: 100%;
}

.clients-sprite-tyson {
  background-position: 0 92.957746%;
  background-size: 100%;
}

.clients-sprite-ucsd {
  background-position: 0 94.366197%;
  background-size: 100%;
}

.clients-sprite-united-nations {
  background-position: 0 95.774648%;
  background-size: 100%;
}

.clients-sprite-ur {
  background-position: 0 97.183099%;
  background-size: 100%;
}

.clients-sprite-williams {
  background-position: 0 98.591549%;
  background-size: 100%;
}

.clients-sprite-siemens {
  background-position: 0 100%;
  background-size: 101.265823%;
}

.clients-white-sprite-dhl, .clients-white-sprite-michelin, .clients-white-sprite-ericsson, .clients-white-sprite-microsoft, .clients-white-sprite-paypal,
.clients-white-sprite-tgif, .clients-white-sprite-sega, .clients-white-sprite-microsoft-power-bi, .clients-white-sprite-pg, .clients-white-sprite-ey,
.clients-white-sprite-hp, .clients-white-sprite-apple, .clients-white-sprite-adobe {
  max-width: 100%;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-image: url(../../v3/img/clients/white/clients-white-sprite.png);
}

.clients-white-sprite-dhl {
  background-position: 0 0%;
  background-size: 100%;
}

.clients-white-sprite-michelin {
  background-position: 0 4.809619%;
  background-size: 102.013423%;
}

.clients-white-sprite-ericsson {
  background-position: 0 13.645224%;
  background-size: 109.352518%;
}

.clients-white-sprite-microsoft {
  background-position: 0 19.767442%;
  background-size: 121.6%;
}

.clients-white-sprite-paypal {
  background-position: 0 25.436893%;
  background-size: 133.333333%;
}

.clients-white-sprite-tgif {
  background-position: 0 32.007952%;
  background-size: 138.181818%;
}

.clients-white-sprite-sega {
  background-position: 0 39.803922%;
  background-size: 150.49505%;
}

.clients-white-sprite-microsoft-power-bi {
  background-position: 0 45.59387%;
  background-size: 160%;
}

.clients-white-sprite-pg {
  background-position: 0 51.581028%;
  background-size: 176.744186%;
}

.clients-white-sprite-ey {
  background-position: 0 62.761506%;
  background-size: 197.402597%;
}

.clients-white-sprite-hp {
  background-position: 0 75.051125%;
  background-size: 281.481481%;
}

.clients-white-sprite-apple {
  background-position: 0 87.216495%;
  background-size: 304%;
}

.clients-white-sprite-adobe {
  background-position: 0 100%;
  background-size: 330.434783%;
}

/* responsive rules start */
@media only screen and (orientation: landscape) and (max-width: 1320px) {
  .index-clients li {
    margin-right: 25px;
  }
}
@media only screen and (orientation: landscape) and (max-width: 1180px) {
  .index-fold-text-bottom {
    margin-left: -15px;
  }
  .index-clients li {
    margin-right: 15px;
  }
}
@media only screen and (orientation: landscape) and (max-width: 1020px) {
  .index-clients li:nth-child(8) {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 680px) {
  .index-clients li {
    margin-right: 25px !important;
  }
}
@media only screen and (orientation: portrait) {
  .index-text {
    float: none !important;
    width: 100%;
    height: auto !important;
    padding-bottom: 20px;
  }
  .index-text .vcenter {
    height: auto;
  }
  .index-text .vcenter-content.text-left {
    text-align: center;
  }
  .index-fold-text-bottom {
    text-align: center;
    position: relative;
    padding-top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 20px;
  }
  .fold-demo-container {
    float: none !important;
    width: 100%;
    padding-top: 20px;
  }
  .fold-demo-container.fold-demo-portrait-shrinked {
    max-height: 100vw;
  }
  .portrait-fullwidth {
    width: 100% !important;
  }
}
@media only screen and (max-width: 768px), (max-height: 768px) {
  .ipad-corner {
    width: 23px;
    height: 43px;
    background-size: 23px auto;
  }
  .ipad-top {
    right: 23px;
    height: 43px;
    background-size: 100% 43px;
  }
  .ipad-right {
    top: 43px;
    width: 16px;
    background-size: 16px auto;
  }
  .ipad-camera {
    top: 16px;
    margin-left: -15px;
    width: 14px;
    height: 14px;
    background-size: 14px auto;
  }
  .fold-demo-content {
    top: 43px;
    right: 16px;
  }
  .fold-demo:after {
    -webkit-border-top-right-radius: 28px;
    -moz-border-radius-topright: 28px;
    border-top-right-radius: 28px;
  }
  .fold-demo-container.fold-demo-portrait-shrinked {
    max-width: 690px;
  }
  .surface-corner {
    width: 29px;
    height: 28px;
    background-size: 29px 28px;
  }
  .surface-top {
    right: 29px;
    height: 28px;
    background-size: 678px 28px;
  }
  .surface-right {
    top: 28px;
    width: 23px;
    background-size: 23px auto;
    bottom: 70px;
  }
  .surface-camera {
    top: 10px;
    width: 36px;
    height: 10px;
    background-size: 10px 36px;
  }
  .surface-bottom {
    right: -17px;
    height: 77px;
    background-size: 690px 78px;
  }
  .fold-demo-surface .fold-demo-content {
    top: 28px;
    right: 23px;
    bottom: 77px;
  }
  .fold-demo.fold-demo-surface:after {
    -webkit-border-top-right-radius: 18px;
    -moz-border-radius-topright: 18px;
    border-top-right-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .zc-pricing-table .col-5 {
    padding: 0;
    margin-left: -1px;
  }
  .zc-pricing-table .card .card-content-sm-pad {
    padding: 3px;
  }
  .hero-demo-report {
    height: 565px;
    max-height: 70vh;
    margin-bottom: -8px;
  }
}
@media (max-width: 992px) {
  .col-zc-3 {
    width: calc(33.3333% - 20px);
  }
  .side {
    width: 160px;
  }
  .purchase-list h5 {
    max-width: 350px;
  }
  .hero-demo-report {
    height: 441px;
    max-height: 70vh;
    margin-bottom: -8px;
  }
}
@media only screen and (max-width: 812px) {
  .h70-md {
    height: auto !important;
  }
  .text-center-md {
    text-align: center !important;
  }
  .section-md {
    padding: 70px 0 !important;
  }
  .overflow-hidden-md {
    overflow: hidden;
  }
  .no-negative-margin-top-md {
    margin-top: 0;
  }
  .index-text .vcenter {
    height: auto;
  }
  .index-text, .absolute-cover-right {
    float: none !important;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 90px;
    height: auto;
    position: relative;
    left: 0;
  }
  .index-fold-text-bottom {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 20px;
    -webkit-padding-start: 0;
    padding-start: 0;
    margin-left: 0;
  }
  .index-clients li {
    margin-right: 35px;
  }
  .fold-demo-container, .fold-demo-rotated {
    float: none !important;
    width: 100%;
    height: calc(100vh - 70px);
    padding-top: 20px;
  }
  .fold-demo-rotated {
    height: auto;
    padding-top: 0;
  }
  .surface-mockup {
    width: 100vw;
    height: 68.5vw;
    padding: 5vw 6.6vw 5.5vw 6.4vw;
    border-radius: 2vw;
  }
  .text-center-md {
    text-align: center !important;
  }
  .no-pad-top-md {
    padding-top: 0 !important;
  }
  .no-pad-bot-md {
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width: 732px) {
  .purchase-list .pull-left, .purchase-list .pull-right {
    float: none !important;
    max-width: 100%;
  }
  .purchase-list .pull-left {
    width: 100%;
  }
  .hero-demo-report {
    height: 57.7vw;
  }
}
@media only screen and (max-width: 500px) {
  .card .card-content-m-pad {
    padding: 10px;
  }
  .index-text {
    float: none !important;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 90px;
    height: auto;
  }
  .fold-demo {
    margin-right: 5px;
  }
  .large-section {
    padding: 70px 0;
  }
  .section {
    padding: 50px 0;
  }
  .small-section {
    padding: 20px 0;
  }
  h1, .h1 {
    font-size: 2em;
  }
  h2, .h2 {
    font-size: 1.7em;
  }
  h3, .h3 {
    font-size: 1.5em;
  }
  h4, .h4 {
    font-size: 1.3em;
  }
  .index-text h2 {
    font-size: 20px;
    line-height: 26px;
  }
  .index-text h1 {
    padding-top: 15px;
  }
  .text-center-sm {
    text-align: center !important;
  }
  .no-pad-top-sm {
    padding-top: 0 !important;
  }
  .no-pad-bot-sm {
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-height: 600px) {
  .fold-demo-container {
    height: calc(100vh - 20px);
    padding-top: 10px;
  }
}
.microsoft-info img {
  margin-bottom: 12px;
  display: inline-block;
  width: 95px;
}

.microsoft-info small {
  display: block;
  color: #999;
}

.microsoft-info small a {
  color: #666 !important;
  text-decoration: underline;
}

.microsoft-info-logo {
  height: 60px;
  background-image: url(../../v3/img/clients/white/microsoft-power-bi.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 95px auto;
}

.microsoft-certified small {
  display: inline-block;
  padding: 2px 0 2px 20px;
  background: left 5px url(../../v3/img/certified.svg);
  background-repeat: no-repeat;
  background-size: 14px;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.before-spinner:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top-color: red;
  animation: spinner 0.6s linear infinite;
}

.top-left-actions {
  position: absolute;
  top: -8px;
  left: 6px;
  z-index: 2;
}

.top-left-actions a {
  margin: 0 0 4px 0 !important;
}

.btn.btn-fab.btn-fab-tiny, .btn-group-tiny .btn.btn-fab, .navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-tiny, .btn-group-tiny .navbar .navbar-nav > li > a.btn.btn-fab {
  height: 26px;
  min-width: 26px;
  width: 26px;
}

.btn.btn-fab-tiny i.material-icons, .navbar .navbar-nav > li > a.btn.btn-fab-tiny i.material-icons {
  font-size: 18px;
}

.dropdown-menu .header-secondary-menu .dropdown-item, .dropdown-menu .header-secondary-menu li > a {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.not-matched {
  display: none !important;
}

.btn-active.btn-simple {
  background: #fff !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.sidebar li.active > a {
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 4px 20px 0px rgba(0, 0, 0, 0.14);
  color: #000 !important;
}

.index-hint {
  position: absolute;
  z-index: 99;
  opacity: 0;
  top: 50px;
  left: 0;
  right: 0;
  text-align: center;
  pointer-events: none;
}

.gesture {
  height: 120px;
  width: 120px;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
  display: inline-block;
  position: relative;
}

.gesture-tap {
  background-image: url(../../v3/img/gesture-icons/gesture-tap.svg);
}

.hint-pulse {
  position: absolute;
  top: 0;
  height: 120px;
  width: 120px;
  right: 0;
  bottom: 0;
  left: 50%;
  margin-left: -60px;
  border-radius: 100%;
  background: #fff;
}

.bounce-bottom {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 999;
  animation-delay: 1s;
  animation-name: bounce-bottom;
}

@keyframes bounce-bottom {
  from {
    background-color: red;
  }
  to {
    background-color: green;
  }
}
.pulsing {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 999;
  animation-delay: 1s;
  animation-name: pulsing;
}

@keyframes pulsing {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
.fade-in {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-delay: 10s;
  animation-name: fade-in;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#footer-actions {
  position: fixed;
  bottom: -10px;
  right: 50px;
}

.zc-thumb {
  width: 16.5vw;
  height: 16.5vw;
  display: inline-block;
  margin: 15px;
  max-width: 260px;
  max-height: 260px;
  min-width: 150px;
  min-height: 150px;
}

.no-pad {
  padding: 0 !important;
  margin: 0 !important;
}

.no-pad-b {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.no-pad-t {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.small-pad {
  padding: 0 !important;
  margin: 10px 0 !important;
}

.zc-thumb.card-border .card-content, .zc-thumb.card-background .card-content {
  min-height: 150px;
}

#pbi-embed.zc-pbi-embed-demo {
  width: 100%;
  height: 640px;
  max-height: 80vh;
  min-height: 350px;
}

.zc-thumb.visual-combo:before, .zc-thumb.visual-timeseries:before, .zc-thumb.visual-network:before, .zc-thumb.visual-donut:before, .zc-thumb.visual-graph:before, .zc-thumb.visual-waterfall:before, .zc-thumb.visual-bar:before, .pbi-visual-type {
  position: absolute;
  left: 35px;
  top: 40px;
  padding: 4px 6px 3px 30px;
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  transition: transform 0.5s ease, top 0.5s ease, left 0.5s ease;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pbi-visual-type {
  color: #666;
  position: relative;
  left: auto;
  top: auto;
  padding: 7px 6px 6px 30px;
  transition: background-color 0.5s ease, color 0.5s ease, box-shadow 0.5s ease;
}

.pbi-visual-type:hover {
  background-color: #f3f3f3;
  color: #000;
  box-shadow: 0 14px 26px -12px rgba(242, 200, 17, 0.32), 0 4px 23px 0px rgba(0, 0, 0, 0.32), 0 8px 10px -5px rgba(242, 200, 17, 0.3);
}

.zc-thumb.visual-combo:hover:before, .zc-thumb.visual-timeseries:hover:before, .zc-thumb.visual-network:hover:before, .zc-thumb.visual-donut:hover:before, .zc-thumb.visual-graph:hover:before, .zc-thumb.visual-waterfall:hover:before, .zc-thumb.visual-bar:hover:before {
  transform: scale(0.8);
  top: 16px;
  left: 24px;
}

.zc-thumb h6 {
  margin: 0 0 5px -5px !important;
  padding: 0 5px !important;
  transition: color 0.5s ease, background 0.5s ease;
  float: left;
}

.zc-thumb:hover h6 {
  background: #F2C811;
  color: #000 !important;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.8), 0 4px 25px 0px rgba(0, 0, 0, 0.32), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
}

.zc-thumb.visual-combo:before, .pbi-visual-type-combo {
  content: "Combo Visual";
  background-image: url(../img/logos/advanced-combo-visual-icon.png);
}

.zc-thumb.visual-timeseries:before, .pbi-visual-type-timeseries {
  content: "TimeSeries Visual";
  background-image: url(../img/logos/advanced-timeseries-visual-icon.png);
}

.zc-thumb.visual-network:before, .pbi-visual-type-network {
  content: "Network Visual";
  background-image: url(../img/logos/advanced-network-visual-icon.png);
}

.zc-thumb.visual-donut:before, .pbi-visual-type-donut {
  content: "Donut Visual";
  background-image: url(../img/logos/advanced-donut-visual-icon.png);
}

.zc-thumb.visual-graph:before, .pbi-visual-type-graph {
  content: "Graph Visual";
  background-image: url(../img/logos/advanced-graph-visual-icon.png);
}

.zc-thumb.visual-waterfall:before, .pbi-visual-type-waterfall {
  content: "Waterfall Visual";
  background-image: url(../img/logos/advanced-waterfall-visual-icon.png);
}

.zc-thumb.visual-bar:before, .pbi-visual-type-bar {
  content: "Bar Visual";
  background-image: url(../img/logos/advanced-bar-visual-icon.png);
}

.g-visual-nav {
  height: 50px;
}

.g-visual-nav .back {
  display: inline-block;
  vertical-align: top;
  margin-left: -17px;
}

.g-visual-nav .pbi-visual-type {
  display: inline-block;
  vertical-align: top;
  margin-top: 11px;
}

/* navbar rules start */
.navbar-collapse .navbar-nav > li.visible-on-sidebar {
  display: none;
}

/* navbar rules for small screens start */
@media (max-width: 880px) {
  .nav-open .product-logo-pbi {
    background-image: url(../img/logos/Drill-Down-Visuals-on-dark.svg);
  }
  .navbar .navbar-nav > li.menu-divider {
    border-left: none !important;
    border-top: 1px dashed rgba(255, 255, 255, 0.2);
    margin-left: 10vw;
    margin-right: 10vw;
    margin-top: 12px;
    margin-bottom: 12px;
    height: 1px;
  }
  .navbar-header .navbar-toggle {
    display: block;
    float: right;
    margin: 0;
    z-index: 9999;
  }
  .scrolled .navbar-header .navbar-toggle {
    margin: -15px -8px 0 0;
  }
  .navbar-header {
    float: none;
  }
  .navbar-left, .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }
  .navbar-collapse ul {
    position: relative;
    z-index: 3;
    overflow-y: auto;
    height: 100%;
    float: none !important;
    margin: 0;
  }
  .navbar-collapse, .navbar-collapse.collapse {
    position: fixed;
    display: block;
    top: 0px;
    height: 100vh !important;
    width: 100vw;
    right: -110vw;
    z-index: 1032;
    visibility: visible;
    background-color: #333;
    overflow-y: visible;
    border-top: none;
    text-align: left;
    padding-right: 0;
    padding-left: 0;
    max-height: none !important;
  }
  .nav-open .navbar-collapse, .nav-open .navbar-collapse.collapse {
    right: 0;
  }
  .navbar-collapse .navbar-nav > li.dropdown {
    display: none;
  }
  .navbar-collapse .navbar-nav > li.visible-on-sidebar {
    display: block;
  }
  html.nav-open {
    overflow: hidden;
  }
  .no-cta .hidden-menu-cta, .scrolled.no-cta .hidden-menu-cta {
    opacity: 1;
    width: 100%;
    padding: 0 10px;
  }
  .navbar .navbar-collapse .navbar-nav {
    background: #333;
    padding: 70px 0 60px 0;
    margin-top: 0;
    text-align: center;
  }
  .navbar.navbar-2-cta-btns .navbar-collapse .navbar-nav {
    padding-top: 96px;
  }
  .nav-open .dropdown-toggle:after {
    display: none;
  }
  .navbar .navbar-collapse .dropdown-toggle {
    display: none;
  }
  .dropdown-menu li > a {
    font-size: 15px;
  }
  .navbar .navbar-collapse .navbar-nav > li {
    padding: 10px 0;
  }
  .navbar-nav .dropdown-menu li > a {
    color: #fff !important;
  }
  .navbar .navbar-collapse .navbar-nav > li > a {
    display: block;
    padding: 20px;
  }
  .navbar .navbar-collapse .navbar-nav > li > a, .navbar .navbar-collapse .navbar-nav > li > a:hover {
    color: #FFF;
  }
  .navbar .navbar-collapse .navbar-nav > li .h5 {
    font-size: 1em;
  }
  .navbar .navbar-collapse .navbar-nav > li .chart-packages-list span {
    padding: 0 5px;
    float: left;
  }
  .navbar .navbar-collapse .navbar-nav > li .dropdown-menu [class*=chart-logo] {
    width: 30px;
    height: 30px;
    float: left;
  }
  .navbar-toggle .icon-bar {
    margin-left: calc(50% - 11px);
  }
  .header-mobile-secondary-menu a {
    color: #fff;
    display: block;
    padding: 12px 0;
    font-size: 11px;
    opacity: 0.8;
  }
  .hamburger {
    -webkit-transform: scale(0.65);
    transform: scale(0.5);
    margin: 40px auto;
    position: relative;
    display: block;
    width: 68px;
    height: 68px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.5;
    cursor: pointer;
  }
  .hamburger:hover {
    opacity: 1;
  }
  .burger-main {
    position: absolute;
    padding: 20px 16px;
    height: 68px;
    width: 68px;
  }
  .burger-inner {
    position: relative;
    height: 28px;
    width: 36px;
    margin: -9px 0 0 -9px;
  }
  .burger-main span {
    position: absolute;
    display: block;
    height: 4px;
    width: 36px;
    border-radius: 2px;
    background: #000;
  }
  .scrolled .burger-main span, .presentation-page .burger-main span {
    background: #FFF;
  }
  .top {
    top: 0;
    transform-origin: 34px 2px;
  }
  .bot {
    bottom: 0;
    transform-origin: 34px 2px;
  }
  .mid {
    top: 12px;
  }
  .svg-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 68px;
  }
  .circle {
    width: 68px;
    height: 68px;
  }
  .path {
    stroke-dasharray: 240;
    stroke-dashoffset: 240;
    stroke-linejoin: round;
  }
  .hamburger.toggled .path {
    animation: dash-in 0.6s linear normal;
    animation-fill-mode: forwards;
  }
  .hamburger:not(.toggled) .path {
    animation: dash-out 0.6s linear normal;
    animation-fill-mode: forwards;
  }
  .hamburger.toggled .top {
    animation: close-top-out 0.6s linear normal;
    animation-fill-mode: forwards;
  }
  .hamburger.toggled .bot {
    animation: close-bot-out 0.6s linear normal;
    animation-fill-mode: forwards;
  }
  .hamburger:not(.toggled) .top {
    animation: close-top-in 0.6s linear normal;
    animation-fill-mode: forwards;
  }
  .hamburger:not(.toggled) .bot {
    animation: close-bot-in 0.6s linear normal;
    animation-fill-mode: forwards;
  }
  .hamburger.toggled .mid {
    animation: burger-fill-out 0.6s linear normal;
    animation-fill-mode: forwards;
  }
  .hamburger:not(.toggled) .mid {
    animation: burger-fill-in 0.6s linear normal;
  }
  .path-burger {
    position: absolute;
    top: 0;
    left: 0;
    height: 68px;
    width: 68px;
    -webkit-mask: url(#mask);
    mask: url(#mask);
    -webkit-mask-box-image: url(../../img/mask.svg);
  }
  .animate-path {
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 68px;
  }
  .path-rotation {
    height: 34px;
    width: 34px;
    margin: 34px 34px 0 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  .path-rotation:before {
    content: "";
    display: block;
    width: 30px;
    height: 34px;
    margin: 0 4px 0 0;
    background: #e5e5e5;
  }
  .presentation-page .path-rotation:before {
    background: #666;
  }
  .scrolled .path-rotation:before {
    background: #000;
  }
  .hamburger.toggled .animate-path {
    animation: circle-in 0.6s linear normal;
    animation-fill-mode: forwards;
  }
  .hamburger:not(.toggled) .animate-path {
    animation: circle-out 0.6s linear normal;
    animation-fill-mode: forwards;
  }
  @-webkit-keyframes dash-in {
    0% {
      stroke-dashoffset: 240;
    }
    40% {
      stroke-dashoffset: 240;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes dash-in {
    0% {
      stroke-dashoffset: 240;
    }
    40% {
      stroke-dashoffset: 240;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  @-webkit-keyframes dash-out {
    0% {
      stroke-dashoffset: 0;
    }
    40% {
      stroke-dashoffset: 240;
    }
    100% {
      stroke-dashoffset: 240;
    }
  }
  @keyframes dash-out {
    0% {
      stroke-dashoffset: 0;
    }
    40% {
      stroke-dashoffset: 240;
    }
    100% {
      stroke-dashoffset: 240;
    }
  }
  @keyframes close-top-out {
    0% {
      left: 0;
      top: 0;
      transform: rotate(0deg);
    }
    20% {
      left: 0;
      top: 0;
      transform: rotate(15deg);
    }
    80% {
      left: -5px;
      top: 0;
      transform: rotate(-60deg);
    }
    100% {
      left: -5px;
      top: 1px;
      transform: rotate(-45deg);
    }
  }
  @keyframes close-bot-out {
    0% {
      left: 0;
      transform: rotate(0deg);
    }
    20% {
      left: 0;
      transform: rotate(-15deg);
    }
    80% {
      left: -5px;
      transform: rotate(60deg);
    }
    100% {
      left: -5px;
      transform: rotate(45deg);
    }
  }
  @keyframes close-top-in {
    0% {
      left: -5px;
      bot: 0;
      transform: rotate(-45deg);
    }
    20% {
      left: -5px;
      bot: 0;
      transform: rotate(-60deg);
    }
    80% {
      left: 0;
      bot: 0;
      transform: rotate(15deg);
    }
    100% {
      left: 0;
      bot: 1px;
      transform: rotate(0deg);
    }
  }
  @keyframes close-bot-in {
    0% {
      left: -5px;
      transform: rotate(45deg);
    }
    20% {
      left: -5px;
      transform: rotate(60deg);
    }
    80% {
      left: 0;
      transform: rotate(-15deg);
    }
    100% {
      left: 0;
      transform: rotate(0deg);
    }
  }
  @keyframes burger-fill-in {
    0% {
      width: 0;
      left: 36px;
    }
    40% {
      width: 0;
      left: 40px;
    }
    80% {
      width: 36px;
      left: -6px;
    }
    100% {
      width: 36px;
      left: 0px;
    }
  }
  @keyframes burger-fill-out {
    0% {
      width: 36px;
      left: 0px;
    }
    20% {
      width: 42px;
      left: -6px;
    }
    40% {
      width: 0;
      left: 40px;
    }
    100% {
      width: 0;
      left: 36px;
    }
  }
  @keyframes circle-out {
    0% {
      transform: rotate(0deg);
    }
    40% {
      transform: rotate(180deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes circle-in {
    0% {
      transform: rotate(360deg);
    }
    40% {
      transform: rotate(180deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
}
/* navbar rules for small screens end */
.img.client {
  height: 120px;
  width: 100%;
  display: block;
  background-size: 80% auto;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}

.img.client-small {
  height: 65px;
  background-size: 100% auto;
}

.img.client-med {
  height: 90px;
  background-size: 120% auto;
}

.client-oversized span {
  width: 80% !important;
}

.sidebar .nav li:first-child > a {
  margin: 0;
}

.chart-example h1 {
  font-size: 32px;
  margin: 0;
}

.chart-example h2 {
  font-size: 16px;
  margin: 0;
  padding: 2px 0 12px 0;
  font-weight: 400;
}

.links-vertical a {
  opacity: 0.7;
}

.links-vertical a:hover {
  opacity: 1;
}

.zc-linklist a, .zc-linklist a[target=_blank] {
  display: block;
  padding: 5px 0;
  color: #000;
  opacity: 0.7;
}

.zc-linklist a:hover {
  opacity: 1;
}

@media (max-width: 992px) {
  .text-md-center {
    text-align: center !important;
  }
}
@media (max-width: 768px) {
  .text-sm-center {
    text-align: center !important;
  }
}
@media (max-width: 480px) {
  .text-xs-center {
    text-align: center !important;
  }
}
@media (max-width: 440px) {
  .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-6 {
    width: 50%;
  }
  .card-image {
    margin: 5px 0;
  }
  .footer-zc .col-xs-4 {
    text-align: center;
    width: 100%;
  }
}
.has-sidebar .container {
  width: auto !important;
}

.row-zc {
  font-size: 0;
}

.col-zc-3 {
  width: calc(25% - 20px);
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  margin: 0 10px;
}

@media (max-width: 1200px) {
  .bottom-banner h4 {
    font-size: 18px;
  }
  .youtube {
    height: 540px;
  }
}
@media (max-width: 808px) {
  .col-zc-3 {
    width: calc(33.3333% - 10px);
    margin: 0 5px;
  }
  .row.row-zc {
    margin: 0;
  }
  h2, .h2 {
    font-size: 2em;
  }
  .bottom-banner {
    display: none !important;
  }
}
@media (max-width: 730px) {
  .col-zc-3 {
    width: calc(50% - 10px);
  }
  .card .card-content {
    /*
    padding: 10px 15px;
    */
  }
  .card-content .card-header {
    margin: -10px -15px 10px -15px;
    padding: 15px;
  }
  .spacer-top {
    margin-top: 50px;
  }
  h2, .h2 {
    font-size: 1.8em;
  }
}
@media (max-width: 410px) {
  .col-zc-3 {
    width: calc(100% - 10px);
  }
  .spacer-top {
    margin-top: 30px;
  }
  h2, .h2 {
    font-size: 1.4em;
  }
}
.zc-pricing .btn-group {
  margin: 0 0 4px 0;
}

.text-black {
  color: #000 !important;
}

.subscribe-line-image p {
  color: #fff;
}

.social .button.twitter {
  float: right;
  margin: 1px 0 0 3px;
}

.min-h230 {
  min-height: 230px;
}

@media (max-width: 800px) {
  #titlediv {
    display: none;
  }
}
@media (min-width: 768px) {
  .only-mobile {
    display: none !important;
  }
}
.interactivity-pbi .interactivity-no-pbi {
  display: none;
}

[class*=zc-control-] {
  font-size: 0;
  display: inline-block;
  line-height: 60px;
  height: 50px;
  width: 50px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.zc-control-click {
  background-image: url(../img/gestures/click.svg);
}

.zc-control-tap {
  background-image: url(../img/gestures/tap.svg);
}

.zc-control-double-click {
  background-image: url(../img/gestures/double-click.svg);
}

.zc-control-double-tap {
  background-image: url(../img/gestures/double-tap.svg);
}

.zc-control-drag {
  background-image: url(../img/gestures/drag.svg);
}

.zc-control-move {
  background-image: url(../img/gestures/move.svg);
}

.zc-control-rotate {
  background-image: url(../img/gestures/rotate.svg);
}

.zc-control-right-click {
  background-image: url(../img/gestures/right-click.svg);
}

.zc-control-long-press {
  background-image: url(../img/gestures/long-press.svg);
}

.zc-control-toolbar-hide {
  background-image: url(../img/gestures/toolbar-hide.svg);
}

.zc-control-toolbar-rearrange {
  background-image: url(../img/gestures/toolbar-rearrange.svg);
}

.zc-control-toolbar-collapse {
  background-image: url(../img/gestures/toolbar-collapse.svg);
}

.zc-control-toolbar-fit {
  background-image: url(../img/gestures/toolbar-fit.svg);
}

.zc-control-toolbar-lock {
  background-image: url(../img/gestures/toolbar-lock.svg);
}

.zc-control-toolbar-fullscreen {
  background-image: url(../img/gestures/toolbar-fullscreen.svg);
}

.zc-control-toolbar-undo {
  background-image: url(../img/gestures/toolbar-undo.svg);
}

.zc-control-zoom {
  background-image: url(../img/gestures/zoom.svg);
}

.zc-control-pinch {
  background-image: url(../img/gestures/pinch.svg);
}

.zc-control-ctrl-click {
  background-image: url(../img/gestures/ctrl-click.svg);
}

.zc-control-rectangular-select-touch {
  background-image: url(../img/gestures/rectangular-select-touch.svg);
}

.zc-control-rectangular-select-click {
  background-image: url(../img/gestures/rectangular-select-click.svg);
}

.zc-control-click-drag-up {
  background-image: url(../img/gestures/click-drag-up.svg);
}

.zc-control-tap-drag-up {
  background-image: url(../img/gestures/tap-drag-up.svg);
}

.zc-control-click-drag-down {
  background-image: url(../img/gestures/click-drag-down.svg);
}

.zc-control-pinch-out {
  background-image: url(../img/gestures/pinch-out.svg);
}

.zc-control-pinch-in {
  background-image: url(../img/gestures/pinch-in.svg);
}

.zc-control-pinch-out-horizontal {
  background-image: url(../img/gestures/pinch-out-horizontal.svg);
}

.zc-control-pinch-in-horizontal {
  background-image: url(../img/gestures/pinch-in-horizontal.svg);
}

.zc-control-click-drag-left {
  background-image: url(../img/gestures/click-drag-left.svg);
}

.zc-control-click-drag-right {
  background-image: url(../img/gestures/click-drag-right.svg);
}

.zc-control-tap-drag-left {
  background-image: url(../img/gestures/tap-drag-left.svg);
}

.zc-control-tap-drag-right {
  background-image: url(../img/gestures/tap-drag-right.svg);
}

.zc-control-tap-drag-any {
  background-image: url(../img/gestures/tap-drag-any.svg);
}

.zc-control-click-drag-any {
  background-image: url(../img/gestures/click-drag-any.svg);
}

.zc-control-tap-drag-horizontal {
  background-image: url(../img/gestures/tap-drag-horizontal.svg);
}

.zc-control-click-drag-horizontal {
  background-image: url(../img/gestures/click-drag-horizontal.svg);
}

.zc-control-toolbar-time-unit {
  background-image: url(../img/gestures/toolbar-time-unit.svg);
}

.zc-control-toolbar-lin-log {
  background-image: url(../img/gestures/toolbar-lin-log.svg);
}

.zc-control-toolbar-export {
  background-image: url(../img/gestures/toolbar-export.svg);
}

.nav-stacked.nav-condensed > li {
  margin-bottom: -3px;
}

.nav-pills.nav-condensed > li > a {
  line-height: 20px;
  padding: 6px 15px;
}

.side .nav-pills > li > a {
  text-align: left !important;
}

.nav-pills > li.active > a.bg-nc, .nav-pills > li.active > a.bg-nc:focus, .nav-pills > li.active > a.bg-nc:hover, .nav-pills > li.active > a.bg-nc, .nav-pills > li.active > a.bg-nc:focus, .nav-pills > li.active > a.bg-nc:hover {
  background-color: #0094f7;
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(33, 150, 243, 0.6);
}

.nav-pills > li.active > a.bg-tc, .nav-pills > li.active > a.bg-tc:focus, .nav-pills > li.active > a.bg-tc:hover, .nav-pills > li.active > a.bg-tc, .nav-pills > li.active > a.bg-tc:focus, .nav-pills > li.active > a.bg-tc:hover {
  background-color: #26a423;
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(73, 200, 73, 0.6);
}

.nav-pills > li.active > a.bg-gc, .nav-pills > li.active > a.bg-gc:focus, .nav-pills > li.active > a.bg-gc:hover, .nav-pills > li.active > a.bg-gc, .nav-pills > li.active > a.bg-gc:focus, .nav-pills > li.active > a.bg-gc:hover {
  background-color: #e38914;
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(203, 80, 3, 0.6);
}

.nav-pills > li.active > a.bg-pc, .nav-pills > li.active > a.bg-pc:focus, .nav-pills > li.active > a.bg-pc:hover, .nav-pills > li.active > a.bg-pc, .nav-pills > li.active > a.bg-pc:focus, .nav-pills > li.active > a.bg-pc:hover {
  background-color: #a583b8;
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(203, 80, 203, 0.6);
}

.nav-pills > li.active > a.bg-fc, .nav-pills > li.active > a.bg-fc:focus, .nav-pills > li.active > a.bg-fc:hover, .nav-pills > li.active > a.bg-fc, .nav-pills > li.active > a.bg-fc:focus, .nav-pills > li.active > a.bg-fc:hover {
  background-color: #77b3f0;
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(33, 150, 243, 0.6);
}

.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
  white-space: nowrap !important;
}

.fold-demo .leaflet-control-zoom, .fold-demo .leaflet-control-attribution {
  display: none !important;
}

.card-bg-color {
  background-color: #e5e5e5;
}

.margin-0 {
  margin: 0 !important;
}

#section-notifications {
  position: fixed;
  bottom: 8px;
  right: 8px;
  z-index: 9999;
}

#section-notifications > div {
  max-width: 260px;
  padding: 12px 20px;
  background: #000;
  color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  font-size: 12px;
  opacity: 0.8;
  position: relative;
  margin-top: 2px;
}

#section-notifications > div:hover {
  opacity: 1;
}

#section-notifications > div.n-green {
  background: green;
}

#section-notifications > div.n-orange {
  background: orange;
}

#section-notifications > div.n-red {
  background: red;
}

#section-notifications > div.n-white {
  background: white;
}

#section-notifications > div > p {
  position: absolute;
  top: -6px;
  left: 18px;
  background: black;
  font-size: 10px;
  font-weight: 700;
  padding: 0 5px;
  line-height: 16px;
  border-radius: 2px;
}

#section-notifications > div a.close, .close {
  position: absolute;
  top: -2px;
  right: 3px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../v3/img/no.svg);
  opacity: 0.6;
  /*font-size:0; */
  font-size: 30px;
}

#section-notifications > div a.close:hover, .close:hover {
  opacity: 1;
}

.material-icons.icon-sm {
  font-size: 15px;
}

.material-icons.icon-row {
  margin: 0 -1px;
}

.example-tryout-buttons {
  display: none;
}

pre.sh_sourceCode {
  margin: 0 !important;
  border: none !important;
}

.oem-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.oem-row span {
  display: inline-block;
  min-width: 200px;
}

.json-key {
  color: brown;
}

.json-value {
  color: navy;
}

.json-string {
  color: olive;
}

.zc-example {
  width: 100%;
  height: 699px;
  max-height: 90vh;
}

/* WYS editor */
.trumbowyg-box {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  width: 100% !important;
}

.trumbowyg-button-pane li:after {
  display: none !important;
}

.trumbowyg-button-pane {
  padding: 0px !important;
}

.trumbowyg-button-pane li {
  margin-left: 0px !important;
}

.trumbowyg-editor {
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-family: Merriweather !important;
  width: 100% !important;
}

.trumbowyg-editor * {
  font-family: Merriweather !important;
  line-height: 28px;
}

/* CMS */
.atk-form-row-text label {
  display: none;
}

.cms-upload-image {
  clear: after;
  margin-top: 20px;
  margin-bottom: 10px;
}

.cms-upload-image * {
  display: inline-block !important;
  max-width: 200px;
}

.cms-images-container {
  clear: before;
  display: block;
}

.cms-image {
  display: block;
  float: left;
  width: 120px;
}

.cms-image-insert,
.cms-image-delete {
  border: 1px solid gray;
  padding: 5px;
  cursor: pointer;
}

.cms-image-insert {
  background: limegreen;
}

.cms-image-delete {
  background: red;
  margin-left: 6px;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .zc-example {
    height: 585px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .zc-example {
    height: 461px;
  }
  .display-1 {
    font-size: 8rem;
  }
  .display-2 {
    font-size: 6rem;
  }
  .display-3 {
    font-size: 4rem;
  }
  .display-4 {
    font-size: 3rem;
  }
  .zc-thumb.card .card-content {
    padding: 20px;
  }
  .youtube {
    height: 420px;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .zc-example {
    height: 350px;
  }
  .display-1 {
    font-size: 6rem;
  }
  .display-2 {
    font-size: 4rem;
  }
  .display-3 {
    font-size: 3rem;
  }
  .display-4 {
    font-size: 2rem;
  }
  .youtube {
    height: 320px;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .zc-example {
    height: 300px;
  }
  .display-1 {
    font-size: 4rem;
  }
  .display-2 {
    font-size: 3rem;
  }
  .display-3 {
    font-size: 2rem;
  }
  .display-4 {
    font-size: 1.5rem;
  }
  .btn-xs-block {
    display: block !important;
    width: 100% !important;
    float: none !important;
  }
  .zc-progress-steps {
    display: none;
  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  .display-1 {
    font-size: 3rem;
  }
  .display-2 {
    font-size: 2rem;
  }
  .display-3 {
    font-size: 1.5rem;
  }
  .display-4 {
    font-size: 1.2rem;
  }
}
/*
.required {
    color: red;
    font-size:0.9rem;
    vertical-align: super
}
*/
.form-group.radios .radio {
  margin-left: -6px;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
  margin-right: 65px;
}

.cc_container a.cc_btn[target=_blank]:after {
  background-image: none;
}

.download-visuals-block .has-footer-cta {
  padding-bottom: 85px;
}

.download-visuals-block .footer-cta a {
  width: 100%;
  display: block;
}

.doc-vis-list .padfix {
  min-height: 360px;
}

@media only screen and (max-width: 991px) {
  .doc-vis-list .padfix {
    min-height: auto;
  }
}
.price-item .user-counter-spot {
  display: inline-block;
}

.price-item .user-counter-spot select {
  appearance: menulist;
  webkit-appearance: menulist;
  min-width: 55px;
}

@media only screen and (max-width: 400px) {
  .modal-footer.mob-wider {
    padding: 24px 0px;
  }
}
/* services */
.services * {
  font-family: "Roboto", Arial, Tahoma !important;
}

.services p {
  color: #333;
}

.services h1 {
  font-size: 40px;
}

.services h2 {
  font-size: 30px;
}

#services-timeline {
  padding: 0 0 50px 0;
  margin-top: -80px;
}

#services-timeline.services-all {
  margin: 200px 0 100px 0;
}

#timeline {
  position: relative;
  margin: 250px auto 100px auto;
  max-width: 1189px;
  background: url(../../img/landing/timeline-difference.png) left bottom no-repeat;
  background-size: 72% 100%;
  height: 527px;
}

#timeline h4 {
  max-width: 640px;
  margin: 0 auto;
  font-size: 50px;
  text-align: center;
  padding-top: 100px;
}

#timeline h4 span {
  display: Block;
  color: #09c;
  font-size: 49px;
}

#timeline:before {
  position: absolute;
  content: "";
  background: url(../../img/landing/timeline-without-zoomcharts.png) left bottom no-repeat;
  height: 269px;
  width: 100%;
  top: -247px;
  background-size: 100% auto;
}

#timeline:after {
  position: absolute;
  content: "";
  background: url(../../img/landing/timeline-with-zoomcharts.png) left bottom no-repeat;
  height: 269px;
  width: 100%;
  bottom: -22px;
  background-size: 100% auto;
}

#services-list h4, .section #services-list header {
  display: block;
  font-size: 28px;
  padding: 0 0 50px 0;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 300;
}

#services-list h4 strong, #services-list header h2 {
  display: block;
  font-size: 44px;
  font-weight: 300;
}

#services-graphic {
  position: relative;
  margin: 0 auto;
  width: 960px;
  height: 880px;
  background: url(../../img/landing/services-bg-full.png) -4px 91px no-repeat;
  background-size: 962px 568px;
}

#services-graphic div {
  position: absolute;
}

#services-graphic div.service-free-consultation {
  top: 88px;
  left: 70px;
  width: 520px;
  height: 215px;
}

#services-graphic div.service-onboarding-services {
  top: 88px;
  right: 0px;
  width: 450px;
  height: 215px;
}

#services-graphic div.service-custom-integration {
  top: 300px;
  right: 0px;
  width: 380px;
  height: 215px;
}

#services-graphic div.service-integration-audit {
  top: 370px;
  left: 190px;
  width: 380px;
  height: 215px;
}

#services-graphic div.service-user-training {
  top: 635px;
  left: 166px;
  width: 520px;
  height: 215px;
}

#services-graphic div.service-maintenance-services {
  top: 635px;
  left: 590px;
  width: 520px;
  height: 215px;
}

#services-graphic a {
  width: 250px;
  position: absolute;
}

#services-graphic div.service-integration-audit a {
  max-width: 200px;
}

#services-graphic div strong {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  padding: 5px 10px 5px 20px;
  margin-left: -20px;
}

#services-graphic div:hover strong {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3), 0 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}

#services-graphic div.service-custom-integration strong,
#services-graphic div.service-integration-audit strong {
  padding: 5px 20px 5px 10px;
  margin-left: 0;
  margin-right: -20px;
}

#services-graphic div.service-free-consultation strong {
  color: #000;
  background: #fff;
}

#services-graphic div.service-free-consultation strong u {
  color: #999;
  background: #fff;
}

#services-graphic div.service-onboarding-services strong,
#services-graphic div.service-onboarding-services strong u {
  background: #09c;
}

#services-graphic div.service-custom-integration strong,
#services-graphic div.service-custom-integration strong u {
  background: #666;
}

#services-graphic div.service-integration-audit strong,
#services-graphic div.service-integration-audit strong u {
  background: #96c;
}

#services-graphic div.service-user-training strong,
#services-graphic div.service-user-training strong u {
  background: #f90;
}

#services-graphic div.service-maintenance-services strong,
#services-graphic div.service-maintenance-services strong u {
  background: #390;
}

#services-graphic div strong u {
  text-decoration: none;
  float: left;
  border-radius: 100%;
  font-size: 44px;
  font-weight: 700;
  width: 60px;
  padding-left: 10px;
  height: 70px;
  line-height: 80px;
  text-align: center;
  margin: -23px 0 0 -75px;
}

#services-graphic div:hover strong u {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45), 0 2px 9px rgba(0, 0, 0, 0.25);
}

#services-graphic div.service-custom-integration strong u,
#services-graphic div.service-integration-audit strong u {
  float: right;
  margin: -23px -70px 0 0;
}

#services-graphic div p {
  padding: 12px 0 2px 0;
  max-width: 250px;
}

#services-graphic div span.btn {
  padding: 6px 11px 7px 11px;
  margin: 1px 0 0 -11px;
}

#services-graphic div span:hover {
  background: rgba(255, 255, 255, 0.8) !important;
  color: #000;
}

#services-graphic div strong.active {
  position: relative;
}

#services-graphic div strong.active:after {
  content: "You are here!";
  position: absolute;
  top: -21px;
  left: 20px;
  text-transform: uppercase;
  color: #fff;
  background: #FF0000;
  padding: 4px 12px 3px 12px;
  font-weight: 700;
  font-size: 12px;
}

#request-a-service {
  padding: 50px 20px 90px 20px;
}

#request-a-service h2 {
  text-align: left;
}

#request-a-service strong {
  display: block;
  font-size: 44px;
  line-height: 44px;
  font-weight: 300;
  padding: 30px 0 50px 0;
  color: #fff;
}

#request-a-service strong small {
  display: block;
  font-size: 26px;
}

#request-a-service div {
  display: inline-block;
  width: 50%;
}

#request-a-service div input {
  margin: 0 10px 10px 0;
  width: 47%;
}

#request-a-service textarea {
  float: right;
  width: 50%;
  vertical-align: top;
  height: 120px;
}

#request-a-service aside {
  display: block;
  padding: 10px 0 0 0;
  color: #fff;
}

#request-a-service aside a {
  float: left;
}

#request-a-service aside > span {
  display: inline-block;
  padding: 0 0 10px 20px;
}

#request-a-service aside span b {
  display: block;
  font-weight: 300;
  padding: 0 0 5px 0;
  font-size: 13px;
  margin-top: -4px;
}

#request-a-service aside span i {
  font-weight: 400;
  display: inline-block;
  font-size: 28px;
  font-style: normal;
  padding: 0 20px 0 0;
}

#request-a-service aside span i small {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: -6px;
  text-transform: uppercase;
}

#testimonial-video, .testimonial-video {
  background: #333;
  height: 480px;
  color: #fff;
  position: relative;
}

#testimonial-video iframe, .testimonial-video iframe {
  display: inline-block;
  width: 65%;
  height: 100%;
}

#testimonial-video div, .testimonial-video div {
  position: absolute;
  width: 30%;
  padding: 30px;
  right: 0;
  bottom: 0;
}

#testimonial-video i, .testimonial-video i {
  font-size: 18px;
  display: block;
  padding: 0 0 30px 0;
}

#testimonial-video strong, .testimonial-video strong {
  font-size: 28px;
  display: block;
  color: #09c;
}

#testimonial-video b, .testimonial-video b {
  font-size: 15px;
  color: #999;
}

#testimonial-video b a, .testimonial-video b a {
  color: #999;
  text-decoration: underline;
}

#outro {
  text-align: center;
  margin-bottom: -120px;
  padding: 120px 0;
}

#outro span i {
  font-weight: 400;
  display: inline-block;
  font-size: 34px;
  font-style: normal;
  padding: 20px 20px 0 20px;
  text-align: left;
  color: #fff;
}

#outro span i small {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: -6px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1024px) {
  #request-a-service div input {
    width: 97%;
  }
  #request-a-service textarea {
    height: 250px;
  }
  #request-a-service {
    padding-left: 30px;
    padding-right: 30px;
  }
  #testimonial-video, .testimonial-video {
    height: 340px;
  }
  #testimonial-video i, .testimonial-video i {
    font-size: 16px;
  }
  #timeline:before {
    height: 230px;
    top: -215px;
  }
  #timeline:after {
    height: 230px;
    bottom: -15px;
  }
  #services-graphic {
    width: 100%;
    background: url(../../img/landing/services-bg-740.png) center 91px no-repeat;
    background-size: 740px 568px;
  }
  #services-graphic div.service-onboarding-services {
    width: 300px;
  }
  #services-graphic div.service-custom-integration {
    width: 350px;
  }
  #services-graphic div.service-integration-audit {
    left: 70px;
    top: 390px;
  }
  #services-graphic div.service-user-training {
    left: 126px;
  }
  #services-graphic div.service-maintenance-services {
    left: 484px;
  }
}
@media only screen and (max-width: 890px) {
  #testimonial-video iframe, .testimonial-video iframe {
    width: 100%;
    height: 340px;
  }
  #testimonial-video, .testimonial-video {
    height: auto;
  }
  #testimonial-video div, .testimonial-video div {
    width: auto;
    position: relative;
  }
  #request-a-service {
    margin: -50px 0;
  }
  #request-a-service strong {
    text-align: left;
  }
  #request-a-service div {
    width: 100%;
    text-align: center;
  }
  #request-a-service div input, #request-a-service textarea {
    margin: 5px;
    width: 100%;
    display: block;
    float: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #request-a-service aside a {
    float: none;
    margin-left: 5px;
    margin-right: 5px;
  }
  #request-a-service aside span {
    display: block;
    padding: 20px 5px 0 5px;
  }
}
@media only screen and (max-width: 800px) {
  .checklist li {
    padding: 0 20px 20px 40px;
    margin: 0 20px;
    width: auto !important;
  }
}
@media only screen and (max-width: 750px) {
  #services-graphic div.service-maintenance-services {
    left: auto;
    right: 0;
    width: 260px;
  }
  #services-graphic div.service-custom-integration {
    width: 322px;
  }
  #services-graphic div.service-onboarding-services {
    width: 260px;
  }
  #services-graphic div.service-user-training {
    left: 96px;
  }
  #services-graphic div.service-integration-audit {
    left: 50px;
  }
  #timeline {
    margin-top: 130px;
    height: 350px;
  }
  #timeline:before {
    height: 160px;
    top: -148px;
  }
  #timeline:after {
    height: 160px;
    bottom: -10px;
  }
  #timeline h4 {
    padding-top: 60px;
    font-size: 40px;
  }
  #timeline h4 span {
    font-size: 27px;
  }
}
@media only screen and (max-width: 650px) {
  #services-graphic {
    background: none;
    height: auto;
  }
  #services-list h4, #services-list header {
    text-align: center;
    padding: 0 20px 40px 20px;
  }
  #services-graphic div {
    position: relative !important;
    height: auto !important;
    width: 100% !important;
    top: auto !important;
    left: auto !important;
  }
  #services-graphic a {
    position: relative !important;
    height: auto !important;
    width: 100% !important;
    padding: 0 0px 40px 90px;
    display: block;
  }
  #services-graphic div p {
    max-width: 100% !important;
  }
  #services-graphic div.service-integration-audit a {
    max-width: 100%;
  }
  #services-graphic div.service-custom-integration strong, #services-graphic div.service-integration-audit strong {
    padding: 5px 10px 5px 20px;
    margin-left: -20px;
  }
  #services-graphic div.service-custom-integration strong u, #services-graphic div.service-integration-audit strong u {
    float: left;
    margin: -23px 0 0 -75px;
  }
}
@media only screen and (max-width: 520px) {
  #timeline {
    height: 300px;
  }
  #timeline:before {
    height: 140px;
    top: -130px;
  }
  #timeline:after {
    height: 140px;
    bottom: -6px;
  }
  #timeline h4 {
    padding-top: 60px;
    font-size: 32px;
  }
  #timeline h4 span {
    font-size: 22px;
  }
}
@media only screen and (max-width: 420px) {
  #timeline h4 {
    padding-top: 50px;
    font-size: 28px;
  }
  #timeline h4 span {
    font-size: 22px;
  }
}
/* shading */
.shade-orange {
  background: #f5c382;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.shade-grey {
  background: #ddd;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.shade-orange *, .shade-grey * {
  z-index: 2;
  position: relative;
}

.shade-orange:after, .shade-orange:before, .shade-grey:after, .shade-grey:before {
  width: 70%;
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  z-index: 1;
  opacity: 0.6;
}

.shade-orange > u {
  left: 0;
  right: 0;
  top: -200%;
  bottom: 0;
  position: absolute;
  content: "";
  z-index: 1;
  opacity: 0.6;
  background: -moz-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */
  background: radial-gradient(ellipse at center, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */
}

.shade-orange:after {
  right: 0;
  background: green;
  background: -moz-linear-gradient(315deg, #eb8800 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, right bottom, left top, color-stop(0%, #eb8800), color-stop(46%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(315deg, #eb8800 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(315deg, #eb8800 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(315deg, #eb8800 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
  background: linear-gradient(315deg, #eb8800 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* W3C */
}

.shade-orange:before {
  left: 0;
  background: -moz-linear-gradient(45deg, #eb8800 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #eb8800), color-stop(46%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #eb8800 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #eb8800 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #eb8800 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
  background: linear-gradient(45deg, #eb8800 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* W3C */
}

.shade-grey:after {
  right: 0;
  background: green;
  background: -moz-linear-gradient(315deg, #999 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, right bottom, left top, color-stop(0%, #999), color-stop(46%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(315deg, #999 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(315deg, #999 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(315deg, #999 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
  background: linear-gradient(315deg, #999 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* W3C */
}

.shade-grey:before {
  left: 0;
  background: -moz-linear-gradient(45deg, #999 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #999), color-stop(46%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #999 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #999 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #999 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
  background: linear-gradient(45deg, #999 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* W3C */
}

/* concept */
#concept {
  padding: 60px 0;
}

#start, #concept {
  padding-top: 0 !important;
}

#start .container {
  background: url(../img/zoomcharts-on-ipad-pro.png) right bottom no-repeat;
  min-height: 888px;
  margin-bottom: -120px;
}

#start strong, #concept strong {
  display: block;
}

#start strong i, #concept strong i {
  display: inline-block;
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  padding: 14px 24px;
  text-transform: uppercase;
  background: #f90;
  font-style: normal;
  line-height: 40px;
}

#start p, #concept p {
  display: inline-block;
  padding: 14px 24px;
  font-size: 22px;
  color: #fff;
}

#concept {
  padding: 150px 0;
  background: rgba(0, 0, 0, 0.05);
}

.bg-dark {
  background: rgba(0, 0, 0, 0.8) !important;
}

checklist {
  padding-top: 70px;
}

.checklist li {
  text-align: left;
  display: inline-block;
  width: 33%;
  padding: 0px 40px 0px 40px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}

.checklist li:after {
  position: absolute;
  top: -6px;
  left: 0px;
  content: "\f00c";
  color: #fff;
  background: #390;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-family: "FontAwesome";
  text-align: center;
}

.checklist li strong {
  display: block;
  font-size: 16px;
  padding: 0 0 8px 0;
  text-transform: uppercase;
}

.checklist b {
  display: block;
  font-size: 15px;
  opacity: 0.7;
}

/* Leave checkout survey */
#modal-leave-checkout-survey .checklist {
  padding-top: 5px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  row-gap: 25px;
}

#modal-leave-checkout-survey .checklist li {
  display: flex;
  align-items: center;
  width: auto;
}

#modal-leave-checkout-survey .checklist li:after {
  top: unset;
}

#modal-leave-checkout-survey .checklist label {
  margin-bottom: 0;
}

#modal-leave-checkout-survey .checklist input {
  margin: 0;
}

/* request a service */
.shade-blue {
  background: #09c;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.shade-dark {
  background: #333c45;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.shade-blue *, .shade-dark * {
  z-index: 2;
  position: relative;
}

.shade-blue h3, .shade-dark h3 {
  color: #fff;
}

.shade-blue:after, .shade-blue:before, .shade-dark:after, .shade-dark:before {
  width: 70%;
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  z-index: 1;
  opacity: 0.6;
}

.shade-blue u, .shade-dark u {
  left: 0;
  right: 0;
  top: -200%;
  bottom: 0;
  position: absolute;
  content: "";
  z-index: 1;
  opacity: 0.6;
  background: -moz-radial-gradient(center, ellipse cover, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgb(0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
  background: radial-gradient(ellipse at center, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */
}

.shade-blue:after, .shade-dark:after {
  right: 0;
  background: green;
  background: -moz-linear-gradient(315deg, #008fbd 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, right bottom, left top, color-stop(0%, #008fbd), color-stop(46%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(315deg, #008fbd 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(315deg, #008fbd 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(315deg, #008fbd 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
  background: linear-gradient(315deg, #008fbd 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* W3C */
}

.shade-blue:before, .shade-dark:before {
  left: 0;
  background: -moz-linear-gradient(45deg, #008fbd 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #008fbd), color-stop(46%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #008fbd 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #008fbd 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #008fbd 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
  background: linear-gradient(45deg, #008fbd 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* W3C */
}

.service-free-consultation #services-header,
.service-free-consultation .service-answers strong,
.service-free-consultation .service-when strong,
.submenu a.active.goto-free-consultation,
.submenu a.goto-free-consultation:after {
  background-color: #e5e5e5;
}

.service-onboarding-services #services-header,
.service-onboarding-services .service-answers strong,
.service-onboarding-services .service-when strong,
.submenu a.active.goto-onboarding-services,
.submenu a.goto-onboarding-services:after {
  background-color: #09c;
}

.service-custom-integration #services-header,
.service-custom-integration .service-answers strong,
.service-custom-integration .service-when strong,
.submenu a.active.goto-custom-integration,
.submenu a.goto-custom-integration:after {
  background-color: #666;
}

.service-integration-audit #services-header,
.service-integration-audit .service-answers strong,
.service-integration-audit .service-when strong,
.submenu a.active.goto-integration-audit,
.submenu a.goto-integration-audit:after {
  background-color: #96c;
}

.service-user-training #services-header,
.service-user-training .service-answers strong,
.service-user-training .service-when strong,
.submenu a.active.goto-user-training,
.submenu a.goto-user-training:after {
  background-color: #f90;
}

.service-maintenance-services #services-header,
.service-maintenance-services .service-answers strong,
.service-maintenance-services .service-when strong,
.submenu a.active.goto-maintenance-services,
.submenu a.goto-maintenance-services:after {
  background-color: #390;
}

#services-header {
  padding: 70px 0;
  background: url(../../img/landing/service-title-bg.png) left bottom no-repeat;
}

#services-header h2, #services-header h1 {
  display: inline-block;
  font-weight: 700;
  color: #333;
  padding: 12px 22px;
  text-transform: uppercase;
  font-size: 28px;
  background: #fff;
}

#services-header h4 {
  display: block;
  max-width: 700px;
  font-size: 22px;
  padding-top: 12px;
  color: #fff;
}

.service-free-consultation #services-header h4 {
  color: #333;
}

.service-answers strong, .service-when strong {
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  display: inline-block;
  padding: 14px 24px;
  text-transform: uppercase;
}

.service-answers .service-how strong {
  float: right;
}

.service-free-consultation .service-answers strong,
.service-free-consultation .service-when strong {
  color: #333;
}

.section .service-answers h2 {
  font-size: 40px;
  display: block;
  padding: 16px 20% 12px 0;
}

.section .service-answers .service-why h2 {
  text-align: left;
}

.section .service-answers .service-how h2 {
  text-align: right;
  padding: 16px 0 12px 20%;
  clear: right;
}

.section .service-answers p {
  padding: 0 50% 5px 0;
}

.section .service-answers .service-how p {
  text-align: right;
  padding: 0 0 5px 50%;
}

.service-when {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 730px;
  margin-top: 70px;
}

.service-free-consultation .service-when {
  background-image: url(../../img/landing/service-when-free-consultation.jpg);
}

.service-onboarding-services .service-when {
  background-image: url(../../img/landing/service-when-onboarding-services.jpg);
}

.service-custom-integration .service-when {
  background-image: url(../../img/landing/service-when-custom-integration.jpg);
}

.service-integration-audit .service-when {
  background-image: url(../../img/landing/service-when-integration-audit.jpg);
}

.service-user-training .service-when {
  background-image: url(../../img/landing/service-when-user-training.jpg);
}

.service-maintenance-services .service-when {
  background-image: url(../../img/landing/service-when-maintenance-services.jpg);
}

.service-when strong {
  float: left;
}

.section .service-when h2 {
  background: rgba(255, 255, 255, 0.95);
  float: left;
  clear: left;
  font-size: 40px;
  padding: 12px 22px;
  text-align: left;
}

.service-when p {
  background: rgba(255, 255, 255, 0.95);
  float: left;
  clear: left;
  padding: 0 22px 16px 22px;
  max-width: 50%;
}

#services-graphic div strong.active {
  position: relative;
}

#services-graphic div strong.active:after {
  content: "You are here!";
  position: absolute;
  top: -21px;
  left: 20px;
  text-transform: uppercase;
  color: #fff;
  background: #FF0000;
  padding: 4px 12px 3px 12px;
  font-weight: 700;
  font-size: 12px;
}

/* Services pages end */
.testimonial {
  text-align: center;
  position: relative;
  padding: 100px 0;
  margin: 0 auto;
  max-width: 600px;
}

.quote .testimonial {
  max-width: 1000px;
}

.testimonial:after {
  position: absolute;
  width: 92px;
  height: 102px;
  left: 50%;
  margin-left: -46px;
  top: 0;
  background: url(../../img/client-says.svg) center top no-repeat;
  background-size: 90px auto;
  opacity: 0.2;
  content: "";
}

.testimonial > strong {
  font-size: 22px;
  display: block;
  padding: 40px 0 20px 0;
  font-weight: 300;
}

.quote .testimonial > strong {
  font-size: 36px;
  padding: 10px 0 20px 0;
}

.testimonial i {
  font-size: 14px;
  font-style: italic;
}

.testimonial i strong {
  display: block;
  font-weight: bold;
  font-style: italic;
}

.testimonial a {
  color: #09c;
  text-decoration: underline;
}

.testimonial a:hover {
  color: #000;
}

.testimonial {
  text-align: center;
  position: relative;
  padding: 100px 0;
  margin: 0 auto;
  max-width: 600px;
}

.quote .testimonial {
  max-width: 1000px;
}

.testimonial:after {
  position: absolute;
  width: 92px;
  height: 102px;
  left: 50%;
  margin-left: -46px;
  top: 0;
  background: url(../../img/client-says.svg) center top no-repeat;
  background-size: 90px auto;
  opacity: 0.2;
  content: "";
}

.testimonial > strong {
  font-size: 22px;
  display: block;
  padding: 40px 0 20px 0;
  font-weight: 300;
}

.quote .testimonial > strong {
  font-size: 36px;
  padding: 10px 0 20px 0;
}

.testimonial i {
  font-size: 14px;
  font-style: italic;
}

.testimonial i strong {
  display: block;
  font-weight: bold;
  font-style: italic;
}

.testimonial a {
  color: #09c;
  text-decoration: underline;
}

.testimonial a:hover {
  color: #000;
}

/* request-a-trial form */
.request-a-trial-form {
  margin-right: 20px;
  margin-top: -20px;
}

.request-a-trial-padding {
  margin: 0px 10px 0 10px;
  float: left;
  width: 10%;
}

.request-a-trial-email {
  margin: 0px 10px 0 10px;
  float: left;
  width: 50%;
}

.request-a-trial-cta {
  float: left;
  width: 30%;
  margin: 0px;
  margin-top: -6px;
}

.request-a-trial-cta a {
  padding-left: 15px;
  padding-right: 15px;
}

.request-a-trial a {
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
}

@media only screen and (max-width: 600px) {
  .request-a-trial-form {
    margin-right: 0px;
  }
  .request-a-trial-padding {
    width: 0%;
  }
  .request-a-trial-email {
    width: 100%;
  }
  .request-a-trial-cta {
    width: 100%;
    text-align: center;
  }
  .request-a-trial-login {
    width: 100%;
  }
}
label.control-label.required::after, .label-required::after {
  content: "*";
  color: red;
  margin-left: 2px;
}

/* ------------ Pagination ------------  */
.zc_pagination {
  margin-top: 70px;
  margin-bottom: 50px;
}

.zc_pagination ul li:last-child {
  margin-right: 0px;
}

.zc_pagination ul li input {
  width: 32px;
  height: 32px;
  text-align: center;
  outline: none;
  border: 0px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  font-family: "OpenSansBold", sans-serif;
}

.zc_pagination .zc_disabled a {
  opacity: 0.5;
  pointer-events: none;
}

.zc_pagination ul li img {
  max-width: 24px;
}

.zc_pagination ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.zc_pagination ul li a:hover {
  border-color: #03A9F4;
  color: #03A9F4;
}

.zc_pagination ul li span {
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-family: "OpenSansBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.zc_pagination ul li a:hover img {
  filter: invert(55%) sepia(14%) saturate(5743%) hue-rotate(164deg) brightness(96%) contrast(100%);
}

.zc_pagination ul li a:focus,
.zc_pagination ul li a:active,
.zc_pagination ul li a.active {
  border-color: #3C4858;
  color: #3C4858;
}

.zc_pagination ul li a:focus img, .zc_pagination ul li a:active img {
  filter: none;
}

.zc_pagination ul li a {
  display: inline-flex;
  align-items: center;
  color: rgb(60, 72, 88);
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  font-family: "OpenSansBold", sans-serif;
  justify-content: center;
  text-decoration: none;
  min-width: 32px;
  max-width: 32px;
  transition: 0.2s ease all;
  min-height: 32px;
  max-height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.zc_pagination ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-grey {
  background-color: #E5E5E5 !important;
}

.btn-grey:hover {
  color: #000;
}

/* Meeting booked success page  */
#meeting-booked-section .success-message-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  margin-bottom: 100px;
  text-align: center;
}

#meeting-booked-section .success-message-container .icon-60 {
  width: 60px;
  height: 60px;
}

#meeting-booked-section .success-message-container p {
  font-size: 18px;
}

.hover-pointer:hover {
  cursor: pointer;
}

.sdk-checkbox-container {
  display: flex;
  align-items: center;
}

.sdk-checkbox-container label {
  margin: 0;
  padding-top: 6px;
  padding-left: 10px;
}

.checkbox-sdk {
  height: 20px;
  width: 0px;
  min-width: 20px;
  min-height: 20px;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  border: none;
}

.checkbox-sdk:hover {
  cursor: pointer;
}

.checkbox-sdk:checked:after {
  content: url('data:image/svg+xml;utf8,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7391 0.26087C12.087 0.58194 12.087 1.14381 11.7391 1.46488L4.88963 8.31438C4.56856 8.66221 4.00669 8.66221 3.68562 8.31438L0.26087 4.88963C-0.0869565 4.56856 -0.0869565 4.00669 0.26087 3.68562C0.58194 3.33779 1.14381 3.33779 1.46488 3.68562L4.27425 6.49498L10.5351 0.26087C10.8562 -0.0869565 11.4181 -0.0869565 11.7391 0.26087Z" fill="rgb(30,30,30)"/></svg>');
  position: absolute;
  height: fit-content;
  width: fit-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.checkbox-sdk:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border: 1px solid gray;
  border-radius: 3px;
}

.checkbox-sdk:focus {
  outline: none !important;
}

/* Move reCAPTCHA v3 badge to the left */
.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
  visibility:hidden;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}/*# sourceMappingURL=zoomcharts.css.map */