@charset "UTF-8";

body.compensate-for-scrollbar {
  overflow: hidden
}

.fancybox-active {
  height: auto
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute!important;
  top: -9999px;
  visibility: hidden
}

.fancybox-container {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992
}

.fancybox-container * {
  box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease,visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  transition: opacity .25s ease 0s,visibility 0s ease 0s;
  visibility: visible
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.fancybox-toolbar {
  right: 0;
  top: 0
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden
}

.fancybox-slide {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform,opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
  display: block
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0
}

.fancybox-slide--image:before {
  display: none
}

.fancybox-slide--html {
  padding: 6px
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(.5,0,.14,1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform,opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
  cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing
}

.fancybox-container [data-selectable=true] {
  cursor: text
}

.fancybox-image,.fancybox-spaceball {
  background: 0 0;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.fancybox-spaceball {
  z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%
}

.fancybox-slide--video .fancybox-content {
  background: #000
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff
}

.fancybox-iframe,.fancybox-video {
  background: 0 0;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%
}

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0
}

.fancybox-button {
  background: rgba(30,30,30,.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
  color: #ccc
}

.fancybox-button:hover {
  color: #fff
}

.fancybox-button:focus {
  outline: 0
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: 0
}

.fancybox-button div {
  height: 100%
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
  display: none
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998
}

.fancybox-close-small {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none
}

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px
}

.fancybox-navigation .fancybox-button div {
  padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right)
}

.fancybox-caption {
  background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996
}

@supports (padding: max(0px)) {
  .fancybox-caption {
      padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
  }
}

.fancybox-caption--separate {
  margin-top: -50px
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline
}

.fancybox-loading {
  animation: a 1s linear infinite;
  background: 0 0;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999
}

@keyframes a {
  to {
      transform: rotate(1turn)
  }
}

.fancybox-animated {
  transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
  .fancybox-slide {
      padding-left:6px;
      padding-right: 6px
  }

  .fancybox-slide--image {
      padding: 6px 0
  }

  .fancybox-close-small {
      right: -6px
  }

  .fancybox-slide--image .fancybox-close-small {
      background: #4e4e4e;
      color: #f2f4f6;
      height: 36px;
      opacity: 1;
      padding: 6px;
      right: 0;
      top: 0;
      width: 36px
  }

  .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px
  }

  @supports (padding: max(0px)) {
      .fancybox-caption {
          padding-left:max(12px,env(safe-area-inset-left));
          padding-right: max(12px,env(safe-area-inset-right))
      }
  }
}

.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px
}

.fancybox-share p {
  margin: 0;
  padding: 0
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
  color: #fff
}

.fancybox-share__button:hover {
  text-decoration: none
}

.fancybox-share__button--fb {
  background: #3b5998
}

.fancybox-share__button--fb:hover {
  background: #344e86
}

.fancybox-share__button--pt {
  background: #bd081d
}

.fancybox-share__button--pt:hover {
  background: #aa0719
}

.fancybox-share__button--tw {
  background: #1da1f2
}

.fancybox-share__button--tw:hover {
  background: #0d95e8
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px
}

.fancybox-share__button svg path {
  fill: #fff
}

.fancybox-share__input {
  background: 0 0;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: 0;
  padding: 10px 15px;
  width: 100%
}

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  width: 212px;
  z-index: 99995
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0,0,0,.1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px
}

.fancybox-thumbs__list a:before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .2s cubic-bezier(.25,.46,.45,.94);
  z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
  opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
  opacity: 1
}

@media (max-width: 576px) {
  .fancybox-thumbs {
      width:110px
  }

  .fancybox-show-thumbs .fancybox-inner {
      right: 110px
  }

  .fancybox-thumbs__list a {
      max-width: calc(100% - 10px)
  }
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}


[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
  cursor: pointer
}

.img-fluid {
  max-width: 100%;
  height: auto
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 576px) {
  .container,.container-sm {
      max-width:540px
  }
}

@media (min-width: 768px) {
  .container,.container-md,.container-sm {
      max-width:720px
  }
}

@media (min-width: 992px) {
  .container,.container-lg,.container-md,.container-sm {
      max-width:960px
  }
}

@media (min-width: 1200px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl {
      max-width:1140px
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  /* margin-right: -15px;
  margin-left: -15px */
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px
}

/* .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
} */

.row-cols-1>* {
  flex: 0 0 100%;
  max-width: 100%
}

.row-cols-2>* {
  flex: 0 0 50%;
  max-width: 50%
}

.row-cols-3>* {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.row-cols-4>* {
  flex: 0 0 25%;
  max-width: 25%
}

.row-cols-5>* {
  flex: 0 0 20%;
  max-width: 20%
}

.row-cols-6>* {
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  order: -1
}

.order-last {
  order: 13
}

.order-0 {
  order: 0
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-4 {
  order: 4
}

.order-5 {
  order: 5
}

.order-6 {
  order: 6
}

.order-7 {
  order: 7
}

.order-8 {
  order: 8
}

.order-9 {
  order: 9
}

.order-10 {
  order: 10
}

.order-11 {
  order: 11
}

.order-12 {
  order: 12
}

.offset-1 {
  margin-left: 8.33333%
}

.offset-2 {
  margin-left: 16.66667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333%
}

.offset-5 {
  margin-left: 41.66667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333%
}

.offset-8 {
  margin-left: 66.66667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333%
}

.offset-11 {
  margin-left: 91.66667%
}

@media (min-width: 576px) {
  .col-sm {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .row-cols-sm-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-sm-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-sm-3>* {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .row-cols-sm-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-sm-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-sm-6>* {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-sm-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-sm-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-sm-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-sm-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-sm-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-sm-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-sm-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-sm-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-sm-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-sm-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-sm-first {
      order: -1
  }

  .order-sm-last {
      order: 13
  }

  .order-sm-0 {
      order: 0
  }

  .order-sm-1 {
      order: 1
  }

  .order-sm-2 {
      order: 2
  }

  .order-sm-3 {
      order: 3
  }

  .order-sm-4 {
      order: 4
  }

  .order-sm-5 {
      order: 5
  }

  .order-sm-6 {
      order: 6
  }

  .order-sm-7 {
      order: 7
  }

  .order-sm-8 {
      order: 8
  }

  .order-sm-9 {
      order: 9
  }

  .order-sm-10 {
      order: 10
  }

  .order-sm-11 {
      order: 11
  }

  .order-sm-12 {
      order: 12
  }

  .offset-sm-0 {
      margin-left: 0
  }

  .offset-sm-1 {
      margin-left: 8.33333%
  }

  .offset-sm-2 {
      margin-left: 16.66667%
  }

  .offset-sm-3 {
      margin-left: 25%
  }

  .offset-sm-4 {
      margin-left: 33.33333%
  }

  .offset-sm-5 {
      margin-left: 41.66667%
  }

  .offset-sm-6 {
      margin-left: 50%
  }

  .offset-sm-7 {
      margin-left: 58.33333%
  }

  .offset-sm-8 {
      margin-left: 66.66667%
  }

  .offset-sm-9 {
      margin-left: 75%
  }

  .offset-sm-10 {
      margin-left: 83.33333%
  }

  .offset-sm-11 {
      margin-left: 91.66667%
  }
}

@media (min-width: 768px) {
  .col-md {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .row-cols-md-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-md-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-md-3>* {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .row-cols-md-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-md-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-md-6>* {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-md-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-md-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-md-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-md-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-md-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-md-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-md-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-md-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-md-first {
      order: -1
  }

  .order-md-last {
      order: 13
  }

  .order-md-0 {
      order: 0
  }

  .order-md-1 {
      order: 1
  }

  .order-md-2 {
      order: 2
  }

  .order-md-3 {
      order: 3
  }

  .order-md-4 {
      order: 4
  }

  .order-md-5 {
      order: 5
  }

  .order-md-6 {
      order: 6
  }

  .order-md-7 {
      order: 7
  }

  .order-md-8 {
      order: 8
  }

  .order-md-9 {
      order: 9
  }

  .order-md-10 {
      order: 10
  }

  .order-md-11 {
      order: 11
  }

  .order-md-12 {
      order: 12
  }

  .offset-md-0 {
      margin-left: 0
  }

  .offset-md-1 {
      margin-left: 8.33333%
  }

  .offset-md-2 {
      margin-left: 16.66667%
  }

  .offset-md-3 {
      margin-left: 25%
  }

  .offset-md-4 {
      margin-left: 33.33333%
  }

  .offset-md-5 {
      margin-left: 41.66667%
  }

  .offset-md-6 {
      margin-left: 50%
  }

  .offset-md-7 {
      margin-left: 58.33333%
  }

  .offset-md-8 {
      margin-left: 66.66667%
  }

  .offset-md-9 {
      margin-left: 75%
  }

  .offset-md-10 {
      margin-left: 83.33333%
  }

  .offset-md-11 {
      margin-left: 91.66667%
  }
}

@media (min-width: 992px) {
  .col-lg {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .row-cols-lg-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-lg-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-lg-3>* {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .row-cols-lg-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-lg-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-lg-6>* {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-lg-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-lg-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-lg-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-lg-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-lg-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-lg-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-lg-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-lg-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-lg-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-lg-first {
      order: -1
  }

  .order-lg-last {
      order: 13
  }

  .order-lg-0 {
      order: 0
  }

  .order-lg-1 {
      order: 1
  }

  .order-lg-2 {
      order: 2
  }

  .order-lg-3 {
      order: 3
  }

  .order-lg-4 {
      order: 4
  }

  .order-lg-5 {
      order: 5
  }

  .order-lg-6 {
      order: 6
  }

  .order-lg-7 {
      order: 7
  }

  .order-lg-8 {
      order: 8
  }

  .order-lg-9 {
      order: 9
  }

  .order-lg-10 {
      order: 10
  }

  .order-lg-11 {
      order: 11
  }

  .order-lg-12 {
      order: 12
  }

  .offset-lg-0 {
      margin-left: 0
  }

  .offset-lg-1 {
      margin-left: 8.33333%
  }

  .offset-lg-2 {
      margin-left: 16.66667%
  }

  .offset-lg-3 {
      margin-left: 25%
  }

  .offset-lg-4 {
      margin-left: 33.33333%
  }

  .offset-lg-5 {
      margin-left: 41.66667%
  }

  .offset-lg-6 {
      margin-left: 50%
  }

  .offset-lg-7 {
      margin-left: 58.33333%
  }

  .offset-lg-8 {
      margin-left: 66.66667%
  }

  .offset-lg-9 {
      margin-left: 75%
  }

  .offset-lg-10 {
      margin-left: 83.33333%
  }

  .offset-lg-11 {
      margin-left: 91.66667%
  }
}

@media (min-width: 1200px) {
  .col-xl {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .row-cols-xl-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-xl-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-xl-3>* {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .row-cols-xl-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-xl-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-xl-6>* {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-xl-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-xl-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-xl-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-xl-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-xl-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-xl-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-xl-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-xl-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-xl-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-xl-first {
      order: -1
  }

  .order-xl-last {
      order: 13
  }

  .order-xl-0 {
      order: 0
  }

  .order-xl-1 {
      order: 1
  }

  .order-xl-2 {
      order: 2
  }

  .order-xl-3 {
      order: 3
  }

  .order-xl-4 {
      order: 4
  }

  .order-xl-5 {
      order: 5
  }

  .order-xl-6 {
      order: 6
  }

  .order-xl-7 {
      order: 7
  }

  .order-xl-8 {
      order: 8
  }

  .order-xl-9 {
      order: 9
  }

  .order-xl-10 {
      order: 10
  }

  .order-xl-11 {
      order: 11
  }

  .order-xl-12 {
      order: 12
  }

  .offset-xl-0 {
      margin-left: 0
  }

  .offset-xl-1 {
      margin-left: 8.33333%
  }

  .offset-xl-2 {
      margin-left: 16.66667%
  }

  .offset-xl-3 {
      margin-left: 25%
  }

  .offset-xl-4 {
      margin-left: 33.33333%
  }

  .offset-xl-5 {
      margin-left: 41.66667%
  }

  .offset-xl-6 {
      margin-left: 50%
  }

  .offset-xl-7 {
      margin-left: 58.33333%
  }

  .offset-xl-8 {
      margin-left: 66.66667%
  }

  .offset-xl-9 {
      margin-left: 75%
  }

  .offset-xl-10 {
      margin-left: 83.33333%
  }

  .offset-xl-11 {
      margin-left: 91.66667%
  }
}

.align-items-center {
  align-items: center!important
}

.justify-content-md-center {
  justify-content: center!important
}

.mt-5,.my-5 {
  margin-top: 3rem!important
}

.text-left {
  text-align: left!important
}

.text-right {
  text-align: right!important
}

.text-center {
  text-align: center!important
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

@font-face {
  font-family: slick;
  src: url(https://site.moip.com.br/hubfs/raw_assets/public/moip-theme/css/fonts/slick.eot);
  src: url(https://site.moip.com.br/hubfs/raw_assets/public/moip-theme/css/fonts/slick.eot?#iefix) format("embedded-opentype"),url(https://site.moip.com.br/hubfs/raw_assets/public/moip-theme/css/fonts/slick.woff) format("woff"),url(https://site.moip.com.br/hubfs/raw_assets/public/moip-theme/css/fonts/slick.ttf) format("truetype"),url(https://site.moip.com.br/hubfs/raw_assets/public/moip-theme/css/fonts/slick.svg#slick) format("svg");
  font-weight: 400;
  font-style: normal
}

.slick-next,.slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  padding: 0;
  border: 0;
  outline: 0
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
  outline: 0;
  background: 0 0;
  color: transparent
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:focus,.slick-dots li button:hover {
  outline: 0
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}

.fancybox-bg {
  width: unset;
  height: unset
}

.image-icon {
  display: inline-block;
  position: relative;
  margin-right: 40px;
  margin-bottom: 60px
}

.image-icon img {
  z-index: 1;
  border-radius: 10px
}

.image-icon .special-icon {
  position: absolute;
  bottom: -45px;
  right: -39px;
  z-index: 2;
  background-color: #fff;
  padding: 13px 22px;
  border-radius: 5px;
  box-shadow: 0 4px 13px 0 rgba(0,0,0,.08);
  border-bottom: 2px solid #eb6e00
}

.hidden {
  display: none!important
}

.align-right .image-icon {
  margin-right: 0;
  margin-left: 40px
}

.align-right .image-icon .special-icon {
  right: unset;
  left: -39px
}

.section-title h2 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 50px
}
@media (max-width: 640px) {
  .section-title h2 {
    font-size: 24px;
  }
}

.cta-wrapper {
  margin-top: 30px
}

.cta {
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.cta.cta-center {
  align-items: center
}

.cta.blue a {
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background-image: linear-gradient(to right,#04127c 0,#6069ac 50%,#04127c 100%);
  background-size: 200% auto;
  position: relative;
  display: inline-block;
  padding: 10px 48px 9px 32px;
  transition: .2s ease;
  border: 0;
  border-radius: 1000px;
  font-size: 16px
}

.cta.blue a::before {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  content: "";
  transition: right .2s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent
}

.cta.blue a:hover {
  background-position: right center
}

.cta.blue a:hover::before {
  right: 11px
}

.cta.blue.green a {
  background-image: linear-gradient(to right,#65b3a4 0,#65b3a4 50%,#65b3a4 100%)
}

@keyframes pulse {
  0% {
      transform: scale(0.95);
      box-shadow: 0 0 #65b3a4
  }

  70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(0,0,0,0)
  }

  100% {
      transform: scale(0.95);
      box-shadow: 0 0 rgba(0,0,0,0)
  }
}

section.experiencia {
  position: relative
}

section.experiencia .bg-experiencia {
  background-image: url(/es_AR/global/solutions/biometricas/common/img/biometricas-2023/pag-safer-cities/bg-segmentos.png);
  background-position: center center;
  background-repeat: no-repeat
}

section.experiencia .bg-experiencia>.row {
  min-height: 534px;
  position: relative
}

section.experiencia .bg-experiencia .target {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1
}

section.experiencia .bg-experiencia .target .target-experiencia {
  position: absolute;
  z-index: 10
}

section.experiencia .bg-experiencia .target .target-experiencia a {
  border: 0;
  background: 0 0;
  display: block;
  height: 29px;
  width: 29px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

section.experiencia .bg-experiencia .target .target-experiencia a::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 29px;
  height: 29px;
  font-family: slick;
  line-height: 20px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #04127c;
  font-size: 14px;
  opacity: 1;
  border: 3px solid #65b3a4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(1);
  animation: pulse 2s infinite;
  z-index: 10
}

section.experiencia .bg-experiencia .target .target-experiencia.one {
  top: 40%;
  left: 15%
}

section.experiencia .bg-experiencia .target .target-experiencia.two {
  top: 43%;
  left: 23.5%
}

section.experiencia .bg-experiencia .target .target-experiencia.three {
  top: 17%;
  left: 33%
}

section.experiencia .bg-experiencia .target .target-experiencia.four {
  top: 13%;
  left: 46%
}

section.experiencia .bg-experiencia .target .target-experiencia.five {
  top: 28%;
  left: 55%
}

section.experiencia .bg-experiencia .target .target-experiencia.six {
  top: 40%;
  left: 66%
}

section.experiencia .bg-experiencia .target .target-experiencia.seven {
  top: 39%;
  left: 75.5%
}

section.experiencia .bg-experiencia .target .target-experiencia.eight {
  top: 45%;
  left: 83.5%
}

section.experiencia .bg-experiencia .target .information {
  position: absolute;
  max-width: 190px;
  text-align: center;
  display: block
}

section.experiencia .bg-experiencia .target .information .text-information {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px
}

section.experiencia .bg-experiencia .target .information.one {
  top: 100px;
  left: 13.5%
}

section.experiencia .bg-experiencia .target .information.two {
  top: 120px;
  left: 20.2%
}

section.experiencia .bg-experiencia .target .information.three {
  top: -15px;
  left: 25.7%
}

section.experiencia .bg-experiencia .target .information.four {
  top: -35px;
  left: 38.8%
}

section.experiencia .bg-experiencia .target .information.five {
  top: 45px;
  left: 51.4%
}

section.experiencia .bg-experiencia .target .information.six {
  top: 100px;
  left: 56.8%
}

section.experiencia .bg-experiencia .target .information.seven {
  top: 110px;
  left: 68.2%
}

section.experiencia .bg-experiencia .target .information.seven::after {
  height: 100px;
  bottom: -105px
}

section.experiencia .bg-experiencia .target .information.eight {
  top: 130px;
  left: 83.2%
}

section.experiencia .bg-experiencia .target .information.eight::after {
  height: 130px;
  bottom: -133px
}

#arvore svg {
  /* width: 1920px!important;
  height: 534px!important; */
  position: absolute;
  top: 8px;
  left: 0;
  z-index: 0
}

#carros svg {
  /* width: 1920px!important;
  height: 534px!important; */
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 0
}

#nuvem svg {
  /* width: 1920px!important;
  height: 534px!important; */
  position: absolute;
  top: -14px;
  left: 0
}

@media (max-width: 1919.98px) {
  #arvore svg {
    top: 30px;
  }
  
  #carros svg {
    top: 25px;
  }
  
  #nuvem svg {
    top: -35px;
  }
}

@media (max-width: 1719.98px) {
  #arvore svg {
    top: 40px;
  }
  
  #carros svg {
    top: 40px;
  }
  
  #nuvem svg {
    top: -50px;
  }
}

@media (max-width: 1519.98px) {
  #arvore svg {
    top: 60px;
  }
  
  #carros svg {
    top: 60px;
  }
  
  #nuvem svg {
    top: -70px;
  }
}

@media (max-width: 1319.98px) {
  #arvore svg {
    top: 80px;
  }
  
  #carros svg {
    top: 90px;
  }
  
  #nuvem svg {
    top: -90px;
  }
}

section.description-experiencia {
  background-color: #f2f2f2;
  padding: 20px 0
}

section.description-experiencia .description-wrapper {
  padding: 80px 0
}

section.description-experiencia .description-wrapper p {
  margin-bottom: 2rem
}

section.history {
  padding-bottom: 100px;
}

section.history .timeline-wrapper {
  padding: 60px 0
}

section.history .timeline-wrapper .timeline-iten {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  text-align: center
}

section.history .timeline-wrapper .timeline-iten .year {
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 20px;
  position: relative
}

section.history .timeline-wrapper .timeline-iten .year::after {
  content: url(/es_AR/global/solutions/biometricas/common/img/biometricas-2023/pag-safer-cities/bar.png);
  position: absolute;
  bottom: -25px;
  left: 50%
}

section.history .timeline-wrapper .timeline-iten .icon-wrapper {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}

section.history .timeline-wrapper .timeline-iten .icon-wrapper .icon {
  z-index: 2;
  background-color: #fff;
  padding: 1px 3px;
  position: absolute
}

section.history .timeline-wrapper .timeline-iten .icon-wrapper .icon .circle {
  background: #ccc;
  border: 8px solid #f2f2f2;
  border-radius: 50%;
  height: 31px;
  width: 31px
}

section.history .timeline-wrapper .timeline-iten .icon-wrapper .bar {
  height: 15px;
  width: 100%;
  background-color: #000a5d;
  position: absolute;
  z-index: 1
}

section.history .timeline-wrapper .timeline-iten.slick-current {
  font-size: 20px
}

section.history .timeline-wrapper .timeline-iten.slick-current .icon-wrapper .icon .circle {
  background: #fff;
  border: 8px solid #65b3a4
}

section.history .timeline-history-wrapper {
  background-color: #f2f2f2
}

section.history .timeline-history-wrapper .timeline-history-item .row {
  margin-right: 15px;
  margin-left: 15px;
  padding-bottom: 21px;
  border-bottom: 1px solid #ccc
}

section.history .timeline-history-wrapper .timeline-history-item .row:last-child {
  border-bottom: unset
}

section.history .timeline-history-wrapper .timeline-history-item .special-icon {
  position: relative;
  bottom: unset;
  right: unset;
  z-index: 1;
  background-color: #fff;
  padding: 9px 15px;
  border-radius: 5px;
  box-shadow: 0 4px 13px 0 rgba(0,0,0,.08);
  border-bottom: 2px solid #eb6e00
}

@media (max-width: 1199.98px) {
  #arvore svg {
      /* width:1140px!important;
      height: 534px!important; */
      position: absolute;
      top: 120px;
      left: 0
  }

  #carros svg {
      /* width: 1140px!important;
      height: 534px!important; */
      position: absolute;
      top: 130px;
      left: 0
  }

  #nuvem svg {
      /* width: 1140px!important;
      height: 534px!important; */
      position: absolute;
      top: 10px;
      left: 0
  }

  section.experiencia .bg-experiencia {
      margin-top: 50px;
      background-size: 195%;
      background-position: center center
  }

  section.experiencia .bg-experiencia .target {
      max-width: calc(100%)
  }

  section.experiencia .bg-experiencia .target .information {
      max-width: 160px
  }

  section.experiencia .bg-experiencia .target .information .text-information {
      font-size: 16px;
      line-height: 18px
  }

  section.experiencia .bg-experiencia .target .target-experiencia.one {
      top: 41%;
      left: 9.5%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.two {
      top: 42%;
      left: 20%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.three {
      top: 14%;
      left: 31%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.four {
      top: 6%;
      left: 45%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.five {
      top: 25%;
      left: 55.5%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.six {
      top: 41%;
      left: 67%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.seven {
      top: 39%;
      left: 80%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.eight {
      top: 45%;
      left: 88.9%
  }

  section.experiencia .bg-experiencia .target .information.one {
      top: 106px;
      left: 7.5%
  }

  section.experiencia .bg-experiencia .target .information.two {
      top: 110px;
      left: 16.7%
  }

  section.experiencia .bg-experiencia .target .information.three {
      top: -23px;
      left: 25.1%
  }

  section.experiencia .bg-experiencia .target .information.four {
      top: -70px;
      left: 39.1%
  }

  section.experiencia .bg-experiencia .target .information.five {
      top: 32px;
      left: 51.7%
  }

  section.experiencia .bg-experiencia .target .information.six {
      top: 114px;
      left: 61.1%
  }

  section.experiencia .bg-experiencia .target .information.seven {
      top: 110px;
      left: 74.1%
  }

  section.experiencia .bg-experiencia .target .information.eight {
      top: 141px;
      left: 87.7%
  }

  section.rodape-cta::before {
      content: unset
  }
}

@media (max-width: 991.98px) {
  section.experiencia .bg-experiencia {
      background-size:210%
  }

  section.experiencia .bg-experiencia>.row {
      min-height: 445px
  }

  section.experiencia .bg-experiencia .target .target-experiencia.one {
      top: 39%;
      left: 6%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.two {
      top: 41%;
      left: 17.5%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.three {
      top: 9%;
      left: 29.5%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.four {
      top: 2%;
      left: 44%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.five {
      top: 22%;
      left: 56%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.six {
      top: 38%;
      left: 66%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.seven {
      top: 35%;
      left: 82%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.eight {
      top: 44%;
      left: 91.5%
  }

  section.experiencia .bg-experiencia .target .information.one {
      top: -35px;
      left: 3%
  }

  section.experiencia .bg-experiencia .target .information.two {
      top: -45px;
      left: 10%
  }

  section.experiencia .bg-experiencia .target .information.three {
      top: -90px;
      left: 22%
  }

  section.experiencia .bg-experiencia .target .information.four {
      top: -100px;
      left: 36%
  }

  section.experiencia .bg-experiencia .target .information.five {
      top: -80px;
      left: 48%
  }

  section.experiencia .bg-experiencia .target .information.six {
      top: -40px;
      left: 58%
  }

  section.experiencia .bg-experiencia .target .information.seven {
      top: -45px;
      left: 74%
  }

  section.experiencia .bg-experiencia .target .information.eight {
      top: -40px;
      left: 85.5%
  }
}

@media (max-width: 767.98px) {
  #arvore svg,#carros svg,#nuvem svg {
      display:none
  }

  .hidden {
      display: none!important
  }

  section.experiencia .bg-experiencia {
      background-size: 210%
  }

  section.experiencia .bg-experiencia>.row {
      min-height: 340px
  }

  section.experiencia .bg-experiencia .target .information.one::after {
      height: 60px;
      bottom: -65px
  }

  section.experiencia .bg-experiencia .target .information.two {
      top: -45px;
      left: 8%
  }

  section.experiencia .bg-experiencia .target .information.two::after {
      height: 80px;
      bottom: -85px
  }

  section.experiencia .bg-experiencia .target .information.three {
      top: -95px;
      left: 20%
  }

  section.experiencia .bg-experiencia .target .information.four {
      top: -100px;
      left: 34%
  }

  section.experiencia .bg-experiencia .target .information.five {
      top: -89px;
      left: 46%
  }

  section.experiencia .bg-experiencia .target .information.six {
      top: -40px;
      left: 56%
  }

  section.experiencia .bg-experiencia .target .information.six::after {
      height: 60px;
      bottom: -70px
  }

  section.experiencia .bg-experiencia .target .information.seven {
      top: -45px;
      left: 72%
  }

  section.experiencia .bg-experiencia .target .information.seven::after {
      height: 70px;
      bottom: -70px
  }

  section.experiencia .bg-experiencia .target .information.eight::after {
      height: 80px;
      bottom: -80px
  }

  section.list-menu .container ul {
      flex-direction: column;
      align-items: center;
      text-align: center;
      position: relative;
      display: none
  }

  section.list-menu .container ul li::after {
      content: unset
  }

  section.list-menu .container ul li a {
      padding: 10px
  }

  section.list-menu .container ul.active {
      display: block
  }

  section.list-menu button {
      border: 0;
      display: block!important
  }

  section.list-menu button::before {
      content: "";
      background-image: url(/es_AR/global/solutions/biometricas/common/img/cities-2022/lista-de-reproducao.png);
      width: 16px;
      height: 16px;
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 1
  }

  section.tecnologias-autenticacion .tecnologias-autenticacion-wrapper .tec-aut-items {
      width: calc(100% / 2 - (2 * 18px))
  }

  body#cities-biometrias section.main-banner {
      background-size: cover;
      background-position: unset
  }

  body#cities-biometrias .image-in-text .image-icon.image-icon.float-left {
      float: none!important;
      margin-right: 40px;
      margin-bottom: 70px
  }

  body#cities-biometrias .image-in-text .image-icon.image-icon.float-right {
      float: none!important;
      margin-left: 40px;
      margin-bottom: 70px
  }
}

@media (max-width: 575.98px) {
  section.experiencia .bg-experiencia {
      margin-top:120px
  }

  section.experiencia .bg-experiencia>.row {
      min-height: 250px
  }

  section.experiencia .bg-experiencia .target .target-experiencia.one {
      top: 34%;
      left: 4%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.two {
      top: 36%;
      left: 15.5%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.three {
      top: 10%;
      left: 28%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.four {
      top: 2%;
      left: 42%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.five {
      top: 14%;
      left: 55%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.six {
      top: 33%;
      left: 65%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.seven {
      top: 29%;
      left: 80.5%
  }

  section.experiencia .bg-experiencia .target .target-experiencia.eight {
      top: 38%;
      left: 90.7%
  }

  section.experiencia .bg-experiencia .target .information.one {
      top: -80px;
      left: 0
  }

  section.experiencia .bg-experiencia .target .information.two {
      top: -95px;
      left: 0
  }

  section.experiencia .bg-experiencia .target .information.three {
      top: -100px;
      left: 12%
  }

  section.experiencia .bg-experiencia .target .information.three::after {
      height: 21px;
      bottom: -27px
  }

  section.experiencia .bg-experiencia .target .information.four {
      top: -106px;
      left: 26%
  }

  section.experiencia .bg-experiencia .target .information.four::after {
      height: 9px;
      bottom: -10px
  }

  section.experiencia .bg-experiencia .target .information.five {
      top: -110px;
      left: 39%
  }

  section.experiencia .bg-experiencia .target .information.five::after {
      height: 39px;
      bottom: -45px
  }

  section.experiencia .bg-experiencia .target .information.six {
      top: -90px;
      left: 49%
  }

  section.experiencia .bg-experiencia .target .information.seven {
      top: -95px;
      left: 65%
  }

  section.experiencia .bg-experiencia .target .information.eight {
      top: -85px;
      left: 78.5%
  }

  section.experiencia .bg-experiencia .target .information.eight::after {
      margin-left: 18px
  }

  section.tecnologias-autenticacion .tecnologias-autenticacion-wrapper .tec-aut-items {
      width: calc(100% - 18px)
  }
}

@media (min-width: 1300px) {
  main.id-social .container.big-container {
      max-width:1280px
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px),print {
  .mod-media-horizontal > .freehtml_content {
    width: 60vw;
  }

  .mod-media-horizontal > .freehtml_content > .cta-wrapper {
    margin-top: 0;
  }
}