.anim-slow-zoom {
  transition: transform 0.3s linear;
}
.anim-slow-zoom:hover {
  transform: scale(1.2);
  transition: transform 10s linear;
}

.anim-bounce-right {
  animation: translate-right 0.8s ease-in infinite alternate;
}
@keyframes translate-right {
  100% {
    transform: translateX(40px);
  }
}

.anim-bounce-down {
  animation: translate-down 0.8s ease-in infinite alternate;
}
@keyframes translate-down {
  100% {
    transform: translateY(20px);
  }
}

.anim-bounce {
  animation: translate-down--small 1s linear infinite;
}
@keyframes translate-down--small {
  25% {
    transform: translateY(5px);
  }
  75% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}

.anim-fade-in {
  opacity: 0;
  animation: opacity-full 0.3s ease-out forwards;
}
@keyframes opacity-full {
  100% {
    opacity: 1;
  }
}

.anim-fade-out {
  animation: opacity-zero 0.3s ease-out forwards;
}
@keyframes opacity-zero {
  100% {
    opacity: 0;
  }
}

.anim-fade-out-right {
  animation: opacity-zero-translateX-right 0.3s ease-out forwards;
}
@keyframes opacity-zero-translateX-right {
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}

.anim-fade-in-out-zoom, .anim-fade-in-out-zoom--child-div div {
  opacity: 0;
  animation: fade-in-out-zoom 0.2s ease-in-out;
}
@keyframes fade-in-out-zoom {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}

.anim-width-progress {
  transform-origin: center left;
  transform: scaleX(0);
  animation: scale-width-100 0.3s linear forwards;
}
@keyframes scale-width-100 {
  to {
    transform: scaleX(1);
  }
}

.anim-width-progress-reverse {
  transform-origin: center left;
  transform: scaleX(1);
  animation: scale-width-0 0.3s linear forwards;
}
@keyframes scale-width-0 {
  to {
    transform: scaleX(0);
  }
}

.anim-bounce-up-center-top {
  left: 50%;
  top: 0;
  position: absolute;
  animation: bounce-up-once 0.3s cubic-bezier(0.17, 0.89, 0.31, 1.38) forwards;
  transform-origin: center top;
  transform: translateX(-50%) translateY(-100%) scaleY(0);
}
@keyframes bounce-up-once {
  to {
    transform: translateX(-50%) translateY(0) scaleY(1);
  }
}

.anim-highlight {
  animation: highlight-zoom 1s linear infinite;
}
@keyframes highlight-zoom {
  40% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  70% {
    transform: scale(1);
  }
}

.anim-duration--500 {
  animation-duration: 500ms;
}

.anim-delay--200 {
  animation-delay: 200ms;
}

.anim-delay--400 {
  animation-delay: 400ms;
}

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

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

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

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

.font-uppercase {
  text-transform: uppercase;
}

.font-no-underline {
  text-decoration: none;
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.pointer {
  cursor: pointer;
}

.padding {
  padding: 16px;
}

.padding-sm {
  padding: 8px;
}

.padding-xs {
  padding: 4px;
}

.padding-x2 {
  padding: 32px;
}

.padding-left {
  padding-left: 16px;
}

.padding-left-sm {
  padding-left: 8px;
}

.padding-left-xs {
  padding-left: 4px;
}

.padding-left-x2 {
  padding-left: 32px;
}

.padding-right {
  padding-right: 16px;
}

.padding-right-sm {
  padding-right: 8px;
}

.padding-right-xs {
  padding-right: 4px;
}

.padding-right-x2 {
  padding-right: 32px;
}

.padding-bottom {
  padding-bottom: 16px;
}

.padding-bottom-sm {
  padding-bottom: 8px;
}

.padding-bottom-xs {
  padding-bottom: 4px;
}

.padding-bottom-x2 {
  padding-bottom: 32px;
}

.padding-top {
  padding-top: 16px;
}

.padding-top-sm {
  padding-top: 8px;
}

.padding-top-xs {
  padding-top: 4px;
}

.padding-top-x2 {
  padding-top: 32px;
}

.margin {
  margin: 16px;
}

.margin-sm {
  margin: 8px;
}

.margin-xs {
  margin: 4px;
}

.margin-x2 {
  margin: 32px;
}

.margin-left {
  margin-left: 16px;
}

.margin-left-sm {
  margin-left: 8px;
}

.margin-left-xs {
  margin-left: 4px;
}

.margin-left-x2 {
  margin-left: 32px;
}

.margin-right {
  margin-right: 16px;
}

.margin-right-sm {
  margin-right: 8px;
}

.margin-right-xs {
  margin-right: 4px;
}

.margin-right-x2 {
  margin-right: 32px;
}

.margin-bottom {
  margin-bottom: 16px;
}

.margin-bottom-sm {
  margin-bottom: 8px;
}

.margin-bottom-xs {
  margin-bottom: 4px;
}

.margin-bottom-x2 {
  margin-bottom: 32px;
}

.margin-top {
  margin-top: 16px;
}

.margin-top-sm {
  margin-top: 8px;
}

.margin-top-xs {
  margin-top: 4px;
}

.margin-top-x2 {
  margin-top: 32px;
}

.display-none {
  display: none;
}

.block {
  display: block;
}

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

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-justify-end {
  justify-content: flex-end;
}

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

.flex-align-end {
  align-items: flex-end;
}

.flex-center-vertical {
  display: flex;
  align-items: center;
}

.flex-center-horizontal {
  display: flex;
  justify-content: center;
}

.flex-grow {
  flex-grow: 1;
}

.flex-column {
  flex-direction: column;
}

.box-24px {
  width: 24px;
  height: 24px;
}

.min-width-70px {
  min-width: 70px;
}

.hidden {
  visibility: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.opacity-50 {
  opacity: 50%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.top {
  top: 0;
}

.bottom {
  bottom: 0;
}

.right {
  right: 0;
}

.left {
  left: 0;
}

.top-100perc {
  top: 100%;
}

.bottom-100perc {
  bottom: 100%;
}

.right-100perc {
  right: 100%;
}

.translate-left-50perc {
  transform: translateX(-50%);
}

.translate-left-100perc {
  transform: translateX(-100%);
}

.translate-left-150perc {
  transform: translateX(-150%);
}

.translate-right-50perc {
  transform: translateX(50%);
}

.translate-right-100perc {
  transform: translateX(100%);
}

.translate-right-150perc {
  transform: translateX(150%);
}

.translate-top-50perc {
  transform: translateY(-50%);
}

.translate-top-100perc {
  transform: translateY(-100%);
}

.translate-top-150perc {
  transform: translateY(-150%);
}

.translate-bottom-50perc {
  transform: translateY(50%);
}

.translate-bottom-100perc {
  transform: translateY(100%);
}

.translate-bottom-150perc {
  transform: translateY(150%);
}

.absolute-center-horizontal {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.absolute-center-vertical {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.flip-horizontal {
  transform: scaleX(-1);
}

.flip-vertical {
  transform: scaleY(-1);
}

.fixed {
  position: fixed;
}

.z-index-2 {
  z-index: 2;
}

.hover--background:hover {
  background: rgba(155, 155, 155, 0.1);
}

.no-background {
  background: none;
}

.white-space-nowrap {
  white-space: nowrap;
}

.no-border {
  border: none;
}

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

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

.shadow-top-inner {
  box-shadow: inset 0px 2px 5px rgba(155, 155, 155, 0.1);
}

.hover-parent .show-on-hover {
  visibility: hidden;
}
.hover-parent:hover .show-on-hover {
  visibility: visible;
}

.bg-ad {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -10px;
}

.bg-ae {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -42px;
}

.bg-af {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -42px;
}

.bg-ag {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -10px;
}

.bg-ai {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -41px;
}

.bg-al {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -73px;
}

.bg-am {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -73px;
}

.bg-an {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -73px;
}

.bg-ao {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -10px;
}

.bg-ar {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -41px;
}

.bg-as {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -72px;
}

.bg-at {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -104px;
}

.bg-au {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -104px;
}

.bg-aw {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -104px;
}

.bg-ax {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -104px;
}

.bg-az {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -10px;
}

.bg-ba {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -41px;
}

.bg-bb {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -72px;
}

.bg-bd {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -103px;
}

.bg-be {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -135px;
}

.bg-bf {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -135px;
}

.bg-bg {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -135px;
}

.bg-bh {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -135px;
}

.bg-bi {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -135px;
}

.bg-bj {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -10px;
}

.bg-bm {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -41px;
}

.bg-bn {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -72px;
}

.bg-bo {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -103px;
}

.bg-br {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -134px;
}

.bg-bs {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -166px;
}

.bg-bt {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -166px;
}

.bg-bv {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -166px;
}

.bg-bw {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -166px;
}

.bg-by {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -166px;
}

.bg-bz {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -166px;
}

.bg-ca {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -10px;
}

.bg-catalonia {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -41px;
}

.bg-cc {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -72px;
}

.bg-cd {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -103px;
}

.bg-cf {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -134px;
}

.bg-cg {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -165px;
}

.bg-ch {
  width: 11px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -507px;
}

.bg-ci {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -197px;
}

.bg-ck {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -197px;
}

.bg-cl {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -197px;
}

.bg-cm {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -197px;
}

.bg-cn {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -197px;
}

.bg-co {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -197px;
}

.bg-cr {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -197px;
}

.bg-cs {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -228px;
}

.bg-cu {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -228px;
}

.bg-cv {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -228px;
}

.bg-cx {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -228px;
}

.bg-cy {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -228px;
}

.bg-cz {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -228px;
}

.bg-de {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -228px;
}

.bg-dj {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -10px;
}

.bg-dk {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -41px;
}

.bg-dm {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -72px;
}

.bg-do {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -103px;
}

.bg-dz {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -134px;
}

.bg-ec {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -165px;
}

.bg-ee {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -196px;
}

.bg-eg {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -227px;
}

.bg-eh {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -259px;
}

.bg-england {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -259px;
}

.bg-er {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -259px;
}

.bg-es {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -259px;
}

.bg-et {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -259px;
}

.bg-eu {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -259px;
}

.bg-fam {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -259px;
}

.bg-fi {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -259px;
}

.bg-fj {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -10px;
}

.bg-fk {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -41px;
}

.bg-fm {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -72px;
}

.bg-fo {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -103px;
}

.bg-fr {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -134px;
}

.bg-ga {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -165px;
}

.bg-gb {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -196px;
}

.bg-gd {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -227px;
}

.bg-ge {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -258px;
}

.bg-gf {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -290px;
}

.bg-gh {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -290px;
}

.bg-gi {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -290px;
}

.bg-gl {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -290px;
}

.bg-gm {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -290px;
}

.bg-gn {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -290px;
}

.bg-gp {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -290px;
}

.bg-gq {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -290px;
}

.bg-gr {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -290px;
}

.bg-gs {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -10px;
}

.bg-gt {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -41px;
}

.bg-gu {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -72px;
}

.bg-gw {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -103px;
}

.bg-gy {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -134px;
}

.bg-hk {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -165px;
}

.bg-hm {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -196px;
}

.bg-hn {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -227px;
}

.bg-hr {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -258px;
}

.bg-ht {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -289px;
}

.bg-hu {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -321px;
}

.bg-id {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -321px;
}

.bg-ie {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -321px;
}

.bg-il {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -321px;
}

.bg-in {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -321px;
}

.bg-io {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -321px;
}

.bg-iq {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -321px;
}

.bg-ir {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -321px;
}

.bg-is {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -321px;
}

.bg-it {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -321px;
}

.bg-jm {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -10px;
}

.bg-jo {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -41px;
}

.bg-jp {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -72px;
}

.bg-ke {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -103px;
}

.bg-kg {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -134px;
}

.bg-kh {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -165px;
}

.bg-ki {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -196px;
}

.bg-km {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -227px;
}

.bg-kn {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -258px;
}

.bg-kp {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -289px;
}

.bg-kr {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -320px;
}

.bg-kw {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -352px;
}

.bg-ky {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -352px;
}

.bg-kz {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -352px;
}

.bg-la {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -352px;
}

.bg-lb {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -352px;
}

.bg-lc {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -352px;
}

.bg-li {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -352px;
}

.bg-lk {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -352px;
}

.bg-lr {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -352px;
}

.bg-ls {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -352px;
}

.bg-lt {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -352px;
}

.bg-lu {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -10px;
}

.bg-lv {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -41px;
}

.bg-ly {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -72px;
}

.bg-ma {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -103px;
}

.bg-mc {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -134px;
}

.bg-md {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -165px;
}

.bg-me {
  width: 16px;
  height: 12px;
  background: url("flags.2d0d5b6c.png") -10px -10px;
}

.bg-mg {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -196px;
}

.bg-mh {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -227px;
}

.bg-mk {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -258px;
}

.bg-ml {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -289px;
}

.bg-mm {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -320px;
}

.bg-mn {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -351px;
}

.bg-mo {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -383px;
}

.bg-mp {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -383px;
}

.bg-mq {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -383px;
}

.bg-mr {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -383px;
}

.bg-ms {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -383px;
}

.bg-mt {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -383px;
}

.bg-mu {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -383px;
}

.bg-mv {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -383px;
}

.bg-mw {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -383px;
}

.bg-mx {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -383px;
}

.bg-my {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -383px;
}

.bg-mz {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -383px;
}

.bg-na {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -10px;
}

.bg-nc {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -41px;
}

.bg-ne {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -72px;
}

.bg-nf {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -103px;
}

.bg-ng {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -134px;
}

.bg-ni {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -165px;
}

.bg-nl {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -196px;
}

.bg-no {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -227px;
}

.bg-np {
  width: 9px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -257px -507px;
}

.bg-nr {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -258px;
}

.bg-nu {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -289px;
}

.bg-nz {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -320px;
}

.bg-om {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -351px;
}

.bg-pa {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -382px;
}

.bg-pe {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -414px;
}

.bg-pf {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -414px;
}

.bg-pg {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -414px;
}

.bg-ph {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -414px;
}

.bg-pk {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -414px;
}

.bg-pl {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -414px;
}

.bg-pm {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -414px;
}

.bg-pn {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -414px;
}

.bg-pr {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -414px;
}

.bg-ps {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -414px;
}

.bg-pt {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -414px;
}

.bg-pw {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -414px;
}

.bg-py {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -414px;
}

.bg-qa {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -445px;
}

.bg-re {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -445px;
}

.bg-ro {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -445px;
}

.bg-rs {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -445px;
}

.bg-ru {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -445px;
}

.bg-rw {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -445px;
}

.bg-sa {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -445px;
}

.bg-sb {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -445px;
}

.bg-sc {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -445px;
}

.bg-scotland {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -445px;
}

.bg-sd {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -445px;
}

.bg-se {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -445px;
}

.bg-sg {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -445px;
}

.bg-sh {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -10px;
}

.bg-si {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -41px;
}

.bg-sj {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -72px;
}

.bg-sk {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -103px;
}

.bg-sl {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -134px;
}

.bg-sm {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -165px;
}

.bg-sn {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -196px;
}

.bg-so {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -227px;
}

.bg-sr {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -258px;
}

.bg-st {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -289px;
}

.bg-sv {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -320px;
}

.bg-sy {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -351px;
}

.bg-sz {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -382px;
}

.bg-tc {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -413px;
}

.bg-td {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -444px;
}

.bg-tf {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -476px;
}

.bg-tg {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -476px;
}

.bg-th {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -476px;
}

.bg-tj {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -476px;
}

.bg-tk {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -476px;
}

.bg-tl {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -476px;
}

.bg-tm {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -226px -476px;
}

.bg-tn {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -262px -476px;
}

.bg-to {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -298px -476px;
}

.bg-tr {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -334px -476px;
}

.bg-tt {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -370px -476px;
}

.bg-tv {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -406px -476px;
}

.bg-tw {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -442px -476px;
}

.bg-tz {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -478px -476px;
}

.bg-ua {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -10px;
}

.bg-ug {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -41px;
}

.bg-um {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -72px;
}

.bg-us {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -103px;
}

.bg-uy {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -134px;
}

.bg-uz {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -165px;
}

.bg-va {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -196px;
}

.bg-vc {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -227px;
}

.bg-ve {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -258px;
}

.bg-vg {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -289px;
}

.bg-vi {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -320px;
}

.bg-vn {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -351px;
}

.bg-vu {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -382px;
}

.bg-wales {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -413px;
}

.bg-wf {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -444px;
}

.bg-ws {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -514px -475px;
}

.bg-xx {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -10px -507px;
}

.bg-ye {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -46px -507px;
}

.bg-yt {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -82px -507px;
}

.bg-za {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -118px -507px;
}

.bg-zm {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -154px -507px;
}

.bg-zw {
  width: 16px;
  height: 11px;
  background: url("flags.2d0d5b6c.png") -190px -507px;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#app {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

#notifications {
  pointer-events: none;
  width: 50%;
  z-index: 1500;
}
#notifications > * {
  pointer-events: all;
}

@media only screen and (max-width: 960px) {
  .sidebar .MuiListItemIcon-root {
    min-width: 32px;
    display: flex;
    justify-content: center;
  }
  .sidebar .MuiListSubheader-gutters {
    padding: 0;
    padding-left: 10px;
  }
  .sidebar .MuiFormControl-root {
    width: 100%;
  }
  .sidebar .MuiSelect-select {
    padding-right: 0px;
    padding-left: 0px;
  }
  .sidebar .MuiSelect-select .MuiAvatar-root {
    transform: translateX(-4px);
  }
}
.site-area {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
}
.site-area .heatmap-layer, .site-area .playback-layer, .site-area .iframe-layer {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
}
.site-area .iframe-layer {
  border: none;
  background: white;
  display: block;
}
.site-area .playback-layer {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.site-area .playback-layer #playback-cursor {
  transition: transform 0.3s linear;
}
.site-area .playback-layer .playback-click-marker {
  -webkit-border-radius: 50px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 50px;
  -moz-border-radius-topleft: 0;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.5), 3px 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: 50px;
  border-top-left-radius: 0;
  padding: 2px 5px;
  font-family: Arial;
  font-size: 9px;
  position: absolute;
  background: #c0db7e;
  opacity: 0.7;
  border: 1px solid white;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
  font-weight: bold;
  transition: opacity 0.3s linear;
}
.site-area .playback-layer .playback-click-marker:last-of-type {
  background: #f52034;
  opacity: 1;
}
.site-area .playback-layer .playback-click-marker:nth-last-of-type(2) {
  background: #bc5cd3;
  opacity: 0.95;
}
.site-area .playback-layer .playback-click-marker:nth-last-of-type(3) {
  background: #897ed1;
  opacity: 0.9;
}
.site-area .playback-layer .playback-click-marker:nth-last-of-type(4) {
  background: #7eb3d1;
  opacity: 0.8;
}
.site-area .playback-layer .playback-click-marker.isRightClick:after {
  content: " RIGHT CLICK";
}
.site-area .playback-layer #playback-click-circle {
  width: 30px;
  height: 30px;
  top: -15px;
  left: -15px;
}
.site-area .playback-layer #playback-click-circle div {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  background: red;
}
.site-area .heatmap-layer {
  pointer-events: none;
  width: 100%;
  height: 100%;
  background: rgba(210, 200, 200, 0.1);
}
.site-area .heatmap-el {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

.linear-loader-placeholder {
  height: 4px;
  margin-top: -4px;
}

.visitors .MuiTableCell-root {
  padding: 6px;
}

.dashboard-users-table {
  width: initial;
}
.dashboard-users-table .small-column {
  width: 10%;
}
.dashboard-users-table .MuiTableBody-root .MuiTableRow-root:not(.no-hover):hover {
  background: rgba(155, 155, 155, 0.1);
}
.dashboard-users-table .MuiTableBody-root .MuiTableRow-root:not(.no-hover):hover .show-on-hover {
  visibility: visible;
}

.with-segment {
  margin-top: 50px;
}

.logo--small {
  height: 25px;
  width: 100px;
  margin-bottom: -10px;
}

.icon--small {
  font-size: 16px;
}