 html {
     box-sizing: border-box;
     font-size: 62.5%;
     margin: 0;
     padding: 0
 }
 
 body {
     letter-spacing: .01em;
     line-height: 1.6;
     font-size: 1.5em;
     font-weight: 400;
     margin: 0;
     font-family: -apple-system, BlinkMacSystemFont, Avenir, Avenir Next, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
     color: #8492a6;
     background: #fff;
     font-family: Roboto, sans-serif;
     font-weight: 200
 }
 
 *,
 :after,
 :before {
     box-sizing: border-box
 }
 
 .main-container {
     visibility: visible !important
 }
 
 a {
     color: #104cfb;
     transition: all .1s ease
 }
 
 a:hover {
     cursor: pointer;
     color: #222
 }
 
 a {
     color: #00aaea;
     text-decoration: none
 }
 
 a:hover {
     color: #00aaea
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 400;
     font-family: -apple-system, BlinkMacSystemFont, Avenir, Avenir Next, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
 }
 
 h1,
 h2,
 h3 {
     letter-spacing: -.1rem
 }
 
 h4 {
     letter-spacing: -.08rem
 }
 
 h5 {
     letter-spacing: -.05rem
 }
 
 h6 {
     letter-spacing: 0
 }
 
 @media (min-width:550px) {
     h1 {
         font-size: 5rem
     }
     h2 {
         font-size: 4.2rem
     }
     h3 {
         font-size: 3.6rem
     }
     h4 {
         font-size: 3rem
     }
     h5 {
         font-size: 2.4rem
     }
     h6 {
         font-size: 1.5rem
     }
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: Roboto, sans-serif;
     font-weight: 300;
     color: #00535e
 }
 
 h1 {
     font-size: 4rem;
     line-height: 1.2
 }
 
 h2 {
     font-size: 3.6rem;
     line-height: 1.25
 }
 
 h3 {
     font-size: 3rem;
     line-height: 1.3
 }
 
 h4 {
     font-size: 2.4rem;
     line-height: 1.35
 }
 
 h5 {
     font-size: 1.8rem;
     line-height: 1.5
 }
 
 h6 {
     font-size: 1.5rem;
     line-height: 1.6
 }
 
 @media (min-width:550px) {
     h1 {
         font-size: 5rem;
         line-height: 1.2
     }
     h2 {
         font-size: 3.6rem;
         line-height: 1.25
     }
     h3 {
         font-size: 2.4rem;
         line-height: 1.3
     }
     h4 {
         font-size: 2rem;
         line-height: 1.35
     }
     h5 {
         font-size: 1.8rem;
         line-height: 1.5
     }
     h6 {
         font-size: 1.5rem;
         line-height: 1.6
     }
 }
 
 p {
     font-family: Roboto, sans-serif;
     color: #8492a6
 }
 
 .serif {
     font-family: Roboto, serif;
     font-weight: regular
 }
 
 .bold {
     font-weight: 500 !important
 }
 
 ol,
 ul {
     padding-left: 0;
     margin-top: 0
 }
 
 ol ol,
 ol ul,
 ul ol,
 ul ul {
     margin: 1rem 0 1rem 2rem;
     font-size: 95%
 }
 
 ul {
     list-style: circle inside
 }
 
 ol {
     list-style: decimal inside
 }
 
 li {
     margin-bottom: 1rem
 }
 
 .table {
     width: 100%;
     border: none;
     border-collapse: collapse;
     border-spacing: 0;
     text-align: left
 }
 
 .table td,
 .table th {
     vertical-align: middle;
     padding: 12px 4px
 }
 
 .table thead {
     border-bottom: 2px solid #333030
 }
 
 @media screen and (max-width:768px) {
     .table.responsive {
         position: relative;
         display: block
     }
     .table.responsive td,
     .table.responsive th {
         margin: 0
     }
     .table.responsive thead {
         display: block;
         float: left;
         border: 0
     }
     .table.responsive thead tr {
         display: block;
         padding: 0 10px 0 0;
         border-right: 2px solid #333030
     }
     .table.responsive th {
         display: block;
         text-align: right
     }
     .table.responsive tbody {
         display: block;
         overflow-x: auto;
         white-space: nowrap
     }
     .table.responsive tbody tr {
         display: inline-block
     }
     .table.responsive td {
         display: block;
         min-height: 16px;
         text-align: left
     }
     .table.responsive tr {
         padding: 0 10px
     }
 }
 
 input[type=email],
 input[type=file],
 input[type=number],
 input[type=password],
 input[type=search],
 input[type=tel],
 input[type=text],
 input[type=url],
 select,
 textarea,
 textarea[type=text] {
     width: 100%;
     height: 45px;
     padding: 10px;
     margin-top: 1rem;
     margin-bottom: 1rem;
     background: #f1f1f1;
     border-radius: 2px;
     border: 1px solid #a4a4a4;
     font-size: 1.3rem;
     box-sizing: border-box;
     transition: all .2s ease
 }
 
 input[type=email]:hover,
 input[type=file],
 input[type=number]:hover,
 input[type=password]:hover,
 input[type=search]:hover,
 input[type=tel],
 input[type=text]:hover,
 input[type=url]:hover,
 select:hover,
 textarea:hover,
 textarea[type=text]:hover {
     border: 1px solid #111
 }
 
 input[type=email]:focus,
 input[type=file],
 input[type=number],
 input[type=password]:focus,
 input[type=search]:focus,
 input[type=tel],
 input[type=text]:focus,
 input[type=url]:focus,
 select:focus,
 textarea:focus,
 textarea[type=text]:focus {
     outline: 0;
     border: 1px solid #104cfb
 }
 
 textarea,
 textarea[type=text] {
     min-height: 7rem
 }
 
 input[type=email],
 input[type=email]:hover,
 input[type=file],
 input[type=number],
 input[type=number]:hover,
 input[type=password],
 input[type=password]:hover,
 input[type=search],
 input[type=search]:hover,
 input[type=tel],
 input[type=text],
 input[type=text]:hover,
 input[type=url],
 input[type=url]:hover,
 select,
 select:hover,
 textarea,
 textarea:hover,
 textarea[type=text],
 textarea[type=text]:hover {
     border: 1px solid #b3b3b3;
     border-radius: 5px;
     color: #8492a6;
     background: #fff
 }
 
 input[type=email]:focus,
 input[type=file],
 input[type=number],
 input[type=password]:focus,
 input[type=search]:focus,
 input[type=tel],
 input[type=text]:focus,
 input[type=url]:focus,
 select:focus,
 textarea:focus,
 textarea[type=text]:focus {
     border: 1px solid #00bba6;
     border-radius: 5px;
     color: #8492a6;
     background: #fff
 }
 
 [type=submit],
 button {
     padding: 1.1rem 3.5rem;
     margin: 1rem 0;
     background: #111;
     border-radius: 2px;
     border: none;
     font-size: 1.3rem;
     transition: all .2s ease;
     font-weight: 700
 }
 
 [type=submit].outline,
 button.outline {
     padding: 1.1rem 3.5rem;
     background: 0 0;
     color: #111;
     border: 1.5px solid #111
 }
 
 [type=submit]:hover,
 button:hover {
     background: #222
 }
 
 [type=submit].outline:hover,
 button.outline:hover {
     background: 0 0;
     border: 1.5px solid #444;
     color: #444
 }
 
 [type=submit]:focus,
 button:focus {
     outline: 0
 }
 
 [type=submit]:active,
 button:active {
     transform: scale(.99)
 }
 
 [type=submit],
 button {
     cursor: pointer;
     background: #00aaea;
     color: #f5f5f5;
     border-radius: 5px
 }
 
 [type=submit]:hover,
 button:hover {
     background: #00bba6
 }
 
 [type=submit].outline,
 button.outline {
     color: #fff;
     border: 1px solid #fff
 }
 
 [type=submit].outline:hover,
 button.outline:hover {
     border: 1px solid #fff;
     color: #00aaea;
     background: #fff
 }
 
 .button {
     padding: 1.1rem 2.5rem;
     margin: 1rem 0;
     background: #00aaea;
     color: #f5f5f5;
     border-radius: 5px;
     font-size: 1.3rem;
     transition: all .2s ease;
     display: inline-block;
     font-weight: 400;
     border: 2px solid #00aaea
 }
 
 .button:hover {
     border: 2px solid #00aaea;
     background-color: #008CC1;
 }
 
 .button a,
 .button a:hover,
 a.button:hover {
     color: #fff
 }
 
 .button.outline {
     color: #fff;
     border: 2px solid #fff;
     background: 0 0
 }
 
 .button.outline:hover {
     border: 2px solid #fff;
     color: #00aaea;
     background: #fff
 }
 
 .button-circle {
     width: 50px;
     height: 50px;
     padding-top: .2rem;
     margin-top: 1.5rem;
     margin-left: .5rem;
     display: inline-block;
     border-radius: 50%;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1)
 }
 
 .button.rounded {
     border-radius: 50px
 }
 
 .button.large {
     font-size: 1.6rem;
     padding: 1.2rem 3rem
 }
 
 .button.small {
     font-size: 1.2rem;
     padding: .5rem 2rem
 }
 
 .button.lemon {
     background: #bfcd31;
     border: 2px solid #bfcd31;
     color: #fff
 }
 
 .button.lemon:hover {
     background: #f99d36;
     border: 2px solid #f99d36;
     color: #fff
 }
 
 .block-content,
 .container {
     max-width: 960px;
     margin: 0 auto;
     width: 80%
 }
 
 .row {
     display: flex;
     flex-flow: row wrap;
     justify-content: space-around;
     margin-top: 1rem;
     margin-bottom: 1rem
 }
 
 .row>:first-child {
     margin-left: 0
 }
 
 .col {
     flex: 1 1
 }
 
 .col,
 [class*=" col-"],
 [class^=col-] {
     margin-left: 4%
 }
 
 .col-1 {
     flex: 1 1
 }
 
 .col-2 {
     flex: 2 1
 }
 
 .col-3 {
     flex: 3 1
 }
 
 .col-4 {
     flex: 4 1
 }
 
 .col-5 {
     flex: 5 1
 }
 
 .col-6 {
     flex: 6 1
 }
 
 .col-7 {
     flex: 7 1
 }
 
 .col-8 {
     flex: 8 1
 }
 
 .col-9 {
     flex: 9 1
 }
 
 .col-10 {
     flex: 10 1
 }
 
 .col-11 {
     flex: 11 1
 }
 
 .col-12 {
     flex: 12 1
 }
 
 @media screen and (max-width:768px) {
     .col,
     [class*=" col-"],
     [class^=col-] {
         margin: 1rem 0;
         flex: 0 0 100%
     }
 }
 
 .block-content,
 .container {
     max-width: 1120px;
     padding: 5rem 2rem;
     width: 100%
 }
 
 @media screen and (max-width:768px) {
     .block-content,
     .container {
         width: 100%;
         padding: 1rem 2rem 4rem
     }
 }
 
 .container-expanded {
     width: 100%;
     margin: 0 auto
 }
 
 .block {
     overflow: hidden
 }
 
 .block-content {
     max-width: 1120px;
     padding: 5rem 2rem;
     width: 100%
 }
 
 @media screen and (max-width:768px) {
     .block-content {
         width: 100%;
         padding: 1rem 2rem 4rem
     }
 }
 
 .block .expanded {
     width: 100%;
     max-width: 100%;
     padding: 0
 }
 
 .row.show-grid,
 .show-grid .row,
 .show-grid.block-content .row,
 .show-grid.container .row,
 .show-grid.container-expanded .row,
 body.show-grid .row {
     outline: 1px solid #00eed3
 }
 
 .show-grid .col,
 .show-grid.block-content .col,
 .show-grid.container .col,
 .show-grid.container-expanded .col,
 body.show-grid .col {
     background: rgba(0, 177, 157, .2)
 }
 
 .cards {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     overflow: hidden;
     margin-bottom: 2rem
 }
 
 @media (max-width:675px) {
     .cards>.card {
         flex: auto
     }
 }
 
 .card {
     flex-direction: column;
     overflow: hidden;
     flex-grow: 0;
     flex-shrink: 1;
     flex-basis: calc(50% - .5rem);
     box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
     margin-bottom: 2rem
 }
 
 .card-header {
     font-weight: 600;
     margin: 0;
     padding: 2rem 3rem 1rem
 }
 
 .card-body {
     padding: 0 3rem 2rem;
     min-height: 100px
 }
 
 .card-footer {
     display: flex;
     align-items: stretch;
     border-top: 1px solid #dbdbdb;
     flex: 1 1
 }
 
 .card-footer .card-footer-item {
     display: flex;
     flex-basis: 0;
     flex-grow: 1;
     flex-shrink: 0;
     align-items: center;
     justify-content: center;
     margin: 0;
     padding: 1rem
 }
 
 .card-footer-item:not(:first-child) {
     border-left: 1px solid #dbdbdb
 }
 
 code {
     padding: .2rem .5rem;
     margin: 0 .2rem;
     font-size: 90%;
     white-space: nowrap;
     background: #eff2f7;
     border: 1px solid #e8ebf0;
     border-radius: 4px;
     font-family: Consolas, Monaco, Menlo, monospace
 }
 
 pre>code {
     display: block;
     padding: 1rem 1.5rem;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     word-wrap: break-word
 }
 
 hr {
     height: 1px;
     color: #e8ebf0;
     background-color: #e8ebf0
 }
 
 hr,
 iframe {
     border: 0
 }
 
 .pull-right {
     float: right
 }
 
 .pull-left {
     float: left
 }
 
 .text-center {
     text-align: center
 }
 
 .text-left {
     text-align: left
 }
 
 .text-right {
     text-align: right
 }
 
 .full-screen {
     width: 100%;
     min-height: 100vh
 }
 
 .full-width {
     width: 100%
 }
 
 .vertical-align {
     display: flex;
     align-items: center
 }
 
 .center,
 .horizontal-align {
     display: flex;
     justify-content: center
 }
 
 .center {
     align-items: center;
     flex-direction: column
 }
 
 .right {
     justify-content: flex-end
 }
 
 .left,
 .right {
     display: flex;
     align-items: center
 }
 
 .left {
     justify-content: flex-start
 }
 
 .fixed {
     position: fixed;
     width: 100%
 }
 
 @media screen and (max-width:400px) {
     .hide-phone {
         display: none
     }
 }
 
 @media screen and (max-width:768px) {
     .hide-tablet {
         display: none
     }
 }
 
 .hide {
     display: none
 }
 
 .uppercase {
     text-transform: uppercase
 }
 
 .shadow {
     box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
 }
 
 .pad {
     padding: 2rem
 }
 
 @media screen and (max-width:768px) {
     .pad {
         padding: 0
     }
 }
 
 .pad-small {
     padding: 2rem 1rem
 }
 
 @media screen and (max-width:768px) {
     .pad-small {
         padding: 2rem
     }
 }
 
 .pad-top-small {
     padding-top: .5
 }
 
 .pad-top-tiny {
     padding-top: 2rem
 }
 
 .no-pad {
     padding: 0
 }
 
 .gap-bottom {
     margin-bottom: 4rem
 }
 
 .size-small {
     height: 20rem
 }
 
 .size-medium {
     height: 40rem
 }
 
 .size-large {
     height: 60rem
 }
 
 .gap-top {
     margin-top: 80px
 }
 
 .shape-circle {
     border-radius: 50%
 }
 
 .link-block {
     display: block;
     margin: .7rem 0
 }
 
 .nav {
     position: relative;
     flex-wrap: wrap;
     align-items: center;
     padding: 1rem
 }
 
 .nav,
 .nav-brand,
 .nav-menu {
     display: flex
 }
 
 .nav-menu {
     flex-flow: row;
     flex: 1 0 auto
 }
 
 .nav-item {
     padding: 1rem 2rem
 }
 
 .nav-logo {
     font-weight: bolder;
     font-size: 2rem;
     line-height: 0;
     padding-right: 2rem
 }
 
 .topbar .nav a {
     color: #fff;
     transition: all .2s ease
 }
 
 .topbar .nav a:hover {
     background: rgba(0, 0, 0, .3);
     border-radius: 5rem;
     transition: all .2s ease
 }
 
 @media screen and (max-width:768px) {
     .topbar .nav a:hover {
         border-radius: 0
     }
 }
 
 .topbar .nav a.active {
     color: #fff;
     border-radius: 0 !important;
     border-bottom: 2px solid #fff
 }
 
 @media screen and (max-width:980px) {
     .topbar .nav {
         flex-direction: column;
         visibility: hidden;
         opacity: 0;
         position: absolute;
         padding: 4rem 0;
         top: 0;
         left: 0;
         width: 100%;
         height: 100vh;
         text-align: center;
         transform: translateY(-2em);
         z-index: -1;
         transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms;
         background: #00aaea
     }
     .topbar .nav.is-open {
         visibility: visible;
         opacity: 1;
         z-index: 1;
         transform: translateY(0);
         transition-delay: 0s, 0s, .3s;
         box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
     }
     .topbar .nav a {
         color: hsla(0, 0%, 100%, .7) !important;
         font-weight: 400;
         font-size: 2rem;
         padding: 1rem 2rem;
         width: 100%;
         border-bottom: 1px solid hsla(0, 0%, 100%, .2)
     }
     .topbar .nav a:hover {
         color: #fff !important;
         background: #00c3ad
     }
     .topbar .nav a.active {
         color: #fff !important
     }
 }
 
 .nav-toggle,
 .nav-toggle-close {
     display: none
 }
 
 @media screen and (max-width:980px) {
     .nav-toggle a {
         font-size: 2rem;
         color: #fff;
         font-weight: 700
     }
     .nav-toggle {
         display: block;
         margin-top: -5px
     }
     .nav-toggle-close {
         display: block;
         position: absolute;
         bottom: 0;
         margin-bottom: 3rem
     }
     .nav-toggle-close a {
         color: #fff;
         padding: 0;
         border-radius: 5rem;
         border: 1px solid #fff !important
     }
 }
 
 .nav-access {
     display: flex;
     align-items: center
 }
 
 .nav-access a {
     color: #fff
 }
 
 .nav-access-item {
     margin-right: 2rem
 }
 
 @media screen and (max-width:768px) {
     .nav-access a {
         font-size: 70%;
         font-weight: 700;
         padding: 1rem
     }
     .nav-access-item {
         margin-right: .5rem
     }
 }
 
 @media screen and (max-width:320px) {
     .nav-access a {
         font-size: 60%
     }
     .nav-access-item {
         margin-right: .3rem
     }
 }
 
 .topbar {
     transition: .2s;
     color: hsla(0, 0%, 100%, .5);
     z-index: 1000
 }
 
 .topbar-content {
     display: flex;
     justify-content: space-between;
     padding: 1rem 0
 }
 
 .topbar-section {
     display: flex;
     align-items: center;
     flex-wrap: nowrap
 }
 
 .topbar-content.is-centered {
     width: 1120px;
     margin: 0 auto
 }
 
 @media screen and (max-width:980px) {
     .topbar {
         padding: .5rem
     }
     .topbar-content {
         padding: 0
     }
     .topbar-content.is-centered {
         width: 100%
     }
 }
 
 .topbar.bg-solid {
     background: #fff;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
     transition: .2s;
     color: #707070
 }
 
 .topbar.bg-solid a.nav-item {
     background-color: hsla(0, 0%, 100%, .1) !important
 }
 
 .topbar.bg-solid a {
     color: #8492a6;
     background-color: hsla(0, 0%, 100%, .1);
     transition: .2s
 }
 
 .topbar.bg-solid a:hover {
     color: #00c3ad;
     transition: .2s
 }
 
 .topbar.bg-solid a.active {
     color: #00c3ad;
     border-bottom: 2px solid #00c3ad
 }
 
 .topbar.bg-solid a.button {
     color: #fff
 }
 
 .topbar.bg-solid .outline {
     background: #00aaea
 }
 
 .logo-country {
     text-transform: uppercase
 }
 
 .topbar.bg-solid .logo-symbol {
     fill: #00aaea
 }
 
 .topbar.bg-solid .logo-country {
     fill: #00aaea;
     opacity: .8
 }
 
 .topbar.bg-solid .logo-text {
     fill: #707070
 }
 
 .logo {
     margin-top: 1rem
 }
 
 @media screen and (max-width:768px) {
     .logo {
         margin-top: 0
     }
     .logo svg {
         width: 110px;
         margin-top: .5rem;
         margin-left: 1rem
     }
 }
 
 @media screen and (max-width:320px) {
     .logo svg {
         width: 100px
     }
 }
 
 .color-demo {
     width: 10rem;
     height: 10rem;
     margin: 2rem auto
 }
 
 .text-green {
     color: #00aaea !important
 }
 
 .text-green-lemon {
     color: #bfcd31 !important
 }
 
 .text-red {
     color: #e85e42
 }
 
 .bg-black {
     background: #000
 }
 
 .bg-white {
     background: #fff
 }
 
 .bg-green {
     background: #00aaea
 }
 
 .bg-green,
 .bg-green a,
 .bg-green h1,
 .bg-green h2,
 .bg-green h3,
 .bg-green h4,
 .bg-green h5,
 .bg-green h6,
 .bg-green p,
 .bg-green-semi a,
 .bg-green-semi h1,
 .bg-green-semi h2,
 .bg-green-semi h3,
 .bg-green-semi h4,
 .bg-green-semi h5,
 .bg-green-semi h6,
 .bg-green-semi p {
     color: #fff
 }
 
 .bg-green-semi {
     background: #00c3ad;
     color: #fff
 }
 
 .bg-green-dark {
     background: #008e79;
     color: #fff
 }
 
 .bg-green-light {
     background: #bde3dc
 }
 
 .bg-green-lemon {
     background: #bfcd31;
     color: #fff
 }
 
 .bg-blue-dark {
     background: #00535e;
     color: #fff
 }
 
 .bg-gray {
     background: #90909a
 }
 
 .bg-gray-dark {
     background: #58595f
 }
 
 .bg-gray-black {
     background: #4a4b50
 }
 
 .bg-gray-light {
     background: #e8ebf0
 }
 
 .bg-gray-white {
     background: #f7f7f7
 }
 
 .bg-gray-white h1,
 .bg-gray-white h2,
 .bg-gray-white h3,
 .bg-gray-white h4,
 .bg-gray-white h5,
 .bg-gray-white h6,
 .bg-gray-white p {
     color: #00535e
 }
 
 .bg-gray-blue {
     background: #809bb6
 }
 
 .bg-red {
     background: #e85e42
 }
 
 .bg-red-dark {
     background: #bf5037
 }
 
 .bg-red-light {
     background: #e96f53
 }
 
 .bg-yellow {
     background: #f99d36
 }
 
 .bg-yellow-dark {
     background: #da8a2c
 }
 
 .bg-yellow-light {
     background: #f9d863
 }
 
 .plans ul li {
     list-style: none;
     border-bottom: 1px solid rgba(232, 235, 240, .8)
 }
 
 .plan {
     color: #58595f;
     border-top-width: 8px;
     border-top-style: solid;
     border-top: #A80000;
 }
 
 .plan-title {
     font-weight: 700
 }
 
 .plan-title,
 h2.plan-title,
 h3.plan-title,
 h4.plan-title {
     color: #bfcd31
 }
 
 .plan-price {
     font-weight: 700;
     font-size: 3rem
 }
 
 @media screen and (max-width:768px) {
     .plan-payment img,
     img.plan-payment {
         width: 100%
     }
 }
 
 .feature img {
     background: #e3ece9;
     border-radius: 50%;
     transition: all .5s
 }
 
 .feature:hover img {
     background: #bfcd31
 }
 
 .feature-item {
     border-bottom: 1px solid #e8ebf0;
     margin-bottom: 3rem;
     padding-bottom: 1rem
 }
 
 .feature-item h4 {
     color: #bfcd31;
     font-size: 2rem;
     margin: .2rem
 }
 
 .feature-item p {
     color: #58595f;
     font-size: 1.2rem
 }
 
 .feature-item img {
     width: 5.5rem;
     height: 5.5rem;
     margin-bottom: 3rem;
     float: left;
     margin-top: 1rem;
     margin-right: 2rem
 }
 
 .features-devices h1,
 .features-devices h2,
 .features-devices h3,
 .features-devices h4,
 .features-devices h5,
 .features-devices p {
     margin-bottom: 0;
     margin-top: 0;
     padding: 0
 }
 
 .features-devices p {
     margin-bottom: .4rem
 }
 
 .js-Accordion {
     margin: 0 auto;
     max-width: 70rem
 }
 
 @media screen and (max-width:768px) {
     .js-Accordion {
         width: 100%
     }
 }
 
 .js-Accordion-title {
     display: block;
     padding: 1em
 }
 
 .accordion-title,
 .js-Accordion-title {
     background: #fff;
     border: 1px solid rgba(0, 83, 94, .5);
     border-top: 0;
     cursor: pointer;
     width: 100%;
     margin: 0;
     font-family: Roboto, serif;
     color: #00aaea;
     font-weight: 400;
     font-size: 1.8rem;
     text-align: left
 }
 
 .accordion-title {
     padding: 1em 1.5em 1em 1em
 }
 
 .js-Accordion-title strong {
     color: #00535e
 }
 
 button.js-Accordion-title:hover {
     background: rgba(232, 235, 240, .5)
 }
 
 .js-Accordion-title:first-child {
     border-top: 1px solid #ccc
 }
 
 .js-Accordion-content {
     border: 1px solid #ccc;
     border-top: 0;
     height: 0;
     line-height: 1.5;
     overflow: hidden;
     transition: all .25s linear;
     padding: 0 2rem
 }
 
 .js-Accordion-content p a {
     color: #bfcd31
 }
 
 .hero a,
 .hero h1,
 .hero h2,
 .hero h3,
 .hero h4,
 .hero h5,
 .hero h6,
 .hero p {
     color: #fff
 }
 
 .hero {
     height: 64rem;
     background-size: cover;
     background-position: 50%;
     background-repeat: no-repeat;
     background-position: 0 20%;
     position: relative
 }
 
 @media screen and (max-width:768px) {
     .hero {
         height: 55rem;
         background-size: cover;
         background-position: 15% -20%
     }
 }
 
 .hero-content {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 10
 }
 
 .hero-content.overlay {
     background-color: rgba(0, 0, 0, .5)
 }
 
 @media screen and (max-width:768px) {
     .hero-content.overlay-mobile {
         background-color: rgba(0, 0, 0, .5)
     }
 }
 
 .hero-message {
     visibility: visible !important;
     padding: 16rem 5rem 0;
     max-width: 1120px;
     margin: 0 auto
 }
 
 @media screen and (max-width:768px) {
     .hero-message {
         padding: 10rem 1rem 0;
         width: 90%
     }
 }
 
 .hero h1 {
     line-height: 1.1;
     margin-bottom: 0;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, .3)
 }
 
 @media screen and (max-width:768px) {
     .hero h1 {
         font-size: 3rem
     }
 }
 
 .hero p {
     font-size: 1.7rem;
     line-height: 1.5;
     margin-bottom: 1.5rem
 }
 
 @media screen and (max-width:768px) {
     .hero p {
         font-size: 1.3rem
     }
 }
 
 .hero-text,
 .hero-text-left {
     width: 45%;
     float: left
 }
 
 @media screen and (max-width:768px) {
     .hero-text,
     .hero-text-left {
         width: 100%;
         text-align: center
     }
 }
 
 .hero-text-center {
     width: 70%;
     margin: 0 auto;
     text-align: center
 }
 
 @media screen and (max-width:768px) {
     .hero-text-center {
         width: 100%
     }
 }
 
 .hero-text-right {
     width: 45%;
     float: right;
     text-align: right
 }
 
 @media screen and (max-width:768px) {
     .hero-text-right {
         width: 100%;
         text-align: center;
         float: left
     }
 }
 
 .made-country {
     border: 2px solid #00535e;
     padding: 1.8rem;
     border-radius: 4px;
     transition: all .2s ease
 }
 
 .made-country:hover {
     transition: all .2s ease;
     background-color: #00aaea;
 }
 
 .made-country:hover h6,
 .made-country:hover span {
     color: #fff
 }
 
 .made-country h6 {
     margin: 0;
     font-size: 1.3rem;
     line-height: 1.3;
     display: inline-block;
     width: 66%;
     vertical-align: middle
 }
 
 .made-country h6 span {
     margin-left: 3px
 }
 
 .made-country img {
     margin-right: 1.5rem;
     display: inline-block;
     vertical-align: middle
 }
 
 @media screen and (max-width:1152px) {
     .made-country h6 {
         width: 62%
     }
 }
 
 .margin-tiny {
     margin: 1.2rem;
     color: #00535e;
 }
 
 .cards-basic .col {
     margin-left: 1%;
     padding: 1rem 2rem;
     border: 1px solid #e8ebf0;
     color: #58595f
 }
 
 @media screen and (max-width:768px) {
     .cards-basic .col {
         padding: 2rem 2.5rem
     }
 }
 
 img.grayscale {
     filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
     filter: gray;
     -webkit-filter: grayscale(100%);
     transition: all .1s ease
 }
 
 img.grayscale:hover {
     opacity: 1;
     filter: none;
     -webkit-filter: grayscale(0);
     transition: all .1s ease
 }
 
 .opacity {
     opacity: .5;
     transition: all 1s ease
 }
 
 .opacity-zero {
     opacity: 0;
     z-index: -4;
     transition: all 1s ease
 }
 
 .footer-nav {
     padding-top: 0
 }
 
 .footer-nav ul li {
     list-style: none;
     margin-bottom: .2rem
 }
 
 .footer-nav a {
     color: #707070;
     font-weight: 400
 }
 
 .footer-nav a:hover {
     color: #00aaea
 }
 
 .breadcrumb {
     padding-top: 7rem
 }
 
 @media screen and (max-width:768px) {
     .breadcrumb {
         padding-top: 8rem
     }
 }
 
 .breadcrumb li {
     list-style: none;
     text-transform: uppercase;
     margin-right: 2rem;
     float: left
 }
 
 @media screen and (max-width:768px) {
     .hide-mobile {
         display: none
     }
 }
 
 @media screen and (max-width:768px) {
     .center-mobile {
         text-align: center
     }
 }
 
 .content-center {
     width: 70%;
     margin: 0 auto
 }
 
 .icon-base {
     display: inline-block;
     background: #fff;
     padding-top: 1.8rem;
     width: 9rem;
     height: 9rem;
     border-radius: 9rem
 }
 
 .logo-demo {
     color: #fff;
     font-size: 8.5rem;
     margin: 0;
     padding: 0;
     font-family: Cookie, cursive;
     display: inline-block
 }
 
 .device-laptop {
     width: 649px;
     height: 374px;
     margin: 0 auto 0 0
 }
 
 .device-laptop iframe {
     margin-top: 32px;
     margin-left: 107px
 }
 
 .video-wrap {
     height: 0;
     overflow: hidden;
     padding-bottom: 56.25%;
     position: relative
 }
 
 .video-cover,
 .video-iframe,
 .video-wrap embed,
 .video-wrap iframe,
 .video-wrap object {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%
 }
 
 .video-cover,
 .video-iframe {
     border: none;
     cursor: pointer
 }
 
 .video-cover {
     background-size: cover;
     background-position: 50%;
     background-repeat: no-repeat
 }
 
 .head-small {
     position: relative;
     height: 13rem
 }
 
 @media screen and (max-width:768px) {
     .head-small {
         height: 9rem
     }
 }
 
 .head-small-icon {
     position: absolute;
     bottom: 0;
     left: 0
 }
 
 @media screen and (max-width:768px) {
     .head-small-icon {
         width: 8rem;
         height: auto
     }
 }
 
 .head-small-text {
     padding-top: .5rem;
     padding-left: 14rem
 }
 
 @media screen and (max-width:768px) {
     .head-small-text {
         padding-top: 1.2rem;
         padding-left: 10rem
     }
 }
 
 .head-small-text h3 {
     margin-bottom: 0
 }
 
 @media screen and (max-width:768px) {
     .head-small-text h3 {
         font-size: 2.5rem
     }
 }
 
 .head-small-text p {
     width: 60rem;
     font-size: 1.8rem;
     line-height: 1.2;
     opacity: .8;
     margin-top: 0;
     margin-bottom: 2rem
 }
 
 .margin-left {
     margin-left: 2rem
 }
 /*!
 */
 
 @font-face {
     font-family: Roboto Slab;
     font-style: normal;
     font-weight: 300;
     src: local(""), url(/src/assets/fonts/roboto-v20-latin-300.woff2) format("woff2")
 }
 
 @font-face {
     font-family: Roboto Slab;
     font-style: normal;
     font-weight: 400;
     src: local(""), url(/src/assets/fonts/roboto-v20-latin-regular.woff2) format("woff2")
 }
 
 html {
     scroll-behavior: smooth
 }
 
 .text-small {
     font-size: 1.6rem
 }
 
 .gap-top-contact {
     margin-top: 85px;
     padding-top: 20px
 }
 
 @media screen and (min-width:840px) {
     .hide-desktop {
         display: none
     }
 }
 
 @media screen and (max-width:754px) {
     .gap-top-contact {
         margin-top: 0;
         padding-top: 0
     }
 }
 
 .answer-time {
     background: #00aaea !important;
     color: #fff !important;
     padding: 15px;
     border-radius: 5px
 }
 
 .h1alianza {
     font-size: 3.6rem
 }
 
 .h2alianza {
     font-size: 2.6rem
 }
 
 .imagealianza {
     width: 500px
 }
 
 .hero-text-chile {
     width: 50%;
     float: right;
     text-align: right
 }
 
 @media screen and (max-width:768px) {
     .hero-text-chile {
         width: 90%;
         text-align: center
     }
 }
 
 @media screen and (max-width:768px) {
     .imagePagosMexico {
         width: 90%
     }
     .imagealianza {
         width: 80%
     }
 }
 
 .backcountry {
     background-color: #f7f7f7;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     padding-top: 30px;
     padding-bottom: 40px;
     border-bottom: 1px solid #e9e9e9
 }
 
 .rowcountry {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     width: 80%;
     justify-content: space-between
 }
 
 .colcountry {
     width: 300px;
     height: 100px
 }
 
 .made-country-height {
     height: 80px;
     display: flex;
     align-items: center
 }
 
 .mc-paises+main .rowcountry .made-country:hover h6 span {
     display: none
 }
 
 .mc-paises+main .rowcountry .made-country.mc-arg:hover h6:before {
     content: "Conoce lo que dice la AFIP"
 }
 
 .mc-paises+main .rowcountry .made-country.mc-col:hover h6:before {
     content: "Conoce lo que dice la DIAN"
 }
 
 .mc-paises+main .rowcountry .made-country.mc-chile:hover h6:before {
     content: "Conoce lo que dice el SII"
 }
 
 .mc-paises+main .rowcountry .made-country.mc-cri:hover h6:before {
     content: "Conoce lo que dice la DGT"
 }
 
 .mc-paises+main .rowcountry .made-country.mc-esp:hover h6:before {
     content: "Conoce lo que dice la AEAT"
 }
 
 .mc-paises+main .rowcountry .made-country.mc-mex:hover h6:before {
     content: "Conoce lo que dice el SAT"
 }
 
 .mc-paises+main .rowcountry .made-country.mc-pan:hover h6:before {
     content: "Conoce lo que dice la DGI"
 }
 
 .mc-paises+main .rowcountry .made-country.mc-peru:hover h6:before {
     content: "Conoce lo que dice la SUNAT"
 }
 
 .mc-paises+main .rowcountry .made-country.mc-rdom:hover h6:before {
     content: "Conoce lo que dice la DGII"
 }
 
 .mc-paises+main .rowcountry .made-country.mc-usa:hover h6:before {
     content: "Conoce lo que dice la IRS"
 }
 
 @media screen and (max-width:1141px) {
     .only-on-full-screen {
         display: none
     }
 }
 
 @media screen and (min-width:1500px) {
     .only-on-full-screen {
         display: none
     }
 }
 
 @media screen and (max-width:768px) {
     .rowcountry {
         width: 90%;
         flex-direction: column;
         flex-wrap: nowrap;
         justify-content: center;
         align-items: center
     }
     .colcountry {
         width: 80%;
         padding-top: 10px
     }
     .backcountry {
         text-align: center
     }
     .only-on-full-screen {
         display: none
     }
 }
 
 .fundaciones {
     width: 100%;
     background-color: #00aaea;
     padding: 40px 10px;
     text-align: center
 }
 
 .fundaciones h3 {
     color: #fff;
     font-size: 32px
 }
 
 .fundaciones a {
     color: #fff
 }
 
 .fundaciones a:hover {
     color: #00535e;
     font-weight: 700
 }
 
 .descargasCod {
     width: 100%;
     background-color: #bde3dc;
     color: #00aaea;
     text-align: center;
     padding: 10px
 }
 
 @media screen and (max-width:767px) {
     .fundaciones h3 {
         font-size: 28px
     }
 }
 
 .heroban a,
 .heroban h1,
 .heroban h2,
 .heroban h3,
 .heroban h4,
 .heroban h5,
 .heroban h6,
 .heroban p {
     color: #fff
 }
 
 .color-red {
     color: red
 }
 
 .heroban {
     height: 80rem;
     background-size: cover;
     background-position: 50%;
     background-repeat: no-repeat;
     background-position: 0 20%;
     position: relative;
     color: #fff
 }
 
 @media screen and (max-width:768px) {
     .heroban {
         height: 55rem;
         background-size: cover;
         background-position: 15% -20%
     }
 }
 
 .heroban-content {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 10
 }
 
 .heroban-content.overlay {
     background-color: rgba(0, 0, 0, .5)
 }
 
 @media screen and (max-width:768px) {
     .heroban-content.overlay-mobile {
         background-color: rgba(0, 0, 0, .5)
     }
 }
 
 .heroban-message {
     padding: 16rem 5rem 0;
     max-width: 1120px;
     margin: 0 auto
 }
 
 @media screen and (max-width:768px) {
     .heroban-message {
         padding: 10rem 1rem 0;
         width: 90%
     }
 }
 
 .heroban h1 {
     line-height: 1.1;
     margin-bottom: 0;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, .3)
 }
 
 @media screen and (max-width:768px) {
     .heroban h1 {
         font-size: 3rem
     }
 }
 
 .heroban p {
     font-size: 1.7rem;
     line-height: 1.5;
     margin-bottom: 1.5rem
 }
 
 @media screen and (max-width:768px) {
     .heroban p {
         font-size: 1.3rem
     }
 }
 
 .heroban-text,
 .heroban-text-left {
     width: 45%;
     float: left
 }
 
 @media screen and (max-width:768px) {
     .heroban-text,
     .heroban-text-left {
         width: 100%;
         text-align: center
     }
 }
 
 .heroban-text-center {
     width: 70%;
     margin: 0 auto;
     text-align: center
 }
 
 @media screen and (max-width:768px) {
     .heroban-text-center {
         width: 100%
     }
 }
 
 .heroban-text-right {
     width: 45%;
     float: right;
     text-align: right
 }
 
 @media screen and (max-width:768px) {
     .heroban-text-right {
         width: 100%;
         text-align: center;
         float: left
     }
 }
 
 .medios-logos {
     width: 200px;
     box-sizing: border-box;
     padding-right: 15px;
     padding-left: 15px;
     padding-top: 10px
 }
 
 .integracion .medios-logos {
     width: 228px
 }
 
 .integracion .medios-logos .media-logos-optimized-img img {
     -o-object-fit: contain !important;
     object-fit: contain !important
 }
 
 .medios-logos.solo-logo {
     width: 140px
 }
 
 .medios-logos .media-logos-optimized-img,
 .medios-logos img {
     -webkit-transition: -webkit-filter .3s;
     filter: grayscale(1);
     padding-top: 10px;
     padding-bottom: 10px
 }
 
 .medios-logos .media-logos-optimized-img:hover,
 .medios-logos img:hover {
     filter: none
 }
 
 .crimed .medios-logos img,
 .intmed .medios-logos img,
 .mexmed .medios-logos img,
 .panmed .medios-logos img,
 .perumed .medios-logos img {
     width: 100%
 }
 
 .mexmed .medios-logos:nth-child(3) img,
 .panmed .medios-logos:first-child img,
 .panmed .medios-logos:nth-child(5) img,
 .perumed .medios-logos:nth-child(3) img {
     width: 70%
 }
 
 .crimed .medios-logos:first-child img {
     width: 60%
 }
 
 .crimed .medios-logos:nth-child(5) img {
     width: 80%
 }
 
 .mexmed .medios-logos:first-child img,
 .mexmed .medios-logos:nth-child(2) img,
 .mexmed .medios-logos:nth-child(4) img {
     width: 90%
 }
 
 .colmed .medios-logos:first-child img,
 .colmed .medios-logos:nth-child(3) img,
 .colmed .medios-logos:nth-child(4) img {
     width: 80%
 }
 
 .colne .medios-logos:first-child,
 .colne .medios-logos:nth-child(4) {
     padding-right: 0
 }
 
 .colne .medios-logos:nth-child(3),
 .colne .medios-logos:nth-child(5) {
     padding-left: 0
 }
 
 .colne .medios-logos:first-child img {
     width: 40%
 }
 
 .colne .medios-logos:nth-child(2) img {
     width: 80%
 }
 
 .colne .medios-logos:nth-child(3) img {
     width: 40%
 }
 
 .colne .medios-logos:nth-child(4) img {
     width: 76%
 }
 
 .colne .medios-logos:nth-child(5) img {
     width: 30%
 }
 
 .colne .medios-logos img {
     -webkit-transition: none;
     filter: none
 }
 
 .dommed .medios-logos img {
     width: 60%
 }
 
 @media screen and (max-width:768px) {
     .crimed .medios-logos img,
     .mexmed .medios-logos img,
     .panmed .medios-logos img,
     .perumed .medios-logos img {
         margin: 10px auto
     }
     .medios .medios-row .medios-logos .media-logos-optimized-img {
         margin: 0 auto
     }
     .colmed .medios-logos:nth-child(2) img {
         width: 40% !important;
         margin: 0 auto
     }
     .colmed .medios-logos img {
         width: 50% !important;
         margin: 0 auto
     }
     .dommed .medios-logos img {
         width: 50%
     }
     .colne .medios-logos:first-child,
     .colne .medios-logos:nth-child(4) {
         padding-right: 15px
     }
     .colne .medios-logos:nth-child(3),
     .colne .medios-logos:nth-child(5) {
         padding-left: 15px
     }
 }
 
 @media screen and (max-width:480px) {
     .medios .medios-row .medios-logos {
         width: 80%
     }
 }
 
 .medios,
 .qs-txt-equipo {
     flex-direction: column;
     padding-bottom: 110px
 }
 
 .medios,
 .medios-row,
 .qs-txt-equipo {
     width: 100%;
     display: flex;
     align-items: center
 }
 
 .medios-row {
     max-width: 1100px;
     padding-top: 10px;
     padding-bottom: 10px;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-around
 }
 
 .medios-row img.img-full-width {
     width: 100%
 }
 
 @media screen and (max-width:768px) {
     .medios {
         padding-bottom: 50px
     }
     .medios-row {
         flex-direction: column;
         align-items: center
     }
     .medios-logos {
         width: 50%;
         height: 100%
     }
 }
 
 div.div-politica-privacidad {
     padding-left: 50px;
     border-left: 1px solid #0db497
 }
 
 .list-terms li p {
     margin-bottom: 0 !important;
     color: red
 }
 
 .title-2-8 {
     font-size: 2.8em
 }
 
 .title-2-3 {
     font-size: 2.3em
 }
 
 .row-subtitle {
     text-align: center;
     margin-left: 0
 }
 
 .row-subtitle h3 {
     font-weight: 700
 }
 
 .title-mexico {
     font-size: 2em !important
 }
 
 #bg-wrapper {
     background: #00aaea;
     padding-top: 20px
 }
 
 .innovometro-title-wrapper {
     text-align: center;
     color: #fff
 }
 
 .innovometro-title {
     margin: 0;
     color: #fff
 }
 
 .innovometro-main {
     display: flex;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
     min-height: 600px;
     align-items: center
 }
 
 .flex-container {
     position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px
 }
 
 #innovometro-questions-wrapper {
     height: 200px;
     width: 100%;
     background: #f7f7f7;
     border-radius: 20px;
     padding: 0;
     overflow: hidden;
     position: relative
 }
 
 #question-list {
     list-style: none
 }
 
 .li-question,
 .question-wrapper {
     height: 155px
 }
 
 .question-wrapper {
     padding: 0
 }
 
 .li-question {
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 1;
     transition: 1s
 }
 
 .li-question.left {
     left: -100%
 }
 
 .li-question.right {
     left: 100%
 }
 
 .li-skeleton {
     width: 100%;
     height: 125px;
     visibility: hidden;
     font-size: 0;
     line-height: 0
 }
 
 .question-text {
     display: flex;
     height: 100%;
     align-items: center
 }
 
 .question-text>.question-icon-wrapper {
     flex: 0 0 30%;
     text-align: center
 }
 
 .question-end-text {
     height: 100%;
     align-items: center;
     display: flex;
     text-align: center
 }
 
 .question-end-wrapper {
     width: 100%
 }
 
 .question-icon {
     width: 70%;
     height: auto
 }
 
 .question-text>.question-title-wrapper {
     flex: 0 0 70%;
     text-align: center
 }
 
 .question-title {
     margin: 0;
     padding: 10px;
     font-size: 1.4em
 }
 
 .question-answers {
     display: flex;
     height: 60px;
     align-items: center
 }
 
 .answer-wrapper {
     flex: 0 0 50%;
     text-align: center;
     margin-bottom: -15px;
     cursor: pointer
 }
 
 .answer-yes {
     background: #2ed42e
 }
 
 .answer-no {
     background: #ff3636
 }
 
 .answer-text {
     color: #fff;
     margin: 0
 }
 
 #innovometro-questions-options {
     margin-top: 5px
 }
 
 #innovometro-questions-options-wrapper {
     display: flex
 }
 
 .option-button {
     flex: 0 0 50%;
     text-align: center;
     color: #fff;
     font-size: 20px;
     cursor: pointer
 }
 
 #innovometro-meter {
     height: 400px
 }
 
 #innovometro-meter-wrapper {
     height: 400px;
     position: relative;
     display: flex;
     justify-content: center
 }
 
 .innovometro {
     width: 20%;
     height: 90%;
     position: relative
 }
 
 #medidor {
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 0%;
     transition: background .3s
 }
 
 #medidor,
 .medidor-red {
     background: red
 }
 
 .medidor-yellow {
     background: #ff0
 }
 
 .medidor-green {
     background: green
 }
 
 @media only screen and (min-width:1224px) {
     .flex-container {
         flex: 0 0 33.33%;
         max-width: 33%
     }
     #innovometro-questions {
         padding-left: 30px
     }
 }
 
 div.medios-row>div:first-of-type>img,
 div.medios-row>div:nth-of-type(2)>img,
 div.medios-row>div:nth-of-type(3)>img,
 div.medios-row>div:nth-of-type(4)>img {
     width: 100%
 }
 
 div.medios>p {
     font-size: 20px !important
 }
 
 .div-text-gdii h4 {
     font-size: 1.1em;
     letter-spacing: normal
 }
 
 .block-carta {
     max-width: 900px !important
 }
 
 .carta {
     box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .13);
     padding: 2% 0;
     background: #fff
 }
 
 .carta-encabezado {
     margin: 20px 0
 }
 
 .logo-carta-wrapper {
     flex: 0 0 100%;
     text-align: center
 }
 
 .logo-carta-wrapper img {
     width: 100%;
     height: auto;
     max-width: 200px
 }
 
 .enlace-carta-wrapper {
     text-align: right;
     margin-top: 10px;
     display: none
 }
 
 .enlace-carta-wrapper a {
     font-size: 1.5em;
     background: #00535e;
     color: #fff;
     padding: 2px 15px;
     border-radius: 15px 0 0 15px;
     font-family: Roboto
 }
 
 .enlace-carta-wrapper a:hover {
     text-decoration: underline
 }
 
 .carta-avatar {
     width: 100%;
     height: auto;
     text-align: center
 }
 
 .carta-avatar img {
     width: 100%;
     max-width: 200px
 }
 
 .carta-title h2 {
     margin: 0;
     text-align: center;
     font-size: 1.5em;
     color: #04a695;
     font-weight: 700;
     font-family: Roboto
 }
 
 .carta-subtitle h3 {
     text-align: center;
     font-size: 1.2em;
     margin-top: 10px
 }
 
 .carta-text,
 .main-text {
     padding: 0 10%
 }
 
 .carta-text p {
     color: #00535e;
     text-align: justify
 }
 
 .carta-text p span.bold,
 .carta-text p.bold {
     font-weight: 700 !important
 }
 
 .carta-text p.light-blue {
     color: #04a695
 }
 
 .carta-text p.text-center {
     text-align: center
 }
 
 .carta-text p.carta-firma {
     text-align: right
 }
 
 @media only screen and (min-width:768px) {
     .carta-encabezado {
         display: flex
     }
     .carta-encabezado-col {
         flex: 1 1
     }
     .logo-carta-wrapper {
         text-align: left;
         margin-left: 10%
     }
     .enlace-carta-wrapper {
         display: block
     }
     .carta-title h2 {
         font-size: 3em
     }
     .carta-subtitle {
         padding: 0 15%
     }
     .carta-subtitle h3 {
         font-size: 2.2em
     }
     .main-text {
         padding: 0
     }
     .carta-text {
         font-size: 1.2em
     }
 }
 
 .width-50 {
     width: 50% !important
 }
 
 .shadow-alegra {
     text-shadow: #000 20px 0 20px
 }
 
 div.hero-message {
     padding: 110px 50px 0
 }
 
 div.hero-text-left>p {
     margin: 17px 80px 15px 0;
     font-weight: 400
 }
 
 a.link-block {
     font-weight: 700 !important
 }
 
 p.ubl {
     margin-top: 10px;
     font-size: 16px
 }
 
 p.ubl>a>img {
     vertical-align: middle
 }
 
 .digital-signature {
     text-align: right;
     float: right;
     display: table;
     text-transform: uppercase
 }
 
 .digital-signature-2 {
     text-align: left;
     display: table;
     text-transform: uppercase;
     text-shadow: 2px 2px #999
 }
 
 @media screen and (max-width:1024px) {
     .digital-signature-2 {
         text-align: center;
         float: none;
         margin: 0 auto;
         text-shadow: none
     }
 }
 
 @media screen and (max-width:1152px) {
     .nav-item {
         padding: 1rem 1.5rem
     }
     .nav {
         padding-left: 0
     }
     .nav-access {
         padding-right: 110px
     }
     .hero-app-mov {
         background-position: 100% 0 !important
     }
 }
 
 @media screen and (max-width:980px) {
     .width-50 {
         width: 100% !important
     }
     .nav-access {
         padding-right: 0
     }
 }
 
 @media (min-width:769px) and (max-width:1152px) {
     .logo {
         padding-left: 20px
     }
 }
 
 @media screen and (max-width:768px) {
     .digital-signature {
         text-align: center;
         float: none;
         margin: 0 auto
     }
     .hero,
     .heroban {
         background-position: 15%
     }
     .nav-access a {
         font-size: 65%
     }
     .hero-app-mov {
         background-position: top !important
     }
 }
 
 @media screen and (max-width:768px) {
     div.hero-dia {
         height: 68rem
     }
 }
 
 section.bg-gray-white div.pad-small div.col {
     margin-left: 0
 }
 
 section.bg-gray-white div.pad-small div.col img.grayscale {
     display: block;
     margin: 0 auto
 }
 
 section.bg-gray-white div.pad-small div.col .button-circle {
     text-align: center;
     width: 42px;
     height: 42px;
     padding-top: 0;
     margin-top: 1.7rem
 }
 
 .grayscale {
     filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
     filter: gray;
     -webkit-filter: grayscale(100%);
     transition: all .1s ease;
     display: block;
     margin: 0 auto
 }
 
 .grayscale:hover {
     opacity: 1;
     filter: none;
     -webkit-filter: grayscale(0);
     transition: all .1s ease
 }
 
 section.bg-green .bg-white .col>h3 {
     color: #2fb09b
 }
 
 .hero-text-right-ubl {
     width: 50%;
     float: right;
     text-align: right
 }
 
 @media screen and (max-width:768px) {
     .width-50 {
         width: 100% !important
     }
     .hero-text-chile,
     .hero-text-left,
     .hero-text-right {
         float: none;
         width: 100%;
         height: auto;
         overflow: visible
     }
     .hero-text-right-ubl {
         width: 100%;
         text-align: center;
         float: left
     }
     .hero-pos {
         background-position: 70% -20%
     }
     div.hero-text-left>p {
         margin-right: 0
     }
     .hero-message {
         width: 100%;
         padding-bottom: 40px !important
     }
     .medios {
         padding-left: 30px;
         padding-right: 30px
     }
 }
 
 .fe-seal {
     position: absolute;
     bottom: 0;
     width: 120px;
     height: auto;
     margin-left: 15%;
     margin-bottom: 2%;
     z-index: 100
 }
 
 @media screen and (max-width:1440px) {
     .fe-seal {
         margin-left: 10%
     }
 }
 
 @media screen and (max-width:1280px) {
     .fe-seal {
         margin-left: 5%
     }
 }
 
 @media screen and (max-width:768px) {
     .mov-seal-mx {
         margin-left: 3%;
         width: 70px;
         margin-bottom: 68%
     }
     .mov-seal-cri {
         margin-left: 3%;
         width: 70px;
         margin-bottom: auto;
         top: 60px
     }
 }
 
 #postularte {
     display: none
 }
 
 .but-postular {
     padding: 1.1rem 2.5rem;
     background: #adc525;
     color: #fff;
     border-radius: 5px;
     transition: all .2s ease;
     display: inline-block;
     font-weight: 400;
     border: 2px solid #adc525;
     text-transform: uppercase;
     margin: 1rem 20px 1rem 0
 }
 
 .but-postular:hover,
 .but-vacant:hover {
     background-color: #1a525d;
     border: 2px solid #1a525d;
     color: #fff
 }
 
 .but-vacant {
     padding: 1.1rem 2.5rem;
     background: #2a9b8d;
     color: #fff;
     border-radius: 5px;
     transition: all .2s ease;
     display: inline-block;
     font-weight: 400;
     border: 2px solid #2a9b8d;
     text-transform: uppercase;
     margin: 1rem 20px 1rem 0
 }
 
 .vacantes-video {
     padding: 5rem 2rem 2rem
 }
 
 .vacantes-video .block-content {
     background-image: url(/img/bg-video-vacante.svg);
     background-repeat: no-repeat;
     background-position: bottom;
     background-size: 60% auto;
     text-align: center
 }
 
 .vacantes-video .block-content iframe {
     border-radius: 10px
 }
 
 @media screen and (max-width:1140px) {
     .vacantes-video .block-content {
         background-position: 50%;
         background-size: contain
     }
 }
 
 @media screen and (max-width:600px) {
     .vacantes-video .block-content iframe {
         width: 100%;
         height: 220px
     }
     .vacantes-video {
         padding: 5rem .5rem 2rem
     }
 }
 
 .qs-header {
     background-position: top;
     height: 600px
 }
 
 .qs-equipo,
 .qs-header {
     width: 100%;
     background-repeat: no-repeat;
     background-size: cover
 }
 
 .qs-equipo {
     background-position: bottom
 }
 
 .qs-equipo img {
     width: 100%
 }
 
 .qs-txt1 {
     font-size: 2.4rem;
     line-height: 1.3
 }
 
 .qs-txt2 {
     font-size: 1.8rem;
     line-height: normal
 }
 
 .qs-txt-equipo {
     padding-bottom: 50px
 }
 
 .qs-txt-equipo .block-content {
     padding-bottom: 0
 }
 
 .qs-txt-equipo .block-content h2 {
     margin-top: 30px;
     color: #00c3ad
 }
 
 .qs-txt-equipo .block-content p {
     font-size: 1.8rem;
     line-height: normal
 }
 
 .backcountry.qs h2 {
     color: #00aaea
 }
 
 .backcountry.qs .colcountry {
     width: 234px
 }
 
 .qs-users .row.cards-basic {
     margin-top: 90px
 }
 
 .qs-users {
     background-color: #2fb09b;
     padding-bottom: 30px
 }
 
 .qs-users2,
 .qs-users3 {
     background-color: #f1f1f1 !important
 }
 
 .qs-users2 h2,
 .qs-users3 h2 {
     color: #00535e !important;
     font-weight: 400;
     font-size: 32px
 }
 
 .qs-users .bg-gray-white {
     box-shadow: 1px 1px 2px #016458, 0 0 25px #016458, 0 0 5px #016458
 }
 
 .qs-users2 .bg-gray-white,
 .qs-users3 .bg-gray-white {
     box-shadow: 1px 1px 2px #ccc, 0 0 25px #ccc, 0 0 5px #ccc !important;
     border: none !important
 }
 
 .qs-users3 .row {
     display: block;
     text-align: center
 }
 
 .qs-users3 .row .col {
     display: inline-block !important;
     vertical-align: top;
     width: 380px !important;
     height: 370px;
     margin: 20px 15px !important
 }
 
 @media (max-width:991px) {
     .qs-users3 .row .col {
         margin: 20px 15px 80px !important
     }
 }
 
 @media (max-width:767px) {
     .qs-users3 .row .col {
         display: block;
         width: 90% !important;
         height: auto !important
     }
 }
 
 .qs-users h2 {
     color: #fff;
     font-weight: 400;
     font-size: 32px
 }
 
 .qs-users .cards-basic .col {
     border-radius: 5px;
     margin: .7%;
     padding-bottom: 0;
     width: 31%
 }
 
 .qs-users .cards-basic .col p {
     color: #777;
     line-height: normal
 }
 
 .qs-users .cards-basic .col h3 {
     color: #00aaea;
     font-size: 17px;
     font-weight: 400
 }
 
 .qs-users .cards-basic .col img {
     margin-top: -45px;
     width: 96px
 }
 
 .qs-users .button.lemon {
     border-radius: 40px;
     font-size: 1.4rem;
     margin-bottom: -130px
 }
 
 .qs-logros {
     background-color: #f9f9f9;
     background-image: url(https://cdn2.alegra.com/website/assets/images/dots-progress-2.png);
     background-repeat: no-repeat;
     background-position: center top 200px;
     height: 1280px
 }
 
 .row-qs-logros {
     width: 100%;
     clear: both;
     padding-top: 20px
 }
 
 .col-qs-logros {
     width: 400px;
     background-color: #fff;
     border: 1px solid #999;
     box-sizing: border-box;
     padding: 15px;
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
     font-size: 1.4rem;
     line-height: normal
 }
 
 .col-qs-logros h4 {
     color: #00c3ad;
     display: block;
     border-bottom: 1px solid #ddd;
     margin-top: 0;
     margin-bottom: 10px;
     font-weight: 600
 }
 
 .col-qs-logros strong {
     color: #00535e
 }
 
 .col-qs-logros img {
     position: absolute;
     z-index: 10
 }
 
 .row-qs-logros .box-right {
     right: -480px
 }
 
 .row-qs-logros .box-left {
     left: -480px
 }
 
 .row-qs-logros .arrow-right {
     right: -22px
 }
 
 .row-qs-logros .arrow-left {
     left: -22px;
     transform: scaleX(-1);
     filter: FlipH;
     -ms-filter: FlipH
 }
 
 @media screen and (max-width:1150px) {
     .qs-txt1 {
         font-size: 2.5rem
     }
     .qs-txt2 {
         font-size: 2rem
     }
 }
 
 @media screen and (max-width:991px) {
     .qs-txt-equipo p br {
         content: " ";
         display: none
     }
     .qs-txt-equipo .block-content p {
         font-size: 1.7rem;
         line-height: normal
     }
     .qs-txt1 {
         font-size: 2rem;
         line-height: normal
     }
     .qs-txt2 {
         font-size: 1.8rem
     }
     .qs-logros {
         background-color: #f9f9f9;
         background-image: none;
         height: auto
     }
     .col-qs-logros {
         width: 100%;
         position: relative;
         left: 0;
         right: 0;
         margin: 0 auto;
         font-size: 1.4rem
     }
     .qs-logros .col-qs-logros[style] {
         margin-top: 20px !important
     }
     .col-qs-logros h4 {
         color: #00c3ad;
         display: block;
         border-bottom: 1px solid #ddd;
         margin-top: 0;
         margin-bottom: 10px;
         font-weight: 600
     }
     .col-qs-logros img {
         display: none
     }
     .row-qs-logros .box-right {
         right: auto
     }
     .row-qs-logros .box-left {
         left: auto
     }
     .qs-users .cards-basic .col {
         margin-left: auto;
         margin-bottom: 60px
     }
     .qs-users .row.cards-basic {
         margin-top: 50px
     }
     .qs-users {
         padding-bottom: 0
     }
     .qs-users .block-content {
         padding-bottom: 1rem
     }
     .qs-equipo {
         overflow: hidden;
         text-align: center
     }
     .qs-equipo img {
         width: 200%;
         margin-left: -50%
     }
     .qs-header {
         height: 900px
     }
     section.qs-header h3.content-center {
         width: 100%
     }
     .backcountry.qs h2 {
         font-size: 3rem
     }
 }
 
 .footer-logos .row {
     align-items: center
 }
 
 .footer-logos .footer-seal-fe .grayscale.opacity.gatsby-image-wrapper {
     max-width: 110px !important
 }
 
 .footer-logos .col {
     flex: .22 1
 }
 
 .footer-seal-fe img {
     width: 94px;
     height: 94px
 }
 
 .footer-logos .made-country {
     padding: 1.4rem 1.8rem;
     display: table;
     width: 96%;
     text-align: center
 }
 
 @media screen and (max-width:767px) {
     .footer-logos .col {
         flex: none
     }
     .footer-logos .col.center-mobile {
         width: 100%;
         text-align: center
     }
 }
 
 .ts-videos .block-content {
     text-align: center
 }
 
 .app-descarga .block-content {
     padding-top: 0
 }
 
 .ts-box {
     width: 48%;
     display: inline-block;
     background-color: #fff;
     border-radius: 5px;
     box-shadow: 1px 1px 2px #ddd, 0 0 25px #ddd, 0 0 5px #ddd;
     margin: 0 .5% 10%;
     box-sizing: border-box;
     vertical-align: top;
     overflow: hidden
 }
 
 .ts-box img {
     display: block;
     width: 100%;
     clear: both
 }
 
 .ts-box h3 {
     color: #00aaea;
     font-weight: 600;
     font-size: 2.1rem;
     letter-spacing: .3px
 }
 
 .ts-box h3 span {
     font-weight: 400;
     color: #00535e
 }
 
 .ts-box div {
     text-align: center;
     width: 100%;
     box-sizing: border-box;
     padding: 3% 6% 5%;
     vertical-align: top;
     height: 280px;
     line-height: normal;
     display: table
 }
 
 .ver-video {
     font-size: 14px;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIRQTFRF////1tbW8PDw+/v79vb2+vr6+fn5/Pz8/f398vLy8fHx+Pj47e3t7u7u9/f39fX17+/v7+/v6enp9PT0/v7+4eHh6+vr5ubm6Ojo7Ozs6urq8/Pz5+fn4uLi5OTk4ODg2NjY1dXV19fX4+Pj3Nzc29vb39/f3t7e5eXl1NTU0tLS////Gy4lRQAAACx0Uk5T/////////////////////////////////////////////////////////wDH1gmMAAAEJ0lEQVR42uyaaZOjIBCGGUAUEC1iEmOuOXdmdv3//28zicaruZyjaqrCxyg+NkIfbwfVPzDQDXKD3CC/D5IxyoVOz0MLTln2xZClxOsMjYZcY5l8FWRJ1QTQDqZo8gUQgSWyDobFJyG8ciA+RlTxz0CwB+KM0dFcSB5NH7dYncZm+jsp5kHi4WPKo9pJcrlEZKGOI1Q8A6LJwIAF8KbZYj8wRodCVv2l0rnpNqr7thzCINseA8e2RU16GLIJgSQ9K2LXNk9Ud3fiD+kYL9TLrf25Tlj6QhbXKamv90yvU5QfZJW3E3J/H02vbnPlA9HXxYpCoka347UbQpazGH1K5ITMZfQpLgidzehRmB0SteFJzonmrIUwKwQ3t1XjC8WWeVAUtC3HENGs1sP45H7sak3clOZUSmGBtH5o/Lj1+dd95YS04YGaITg3HPSn1gM416x5TYmNEG6KP4/X3ck9TWEmSELhI1vXd52fXWtH6tFAYgMkMnyRAeQUX5jPYUkMkIXJkCEELZ49TNEwhFPjWb8b5SbKnJu069HtYgQYuq3dEIR27tgCQpQ5UE0hSG0cu5iDEAp5NyMEIcGt68UgSOPj32tfCEpfYMpmuF59SON/S3/IyRgF3b0ebqA+ZGdKBCyQk5MC8oDGlWcApLlUhEGQOJgCXw5AlPm72yCnh2n4y+8AyGUln+NgyMBRnX1gebERgFycyqqeAUG0BL48NkLuZ0G61z6P/TdB9vkPQAb5/HdBKAmAzPvwiN5NAxME2V4gc7YwkgpwXhAktaSndkh+AJMJDkD00OP4Q+S4usqGDgpNY3Ogg0QFNjlICkDoDFePxJvZ1TNz0FqEQAqw4KvMQatN7Yg3BG9tmdfVayLASu0LMZWtYuTNEBAG1n4QQR1FSvbZ5A5Ve3dRZ01TKzdEWIQKPH5VBJV8L7EDktrqh+R1XH4MIdKndEAba7pdF83e4qYi6OIj0VNsgeidvQhqqkZzpRVDsXRQaW0dJVCbvfXVonFhigxl0INnMdfplpbqN22+yiu49VO3On9ovsjGJhYowytvMdp4iF87qHqZQGhmkFaIj/bVnkOW2wUcblMTXWIkAqQCqxT1L5zy11eKqmn7Pk+hlAfYEFAefG8lr8cwebA9sLL0ETo7ZTRA9GJGCdIg2SbeSsp0vwDCsFN8PvpIaXVchovPg64GDzEjREYfiPWvyiEJvtkZltZG2ms7rFJjUyBO73tNhyq0STNooCAsAE4iMHK3T6ztpoyM4nolel444wqP2k3ZnJ5WLaaNM3Est+vyqKeNM1zXsyATY8wjtqQvzmYmi3wQxOoaPNqyTDNXI9NxYL0azEVuwUR54Zrv2yqPKWZQazmPPSYHNP0JkTnHWstTKq015oUknqFgxt8XopgUYTNu//a4QX455L8AAwDVYOAiu5iXPQAAAABJRU5ErkJggg==);
     background-repeat: no-repeat;
     background-size: auto 64%;
     background-position: left 25px center
 }
 
 .ver-video,
 a.ver-test,
 a.ver-ubl {
     background-color: #bbce03;
     text-decoration: none;
     color: #fff;
     display: block;
     width: 150px;
     box-sizing: border-box;
     padding: 7px 15px;
     border-radius: 20px;
     text-align: center;
     margin: 0 auto -20px
 }
 
 a.ver-test,
 a.ver-ubl {
     font-size: 15px
 }
 
 a.ver-ubl {
     width: 500px !important;
     border-radius: 10px !important
 }
 
 .ver-test:hover,
 .ver-video:hover,
 a.ver-ubl:hover {
     background-color: #00535e;
     color: #fff;
     transition: .3s
 }
 
 .ts-users .bg-gray-white {
     box-shadow: 1px 1px 2px #2b8976, 0 0 25px #2b8976, 0 0 5px #2b8976;
     border: 1px solid #ccc
 }
 
 .ts-users .col p {
     display: block;
     text-align: center;
     vertical-align: top;
     height: auto;
     width: 100%
 }
 
 .ts-users .cards-basic .col h3 {
     font-size: 18px
 }
 
 .ts-comentarios h2 {
     font-size: 32px;
     text-align: center;
     color: #00535e;
     font-weight: 600
 }
 
 .ts-comentarios {
     padding: 30px 0 0;
     background-color: #f1f1f1
 }
 
 .ts-comt-box {
     width: 48%;
     display: inline-block;
     background-color: #fff;
     border-radius: 5px;
     border: 1px solid #999;
     box-shadow: 1px 1px 2px #ddd, 0 0 25px #ddd, 0 0 5px #ddd;
     margin: 0 .5% 7%;
     box-sizing: border-box;
     vertical-align: top
 }
 
 .ts-comt-box-h {
     height: 340px
 }
 
 .ts-comt-box .ts-com-row {
     text-align: center;
     width: 100%;
     box-sizing: border-box;
     padding: 4% 5% 1%;
     vertical-align: top;
     height: auto;
     line-height: normal;
     display: table
 }
 
 .ts-com-row img {
     width: 12%;
     margin-right: 5%
 }
 
 .ts-com-row img,
 .ts-com-row>div {
     display: inline-block;
     vertical-align: top
 }
 
 .ts-com-row>div {
     text-align: left;
     width: 80%;
     height: auto;
     padding: 1%;
     box-sizing: border-box
 }
 
 .ts-com-row>div span {
     color: #00aaea;
     clear: both;
     display: block;
     font-weight: 400
 }
 
 section.h-testimonios .box-v-tes {
     display: inline-block;
     margin: 20px
 }
 
 @media screen and (max-width:991px) {
     .ts-videos .block-content .ts-box iframe {
         width: 100% !important
     }
     .ts-box,
     .ts-comt-box,
     .ts-users .row .col {
         width: 100%;
         display: block;
         clear: both
     }
     .ts-comt-box-h {
         height: auto
     }
     .ts-comt-box {
         margin-bottom: 15%
     }
     .ts-box div,
     .ts-users .col p {
         height: auto
     }
     section.h-testimonios .box-v-tes {
         display: block;
         margin: 20px 0
     }
     section.h-testimonios .box-v-tes iframe {
         width: 300px !important;
         height: 170px !important;
         margin: 10px auto !important
     }
 }
 
 .banner-mobiles {
     text-align: center
 }
 
 .banner-mobiles img {
     width: 80%;
     margin: 0 auto
 }
 
 .empty-li {
     border-bottom: none !important;
     padding-bottom: 1px
 }
 
 @media screen and (max-width:767px) {
     .empty-li {
         display: none
     }
 }
 
 .tachar {
     color: #ccc;
     text-decoration: line-through;
     line-height: 40px
 }
 
 .h1-tit {
     font-size: 3.6rem;
     line-height: 1.25;
     font-family: Roboto, sans-serif;
     font-weight: 400;
     color: #00aaea
 }
 
 .fb-reviews {
     padding: 20px 0 0;
     background-color: #fff !important
 }
 
 .fb-reviews h2 {
     color: #00535e !important;
     font-weight: 400;
     font-size: 32px
 }
 
 .fb-reviews .bg-gray-white {
     box-shadow: 1px 1px 2px #ddd, 0 0 25px #ddd, 0 0 5px #ddd !important
 }
 
 .fb-reviews .block-content {
     padding-bottom: 3rem
 }
 
 .fb-reviews .block-content .bg-gray-white {
     background: #fff
 }
 
 .fb-reviews .block-content .bg-gray-white h3 {
     font-size: 17px;
     color: #555
 }
 
 @media screen and (max-width:767px) {
     .fb-reviews .block-content {
         padding-bottom: 0
     }
 }
 
 section[data-name=FeaturesMore] .feature-item img,
 section[data-name=Features] .feature-item img {
     margin-bottom: 6.6rem;
     margin-top: .5rem
 }
 
 section[data-name=FeaturesMore] .feature-item p,
 section[data-name=Features] .feature-item p {
     margin-bottom: 0;
     margin-top: 10px;
     line-height: 1.5
 }
 
 section[data-name=FeaturesMore] .feature-item,
 section[data-name=Features] .feature-item {
     margin-bottom: 4rem;
     display: table;
     width: 100%
 }
 
 #features .col.feature div p {
     font-size: 16px
 }
 
 @media screen and (max-width:991px) {
     section[data-name=FeaturesMore] .feature-item img,
     section[data-name=Features] .feature-item img {
         margin-bottom: 11rem
     }
     section[data-name=FeaturesMore] .feature-item p,
     section[data-name=Features] .feature-item p {
         line-height: 1.4
     }
 }
 
 .fundaciones-banner {
     width: 100%;
     box-sizing: border-box;
     clear: both;
     text-align: center;
     padding: 20px;
     border: 1px solid #e8ebf0
 }
 
 .fundaciones-banner h4:first-child {
     margin-bottom: 50px
 }
 
 .fundaciones-banner .but-fund {
     padding: 1.2rem 3rem;
     border-radius: 5px;
     border: 2px solid #00aaea
 }
 
 .fundaciones-banner .but-fund:hover {
     background-color: #00535e;
     color: #fff;
     border: 2px solid #00535e;
     transition: .3s
 }
 
 .plans-scroll {
     text-align: center;
     clear: both;
     width: auto;
     margin: 0 auto;
     color: #fff;
     font-weight: 400;
     font-size: 14px;
     box-sizing: border-box;
     padding: 60px 0 20px
 }
 
 .plans-scroll img {
     margin-top: 7px;
     width: 20px
 }
 
 .plans-scroll a,
 .plans-scroll a img {
     border: none;
     outline: 0;
     -webkit-text-decoration-line: none;
     text-decoration-line: none;
     -webkit-text-decoration-style: initial;
     text-decoration-style: solid;
     -webkit-text-decoration-color: initial;
     text-decoration-color: initial
 }
 
 .prices .col.plan {
     border-radius: 8px;
     border: none;
     box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
 }
 
 .prices .col.plan.free {
     border-top: 8px solid #999 !important
 }
 
 .prices .col.plan.free h2.plan-title {
     color: #999
 }
 
 .prices .col.plan.pyme {
     border-top: 8px solid #bfcd31 !important
 }
 
 .prices .col.plan.pyme h2.plan-title {
     color: #bfcd31
 }
 
 .prices .col.plan.pro {
     border-top: 8px solid #00aaea !important
 }
 
 .prices .col.plan.pro h2.plan-title {
     color: #00aaea
 }
 
 .prices .col.plan.plus {
     border-top-width: 8px;
     border-top-style: solid;
 }
 
 .prices .col.plan.plus h2.plan-title {
     color: #00535e
 }
 
 .prices .block-content.text-center>h2 {
     margin-bottom: 0
 }
 
 .prices .block-content .sub-tit {
     font-size: 16px;
     margin-top: 5px;
     color: #00535e;
     margin-bottom: 40px
 }
 
 .buttons-prices {
     width: 100%;
     box-sizing: border-box;
     padding: 20px 10px;
     text-align: center;
     display: none
 }
 
 .buttons-prices a {
     text-decoration: none;
     padding: 10px 5px;
     display: inline-block;
     vertical-align: top;
     color: grey;
     font-size: 13px;
     text-align: center;
     width: 150px;
     font-weight: 400
 }
 
 .prices-but1 {
     border-radius: 5px 0 0 5px;
     border-left: 1px solid grey
 }
 
 .prices-but1,
 .prices-but2 {
     border-top: 1px solid grey;
     border-bottom: 1px solid grey
 }
 
 .prices-but2 {
     border-radius: 0 5px 5px 0;
     border-right: 1px solid grey
 }
 
 .but-selected1 {
     border-radius: 5px 0 0 5px;
     border-left: 1px solid #00aaea
 }
 
 .but-selected1,
 .but-selected2 {
     color: #fff !important;
     background-color: #00aaea;
     border-top: 1px solid #00aaea;
     border-bottom: 1px solid #00aaea
 }
 
 .but-selected2 {
     border-radius: 0 5px 5px 0;
     border-right: 1px solid #00aaea
 }
 
 .txt-fe {
     font-weight: 400
 }
 
 .txt-fe,
 .txt-subprice {
     box-sizing: border-box;
     width: 100%;
     color: #5d5b60;
     line-height: normal;
     padding: 15px 0
 }
 
 .txt-fe strong,
 .txt-subprice strong {
     clear: both;
     margin-bottom: 5px;
     display: block;
     color: #22505b;
     font-size: 18px
 }
 
 .counts .block-content {
     padding: 3rem 2rem
 }
 
 .counts .box-count {
     display: inline-block;
     vertical-align: top;
     box-sizing: border-box;
     text-align: center;
     color: #fff;
     font-size: 44px;
     font-weight: 700
 }
 
 .counts .box-count:first-child {
     width: 27%
 }
 
 .counts .box-count:nth-child(2),
 .counts .box-count:nth-child(3) {
     width: 36%
 }
 
 .counts .box-count div {
     clear: both;
     font-size: 28px;
     font-weight: 100;
     margin-bottom: 5px
 }
 
 .counts .box-count div img {
     margin-right: 10px;
     vertical-align: middle
 }
 
 @media screen and (max-width:991px) {
     .counts .box-count {
         display: block;
         width: 100% !important;
         clear: both;
         margin-bottom: 40px
     }
     .counts .box-count div {
         margin-bottom: 0
     }
 }
 
 .indice {
     width: 100%;
     clear: both;
     display: table;
     padding: 20px 0 50px
 }
 
 .indice,
 .indice a {
     box-sizing: border-box;
     text-align: center
 }
 
 .indice a {
     display: inline-block;
     text-decoration: none;
     padding: 20px;
     margin: 5px 10px;
     color: #00535e;
     border: 1px solid #ccc;
     border-radius: 10px;
     font-size: 18px;
     font-weight: 400;
     letter-spacing: -.5px
 }
 
 .indice a img {
     border: none;
     outline: 0;
     display: inline-block;
     margin-right: 15px;
     vertical-align: middle;
     height: 50px;
     width: auto
 }
 
 .indice a:hover {
     background-color: #2fb09b;
     color: #fff;
     transition: .3s
 }
 
 .back {
     position: fixed;
     bottom: 3%;
     right: 5%;
     box-sizing: border-box;
     text-align: center;
     z-index: 999;
     display: none
 }
 
 .back img {
     border: none;
     outline: 0;
     width: 50px;
     border-radius: 9px
 }
 
 .html-paises-list {
     width: 100%;
     text-align: center;
     box-sizing: border-box;
     padding: 0
 }
 
 .html-paises-list h3 {
     margin-bottom: 0
 }
 
 .html-paises-list select {
     width: 200px;
     font-weight: 600;
     border: 1px solid #00aaea;
     color: #fff;
     background-color: #00aaea;
     cursor: pointer
 }
 
 .hide-htmls {
     display: none;
     transition: .3s
 }
 
 @media screen and (max-width:991px) {
     .indice a {
         display: block;
         width: 100%;
         padding: 20px 10px;
         margin: 10px auto;
         letter-spacing: -1px
     }
 }
 
 #topbar-main .topbar-section .nav-access a.nav-access-item.button.outline.rounded {
     background-color: #bfcd31;
     border: none
 }
 
 #topbar-main .topbar-section .nav-access a.nav-access-item.button.outline.rounded:hover {
     background-color: #00aaea;
     color: #fff
 }
 
 .but-lime {
     margin: 1rem 0;
     background: #bfcd31;
     color: #f5f5f5;
     border-radius: 5px;
     font-size: 1.3rem;
     transition: all .2s ease;
     display: inline-block;
     font-weight: 400;
     border: 2px solid #bfcd31
 }
 
 .but-lime:hover {
     background-color: #00aaea;
     border: 2px solid #00aaea
 }
 
 .but-lime.large {
     font-size: 1.6rem;
     padding: 1.2rem 3rem
 }
 
 .prices h3.plan-price {
     margin-bottom: 7px
 }
 
 .plan .dct-10 {
     border-top: 1px solid #e4e4e4;
     padding-top: 7px;
     color: #58595f;
     font-weight: 600;
     margin-top: 0;
     margin-bottom: 40px;
     font-size: 14px
 }
 
 .plan .dct-10 s {
     color: #707070;
     font-weight: 500;
     font-size: 18px
 }
 
 .nav-access .nav-access-item.button.outline.rounded {
     text-align: center
 }
 
 @media screen and (max-width:1200px) {
     #nav-main .nav-item {
         padding: 1rem 1.2rem
     }
 }
 
 @media screen and (max-width:991px) {
     .nav-access .nav-access-item.button.outline.rounded {
         padding: .6rem
     }
 }
 
 section .live {
     border-bottom: 1px solid #eee;
     padding: 5rem 2rem
 }
 
 .live .live-box1-3 {
     width: 66%;
     display: inline-block;
     box-sizing: border-box;
     border-right: 1px solid #eee;
     text-align: left;
     vertical-align: top;
     padding-right: 20px
 }
 
 .live .live-box1-3 img {
     width: 100%;
     border: none
 }
 
 .live .live-box1-3 p {
     margin: 0
 }
 
 .live .live-box1-1 {
     width: 32%;
     padding-left: 20px;
     display: inline-block;
     box-sizing: border-box;
     vertical-align: top
 }
 
 .live .live-box1-1 h1 {
     margin: 0;
     font-size: 3.2rem
 }
 
 .live .live-box1-1 h3 {
     margin-top: 0;
     margin-bottom: 10px
 }
 
 .live .live-box1-1 h3 span {
     color: #00aaea
 }
 
 @media screen and (max-width:991px) {
     .live .live-box1-3 {
         width: 100%;
         display: block;
         border-right: none;
         padding-right: 0
     }
     .live .live-box1-1 {
         width: 100%;
         padding-left: 0;
         display: block
     }
 }
 
 .comunicate {
     background-color: #f9fafd
 }
 
 .com-tit {
     margin: 0 0 5px;
     font-weight: 500;
     font-size: 3.4rem;
     line-height: normal
 }
 
 .com-stit {
     font-size: 2.1rem;
     margin-top: 10px;
     margin-bottom: 34px;
     display: block;
     clear: both;
     width: 100%;
     line-height: normal
 }
 
 .col-com {
     background-color: #fff;
     display: inline-block;
     width: 32%;
     margin: 15px .5%;
     box-sizing: border-box;
     vertical-align: top;
     height: 360px;
     padding: 40px;
     box-shadow: 1px 1px 2px #ddd, 0 0 10px #ddd, 0 0 5px #ddd
 }
 
 .col-com h3 {
     font-size: 21px;
     font-weight: 500
 }
 
 .col-com p {
     line-height: normal
 }
 
 .col-com h3 a,
 .col-com img {
     border: none;
     outline: 0;
     text-decoration: none;
     color: #00535e
 }
 
 .semanal h2 {
     margin: 20px 0 5px;
     font-weight: 500;
     font-size: 3.4rem;
     line-height: normal
 }
 
 .semanal h4 {
     font-size: 2.2rem
 }
 
 .semanal h4 a {
     font-weight: 500;
     text-decoration: none;
     color: #fff
 }
 
 section[data-name=Features] .col .feature-item img {
     width: 50px;
     height: 50px
 }
 
 @media screen and (max-width:991px) {
     .com-tit {
         margin-top: 40px
     }
 }
 
 .contables .block-content {
     padding-top: 7rem !important
 }
 
 .contables .col {
     width: 49.5%;
     display: inline-block;
     box-sizing: border-box
 }
 
 .contables .col h2 {
     font-size: 3.4rem;
     margin-top: 0
 }
 
 .funciones-cont {
     width: 100%;
     box-sizing: border-box;
     padding: 15px 0
 }
 
 .funciones-cont div {
     width: 49.5%;
     display: inline-block;
     box-sizing: border-box;
     padding: 10px 0
 }
 
 .funciones-cont div img {
     vertical-align: middle;
     margin-right: 8px
 }
 
 .func-contables img {
     margin: 0 auto;
     display: block
 }
 
 @media screen and (max-width:991px) {
     .contables .col {
         margin-left: 7%
     }
     .contables .col:nth-child(2) {
         display: none !important
     }
     .contables p {
         text-align: center
     }
 }
 
 @media screen and (max-width:767px) {
     .contables .col h2 {
         text-align: center
     }
     .contables .col {
         margin-left: 0
     }
     .contables .block-content {
         padding-top: 5rem !important
     }
     .device-laptop {
         width: 100%;
         height: auto
     }
     .banner-mobiles img {
         width: 100%
     }
 }
 
 @media screen and (max-width:520px) {
     .contables .col {
         margin-left: 0
     }
     .funciones-cont div {
         width: 100%;
         display: block;
         padding-left: 40px
     }
 }
 
 .jklm-if-box,
 .jklm-if-box2 {
     z-index: 100000 !important;
     min-height: 0 !important
 }
 
 .jklm-if-box {
     height: 140px
 }
 
 .optin-box2 .poweredby {
     display: none
 }
 
 .optin-box2 .buttons .not-now {
     color: #7a7a7a !important
 }
 
 .optin-box2 .buttons .allow {
     background-color: #00aaea !important
 }
 
 .optin-customization .optin-box .tpush-box button {
     cursor: pointer !important;
     background-color: #00aaea !important
 }
 
 .mk-link {
     font-weight: 400
 }
 
 .contact-info .col.form {
     background-color: #f9fafd;
     box-sizing: border-box;
     padding: 0 40px
 }
 
 .contact-info .col.form iframe {
     margin-left: -2px;
     width: 108%;
     height: 40rem
 }
 
 .contact-info .col.form h3 {
     color: #707070;
     font-size: 2.8rem;
     line-height: normal;
     font-weight: 400
 }
 
 .contact-info .col.form h3 strong {
     color: #00aaea
 }
 
 .contact-info .col.form p {
     font-size: 14px;
     line-height: 20px;
     color: #707070
 }
 
 .contact-info .col.faq {
     border: 1px solid #eaedf7;
     border-radius: 0 7px 7px 0;
     margin-left: 0;
     padding-left: 4%
 }
 
 .contact-info .col.faq #accordion {
     width: 90%
 }
 
 .faq-fe #accordion {
     width: 100%;
     text-align: left
 }
 
 .faq-fe #accordion ul {
     list-style: disc;
     padding-left: 17px
 }
 
 .faq-fe #accordion ul li {
     margin-bottom: 2px
 }
 
 .contact-info .col.faq button.accordion-title {
     border-radius: 0;
     border: none;
     border-top: 1px solid #eaedf7;
     transition: .3s
 }
 
 .contact-info .col.faq button.accordion-title,
 .faq-fe button.accordion-title {
     font-family: Roboto, sans-serif;
     background-image: url(https://cdn2.alegra.com/email/images/2019/01/arrow-green-dw.svg);
     background-repeat: no-repeat;
     background-position: center right 10px;
     font-weight: 400;
     font-size: 1.6rem
 }
 
 .faq-fe button.accordion-title {
     background-color: #f9fafd;
     border: 3px solid #fff;
     border-radius: 8px;
     transition: .4s;
     min-height: 80px;
     padding: .5em 1.5em .5em 1em
 }
 
 .faq-fe .faqBoxItem {
     display: inline-block;
     width: 50%;
     vertical-align: top;
     box-sizing: border-box;
     text-align: left
 }
 
 .faq-fe .faqBoxItem div {
     box-sizing: border-box;
     padding: 10px 20px 20px
 }
 
 :focus {
     outline: 0 !important;
     outline-style: none
 }
 
 .dw-arrow {
     background-image: url(https://cdn2.alegra.com/email/images/2019/01/arrow-green-up.svg) !important
 }
 
 .contact-info .col.faq button.accordion-title strong,
 .faq-fe button.accordion-title strong {
     color: #00aaea;
     font-weight: 600
 }
 
 .contact-info .col.faq button.accordion-title:hover {
     background-color: #f9fafd
 }
 
 .faq-fe button.accordion-title:hover {
     background-color: #eaedf7
 }
 
 .contact-info .col.faq .accordion-content,
 .faq-fe .accordion-content {
     border: none;
     display: none
 }
 
 .contact-info .col.faq .accordion-content a,
 .faq-fe .accordion-content a {
     color: #00aaea
 }
 
 .contact-info .col.faq .accordion-content a:hover,
 .faq-fe .accordion-content a:hover {
     color: #00aaea;
     text-decoration: underline
 }
 
 .contact-info .col.faq h3,
 .contact-info .col.form h3 strong,
 .contact-info .col.form p strong,
 .faq-fe h3 {
     font-weight: 400
 }
 
 .n-fun {
     display: none
 }
 
 .n-fun .block-content {
     border-top: 1px solid #eee
 }
 
 .n-fun h2 {
     color: #00aaea;
     font-weight: 400;
     font-size: 3rem
 }
 
 .n-fun h4 {
     color: grey
 }
 
 .n-fun h4 strong {
     font-weight: 400
 }
 
 @media screen and (max-width:991px) {
     .contact-info .col.faq button.accordion-title {
         background-position: 100%
     }
 }
 
 @media screen and (max-width:768px) {
     .contact-info .col.form iframe {
         margin-left: 0;
         width: 100%
     }
     .contact-info .col.form {
         padding: 0 20px
     }
 }
 
 @media screen and (max-width:767px) {
     .faq-fe .faqBoxItem {
         display: block;
         width: 100%
     }
     section[data-name=Hero] .hero {
         min-height: 100vh
     }
 }
 
 .txt-fundaciones {
     line-height: 1.7
 }
 
 .txt-fundaciones a {
     font-weight: 400;
     color: #00aaea;
 }
 
 #topbar-main.bg-solid .topbar-section .nav-access a.nav-access-item.button.outline.rounded.white {
     background-color: #00aaea;
     color: #fff;
     border: none
 }
 
 #topbar-main .topbar-section .nav-access a.nav-access-item.button.outline.rounded.white {
     background-color: #fff;
     color: #00aaea;
     border: none
 }
 
 #topbar-main .topbar-section .nav-access a.nav-access-item.button.outline.rounded.white:hover {
     background-color: #00aaea;
     color: #fff
 }
 
 section .hero-text-right .b-w {
     background-color: #fff;
     color: #00aaea;
     border-color: #fff
 }
 
 section .hero-text-right .b-w:hover {
     background-color: #00aaea;
     color: #fff;
     border-color: #00aaea;
     transition: .3s
 }
 
 .b-w:hover .svg-button-fe-col {
     fill: #fff
 }
 
 .b-arg {
     color: #00aaea !important;
     background: #fff
 }
 
 .b-arg,
 .b-arg:hover {
     border: 2px solid #fff
 }
 
 .b-arg:hover {
     color: #fff !important;
     background: #bfcd31
 }
 
 .reg-arg {
     font-weight: 400
 }
 
 .hero div.cover {
     height: 100%
 }
 
 .feature img {
     border-radius: none;
     transition: none
 }
 
 .feature img,
 .feature:hover img {
     background: 0 0
 }
 
 .feature div.features-transition-img {
     background: #e3ece9;
     border-radius: 50%;
     transition: all .5s
 }
 
 .feature:hover div.features-transition-img {
     background-color: #00535e;
 }
 
 .prices .block-content .sub-tit {
     margin-bottom: 60px
 }
 
 .prices .col.plan.plus {}
 
 .prices .col.plan.plus h2.plan-title {
     color: #A80000
 }
 
 .prices h3.plan-price {
     margin-bottom: 10px
 }
 
 .prices .plan.pro {
     overflow: hidden;
     margin-top: -30px;
     margin-bottom: -30px
 }
 
 .prices .plans-marg {
     padding: 40px 0
 }
 
 .prices .it-tienda {
     color: #58595f
 }
 
 .prices .plan.pro .txt-sugerido {
     background-color: #00aaea;
     color: #fff;
     text-transform: uppercase;
     text-align: center;
     padding: 1px 0;
     font-size: 11px;
     font-weight: 500;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     overflow: hidden;
     margin-top: 17px;
     margin-left: -86px;
     width: 200px
 }
 
 .prices .plan.pro h2.plan-title {
     margin-top: -1px;
     margin-bottom: 50px
 }
 
 .prices .plan.pro .txt-sugerido svg {
     vertical-align: middle
 }
 
 .txt-subprice {
     font-size: 1.3rem;
     font-weight: 400
 }
 
 .prices .plan.pyme .txt-subprice {
     margin-top: 100px
 }
 
 .prices .plan.pro .txt-subprice {
     margin-top: 60px
 }
 
 .plans ul li {
     padding: 7px 0;
     margin-bottom: 0
 }
 
 .prices h3.txt-qst {
     margin: 56px auto 30px;
     font-weight: 500
 }
 
 @media screen and (max-width:768px) {
     .prices .block-content.text-center>h2 {
         margin-top: 20px
     }
     .prices .block-content .sub-tit {
         margin-bottom: 30px
     }
     .prices .plan.pro {
         margin-top: 0;
         margin-bottom: 0
     }
     .prices .plans-marg {
         padding: 0
     }
     .prices h3.plan-price {
         margin-bottom: 30px
     }
     .prices .plan.pro .txt-subprice,
     .prices .plan.pyme .txt-subprice {
         margin-top: 20px
     }
     .prices h3.txt-qst {
         margin: 20px auto
     }
 }
 
 .hero-content .hero-message .hero-text-right {
     width: 50%
 }
 
 @media screen and (max-width:991px) {
     .hero-content .hero-message .hero-text-right {
         width: 100%;
         margin: 0 auto
     }
 }
 
 .plan-emprendedor ul li span,
 .prices .plan ul li span {
     font-weight: 500;
     color: #00aaea
 }
 
 .plan-emprendedor {
     border-top: 8px solid #e4e9f6 !important;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
     padding: 30px 0 20px;
     box-sizing: border-box;
     margin-bottom: 40px
 }
 
 .plan-emprendedor .col {
     text-align: left
 }
 
 .plan-emprendedor .plan-type {
     color: #00535e;
     line-height: normal;
     box-sizing: border-box
 }
 
 .plan-emprendedor .plan-title {
     color: #00535e;
     font-size: 24px;
     margin-top: 15px;
     line-height: 20px;
     margin-left: 60px
 }
 
 .plan-emprendedor .plan-type .plan-title div {
     font-weight: 500;
     font-size: 20px;
     margin-top: 15px
 }
 
 .plan-emprendedor .plan-type .plan-title div s {
     font-weight: 400;
     font-size: 18px;
     color: #707070
 }
 
 .plan-emprendedor .plan-type .plan-title span {
     font-weight: 400;
     font-size: 16px;
     opacity: .7
 }
 
 .plan-emprendedor .plan-features ul li {
     list-style: none;
     list-style-type: none;
     color: #595959;
     margin-bottom: 2px;
     font-size: 1.45rem
 }
 
 .plan-emprendedor .plan-features ul li div {
     padding-top: 2px;
     font-size: 1.42rem
 }
 
 .plan-but p {
     text-align: center;
     margin-top: 18px
 }
 
 .plan-but .button.outline {
     color: #00535e;
     border: 2px solid #00535e;
     transition: .3s;
     font-size: 1.5rem;
     padding: 1rem 2rem
 }
 
 .plan-but .button.outline:hover {
     color: #fff;
     background-color: #00535e
 }
 
 .hs-cta-wrapper a {
     color: #fff
 }
 
 @media screen and (max-width:768px) {
     .plan-emprendedor .plan-title {
         margin-left: 0
     }
     .plan-emprendedor .col {
         text-align: center
     }
     .plan-emprendedor {
         padding: 30px 20px
     }
     .plan-emprendedor .plan-features ul li {
         margin-bottom: 7px;
         padding-bottom: 7px;
         border-bottom: 1px solid rgba(232, 235, 240, .8)
     }
 }
 
 .col.plan-emprendedor {
     border-top: 8px solid #8592ad !important
 }
 
 .col.plan-emprendedor .plan-title {
     margin-left: 0;
     color: #8592ad
 }
 
 .col.plan-emprendedor .plan-but .button.outline {
     color: #fff;
     border: 2px solid #8592ad;
     background-color: #8592ad
 }
 
 .col.plan-emprendedor .plan-features ul li {
     margin: 8px auto;
     border-bottom: 1px solid #eee;
     width: 70%
 }
 
 .col.plan-corporativo {
     border-top: 8px solid #00535e !important;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
     padding: 30px 0 20px;
     box-sizing: border-box;
     margin-bottom: 40px
 }
 
 .col.plan-corporativo .plan-title {
     color: #00535e;
     font-size: 24px;
     margin: 0 auto;
     line-height: 13px;
     text-transform: uppercase
 }
 
 .col.plan-corporativo .plan-features {
     box-sizing: border-box;
     padding: 0 84px
 }
 
 .col.plan-corporativo .plan-features span {
     color: #000;
     font-weight: 500
 }
 
 .col.plan-corporativo .plan-features p {
     color: #888;
     font-size: 1.5rem;
     margin-bottom: 0;
     font-weight: 400;
     line-height: normal
 }
 
 .col.plan-corporativo .plan-features ul li {
     list-style-position: outside;
     line-height: normal;
     list-style-type: none;
     text-align: center;
     margin: 9px auto;
     padding-bottom: 6px;
     color: #595959;
     border-bottom: 1px solid #eee
 }
 
 .col.plan-corporativo .plan-but .button.outline {
     color: #fff;
     border: 2px solid #00535e;
     background-color: #00535e
 }
 
 .col.plan-corporativo .plan-but .button.outline:hover,
 .col.plan-emprendedor .plan-but .button.outline:hover {
     opacity: .7
 }
 
 @media screen and (max-width:768px) {
     .col.plan-corporativo,
     .col.plan-emprendedor {
         display: block;
         width: 100%;
         margin: 20px auto
     }
     .col.plan-corporativo .plan-features {
         box-sizing: border-box;
         padding: 0 25px 10px
     }
     .col.plan-emprendedor .plan-features ul li {
         width: 90%
     }
 }
 
 .simb-plus {
     font-size: 24px;
     vertical-align: middle;
     display: inline-block
 }
 
 .hero-pos {
     background-position: 50% !important
 }
 
 .pos-caracteristicas .feature:hover img {
     background: 0 0
 }
 
 .pos-caracteristicas .cards-basic .col {
     transition: .3s ease-in-out;
     padding: 0
 }
 
 .pos-caracteristicas .cards-basic .col a {
     padding: 1rem 2rem;
     display: block
 }
 
 .pos-caracteristicas .cards-basic .col:hover {
     background-color: #fff;
     box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
 }
 
 .pos-caracteristicas .cards-basic .col div {
     display: table;
     text-align: center;
     margin: 0 auto
 }
 
 .pos-caracteristicas .cards-basic .col .circle {
     background: #e3ece9;
     border-radius: 50%;
     width: 120px;
     height: 120px;
     display: table-cell;
     vertical-align: middle
 }
 
 .pos-caracteristicas .cards-basic .col .circle img {
     background: 0 0;
     border-radius: 0;
     display: block;
     margin: 0 auto
 }
 
 .pos-prices h3.plan-price {
     margin-bottom: 10px
 }
 
 .pos-prices .plan .dct-10 {
     padding-top: 2px;
     padding-bottom: 10px;
     border-top: none;
     border-bottom: 1px solid #e4e4e4
 }
 
 .pos-prices .plan.pro h2.plan-title {
     margin-bottom: 50px
 }
 
 .pos-form {
     background-size: cover;
     background-position: 50%
 }
 
 .pos-form .hero-text-left h3 {
     font-size: 2.8rem;
     margin-bottom: 0
 }
 
 .pos-form .hero-text-left p {
     font-weight: 300;
     margin-top: 10px
 }
 
 .pos-form form {
     padding-bottom: 20px
 }
 
 .pos-form form input[type=email],
 .pos-form form input[type=submit],
 .pos-form form input[type=text] {
     width: 70%
 }
 
 .pos-form form input[type=email],
 .pos-form form input[type=text] {
     border: 1px solid #ddd
 }
 
 form .msg-send {
     color: #fc5e23;
     font-size: 12px;
     font-weight: 700;
     position: absolute
 }
 
 @media screen and (max-width:767px) {
     .pos-form form input[type=email],
     .pos-form form input[type=submit],
     .pos-form form input[type=text] {
         width: 90%
     }
     .pos-form {
         background-position: center right -460px
     }
 }
 
 .logo-payu {
     width: 80px;
     height: 40px;
     display: inline-block;
     box-sizing: border-box;
     background-image: url(https://cdn2.alegra.com/website/assets/images/logo-payu-white.png);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: 50%;
     cursor: pointer
 }
 
 .logo-payu-color {
     background-image: url(https://cdn2.alegra.com/website/assets/images/logo-payu.png) !important
 }
 
 .plussign {
     display: inline-block;
     box-sizing: border-box;
     padding: 0 7px
 }
 
 @media screen and (max-width:768px) {
     .logo-payu {
         width: 53px;
         height: 30px;
         background-position: top
     }
 }
 
 hr.div-sec {
     width: 74%
 }
 
 .datacrm-logo {
     width: 160px;
     height: 55px;
     margin-left: 20px;
     background-image: url(https://cdn2.alegra.com/website/images/datacrm/logo-datacrm.png);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: 0
 }
 
 .datacrm-logo,
 .logos-separator {
     display: inline-block;
     box-sizing: border-box
 }
 
 .logos-separator {
     margin: 15px;
     height: 50px;
     width: 1px;
     border-right: 2px solid #ddd
 }
 
 .txt-copy .logos-separator {
     border-right: 1px solid #fff;
     height: 30px
 }
 
 .datacrm-logo-color {
     background-image: url(https://cdn2.alegra.com/website/images/datacrm/logo-datacrm-green.png) !important
 }
 
 .txt-copy .datacrm-logo {
     width: 150px;
     height: 50px
 }
 
 @media screen and (max-width:767px) {
     .datacrm-logo,
     .txt-copy .datacrm-logo {
         width: 120px;
         height: 35px
     }
     .txt-copy .logos-separator {
         margin: 5px 10px
     }
 }
 
 .prensa-header {
     width: 100%;
     box-sizing: border-box
 }
 
 .prensa-header h3 {
     font-size: 2.5rem;
     line-height: normal
 }
 
 .prensa-header p {
     font-size: 1.8rem;
     line-height: 2.6rem;
     padding: 0 100px
 }
 
 .prensa-empresas {
     background-color: #f9f9f9
 }
 
 .prensa-empresas .h1-tit {
     color: #00535e !important
 }
 
 .prensa-empresas .box-prensa {
     width: 32%;
     display: inline-block;
     background-color: #fff;
     border-radius: 5px;
     box-shadow: 1px 1px 2px #eee, 0 0 15px #eee, 0 0 5px #eee;
     margin: 40px .5% 30px;
     box-sizing: border-box;
     vertical-align: top;
     text-align: left;
     color: #00535e;
     padding: 20px 30px 30px 40px;
     line-height: 34px;
     height: 280px
 }
 
 .prensa-empresas .box-prensa strong {
     font-size: 18px
 }
 
 .prensa-empresas .box-prensa span {
     color: #999
 }
 
 .prensa-empresas .box-prensa p {
     line-height: normal;
     color: #00535e
 }
 
 .prensa-empresas .box-prensa .logo-prensa {
     height: 70px;
     width: 100%;
     overflow: visible;
     display: table-cell;
     vertical-align: bottom;
     box-sizing: border-box;
     padding-bottom: 20px
 }
 
 .prensa-empresas .box-prensa img {
     width: auto;
     vertical-align: bottom;
     border: none;
     outline: 0
 }
 
 .prensa-empresas .box-prensa p a {
     font-weight: 400
 }
 
 .prensa-material,
 .prensa-recursos {
     width: 100%;
     box-sizing: border-box;
     text-align: center
 }
 
 .prensa-material h2,
 .prensa-recursos h2 {
     font-size: 3rem;
     text-align: center;
     font-weight: 400
 }
 
 .prensa-material p.sumario,
 .prensa-recursos p.sumario {
     font-size: 1.8rem;
     line-height: 2.4rem;
     padding: 0 200px;
     text-align: center;
     margin-bottom: 30px
 }
 
 .prensa-material .box-pk {
     width: 33%;
     padding: 2% 3%
 }
 
 .prensa-material .box-pk,
 .prensa-recursos .box-rc {
     display: inline-block;
     vertical-align: top;
     box-sizing: border-box;
     text-align: center
 }
 
 .prensa-recursos .box-rc {
     width: 40%;
     padding: 40px 60px
 }
 
 .prensa-recursos .box-rc h3 a {
     color: #00535e
 }
 
 .prensa-material .box-pk h3,
 .prensa-recursos .box-rc h3 {
     font-weight: 400;
     font-size: 2.2rem
 }
 
 .linea-tiempo {
     background-color: #f9f9f9;
     text-align: center;
     padding-top: 0
 }
 
 .container {
     overflow: hidden;
     position: relative;
     height: 450px;
     box-sizing: border-box;
     padding: 0 !important
 }
 
 .controls,
 .slideDiv {
     position: absolute
 }
 
 .slideDiv {
     width: 100%;
     height: 100%;
     box-sizing: border-box
 }
 
 .slideDiv article {
     animation: fadein 2s
 }
 
 @keyframes fadein {
     0% {
         opacity: 0
     }
     to {
         opacity: 1
     }
 }
 
 .slideDiv article:nth-child(3) .tl-img,
 .slideDiv article:nth-child(5) .tl-img,
 .slideDiv article:nth-child(6) .tl-img {
     background-size: auto 64%
 }
 
 .slideDiv article:nth-child(4) .tl-img {
     background-size: auto 40%
 }
 
 .slide {
     width: 100%;
     overflow: hidden;
     box-sizing: border-box;
     background-image: url(/img/bg-logros.svg);
     background-position: 0;
     background-size: 52% 100%
 }
 
 .slide,
 .tl-img {
     height: 450px;
     background-repeat: no-repeat
 }
 
 .tl-img {
     background-position: 50%;
     background-size: auto 50%
 }
 
 .tl-img,
 .tl-txt {
     display: inline-block;
     width: 49%;
     box-sizing: border-box;
     vertical-align: top
 }
 
 .tl-txt {
     text-align: left;
     padding: 4rem 4.5% 0 5%
 }
 
 .tl-txt h2 {
     font-size: 3.2rem;
     font-weight: 600;
     letter-spacing: normal;
     margin-top: 90px
 }
 
 .tl-txt p {
     font-size: 1.6rem
 }
 
 .tl-txt h3 {
     font-size: 2.2rem;
     margin-bottom: 40px
 }
 
 .tl-txt h3 .tl-yr {
     color: #00aaea;
     font-weight: 600;
     font-size: 1.6rem
 }
 
 .tl-txt h3 .tl-mn {
     color: #707070;
     font-size: 1.9rem;
     line-height: 4.2rem
 }
 
 .controls {
     top: 90px;
     right: 10px;
     z-index: 5;
     text-align: center
 }
 
 .controls,
 .controls .button {
     padding: 0;
     box-sizing: border-box
 }
 
 .controls .button {
     width: 13px;
     height: 13px;
     display: block;
     cursor: pointer;
     border-radius: 50px;
     transition: all .2s ease
 }
 
 .controls .button:not(:last-child) {
     margin-bottom: 12px
 }
 
 .controls .button {
     outline: 0;
     background-color: transparent;
     border: 1px solid #b3b3b3
 }
 
 .controls .selected {
     background-color: #00aaea;
     border: 1px solid #00aaea
 }
 
 @media screen and (max-width:767px) {
     .slideDiv article:first-child .tl-txt {
         padding-top: 70px
     }
     .tl-img,
     .tl-txt {
         display: block;
         width: 100%;
         padding: 20px;
         text-align: left
     }
     .controls {
         top: 40px;
         right: 15px
     }
     .container {
         height: 720px
     }
     .tl-txt {
         padding: 0 10%
     }
     .tl-txt h2 {
         margin-top: 40px
     }
     .slide {
         height: 720px;
         background-position: top;
         background-size: 100% 44%
     }
     .tl-img {
         height: 300px;
         background-size: auto 50%
     }
 }
 
 .prensa-contact p {
     font-size: 2rem;
     margin: 0
 }
 
 .prensa-contact p a {
     text-decoration: none;
     color: #fff;
     font-weight: 700
 }
 
 .box-prensa-material {
     width: 48%;
     display: inline-block;
     background-color: #fff;
     border-radius: 5px;
     border: 1px solid #ccc;
     box-shadow: 1px 1px 2px #eee, 0 0 25px #eee, 0 0 5px #eee;
     margin: 30px .5%;
     box-sizing: border-box;
     vertical-align: top;
     height: 250px;
     padding: 2% 2% 1% 13%;
     background-repeat: no-repeat;
     background-position: left 25px top 40px;
     background-size: 17%
 }
 
 .box-prensa-material p {
     line-height: normal;
     color: #666
 }
 
 .box-prensa-material h3 {
     color: #00aaea;
     font-size: 20px;
     font-weight: 600;
     letter-spacing: normal
 }
 
 @media screen and (max-width:991px) {
     section.prensa-header .block-content {
         padding-bottom: 0
     }
     .box-prensa-material,
     .prensa-empresas .box-prensa {
         width: 100%;
         display: block
     }
     .box-prensa-material {
         padding: 2% 4% 1% 30%
     }
 }
 
 @media (min-width:767px) and (max-width:991px) {
     .footer-logos .col {
         flex: 0 0 30%
     }
 }
 
 @media (min-width:540px) and (max-width:766px) {
     .footer-logos .col {
         flex: 0 0 40%
     }
 }
 
 @media screen and (max-width:539px) {
     .footer-logos .col {
         flex: 0 0 100%
     }
 }
 
 @media screen and (max-width:767px) {
     .prensa-header {
         padding-bottom: 40px
     }
     .prensa-header p {
         padding: 0 10px
     }
     .prensa-material p.sumario,
     .prensa-recursos p.sumario {
         padding: 0 20px
     }
     .prensa-material .box-pk {
         display: block;
         width: 100%;
         padding: 5% 1%
     }
     .prensa-recursos .box-rc {
         display: block;
         width: 100%;
         padding: 40px
     }
 }
 
 .img-vs {
     margin-right: 3%
 }
 
 .img-ms,
 .img-vs {
     width: 48%;
     display: inline-block
 }
 
 .hr-line,
 .img-pol {
     width: 99%
 }
 
 .hr-line {
     margin: 2% 0
 }
 
 @media screen and (max-width:767px) {
     .img-vs {
         margin-right: 0
     }
     .img-ms,
     .img-vs {
         width: 100%;
         display: block
     }
     .hr-line,
     .img-pol {
         width: 100%
     }
     .hr-line {
         margin: 2% auto
     }
 }
 
 #covid-bar {
     width: 100%;
     text-align: center;
     padding: 7px 15px;
     line-height: normal !important
 }
 
 #covid-bar a {
     text-decoration: none;
     background: 0 0 !important
 }
 
 .covid-bar,
 .fe-bar {
     background-color: #00aaea
 }
 
 .covid-bar a {
     font-size: 17px;
     font-weight: 400
 }
 
 .covid-bar a,
 .covid-bar a:active,
 .covid-bar a:hover,
 .covid-bar a:visited {
     color: #fff !important
 }
 
 .bar-register-fe {
     display: flex;
     justify-content: space-around;
     align-items: center
 }
 
 .bf-bar {
     background-color: #8fc831
 }
 
 .bf-bar a {
     color: hsla(0, 0%, 100%, .9) !important;
     font-size: 16px;
     font-weight: 300;
     letter-spacing: .4px
 }
 
 .bf-bar strong {
     font-weight: 400;
     color: #fff
 }
 
 .covid-bar span {
     cursor: pointer;
     display: inline-block;
     vertical-align: middle;
     text-transform: uppercase;
     font-weight: 700;
     margin-left: 12px;
     background-color: #fff;
     color: #00aaea;
     padding: 2px 6px;
     border-radius: 40px;
     font-size: 10px;
     margin-top: -2px
 }
 
 .covid-bar-hide {
     display: none !important
 }
 
 .dom-bar,
 .pan-bar {
     background-color: #fff;
     border-bottom: 1px solid #f1f1f1
 }
 
 .dom-bar a,
 .pan-bar a {
     color: #707070;
     font-size: 18px;
     font-weight: 400
 }
 
 .dom-bar a:before,
 .pan-bar a:before {
     content: "Facturaci\F3n Electr\F3nica";
     color: #00aaea
 }
 
 .bf-bar span,
 .covid-bar span,
 .dom-bar span,
 .fe-bar span,
 .pan-bar span {
     display: none !important
 }
 
 .fe-bar a {
     background: 0 0 !important;
     text-decoration: none;
     color: #fff !important;
     font-size: 17px;
     font-weight: 400
 }
 
 @media screen and (max-width:768px) {
     .covid-bar {
         padding: 3px 10px 7px
     }
     .covid-bar a,
     .dom-bar a,
     .fe-bar a,
     .pan-bar a {
         font-size: 14px
     }
 }
 
 .col.plan.plus ul li:nth-last-child(2),
 .col.plan.pro ul li:nth-last-child(2),
 .col.plan.pyme ul li:nth-last-child(2) {
     border: none;
     padding-bottom: 0
 }
 
 .col.plan .empty-li {
     height: 10px
 }
 
 @media screen and (max-width:767px) {
     .plan-emprendedor .plan-but,
     .plan-emprendedor .plan-but p {
         margin: 0
     }
 }
 
 .button.large,
 .button.outline {
     text-transform: uppercase
 }
 
 h3.serif.margin-tiny span {
     color: #999;
     font-size: 2.2rem
 }
 
 .more-ver {
     font-weight: 500;
     opacity: .7;
     font-size: 13px
 }
 
 .more-ver:after {
     content: "\25BE   ";
     margin-left: 5px;
     color: #00aaea
 }
 
 .hideImf {
     opacity: .7
 }
 
 .hideImf:after {
     content: "\25B4   ";
     margin-left: 5px
 }
 
 .hideImf:hover {
     opacity: 1
 }
 
 .col-mobile {
     box-sizing: border-box;
     display: inline-block;
     vertical-align: middle
 }
 
 .col-mobile.cmob1 {
     width: 40%;
     margin-left: 0;
     text-align: center
 }
 
 .col-mobile.cmob2 {
     width: 59%;
     text-align: center;
     margin-left: 0
 }
 
 .col-mobile.cmob2 h2 {
     margin-bottom: 2px
 }
 
 .col-mobile.cmob2 h2 span {
     color: #00aaea
 }
 
 .col-mobile.cmob2 h4 {
     color: #8592ad;
     margin-top: 0;
     margin-bottom: 40px
 }
 
 .col-mobile.cmob2 img {
     width: 200px
 }
 
 @media screen and (max-width:1023px) {
     .col-mobile {
         display: block
     }
     .col-mobile.cmob1,
     .col-mobile.cmob2 {
         width: 100%
     }
     .col-mobile.cmob1 .gatsby-image-wrapper {
         width: 50%;
         margin: 0 auto
     }
 }
 
 @media screen and (max-width:767px) {
     .col-mobile.cmob1 .gatsby-image-wrapper {
         width: 80%
     }
 }
 
 .col.form .submitted-message p:first-child {
     text-align: center;
     font-size: 2.2rem;
     border-top: 1px solid #eee;
     padding-top: 20px;
     line-height: normal
 }
 
 .col.form .submitted-message p em {
     font-style: normal;
     font-weight: 400
 }
 
 .contact-info .form .hs-form {
     font-family: Roboto, sans-serif;
     font-size: 14px
 }
 
 .contact-info .form .hs-form,
 .contact-info .form .hs-form input,
 .contact-info .form .hs-form textarea {
     font-family: Roboto, sans-serif;
     border-color: #e4e9f6
 }
 
 .contact-info .form .hs-form ::-webkit-input-placeholder {
     color: #8592ad;
     font-weight: 200;
     opacity: .85
 }
 
 .contact-info .form .hs-form :-ms-input-placeholder {
     color: #8592ad;
     font-weight: 200;
     opacity: .85
 }
 
 .contact-info .form .hs-form ::-ms-input-placeholder {
     color: #8592ad;
     font-weight: 200;
     opacity: .85
 }
 
 .contact-info .form .hs-form ::placeholder {
     color: #8592ad;
     font-weight: 200;
     opacity: .85
 }
 
 .contact-info .form .hs-form :-ms-input-placeholder,
 .contact-info .form .hs-form ::-ms-input-placeholder {
     color: #8592ad;
     font-weight: 200;
     opacity: .85
 }
 
 .contact-info .form input[type=radio] {
     opacity: .3
 }
 
 .contact-info .hs-form .hs-fieldtype-file.hs-form-field>label span[data-reactid] {
     color: #00aaea !important
 }
 
 .contact-info .form .hs-form .hs_email {
     margin-top: 20px
 }
 
 .contact-info .form .hs-form .hs-form-field label span[data-reactid]:first-child,
 .contact-info .form .hs-form .hs_email label span[data-reactid] {
     font-weight: 500;
     color: #606a77
 }
 
 .contact-info .form .hs-form li {
     list-style: none;
     list-style-type: none
 }
 
 .contact-info .form .hs-form input[type=email] {
     margin-top: 0
 }
 
 .contact-info .form .hs-form .hs-dependent-field {
     margin-top: 30px
 }
 
 .contact-info .form .hs-form .hs-form-field .input ul li input {
     margin-right: 10px
 }
 
 .contact-info .form .hs-form .hs-form-field .input ul li input+span[data-reactid] {
     font-size: 14px;
     color: #707070
 }
 
 .contact-info .form .hs-form .hs-form-field .input ul li {
     margin-bottom: 5px
 }
 
 .contact-info .form .hs-form .hs-input {
     margin-bottom: 0
 }
 
 .contact-info .form .hs-form .hs-form-field legend {
     padding-left: 0;
     margin: 5px 0
 }
 
 .contact-info .form .hs-form .hs-form-field legend a {
     display: block;
     width: -webkit-max-content;
     width: max-content;
     font-weight: 400;
     clear: both
 }
 
 .contact-info .form .hs-form .hs-form-field legend a:before {
     content: "\2022";
     font-size: 16px;
     font-weight: 700;
     margin-right: 5px
 }
 
 .contact-info .form .hs-form .hs-error-msg,
 .contact-info .form .hs-form .hs-form-required,
 .contact-info .form .hs-form .hs-main-font-element {
     color: #dc0000 !important;
     font-size: 12px
 }
 
 .contact-info .form .hs-form .hs_email>label,
 .contact-info .form .hs-form .hs_firstname>label,
 .contact-info .form .hs-form .hs_soporte_tecnico_123_>label {
     display: none
 }
 
 .contact-info .form .hs-form input[type=submit] {
     text-transform: uppercase
 }
 
 .contact-info .form #reactHubspotForm0 {
     background-color: #f9fafd
 }
 
 .phoneInfo {
     color: #707070;
     text-align: center;
     width: 100%;
     font-size: 22px;
     margin-top: 30px
 }
 
 .phoneInfo a,
 .phoneInfo span {
     color: #00aaea;
     font-weight: 400
 }
 
 .phoneInfo p {
     font-size: 16px !important;
     margin-top: 10px;
     line-height: 24px !important
 }
 
 #nav-main .it-resources {
     border-radius: 2rem 2rem 0 0;
     transition: 0s
 }
 
 #nav-main .it-resources:hover .subMenu {
     display: block
 }
 
 #nav-main .subMenu {
     position: absolute;
     box-sizing: border-box;
     background: rgba(0, 0, 0, .3);
     background-image: url(/img/bg-submenu.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50%;
     width: 380px;
     border-radius: 0 20px 20px 20px;
     padding: 15px 20px 10px 0;
     margin-top: 10px;
     margin-left: -20px;
     display: none;
     z-index: 10
 }
 
 #nav-main .subMenu li {
     list-style: none;
     list-style-type: none;
     margin-left: 5%;
     width: 45%;
     display: inline-block;
     box-sizing: border-box;
     font-size: .9em;
     vertical-align: top;
     border-bottom: 1px solid hsla(0, 0%, 80%, .3)
 }
 
 #nav-main .subMenu li a {
     background-color: transparent
 }
 
 #nav-main .subMenu li a:hover {
     color: #cbda33
 }
 
 #nav-main .subMenu li p {
     color: #ccc;
     line-height: normal;
     font-size: 11px;
     margin: 2px 0 5px
 }
 
 #topbar-main.bg-solid .subMenu,
 .home-dom #topbar-main.bg-solid .subMenu,
 .peru-fe #topbar-main.bg-solid .subMenu,
 .pos-page #topbar-main.bg-solid .subMenu,
 .solofe #topbar-main #nav-main .subMenu {
     background: #fff;
     background-image: none;
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
     border-radius: 0 0 20px 20px;
     box-shadow: 0 4px 5px -2px hsla(0, 0%, 40%, .5)
 }
 
 .contador-h #topbar-main #nav-main .subMenu {
     background-image: linear-gradient(rgba(248, 247, 252, .9), #f0eff5);
     background-color: transparent
 }
 
 .contador-h #nav-main .subMenu li p {
     color: #a5a5a5
 }
 
 .contador-h #nav-main .subMenu li a:hover,
 .contador-h #topbar-main.bg-solid .subMenu li a:hover {
     color: #00535e
 }
 
 .contador-h .topbar .nav-access-item.button.outline2.rounded {
     border: none !important
 }
 
 @media screen and (max-width:980px) {
     .contador-h #nav-toggle {
         display: block !important
     }
     .contador-h #topbar-main #nav-main .subMenu,
     .contador-h .topbar .nav {
         background: #00535e !important
     }
 }
 
 .solofe.boletas #topbar-main #nav-main .subMenu {
     background-image: linear-gradient(hsla(0, 0%, 93.7%, .95), #efefef);
     background-color: transparent
 }
 
 .solofe.boletas #topbar-main #nav-main .subMenu p {
     color: #adadad
 }
 
 .solofe.curve #topbar-main #nav-main .subMenu {
     background-image: linear-gradient(rgba(203, 221, 219, .95), #d9ebe9);
     background-color: transparent
 }
 
 .solofe.curve.enomina #topbar-main #nav-main .subMenu {
     background-image: linear-gradient(rgba(244, 251, 253, .95), #f4fbfd);
     background-color: transparent
 }
 
 .solofe.curve.mex #topbar-main #nav-main .subMenu {
     background-image: linear-gradient(rgba(225, 237, 233, .9), #e1ede9);
     background-color: transparent
 }
 
 .solofe.curve #topbar-main #nav-main .subMenu p {
     color: #999
 }
 
 .solofe.empresa #topbar-main #nav-main .subMenu {
     background-image: linear-gradient(rgba(228, 237, 238, 0), #e4edee, #e4edee, #e4edee, #e4edee, #e4edee);
     background-color: transparent
 }
 
 .solofe.empresa #topbar-main #nav-main .subMenu p {
     color: #b0b0b0
 }
 
 .contador-h #topbar-main.bg-solid #nav-main .subMenu,
 .solofe.boletas #topbar-main.bg-solid #nav-main .subMenu,
 .solofe.curve #topbar-main.bg-solid #nav-main .subMenu,
 .solofe.empresa #topbar-main.bg-solid #nav-main .subMenu {
     background: #fff
 }
 
 #topbar-main.bg-solid .subMenu li a:hover,
 .solofe #topbar-main #nav-main .subMenu li a:hover,
 .solofe .topbar .nav a.active {
     color: #00aaea
 }
 
 .showMr:after {
     content: "\25BE   ";
     margin-left: 5px;
     color: #00aaea
 }
 
 .hideMr {
     color: #00aaea !important
 }
 
 .hideMr:after {
     content: "\25B4   ";
     margin-left: 5px;
     color: #00aaea
 }
 
 .smFooter {
     margin-top: 0
 }
 
 .smFooter li p {
     margin: 0 0 12px;
     font-size: 12px;
     line-height: normal;
     color: rgba(0, 0, 0, .4)
 }
 
 @media screen and (max-width:980px) {
     #nav-main .it-resources {
         border-radius: 0
     }
     #nav-main .subMenu {
         border-radius: 0;
         padding: 10px 0;
         background-color: #009c8a;
         background-image: none
     }
     #nav-main .subMenu li {
         display: block;
         width: 100%;
         margin-left: 0;
         border-bottom: 1px solid hsla(0, 0%, 100%, .2)
     }
     #nav-main .subMenu li a {
         border-bottom: none
     }
     #nav-main .subMenu li p {
         display: none
     }
     #topbar-main.bg-solid .subMenu {
         background: #009c8a;
         border-radius: 0
     }
 }
 
 .hwpos-buts {
     display: none
 }
 
 section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
 section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
     -o-object-position: center top !important;
     object-position: center top !important
 }
 
 .fe-plans .switch-buttons {
     box-sizing: border-box;
     width: 100%;
     padding: 0 0 100px;
     margin-top: -20px
 }
 
 .fe-plans .switch-buttons a {
     box-sizing: border-box;
     font-size: 18px;
     padding: 8px 30px;
     color: #00535e;
     border: 2px solid #00535e
 }
 
 .fe-plans .switch-buttons .but-fullplan {
     border-right: none;
     border-radius: 8px 0 0 8px
 }
 
 .fe-plans .switch-buttons .but-solofe {
     border-left: none;
     border-radius: 0 8px 8px 0
 }
 
 .act-switch-buttons {
     background-color: #00535e;
     color: #fff !important
 }
 
 ul.fe-plans-act li tagstk {
     text-decoration: line-through;
     color: #ddd
 }
 
 .fe-plans li showtxt,
 ul.fe-plans-act li hidetxt,
 ul.fe-plans-act li taghide,
 ul.fe-plans-act li.taghide,
 ul.fe-plans-emprendedor li.taghide {
     display: none
 }
 
 .plan-emprendedor .plan-features showtxt {
     margin-left: 5px
 }
 
 ul li hidetxt:before {
     content: " "
 }
 
 .hide-switch {
     display: none !important
 }
 
 ul.fe-plans-act li showtxt {
     display: inline-block
 }
 
 .fe-plans h2.plan-title {
     box-sizing: border-box;
     border-radius: 8px;
     color: #fff !important;
     width: 150px;
     line-height: 60px;
     text-align: center;
     margin-left: auto !important;
     margin-right: auto !important
 }
 
 .fe-plans h2.plan-title div {
     background-color: #fff;
     width: 100%;
     box-sizing: border-box;
     padding: 5px;
     text-transform: uppercase;
     font-size: 12px !important;
     margin-top: 0 !important;
     letter-spacing: 0;
     border-radius: 0 0 6px 6px;
     font-weight: 600 !important;
     line-height: normal
 }
 
 #plans-prices .row .col.plan-corporativo,
 #plans-prices .row .col.plan-emprendedor {
     display: block;
     width: auto;
     margin: 0 20px;
     vertical-align: top
 }
 
 .col .button-plan {
     box-sizing: border-box;
     border-radius: 25px;
     text-transform: uppercase;
     padding: 8px 20px;
     font-size: 18px;
     font-weight: 400;
     margin: 20px auto 0;
     display: inline-block;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     opacity: 1
 }
 
 .fe-plans .plan-emprendedor .plan-type .plan-title+p {
     font-weight: 600;
     font-size: 20px;
     margin: 20px auto 40px;
     letter-spacing: 0
 }
 
 .fe-plans .plan-corporativo .plan-features p {
     margin: 30px auto 35px
 }
 
 .fe-plans .pyme h2.plan-title {
     background-color: #bfcd31;
     border: 3px solid #bfcd31
 }
 
 .fe-plans .pyme h2.plan-title div {
     color: #bfcd31
 }
 
 .pyme .button-plan {
     color: #bfcd31;
     border: 2px solid #bfcd31;
     transition: .3s
 }
 
 .pyme .button-plan:hover {
     color: #fff;
     background-color: #bfcd31
 }
 
 .fe-plans .pro h2.plan-title {
     background-color: #00aaea;
     border: 3px solid #00aaea
 }
 
 .fe-plans .pro h2.plan-title div {
     color: #00aaea
 }
 
 .pro .button-plan {
     color: #00aaea;
     border: 2px solid #00aaea;
     transition: .3s
 }
 
 .pro .button-plan:hover {
     color: #fff;
     background-color: #00aaea
 }
 
 .fe-plans .plus h2.plan-title {
     background-color: #4a90e2;
     border: 3px solid #4a90e2
 }
 
 .fe-plans .plus h2.plan-title div {
     color: #4a90e2
 }
 
 .plus .button-plan {
     color: #A80000;
     border: 2px solid #A80000;
     transition: .3s
 }
 
 .plus .button-plan:hover {
     color: #fff;
     background-color: #A80000
 }
 
 .fe-plans .plan-emprendedor h2.plan-title {
     background-color: #8592ad;
     border: 3px solid #8592ad;
     width: 220px;
     letter-spacing: 0;
     line-height: 40px
 }
 
 .fe-plans .plan-emprendedor h2.plan-title div {
     color: #8592ad
 }
 
 .plan-emprendedor .button-plan {
     color: #8592ad;
     border: 2px solid #8592ad;
     transition: .3s
 }
 
 .plan-emprendedor .button-plan:hover {
     color: #fff;
     background-color: #8592ad
 }
 
 .fe-plans .plan-corporativo h2.plan-title {
     background-color: #00535e;
     border: 3px solid #00535e;
     width: 220px;
     letter-spacing: 0;
     line-height: 40px;
     margin-top: 15px
 }
 
 .fe-plans .plan-corporativo h2.plan-title div {
     color: #00535e
 }
 
 .plan-corporativo .button-plan {
     color: #00535e;
     border: 2px solid #00535e;
     transition: .3s
 }
 
 .plan-corporativo .button-plan:hover {
     color: #fff;
     background-color: #00535e
 }
 
 @media screen and (max-width:768px) {
     #plans-prices .row .col.plan-corporativo,
     #plans-prices .row .col.plan-emprendedor {
         display: block;
         width: auto;
         margin: 10px auto
     }
     .fe-plans .switch-buttons {
         padding-bottom: 20px;
         margin-top: 0
     }
     .fe-plans .switch-buttons a {
         font-size: 15px;
         padding: 8px 10px
     }
     .fe-plans .txt-qst {
         margin-top: -10px !important
     }
 }
 
 header.barTop+main #breadcrumb ul.breadcrumb {
     padding-top: 10rem
 }
 
 .header-curve+main .hero .hero-content {
     background-image: url(/img/img-bottom-curve.svg) !important;
     background-position: center bottom -1px;
     background-repeat: no-repeat;
     background-size: 102%
 }
 
 .solofe .topbar .nav a {
     color: #707070
 }
 
 .solofe .topbar .nav a:hover {
     background-color: transparent;
     border-radius: 0;
     color: #00aaea;
     transition-duration: .2s;
     transition-timing-function: ease;
     transition-delay: 0s;
     transition-property: all
 }
 
 .solofe .topbar .logo-symbol {
     fill: #00aaea
 }
 
 .solofe .topbar .logo-text {
     fill: #707070
 }
 
 .home-dom .topbar .logo-country,
 .solofe .topbar .logo-country {
     fill: #00aaea;
     opacity: .8
 }
 
 .home-dom .topbar .logo-symbol {
     fill: #00aaea
 }
 
 .home-dom .topbar .logo-text {
     fill: #707070
 }
 
 .solofe .nav-access-item {
     color: #00aaea;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     display: inline-block;
     border-radius: 7px;
     font-size: 1.5rem;
     border: 1px solid #00aaea;
     padding: 6px 10px;
     margin: 0 .6rem;
     transition-duration: .3s;
     transition-timing-function: ease;
     transition-delay: 0s;
     transition-property: all
 }
 
 .solofe .nav-access a:first-child {
     color: #00aaea;
     background-color: #fff
 }
 
 .solofe .nav-access a:hover {
     background: #00aaea;
     border: 1px solid #00aaea;
     color: #fff
 }
 
 .solofe .topbar.bg-solid .nav-access a:hover {
     color: #fff
 }
 
 .solofe .button.rounded {
     border-radius: 7px
 }
 
 .solofe #topbar-main .topbar-section .nav-access a.nav-access-item.button.outline.rounded {
     background-color: #00aaea;
     border: 1px solid #00aaea;
     transition-duration: .3s;
     transition-timing-function: ease;
     transition-delay: 0s;
     transition-property: all;
     color: #fff
 }
 
 .solofe #topbar-main .topbar-section .nav-access a.nav-access-item.button:hover.outline.rounded {
     border-top-color: #008CC1;
     border-right-color: #008CC1;
     border-bottom-color: #008CC1;
     border-left-color: #008CC1;
     background-color: #008CC1;
 }
 
 .solofe+main section[data-name=Hero] {
     background-color: #fff
 }
 
 .solofe+main section[data-name=Hero],
 .solofe+main section[data-name=Hero] .hero,
 .solofe+main section[data-name=Hero] .hero .gatsby-image-wrapper {
     height: 80rem;
     max-height: 100% !important;
     min-height: 100% !important
 }
 
 .solofe+main section[data-name=Hero] .hero .hero-content {
     background-image: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), #fff)
 }
 
 .solofe.boletas+main section[data-name=Hero],
 .solofe.boletas+main section[data-name=Hero] .hero,
 .solofe.boletas+main section[data-name=Hero] .hero .gatsby-image-wrapper {
     height: 74rem;
     max-height: 100% !important;
     min-height: 100% !important
 }
 
 .solofe.curve+main section[data-name=Hero],
 .solofe.curve+main section[data-name=Hero] .hero,
 .solofe.curve+main section[data-name=Hero] .hero .gatsby-image-wrapper {
     height: 76rem;
     max-height: 100% !important;
     min-height: 100% !important
 }
 
 .solofe.boletas+main .hero .hero-content,
 .solofe.curve+main .hero .hero-content {
     background-image: url(/img/img-bottom-curve.svg) !important;
     background-position: center bottom -1px;
     background-repeat: no-repeat;
     background-size: 102%
 }
 
 .empresa+main section[data-name=Hero] .hero .hero-content {
     background-image: none
 }
 
 .curve #nav-main .active {
     border: none;
     color: #00aaea
 }
 
 .solofe.curve .nav-access a:first-child {
     background-color: transparent
 }
 
 .solofe.curve .nav-access a:hover:first-child {
     background-color: #00aaea
 }
 
 .solofe.curve+main .div-text-gdii h4,
 .solofe.curve.mex+main .hero .mexico h4 {
     color: #707070
 }
 
 .solofe.boletas+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
 .solofe.boletas+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source,
 .solofe.curve+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
 .solofe.curve+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
     object-position: right top !important;
     -o-object-position: right top !important;
     object-fit: cover !important;
     -o-object-fit: cover !important
 }
 
 .solofe.curve.africa+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
 .solofe.curve.africa+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
     object-position: right center !important;
     -o-object-position: right center !important;
     object-fit: cover !important;
     -o-object-fit: cover !important
 }
 
 @media screen and (max-width:1152px) {
     .solofe.curve+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
     .solofe.curve+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
         object-position: center top !important;
         -o-object-position: center top !important;
         object-fit: cover !important;
         -o-object-fit: cover !important
     }
 }
 
 @media (max-width:1024px) and (min-width:768px) {
     .solofe.curve+main section .hero-content .hero-message .hero-text-right {
         width: 60%
     }
     .solofe.curve+main section[data-name=Hero],
     .solofe.curve+main section[data-name=Hero] .hero,
     .solofe.curve+main section[data-name=Hero] .hero .gatsby-image-wrapper {
         height: 68rem !important
     }
 }
 
 @media screen and (max-width:767px) {
     .solofe.curve+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
     .solofe.curve+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
         object-position: right top !important;
         -o-object-position: right top !important;
         object-fit: cover !important;
         -o-object-fit: cover !important
     }
     .solofe.curve+main section[data-name=Hero],
     .solofe.curve+main section[data-name=Hero] .hero,
     .solofe.curve+main section[data-name=Hero] .hero .gatsby-image-wrapper {
         height: 64rem !important
     }
     .solofe.curve .nav-access a:first-child {
         background-color: #fff
     }
     #topbar-main.bg-solid .logo .logo-symbol {
         fill: #00aaea
     }
     .solofe.curve.mex+main .hero .mexico h4 {
         color: #fff
     }
 }
 
 @media screen and (max-width:980px) {
     #topbar-main #nav-main .subMenu,
     #topbar-main.bg-solid #nav-main .subMenu {
         background-color: #00aaea !important;
         background-image: none !important;
         border-radius: 0 !important;
         width: 100% !important;
         box-shadow: none !important
     }
 }
 
 .solofe+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
 .solofe+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
     object-position: right center !important;
     -o-object-position: right center !important;
     object-fit: contain !important;
     -o-object-fit: contain !important
 }
 
 .solofe+main section[data-name=Hero] .hero .gatsby-image-wrapper div[aria-hidden=true] {
     padding: 0 !important
 }
 
 .solofe+main section .plans-scroll {
     margin-top: auto !important;
     margin-bottom: auto !important;
     padding: 0;
     bottom: 60px;
     left: 0;
     position: absolute;
     width: 100%;
     z-index: 0
 }
 
 .plans-scroll .bottom-txt {
     color: #707070;
     font-size: 16px
 }
 
 @media screen and (max-width:1024px) {
     .solofe+main .link-block.txt-xtra-header {
         display: none
     }
 }
 
 @media (min-width:768px) and (max-width:1024px) {
     .plans-scroll .bottom-txt {
         margin-bottom: -60px
     }
 }
 
 @media screen and (max-width:767px) {
     .plans-scroll .bottom-txt {
         color: #fff;
         padding: 0 10px
     }
     .plans-scroll .bottom-txt .text-green {
         color: #fff !important;
         text-decoration: underline
     }
 }
 
 .solofe+main section .hero-text-chile {
     float: left;
     text-align: left;
     z-index: 10;
     margin-top: 3%
 }
 
 .solofe+main section .hero-text-chile p {
     color: #707070
 }
 
 .solofe+main section#features,
 .solofe+main section[data-name=VideoInfo] {
     background: #fff
 }
 
 .solofe+main section .hero h1 {
     text-shadow: none;
     color: #707070
 }
 
 .solofe+main section .hero h1 span {
     color: #00aaea
 }
 
 .solofe+main section .hero-text-right .button.outline {
     color: #00aaea;
     border: 2px solid #00aaea
 }
 
 .solofe+main section .hero-text-right .button.outline:hover {
     background: #00aaea;
     border: 2px solid #00aaea;
     color: #fff
 }
 
 .solofe+main section .plans-scroll a {
     color: #999
 }
 
 .solofe+main .plans-scroll img {
     filter: invert(.3)
 }
 
 .solofe.autom+main section .hero .gatsby-image-wrapper picture img,
 .solofe.autom+main section .hero .gatsby-image-wrapper picture source {
     -o-object-position: center center !important;
     object-position: center center !important;
     -o-object-fit: contain !important;
     object-fit: contain !important
 }
 
 .solofe.autom+main section[data-name=Hero],
 .solofe.autom+main section[data-name=Hero] .hero,
 .solofe.autom+main section[data-name=Hero] .hero .gatsby-image-wrapper {
     height: 70rem;
     max-height: none !important;
     min-height: none !important
 }
 
 .solofe.autom+main section[data-name=Hero] .hero .hero-content {
     background-image: none
 }
 
 @media screen and (max-width:1400px) {
     .solofe.autom+main section[data-name=Hero],
     .solofe.autom+main section[data-name=Hero] .hero,
     .solofe.autom+main section[data-name=Hero] .hero .gatsby-image-wrapper {
         height: 64rem !important
     }
 }
 
 @media screen and (max-width:1024px) {
     .solofe.autom+main section[data-name=Hero],
     .solofe.autom+main section[data-name=Hero] .hero,
     .solofe.autom+main section[data-name=Hero] .hero .gatsby-image-wrapper {
         height: 56rem !important
     }
 }
 
 .solofe.empresa+main section .hero .gatsby-image-wrapper picture img,
 .solofe.empresa+main section .hero .gatsby-image-wrapper picture source {
     -o-object-position: center center !important;
     object-position: center center !important;
     -o-object-fit: cover !important;
     object-fit: cover !important
 }
 
 .txt-xtra-header {
     text-align: left;
     color: #707070 !important;
     float: none;
     text-transform: uppercase;
     font-size: 14px
 }
 
 @media screen and (max-width:767px) {
     .solofe+main section[data-name=Hero],
     .solofe+main section[data-name=Hero] .hero,
     .solofe+main section[data-name=Hero] .hero .gatsby-image-wrapper,
     .solofe.boletas+main section[data-name=Hero],
     .solofe.boletas+main section[data-name=Hero] .hero,
     .solofe.boletas+main section[data-name=Hero] .hero .gatsby-image-wrapper {
         height: 64rem
     }
     .txt-xtra-header {
         text-align: center;
         color: #eee !important;
         font-size: 13px
     }
     .solofe+main .hero-text-chile {
         float: none;
         text-align: center
     }
     .solofe+main section .plans-scroll {
         bottom: 20px
     }
     .solofe+main section .hero h1,
     .solofe+main section .hero-text-chile p {
         color: #fff;
         text-align: center
     }
     .solofe+main section .hero-text-chile p {
         font-size: 1.2rem
     }
     .solofe+main section .hero-text-chile div {
         text-align: center
     }
     .solofe+main section .hero h1 span {
         color: #fff
     }
     .solofe .topbar .logo-country {
         fill: #eee
     }
     .solofe .topbar.bg-solid .logo-country {
         fill: #00aaea
     }
     .solofe .topbar .logo-text {
         fill: #fff
     }
     .solofe .topbar.bg-solid .logo-text {
         fill: #707070
     }
     .solofe+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
     .solofe+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
         object-position: right center !important;
         object-fit: cover !important;
         -o-object-position: right center !important;
         -o-object-fit: cover !important
     }
     .solofe .topbar .logo-symbol {
         fill: #fff
     }
 }
 
 @media (min-width:768px) and (max-width:1024px) {
     .solofe+main section .hero-content .hero-message .hero-text-right {
         width: 50%
     }
     .solofe+main section .hero-text-chile {
         margin-top: 1%
     }
     .solofe+main section .hero-content.overlay-mobile {
         background-color: transparent
     }
     .solofe+main section[data-name=Hero],
     .solofe+main section[data-name=Hero] .hero,
     .solofe+main section[data-name=Hero] .hero .gatsby-image-wrapper {
         height: 60rem !important
     }
 }
 
 @media screen and (max-width:768px) {
     .solofe+main section .hero-text-right .button.outline {
         background-color: #fff
     }
     .solofe+main section[data-name=Hero] .hero .hero-content {
         background-image: none
     }
     .solofe .nav-access-item {
         padding: 4px 10px !important;
         font-size: 1rem;
         margin: 0 .3rem
     }
     .solofe+main section .plans-scroll a {
         color: #ccc
     }
     .solofe+main section .plans-scroll img {
         filter: invert(.3)
     }
 }
 
 .img-phone-mx {
     width: 100%;
     overflow: visible;
     margin-bottom: 80px;
     margin-top: -100px
 }
 
 .img-phone-mx img {
     width: 100%
 }
 
 @media (max-width:991px) {
     .img-phone-mx {
         margin-bottom: 20px;
         margin-top: 10px
     }
 }
 
 .but-webinar {
     text-decoration: none;
     padding: 5px 14px;
     line-height: normal;
     border-radius: 8px;
     color: #fff;
     display: inline-block;
     text-align: center;
     transition: .3s;
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     vertical-align: top;
     margin: 2px 1px
 }
 
 .but-webinar:hover {
     opacity: .8;
     color: #fff
 }
 
 .but-webinar.bw1 {
     background-color: #00aaea
 }
 
 .but-webinar.bw2 {
     background-color: #b8c537
 }
 
 .but-ico-webinar {
     display: inline-block;
     vertical-align: top;
     margin: 2px;
     opacity: .85
 }
 
 .but-ico-webinar,
 .but-ico-webinar img {
     border-radius: 8px;
     padding: 0;
     height: 40px
 }
 
 .but-ico-webinar img {
     margin: 0;
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     transition: .3s
 }
 
 .but-ico-webinar img:hover {
     filter: grayscale(0);
     -webkit-filter: grayscale(0)
 }
 
 .but-ico-webinar.bwi2 {
     background-color: #3c5a99
 }
 
 .but-sem-react {
     display: inline-block;
     width: 100%;
     text-decoration: none;
     color: #00535e;
     background-color: #eee;
     padding: 8px 20px;
     border-radius: 8px;
     line-height: normal;
     font-size: 16px;
     border: 1px solid #eee;
     transition: .3s
 }
 
 .but-sem-react:hover {
     background-color: #fff;
     border: 1px solid #00535e;
     color: #00535e
 }
 
 #reviews {
     vertical-align: top;
     border-radius: 0 8px 8px 0;
     box-sizing: border-box;
     padding: 20px;
     background-color: #00aaea;
     background-image: url(/img/bg-dots-reviews.png);
     background-repeat: no-repeat;
     background-position: center top 120px;
     margin-left: 0
 }
 
 #reviews .logo-white {
     width: 150px;
     height: 40px;
     background-image: url(media/logos/Logo.svg);
     background-repeat: no-repeat;
     background-size: contain
 }
 
 #reviews h2 {
     text-align: center;
     color: #fff;
     font-size: 24px;
     font-weight: 300;
     letter-spacing: 0
 }
 
 #reviews .rv-box {
     margin: 30px auto 40px;
     background-color: #fff;
     border-radius: 8px;
     box-shadow: 1px 1px 2px #00aaea, 0 0 10px #00aaea, 0 0 5px #00aaea;
     width: 380px;
     height: 380px;
     overflow: hidden;
     box-sizing: border-box
 }
 
 #reviews .rv-box .gatsby-image-wrapper {
     width: 130px;
     height: 140px;
     margin: 0 auto
 }
 
 #reviews .rv-box img {
     margin: 10px auto;
     border-radius: 80px;
     width: 130px !important;
     height: 130px !important;
     display: block;
     border: 1px solid #ddd
 }
 
 #reviews .rv-box p {
     color: #707070;
     font-size: 20px;
     font-weight: 300;
     line-height: 26px
 }
 
 #reviews .rv-box p strong {
     font-weight: 400
 }
 
 #reviews .rv-box p span {
     color: #00aaea;
     font-weight: 400;
     line-height: 40px
 }
 
 .rv-box .qt-ico {
     width: 100%;
     text-align: left;
     font-size: 170px;
     line-height: normal;
     margin-bottom: -120px;
     margin-top: -50px;
     overflow: visible;
     color: #f0f2fa;
     font-family: Georgia, Montserrat, Roboto, serif
 }
 
 .sdw-box {
     box-shadow: 1px 1px 2px #ddd, 0 0 10px #ddd, 0 0 5px #ddd;
     border-radius: 8px
 }
 
 .rounded-sq {
     border-radius: 8px 0 0 8px
 }
 
 .rv-box .rv-box-item {
     position: absolute;
     background-color: #fff;
     border-radius: 8px;
     width: 380px;
     height: 380px;
     overflow: hidden;
     box-sizing: border-box;
     padding: 20px 40px;
     opacity: 0;
     animation-name: fade;
     animation-duration: 48s;
     animation-iteration-count: infinite
 }
 
 @keyframes fade {
     0% {
         opacity: 0;
         z-index: 100
     }
     3% {
         opacity: 1
     }
     97% {
         opacity: 1
     }
     to {
         opacity: 0;
         z-index: 0
     }
 }
 
 @media (min-width:768px) and (max-width:990px) {
     #reviews .rv-box,
     .rv-box .rv-box-item {
         width: 320px;
         height: 380px
     }
     .rv-box .rv-box-item {
         padding: 20px
     }
     #reviews .rv-box p {
         font-size: 18px;
         line-height: 24px
     }
 }
 
 @media screen and (max-width:768px) {
     #reviews.col,
     .col.form {
         margin: 0
     }
     #reviews {
         border-radius: 0 0 8px 8px
     }
     .col.form {
         border-radius: 8px 8px 0 0
     }
     input[type=submit].hs-button.primary.large {
         margin-bottom: 10px
     }
     .phoneInfo {
         margin: 30px 0 40px
     }
 }
 
 @media screen and (max-width:420px) {
     #reviews .rv-box,
     .rv-box .rv-box-item {
         width: 260px;
         height: 380px
     }
     .rv-box .rv-box-item {
         padding: 20px 15px
     }
     #reviews .rv-box p {
         font-size: 16px;
         line-height: 20px;
         margin: 20px 15px
     }
     #reviews {
         padding: 20px 10px
     }
 }
 
 footer .footer-nav h3 {
     color: #00aaea;
     font-weight: 400;
     font-size: 2rem;
     letter-spacing: 0
 }
 
 .footer-nav {
     border-bottom: 1px solid #ddd;
     border-top: 1px solid #f7f7f7
 }
 
 .copyrts p {
     color: #707070
 }
 
 .icons-rrss {
     vertical-align: middle;
     padding-top: 10px;
     float: right;
     margin-top: -55px;
     z-index: 100
 }
 
 .icons-rrss .i-rrss {
     vertical-align: middle;
     display: inline-block;
     margin-left: 12px;
     padding: 0;
     width: 20px;
     height: 20px;
     background-repeat: no-repeat;
     background-position: 50%;
     background-size: contain
 }
 
 .icons-rrss .i-rrss:hover {
     opacity: .6
 }
 
 .icons-rrss .i-rrss:first-child {
     background-image: url(/img/ico-twitter.svg)
 }
 
 .icons-rrss .i-rrss:nth-child(2) {
     background-image: url(/img/ico-fb.svg)
 }
 
 .icons-rrss .i-rrss:nth-child(3) {
     background-image: url(/img/ico-inst.svg)
 }
 
 .icons-rrss .i-rrss:nth-child(4) {
     background-image: url(/img/ico-yt.svg)
 }
 
 .icons-rrss .i-rrss:nth-child(5) {
     background-image: url(/img/ico-lkIn.svg)
 }
 
 @media screen and (max-width:768px) {
     .icons-rrss {
         display: block;
         clear: both;
         padding-top: 0;
         float: none;
         margin: 0
     }
 }
 
 @media screen and (max-width:767px) {
     footer .footer-nav .row .col {
         text-align: center
     }
     footer .footer-nav .col .smFooter {
         margin: 10px 20px 0
     }
 }
 
 @media (min-width:768px) and (max-width:1023px) {
     footer .footer-nav .row .col {
         margin: 1rem;
         flex: 0 0 47%
     }
 }
 
 .sello-fe {
     background-image: url(/img/sello-fe.svg);
     background-position: 50%;
     background-size: contain;
     width: 140px;
     height: 140px;
     position: absolute;
     bottom: 0;
     margin-left: calc(50% - 520px);
     margin-bottom: 0;
     z-index: 100
 }
 
 .enomina+main section .sello-fe {
     background-image: url(/img/sello-ne.svg)
 }
 
 .home-dom+main .hero-text-right,
 .peru-fe+main .hero-text-right,
 .pos-page+main .hero-text-right {
     float: left;
     text-align: left
 }
 
 .home-dom+main .hero-text-right h1,
 .peru-fe+main .hero-text-right h1,
 .pos-page+main .hero-text-right h1 {
     margin-top: 9vh
 }
 
 .pos-page+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
 .pos-page+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
     object-position: center center !important;
     object-fit: cover !important;
     -o-object-position: center center !important;
     -o-object-fit: cover !important
 }
 
 .home-dom+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
 .home-dom+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source .peru-fe+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
 .peru-fe+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
     object-position: center top !important;
     object-fit: cover !important;
     -o-object-position: center top !important;
     -o-object-fit: cover !important
 }
 
 .pos-page+main section .hero {
     height: 70rem
 }
 
 .home-dom+main section .hero,
 .peru-fe+main section .hero {
     height: 74rem
 }
 
 .home-dom .topbar .nav a {
     color: #707070
 }
 
 .home-dom .topbar .nav a:hover,
 .peru-fe .topbar .nav a:hover,
 .pos-page .topbar .nav a:hover {
     background: rgba(0, 0, 0, .2);
     border-radius: 7px
 }
 
 .home-dom #nav-main .it-resources,
 .peru-fe #nav-main .it-resources,
 .pos-page #nav-main .it-resources {
     border-radius: 7px 7px 0 0
 }
 
 .home-dom #nav-main .subMenu,
 .peru-fe #nav-main .subMenu,
 .pos-page #nav-main .subMenu {
     background: rgba(0, 0, 0, .2);
     background-image: url(/img/bg-submenu.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50%;
     border-radius: 0 7px 7px 7px
 }
 
 .peru-fe .nav-access-item,
 .pos-page .nav-access-item {
     color: #fff;
     border-radius: 7px;
     border: 1px solid #fff
 }
 
 .home-dom .nav-access-item,
 .peru-fe .nav-access-item,
 .pos-page .nav-access-item {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     display: inline-block;
     font-size: 1.5rem;
     padding: 6px 10px;
     margin: 0 .6rem;
     transition-duration: .3s;
     transition-timing-function: ease;
     transition-property: all
 }
 
 .home-dom .nav-access-item {
     color: #00aaea;
     border-radius: 7px;
     border: 1px solid #00aaea
 }
 
 .text-gray {
     color: #707070
 }
 
 .text-gray-dark {
     color: #474747
 }
 
 .home-dom .nav-access-item:hover,
 .peru-fe .nav-access-item:hover,
 .pos-page .nav-access-item:hover {
     color: #fff;
     border: 1px solid #00aaea;
     background-color: #00aaea
 }
 
 .home-dom #topbar-main .topbar-section .nav-access a.nav-access-item.button.outline.rounded,
 .peru-fe #topbar-main .topbar-section .nav-access a.nav-access-item.button.outline.rounded,
 .pos-page #topbar-main .topbar-section .nav-access a.nav-access-item.button.outline.rounded {
     background-color: #00aaea;
     border: 1px solid #00aaea;
     transition-duration: .3s;
     transition-timing-function: ease;
     transition-property: all;
     color: #fff
 }
 
 .home-dom #topbar-main .topbar-section .nav-access a.nav-access-item.button:hover.outline.rounded,
 .peru-fe #topbar-main .topbar-section .nav-access a.nav-access-item.button:hover.outline.rounded,
 .pos-page #topbar-main .topbar-section .nav-access a.nav-access-item.button:hover.outline.rounded {
     background: #00c3ad;
     border-color: #00c3ad
 }
 
 .peru-fe.h-arg+main .hero .hero-content {
     background-image: none !important
 }
 
 .peru-fe.h-arg .logo svg .logo-country {
     opacity: .7
 }
 
 .home-dom+main .hero .hero-content,
 .peru-fe+main .hero .hero-content {
     background-image: url(/img/img-bottom-curve.svg);
     background-position: center bottom -1px;
     background-repeat: no-repeat;
     background-size: 102%
 }
 
 .peru-fe+main #features {
     background-color: transparent
 }
 
 .peru-fe+main #features .block-content.text-center {
     padding-top: 1rem
 }
 
 .home-dom .topbar.bg-solid .nav-access a,
 .peru-fe .topbar.bg-solid .nav-access a,
 .pos-page .topbar.bg-solid .nav-access a {
     color: #00aaea;
     border-color: #00aaea
 }
 
 .peru-fe .topbar.bg-solid .nav-access a:hover,
 .pos-page .topbar.bg-solid .nav-access a:hover {
     color: #fff;
     background: #00aaea
 }
 
 @media (min-width:1601px) {
     .home-dom+main section .hero,
     .peru-fe+main section .hero,
     .pos-page+main section .hero {
         height: 84rem
     }
 }
 
 @media (min-width:991px) and (max-width:1080px) {
     .sello-fe {
         margin-left: calc(50% - 480px)
     }
 }
 
 @media (min-width:767px) and (max-width:990px) {
     .sello-fe {
         margin-left: calc(50% - 380px)
     }
 }
 
 @media screen and (max-width:766px) {
     .sello-fe {
         display: none
     }
 }
 
 @media (max-width:1100px) {
     .peru-fe+main .hero-text-right h1 {
         margin-top: 1vh
     }
 }
 
 @media screen and (max-width:768px) {
     .peru-fe .nav-access-item,
     .pos-page .nav-access-item {
         padding: 4px 10px !important;
         font-size: 1rem;
         margin: 0 .3rem
     }
     .peru-fe+main section .hero {
         height: 64rem;
         min-height: auto !important
     }
 }
 
 @media screen and (max-width:767px) {
     .peru-fe+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
     .peru-fe+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
         object-position: center right !important;
         object-fit: cover !important;
         -o-object-position: center right !important;
         -o-object-fit: cover !important
     }
     .home-dom #nav-main .subMenu,
     .peru-fe #nav-main .subMenu,
     .pos-page #nav-main .subMenu {
         background: #00aaea !important;
         background-image: none !important
     }
 }
 
 @media (max-width:480px) {
     .pos-page+main section .hero {
         height: 64rem
     }
     .peru-fe+main .hero-text-right,
     .pos-page+main .hero-text-right {
         float: none;
         text-align: center
     }
     .pos-page+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
     .pos-page+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
         object-position: center right !important;
         object-fit: cover !important;
         -o-object-position: center right !important;
         -o-object-fit: cover !important
     }
 }
 
 .remark svg .logo-symbol {
     fill: #00aaea
 }
 
 .remark+main>section.bg-gray-light {
     background-image: linear-gradient(#effaf8, #e4f0ee);
     background-color: #edf7f6
 }
 
 .remark+main .hero-text-right.hero-text-chile {
     width: 70%;
     margin: 0 auto;
     text-align: center;
     float: none
 }
 
 .remark+main .hero-text-right.hero-text-chile h1 {
     font-size: 42px;
     color: #707070;
     text-shadow: none;
     font-family: Montserrat, Roboto, sans-serif;
     font-weight: 400;
     margin-top: 80px
 }
 
 .remark+main .hero-text-right.hero-text-chile h1 span {
     color: #00aaea
 }
 
 .remark+main .hero-text-right.hero-text-chile p {
     color: #707070;
     text-transform: uppercase;
     font-size: 12px
 }
 
 .remark+main .hero-text-right.hero-text-chile ul {
     padding: 0;
     margin: 40px 0;
     list-style-type: none
 }
 
 .remark+main .hero-text-right.hero-text-chile ul li {
     padding-left: 24px;
     font-size: 14px;
     background-image: url(/img/ico-check-circle-lines.svg);
     background-repeat: no-repeat;
     background-position: 0 0;
     background-size: 20px;
     display: inline-block
 }
 
 .remark+main .hero-text-right.hero-text-chile ul li:nth-child(2) {
     margin: 0 30px
 }
 
 .remark+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
 .remark+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
     object-position: center center !important;
     object-fit: cover !important;
     -o-object-position: center center !important;
     -o-object-fit: cover !important
 }
 
 .remark+main .hero .hero-content {
     background-image: url(/img/img-bottom-curve.svg);
     background-position: center bottom -1px;
     background-repeat: no-repeat;
     background-size: 102%
 }
 
 .remark+main section .hero {
     height: 72rem
 }
 
 .remark #topbar-main .topbar-section .nav-access a.nav-access-item.button.outline.rounded {
     background-color: #00aaea;
     color: #fff
 }
 
 .remark #topbar-main .topbar-section .nav-access a.nav-access-item.button.outline.rounded:hover {
     background-color: #00c3ad
 }
 
 .remark .nav-access a {
     color: #707070
 }
 
 .remark .topbar .logo-text {
     fill: #707070
 }
 
 .remark .topbar .logo-country {
     fill: hsla(0, 0%, 43.9%, .8)
 }
 
 .remark+main #features,
 .remark+main section .hero-content.overlay-mobile {
     background-color: transparent
 }
 
 @media screen and (max-width:768px) {
     .remark+main .hero-text-right.hero-text-chile {
         width: 90%
     }
 }
 
 @media screen and (max-width:480px) {
     .remark+main .hero-text-right.hero-text-chile {
         width: 100%
     }
     .remark+main .hero-text-right.hero-text-chile h1 {
         font-size: 30px;
         margin-top: 40px
     }
     .remark+main .hero-text-right.hero-text-chile ul li {
         margin: 10px 0;
         clear: both
     }
     .remark+main .hero-text-right.hero-text-chile ul li:nth-child(2) {
         margin: 0
     }
 }
 
 .popup {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 99999;
     position: fixed;
     display: none;
     background-color: rgba(0, 0, 0, .7)
 }
 
 .popup-hide {
     display: none !important
 }
 
 .content-pop-pos {
     margin: 20vh auto;
     vertical-align: central;
     width: 780px;
     background-color: #fff;
     border-radius: 8px
 }
 
 .pop-pos-logo {
     width: 130px;
     height: 35px;
     background-image: url(media/logos/Logo.svg);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: 50%;
     margin: 20px
 }
 
 .content-pop-pos-img {
     background-image: url(/img/img-popup-pos.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50%;
     border-radius: 8px 0 0 8px
 }
 
 .content-pop-pos-img,
 .content-pop-pos-txt {
     width: 390px;
     height: 350px;
     display: inline-block;
     vertical-align: top
 }
 
 .content-pop-pos-txt {
     background-color: #fff;
     border-radius: 0 8px 8px 0;
     box-sizing: border-box;
     padding: 5px 8px
 }
 
 .content-pop-pos-txt p {
     text-align: center;
     color: #707070;
     font-size: 20px
 }
 
 .content-pop-pos-txt .txt-pop {
     margin-top: 52px
 }
 
 .content-pop-pos-txt p span {
     color: #00aaea;
     font-size: 32px;
     font-weight: 400
 }
 
 .content-pop-pos-txt .a-close {
     cursor: pointer;
     text-align: center;
     color: #ccc;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 18px;
     float: right;
     padding: 0 5px;
     clear: both
 }
 
 .content-pop-pos-txt p .button.large {
     padding: .6rem 2rem
 }
 
 @media screen and (max-width:840px) {
     .content-pop-pos {
         margin: 20vh auto;
         width: 300px
     }
     .content-pop-pos-img,
     .pop-pos-logo {
         display: none
     }
     .content-pop-pos-txt {
         width: 300px;
         height: 320px;
         display: block;
         border-radius: 8px;
         padding: 5px 8px
     }
     .content-pop-pos-txt p {
         font-size: 18px
     }
     .content-pop-pos-txt .txt-pop {
         margin-top: 40px
     }
     .content-pop-pos-txt p span {
         font-size: 24px
     }
 }
 
 .cont-form-mex {
     padding-left: 30px;
     box-sizing: border-box
 }
 
 .cont-form-mex #error {
     color: #f7eda2
 }
 
 .txt-15d {
     text-align: left;
     margin-top: 40px;
     margin-left: 30px;
     float: left
 }
 
 .mx-reg input {
     margin: 5px 0;
     width: 60%;
     height: 40px;
     font-family: Robot, sans-serif
 }
 
 @media (max-width:500px) {
     .mx-reg input {
         width: 100%
     }
 }
 
 @media (max-width:800px) {
     .mx-reg input {
         width: 75%
     }
 }
 
 .mx-reg input::-webkit-input-placeholder {
     font-size: 1.2em;
     color: #8592ad
 }
 
 .mx-reg input:-ms-input-placeholder {
     font-size: 1.2em;
     color: #8592ad
 }
 
 .mx-reg input::-ms-input-placeholder {
     font-size: 1.2em;
     color: #8592ad
 }
 
 .mx-reg input::placeholder {
     font-size: 1.2em;
     color: #8592ad
 }
 
 .mx-reg #regisID {
     font-weight: 400;
     width: auto;
     display: inline-block
 }
 
 #spinner,
 #spinner2 {
     margin-top: 10px;
     display: none;
     float: left;
     font-size: 12px;
     color: #fff
 }
 
 .sw-msg {
     display: inline-block !important
 }
 
 .loader {
     margin-right: 5px;
     vertical-align: middle;
     display: inline-block;
     border-radius: 50%;
     border: 4px solid #f3f3f3;
     border-top-color: #00aaea;
     width: 18px;
     height: 18px;
     animation: spin 2s linear infinite
 }
 
 @keyframes spin {
     0% {
         transform: rotate(0)
     }
     to {
         transform: rotate(1turn)
     }
 }
 
 @media screen and (max-width:768px) {
     .form-box {
         padding-left: 0
     }
     .txt-15d {
         text-align: center;
         margin-left: 0;
         float: none
     }
     #spinner {
         margin: 20px auto;
         width: 100%;
         float: none
     }
     .cont-form-mex {
         padding-left: 0
     }
 }
 
 @media (max-width:991px) and (min-width:767px) {
     .hero-content .hero-message .hero-text-right {
         width: 60%
     }
 }
 
 .solofe.empresa.wm #topbar-main #nav-main .subMenu {
     background-image: linear-gradient(rgba(247, 245, 244, .92), #f7f7f7);
     background-color: transparent
 }
 
 @media screen and (min-width:1800px) {
     .wm+main section[data-name=Hero] .hero {
         height: 92rem;
         max-height: none !important
     }
 }
 
 .navd-letter {
     background-image: url(/img/ico-letter-navidad.svg);
     background-repeat: no-repeat;
     background-size: auto 86%;
     background-position: 50%;
     cursor: pointer;
     height: 75px
 }
 
 .pop-navd {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 99999;
     position: fixed;
     background-color: rgba(0, 0, 0, .7);
     display: none
 }
 
 @keyframes fadeIn {
     0% {
         opacity: 0
     }
     to {
         opacity: 1
     }
 }
 
 .pop-navd-hide {
     display: none
 }
 
 .pop-navd-show {
     display: block !important;
     animation-name: fadeIn;
     animation-duration: .5s;
     animation-iteration-count: 1
 }
 
 .content-pop-navd {
     margin: 15vh auto;
     vertical-align: central;
     width: 800px;
     height: 530px;
     box-sizing: border-box;
     background-image: url(/img/img-navidad-2020.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50%;
     background-color: #00523e;
     border-radius: 15px
 }
 
 .content-pop-navd p {
     text-align: center;
     width: 100%;
     margin-top: 410px;
     display: inline-block
 }
 
 .content-pop-navd .a-close {
     cursor: pointer;
     color: #fff;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 22px;
     float: right;
     padding: 0 10px;
     clear: both
 }
 
 .content-pop-navd p .button.large {
     padding: .5rem 1.5rem
 }
 
 @media screen and (max-width:991px) {
     .content-pop-navd {
         margin: 10vh auto;
         width: 90%;
         height: 420px
     }
     .content-pop-navd p {
         margin-top: 320px
     }
 }
 
 .head-bio {
     width: 100%;
     color: #00aaea;
     margin-bottom: 40px
 }
 
 .head-bio img {
     width: 96px;
     height: 96px;
     border-radius: 100px
 }
 
 .bio+main {
     background-image: url(/img/bio/bg-bio.svg);
     background-repeat: repeat-y;
     background-size: contain;
     background-position: 50%
 }
 
 .bio+main .bio-row {
     background-image: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), #fff)
 }
 
 .bio+main .bio-row .row .col:nth-child(2) {
     display: none
 }
 
 .bio+main .bio-row .row .col:first-child {
     width: 100%;
     text-align: center
 }
 
 .bio+main .bio-row .row .col p {
     margin: 10px auto;
     width: 100%
 }
 
 .bio+main .bio-row .row .col p a {
     color: #fff;
     display: block;
     border-radius: 15px;
     background-color: #00aaea;
     padding: 12px 40px;
     width: 60%;
     margin: 0 auto;
     font-size: 17px;
     border-bottom: 3px solid #0e9788;
     border-right: 3px solid #0e9788;
     background-repeat: no-repeat;
     background-position: left 20px center;
     background-size: 30px auto;
     transition: all .3s ease-in-out
 }
 
 .bio+main .bio-row .row .col p a:hover {
     background-color: #00535e;
     border-bottom: 3px solid #08434b;
     border-right: 3px solid #08434b;
     transform: scale(1.05)
 }
 
 .bio#topage,
 .bio+main+footer {
     display: none
 }
 
 .bio+main+footer+.copyrts .icons-rrss {
     padding-top: 10px;
     float: none;
     margin-top: 20px;
     width: 100%;
     clear: both
 }
 
 @media screen and (max-width:991px) {
     .bio+main .bio-row .row .col p a {
         width: 80%
     }
 }
 
 @media screen and (max-width:767px) {
     .bio+main .bio-row .row .col p a {
         width: 100%;
         background-position: left 10px center;
         background-size: 25px auto
     }
 }
 
 .text-white {
     color: #fff
 }
 
 .wizar-fe-container {
     background: rgba(0, 0, 0, .2);
     margin: 300px 100px;
     padding: 20px 100px;
     display: block
 }
 
 .wizar-fe-content {
     display: flex;
     flex-direction: row;
     align-items: center;
     width: 100%
 }
 
 .wizar-fe-content>input {
     margin-right: 10px
 }
 
 .hide-checkbok-top {
     display: none
 }
 
 .hide-checkbok-bottom {
     display: flex
 }
 
 @media screen and (max-width:1200px) {
     .wizar-fe-content {
         flex-direction: column;
         align-items: normal
     }
     .inputSelect {
         margin-top: 10px
     }
     .hero {
         height: 90rem
     }
     .hide-checkbok-top {
         display: flex;
         margin: 10px 0
     }
     .hide-checkbok-bottom {
         display: none
     }
 }
 
 @media screen and (max-width:820px) {
     .wizar-fe-container {
         background: rgba(0, 0, 0, .2);
         margin: 370px 100px;
         display: block;
         text-align: center
     }
     .hero {
         height: 95rem
     }
 }
 
 @media screen and (max-width:768px) {
     .wizar-fe-container {
         margin: 0 100px
     }
     .hero {
         height: 85rem
     }
     .wizar-fe-container>p {
         font-size: 1.5rem
     }
     .hide-checkbok-top {
         font-size: 12px;
         display: flex;
         align-items: center
     }
 }
 
 @media screen and (max-width:716px) {
     .wizar-fe-container {
         margin: 0;
         padding: 40px
     }
     .hero {
         height: 64rem
     }
     .wizar-fe-container>p {
         font-size: 1.5rem
     }
     .hide-checkbok-top {
         font-size: 12px;
         display: flex;
         align-items: center
     }
 }
 
 .inputSelect {
     display: flex;
     flex-direction: row;
     background-color: #fff;
     align-items: center;
     border-radius: 5px;
     border: 1px solid #b3b3b3;
     height: 45px;
     width: 100%;
     margin-right: 10px
 }
 
 .wizar-fe-content>input[type=email],
 .wizar-fe-content>input[type=text] {
     color: #000
 }
 
 .inputSelect>input[type=text] {
     color: #000;
     border: none;
     padding: 0;
     font-size: 1.3rem;
     display: block;
     box-sizing: border-box;
     width: 100%;
     height: 40px
 }
 
 .select>select {
     -webkit-appearance: none;
     -ms-appearance: none;
     appearance: none;
     outline: 0;
     box-shadow: none;
     border: 0 !important;
     background: #fff;
     background-image: none;
     border-radius: none
 }
 
 .select>select::-ms-expand {
     display: none
 }
 
 .select {
     position: relative;
     display: flex;
     align-items: center;
     width: 18em;
     height: 2.5em;
     line-height: 2;
     background: #fff;
     overflow: hidden
 }
 
 .select>select {
     flex: 1 1;
     padding: 0 .5em;
     color: #000;
     cursor: pointer
 }
 
 .select:after {
     content: "\25BC";
     position: absolute;
     right: 0;
     padding: 0 1em;
     background: #fff;
     cursor: pointer;
     pointer-events: none;
     transition: all .25s ease
 }
 
 @media screen and (max-width:1200px) {
     .select {
         width: 7em
     }
 }
 
 .contadores h2 {
     text-align: center
 }
 
 .contadores .ts-contador {
     width: 340px;
     background-color: #fff;
     border-radius: 5px;
     box-sizing: border-box;
     display: inline-block;
     padding: 20px;
     transition: .3s;
     box-shadow: 1px 1px 2px #ddd, 0 0 10px #ddd, 0 0 5px #ddd
 }
 
 .contadores .ts-contador:hover {
     transform: scale(1.1);
     z-index: 100
 }
 
 .contadores .ts-contador .conta-pic {
     display: inline-block;
     vertical-align: top;
     margin-top: 10px;
     border-radius: 100px;
     height: 90px;
     width: 90px;
     background-position: 50%;
     background-size: cover;
     background-repeat: no-repeat
 }
 
 .contadores .row .ts-contador:first-child .conta-pic {
     background-image: url(/img/contador/pic-nelson.png)
 }
 
 .contadores .row .ts-contador:nth-child(2) .conta-pic {
     background-image: url(/img/contador/pic-baruch.png)
 }
 
 .contadores .row .ts-contador:nth-child(3) .conta-pic {
     background-image: url(/img/contador/pic-zuluaga.png)
 }
 
 .contadores .ts-contador .conta-content {
     width: 210px;
     box-sizing: border-box;
     padding-left: 15px;
     display: inline-block;
     vertical-align: top
 }
 
 .contadores .ts-contador .conta-content p {
     color: #707070;
     line-height: normal;
     font-size: 14px;
     margin: 0 auto
 }
 
 .contadores .ts-contador .conta-content p span {
     color: #00535e;
     font-weight: 400
 }
 
 .contadores .ts-contador .conta-content p strong {
     font-weight: 400;
     color: #555
 }
 
 .but-contadores {
     border-color: #00535e;
     color: #00535e !important;
     background-color: transparent;
     transition: .3s
 }
 
 .but-contadores:hover {
     border-color: #00535e;
     color: #fff !important;
     background-color: #00535e
 }
 
 @media screen and (max-width:767px) {
     .but-contadores {
         border-color: #fff;
         color: #fff !important
     }
     .but-contadores:hover {
         border-color: #fff;
         color: #00535e !important;
         background-color: #fff
     }
 }
 
 .peru-fe.contadores+main .hero-content .hero-message .hero-text-right {
     width: 55%
 }
 
 .fts-contadores .row>:first-child {
     margin-left: auto
 }
 
 .ft-contadores {
     border: 1px solid #ededed;
     box-sizing: border-box;
     padding: 20px;
     width: 48%;
     display: inline-block;
     border-radius: 7px;
     margin: 1%;
     text-align: left
 }
 
 .ft-contadores .ico-ft-conta {
     background-color: #e3ece9;
     border-radius: 90px;
     height: 90px;
     width: 90px;
     vertical-align: top;
     display: inline-block;
     background-position: 50%;
     background-repeat: no-repeat
 }
 
 .fts-contadores .row .ft-contadores:first-child .ico-ft-conta {
     background-image: url(/img/contador/ico-contador-beneficios-3.png);
     background-size: 94%
 }
 
 .fts-contadores .row .ft-contadores:nth-child(2) .ico-ft-conta,
 .solofe.curve.enomina+main .fts-contadores .row .ft-contadores:nth-child(4) .ico-ft-conta {
     background-image: url(/img/contador/ico-contador-10.svg);
     background-size: 50%
 }
 
 .fts-contadores .row .ft-contadores:nth-child(3) .ico-ft-conta {
     background-image: url(/img/contador/ico-contador-1.png);
     background-size: 100%
 }
 
 .fts-contadores .row .ft-contadores:nth-child(4) .ico-ft-conta {
     background-image: url(/img/contador/ico-contador-2.png);
     background-size: 100%
 }
 
 .fts-contadores .row .ft-contadores:nth-child(5) .ico-ft-conta {
     background-image: url(/img/contador/ico-contador-7.png);
     background-size: 90%
 }
 
 .fts-contadores .row .ft-contadores:nth-child(6) .ico-ft-conta {
     background-image: url(/img/contador/ico-contador-12.svg);
     background-size: 50%
 }
 
 .fts-contadores .row .ft-contadores:nth-child(7) .ico-ft-conta,
 .solofe.curve.enomina+main .fts-contadores .row .ft-contadores:nth-child(6) .ico-ft-conta {
     background-image: url(/img/contador/ico-contador-11.svg);
     background-size: 64%
 }
 
 .fts-contadores .row .ft-contadores:nth-child(8) .ico-ft-conta {
     background-image: url(/img/contador/ico-contador-4.png);
     background-size: 100%
 }
 
 .solofe.curve.enomina+main .fts-contadores .row .ft-contadores:first-child .ico-ft-conta {
     background-image: url(/img/ico-ne1.svg);
     background-size: 94%
 }
 
 .solofe.curve.enomina+main .fts-contadores .row .ft-contadores:nth-child(2) .ico-ft-conta {
     background-image: url(/img/feature-bill.png);
     background-size: 96%
 }
 
 .solofe.curve.enomina+main .fts-contadores .row .ft-contadores:nth-child(5) .ico-ft-conta {
     background-image: url(/img/feature-usuarios.png);
     background-size: 96%
 }
 
 .ft-contadores .cont-ft-conta {
     vertical-align: top;
     display: inline-block;
     box-sizing: border-box;
     padding-left: 20px;
     width: 370px;
     text-align: left
 }
 
 .ft-contadores .cont-ft-conta h4 {
     margin: 0;
     color: #00aaea;
     font-weight: 400
 }
 
 .ft-contadores .cont-ft-conta p {
     margin-bottom: 0;
     color: #707070;
     line-height: normal
 }
 
 .contador-sec h3 {
     font-size: 32px;
     margin-bottom: 0
 }
 
 .contador-sec h3 strong {
     font-weight: 400
 }
 
 .contador-sec p {
     margin-top: 7px;
     font-size: 24px;
     width: 100%;
     clear: both
 }
 
 @media screen and (max-width:1140px) {
     .contadores .ts-contador {
         width: 300px
     }
     .contadores .ts-contador .conta-pic {
         height: 80px;
         width: 80px
     }
     .contadores .ts-contador .conta-content {
         width: 180px
     }
     .ft-contadores {
         text-align: center
     }
     .ft-contadores .ico-ft-conta {
         height: 80px;
         width: 80px;
         display: inline-block
     }
     .ft-contadores .cont-ft-conta {
         display: block;
         padding-left: 0;
         padding-top: 15px;
         width: 100%;
         text-align: center
     }
 }
 
 @media screen and (max-width:980px) {
     .contadores .ts-contador {
         width: 90%;
         display: block;
         text-align: center;
         margin: 10px auto
     }
     .contadores .ts-contador .conta-content {
         width: 100%;
         clear: both;
         padding-left: 0;
         padding-top: 15px
     }
 }
 
 @media screen and (max-width:767px) {
     .peru-fe.contadores+main .hero-content .hero-message .hero-text-right {
         width: 100%
     }
     .ft-contadores {
         display: block;
         clear: both;
         width: 100%
     }
     .peru-fe.contadores+main div.hero-message {
         padding: 110px 40px 0
     }
     .peru-fe.contadores+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
     .peru-fe.contadores+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
         object-position: center center !important;
         object-fit: cover !important;
         -o-object-position: center center !important;
         -o-object-fit: cover !important
     }
 }
 
 .as-seen-on .block-content {
     padding: 2rem
 }
 
 .as-seen-on .block-content .row {
     text-align: center
 }
 
 .as-seen-on .block-content .row h2 {
     width: 100%;
     clear: both;
     text-align: center;
     margin-top: 0
 }
 
 .as-seen-on .block-content .row div {
     clear: both;
     width: 100%
 }
 
 .as-seen-on .block-content .row div img {
     filter: grayscale(100%);
     margin-bottom: 25px;
     vertical-align: middle;
     border: none;
     outline: 0
 }
 
 .as-seen-on .block-content .row div a:first-child img {
     width: 120px
 }
 
 .as-seen-on .block-content .row div a:nth-child(2) img {
     margin: 0 80px 25px;
     width: 202px
 }
 
 .as-seen-on .block-content .row div a:nth-child(3) img {
     width: 144px
 }
 
 .as-seen-on+section[data-name=VideoInfo] .block-content {
     padding-bottom: 1rem
 }
 
 @media screen and (max-width:680px) {
     .as-seen-on .block-content .row div img:nth-child(2) {
         margin: 30px 40px 40px
     }
 }
 
 .overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 10;
     background-color: rgba(0, 0, 0, .5)
 }
 
 .overlay>img {
     height: 500px;
     margin-left: auto;
     margin-right: auto
 }
 
 .overlay>.container,
 .overlay>img {
     width: auto;
     display: block;
     margin-top: 10%
 }
 
 .overlay>.container {
     height: 450px;
     background-position: 50%;
     background-repeat: no-repeat;
     background-size: contain;
     background-image: url(/img/create_account.webp)
 }
 
 .overlay>.container>.close {
     position: absolute;
     width: 300px;
     height: 200px;
     margin-right: 5px;
     right: 5px
 }
 
 .overlay>.container>.link_features {
     width: 300px;
     height: 200px;
     display: block;
     margin-top: 20%;
     margin-left: auto;
     margin-right: auto
 }
 
 .overlay>h2 {
     color: #fff
 }
 
 .overlay>h2:after {
     content: "";
     animation: spinOverly 12s linear infinite
 }
 
 @keyframes spinOverly {
     10% {
         content: "\A1  Estamos creando tu cuenta! \1F680"
     }
     40% {
         content: "Se est\E1n agregando todas las funcionalidades."
     }
     60% {
         content: "En breve podr\E1s darle Superpoderes a tu Pyme."
     }
     80% {
         content: "Ya falta poco."
     }
     to {
         content: "Un poco m\E1s \1F64C"
     }
     to {
         content: "\A1Listo!"
     }
 }
 
 .enomina+main .contadores h2,
 .enomina+main section .hero h1 {
     font-family: Montserrat, Roboto, sans-serif;
     font-weight: 400
 }
 
 .enomina+main section[data-name=Register] .block-content h2,
 .enomina+main section[data-name=Register] .block-content h3 {
     font-family: Montserrat, Roboto, sans-serif
 }
 
 .enomina+main section[data-name=Medios] .medios h2 {
     color: #00aaea
 }
 
 @media screen and (max-width:767px) {
     .enomina+main section .hero h1 br {
         display: none
     }
     .enomina+main section .hero .hero-message p {
         line-height: 24px;
         margin-top: 30px
     }
 }
 
 .ne-carousel {
     background-color: #f6fafd
 }
 
 .abc-ne-but {
     text-align: center;
     margin-bottom: 0
 }
 
 .abc-ne-but a {
     text-decoration: none;
     display: inline-block;
     font-size: 18px;
     padding: 7px 20px;
     font-weight: 400;
     border: 1px solid #00aaea;
     border-radius: 7px;
     transition: .3s
 }
 
 .abc-ne-but a:hover {
     background-color: #00aaea;
     color: #fff
 }
 
 .it-ne {
     background-color: #fff;
     border-radius: 10px;
     width: 520px;
     margin: 10px !important;
     box-sizing: border-box;
     padding: 30px;
     background-repeat: no-repeat;
     box-shadow: 1px 1px 2px #ddd, 0 0 10px #ddd, 0 0 5px #ddd
 }
 
 .it-ne h3,
 .it-ne p {
     font-family: Montserrat, Roboto, sans-serif;
     color: #707070;
     line-height: normal;
     margin-bottom: 0
 }
 
 .it-ne h3 {
     font-weight: 400;
     margin: 0 0 10px
 }
 
 .it-ne ul {
     list-style: disc;
     padding-left: 20px;
     padding-top: 15px
 }
 
 .it-ne .bold {
     color: #444
 }
 
 .ne-carousel .row {
     overflow: hidden;
     justify-content: flex-start
 }
 
 .ne-carousel .row .all-itms {
     display: inline-flex
 }
 
 .ne-carousel .row .it-ne:first-child {
     background-image: url(/img/ne/img-ne-1.svg);
     background-position: bottom right 50px;
     padding: 30px 140px 170px 30px;
     background-size: 34%
 }
 
 .ne-carousel .row .it-ne:nth-child(2) {
     background-image: url(/img/ne/img-ne-2.svg);
     background-position: 100% 100%;
     padding: 30px 160px 140px 30px;
     background-size: 40%
 }
 
 .ne-carousel .row .it-ne:nth-child(3) {
     background-image: url(/img/ne/img-ne-3.svg);
     background-position: 100% 100%;
     padding: 30px 100px 150px 30px;
     background-size: 38%
 }
 
 .ne-carousel .row .it-ne:nth-child(4) {
     background-image: url(/img/ne/img-ne-4.svg);
     background-position: 100% 100%;
     padding: 30px 140px 150px 30px;
     background-size: 54%
 }
 
 .ne-carousel .row .it-ne:nth-child(5) {
     background-image: url(/img/ne/img-ne-5.svg);
     background-position: bottom 30px right;
     padding: 30px 180px 120px 30px;
     background-size: 40%
 }
 
 .ne-carousel .row .it-ne:nth-child(6) {
     background-image: url(/img/ne/img-ne-6.svg);
     background-position: 100% 100%;
     padding: 30px 150px 70px 30px;
     background-size: 40%
 }
 
 .ne-carousel .row .it-ne:nth-child(7) {
     background-image: url(/img/ne/img-ne-7.svg);
     background-position: 100%;
     padding: 30px 160px 30px 30px;
     background-size: 24%
 }
 
 .ne-carousel .nav-arrows {
     text-align: center;
     margin: 20px auto
 }
 
 .ne-carousel .nav-arrows .arrow {
     padding: 10px 20px;
     font-size: 34px;
     margin: 0 20px;
     color: #c2c9d6;
     opacity: .5;
     transition: .3s
 }
 
 .ne-carousel .nav-arrows .arrow:hover {
     opacity: 1
 }
 
 .move-effect {
     transform: translate(0);
     transition: .9s
 }
 
 @media (min-width:769px) and (max-width:1080px) {
     .it-ne {
         width: 472px
     }
     .ne-carousel .row .it-ne:first-child {
         padding: 30px 130px 170px 30px
     }
     .ne-carousel .row .it-ne:nth-child(2) {
         padding: 30px 140px 140px 30px
     }
     .ne-carousel .row .it-ne:nth-child(3) {
         padding: 30px 120px 150px 30px
     }
     .ne-carousel .row .it-ne:nth-child(4) {
         padding: 30px 140px 150px 30px
     }
     .ne-carousel .row .it-ne:nth-child(5) {
         padding: 30px 160px 120px 30px
     }
     .ne-carousel .row .it-ne:nth-child(6) {
         padding: 30px 160px 40px 30px
     }
 }
 
 @media (min-width:481px) and (max-width:768px) {
     .it-ne {
         width: 344px
     }
     .ne-carousel .row .it-ne:first-child {
         padding: 30px 70px 70px 30px;
         background-size: 50%
     }
     .ne-carousel .row .it-ne:nth-child(2) {
         padding: 30px 30px 40px;
         background-size: 60%
     }
     .ne-carousel .row .it-ne:nth-child(3) {
         padding: 30px 40px 50px 30px;
         background-size: 50%
     }
     .ne-carousel .row .it-ne:nth-child(4) {
         padding: 30px 80px 50px 30px;
         background-size: 70%
     }
     .ne-carousel .row .it-ne:nth-child(5) {
         padding: 30px 30px 50px;
         background-size: 45%
     }
     .ne-carousel .row .it-ne:nth-child(6) {
         padding: 30px 30px 70px;
         background-size: 54%
     }
     .ne-carousel .row .it-ne:nth-child(7) {
         background-position: 100% 100%;
         padding: 30px 30px 120px;
         background-size: 22%
     }
 }
 
 @media screen and (max-width:480px) {
     .it-ne {
         width: 300px
     }
     .it-ne h3 {
         font-size: 2.4rem
     }
     .ne-carousel .nav-arrows {
         margin-top: 10px
     }
     .ne-carousel .row .it-ne:first-child {
         padding: 30px 30px 50px;
         background-size: 50%;
         background-position: bottom
     }
     .ne-carousel .row .it-ne:nth-child(2) {
         padding: 30px 40px 30px 30px;
         background-size: 60%
     }
     .ne-carousel .row .it-ne:nth-child(3) {
         padding: 20px 20px 50px;
         background-size: 45%
     }
     .ne-carousel .row .it-ne:nth-child(4) {
         padding: 30px 40px 50px 30px;
         background-size: 70%
     }
     .ne-carousel .row .it-ne:nth-child(5) {
         padding: 20px 30px 70px;
         background-position: 100% 100%;
         background-size: 36%
     }
     .ne-carousel .row .it-ne:nth-child(6) {
         padding: 20px 20px 10px;
         background-image: none
     }
     .ne-carousel .row .it-ne:nth-child(7) {
         padding: 20px;
         background-image: none
     }
 }
 
 .content-pop-ne {
     margin: 20vh auto;
     vertical-align: central;
     width: 680px;
     background-color: #fff;
     border-radius: 8px
 }
 
 .popup-show {
     display: block;
     animation-name: shNe;
     animation-duration: 1s;
     animation-iteration-count: 1
 }
 
 @keyframes shNe {
     0% {
         opacity: 0
     }
     to {
         opacity: 1
     }
 }
 
 .content-pop-ne-img {
     width: 250px;
     background-image: url(/img/ne/img-ne-popup.png);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: bottom 50px right;
     border-radius: 0 8px 8px 0
 }
 
 .content-pop-ne-img,
 .content-pop-ne-txt {
     height: 400px;
     display: inline-block;
     background-color: #fff;
     vertical-align: top
 }
 
 .content-pop-ne-txt {
     width: 430px;
     border-radius: 8px 0 0 8px;
     box-sizing: border-box;
     padding: 5px 0 10px 30px
 }
 
 .content-pop-ne-txt h3 {
     font-family: Montserrat, Roboto, sans-serif;
     color: #707070;
     font-size: 26px;
     line-height: normal;
     margin-bottom: 10px;
     font-weight: 400
 }
 
 .content-pop-ne-txt p {
     color: #707070;
     font-size: 14px;
     line-height: normal;
     margin-top: 0
 }
 
 .content-pop-ne-txt .a-close {
     display: none
 }
 
 .content-pop-ne-img .a-close {
     cursor: pointer;
     color: #ccc;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 16px;
     float: right;
     padding: 7px 12px;
     clear: both
 }
 
 .content-pop-ne-txt form input[name=phone],
 .content-pop-ne-txt form input[type=email],
 .content-pop-ne-txt form input[type=text] {
     background-color: #f7f7f7;
     border: none;
     width: 80%;
     padding: 8px 10px;
     margin: 10px 0 0;
     height: auto;
     color: #707070
 }
 
 .content-pop-ne-txt form input[type=submit] {
     margin-bottom: 0;
     margin-top: 15px
 }
 
 .content-pop-ne-txt form .hs-error-msg,
 .content-pop-ne-txt form .hs-main-font-element {
     font-size: 11px;
     color: #c22f21;
     line-height: normal
 }
 
 .content-pop-ne-txt .submitted-message {
     margin-top: 40px;
     font-weight: 400;
     color: #707070
 }
 
 .content-pop-ne-txt form ul {
     list-style: none;
     list-style-type: none;
     text-align: left;
     margin: 0
 }
 
 .content-pop-ne-txt form ul li {
     margin: 0
 }
 
 @media screen and (max-width:740px) {
     .content-pop-ne-txt .a-close {
         display: block;
         cursor: pointer;
         color: #ccc;
         text-transform: uppercase;
         font-weight: 400;
         font-size: 16px;
         float: right;
         padding: 2px 5px;
         clear: both
     }
     .content-pop-ne-txt form ul li {
         text-align: center;
         margin: 0 auto
     }
     .content-pop-ne {
         margin: 10vh auto;
         width: 300px
     }
     .content-pop-ne-img {
         display: none
     }
     .content-pop-ne-txt {
         width: 300px;
         height: 420px;
         text-align: center;
         display: block;
         border-radius: 8px;
         padding: 5px 8px 10px
     }
     .content-pop-ne-txt h3 {
         font-size: 20px
     }
     .content-pop-ne-txt p br {
         display: none
     }
 }
 
 .button.large.top-but-apine {
     font-size: 1.4rem;
     padding: .3rem 1.5rem;
     margin-right: 100px
 }
 
 header.api-ne .topbar.bg-solid .top-but-apine {
     background-color: #00aaea
 }
 
 header.api-ne .topbar.bg-solid .top-but-apine:hover {
     background-color: #00c3ad
 }
 
 @media (min-width:991px) and (max-width:1152px) {
     .button.large.top-but-apine {
         margin-right: 180px
     }
 }
 
 .content-pop-api-ne .content-pop-api-ne-txt form .hs_error_rollup {
     display: none
 }
 
 .content-pop-api-ne {
     margin: 20vh auto;
     vertical-align: central;
     width: 680px;
     background-color: #fff;
     border-radius: 8px
 }
 
 .content-pop-api-ne-img {
     width: 300px;
     background-image: url(/img/img-popup-api-ne.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 100%;
     border-radius: 0 8px 8px 0
 }
 
 .content-pop-api-ne-img,
 .content-pop-api-ne-txt {
     height: 400px;
     display: inline-block;
     background-color: #fff;
     vertical-align: top
 }
 
 .content-pop-api-ne-txt {
     width: 380px;
     border-radius: 8px 0 0 8px;
     box-sizing: border-box;
     padding: 5px 20px 10px 25px
 }
 
 .content-pop-api-ne-txt h3 {
     font-family: Montserrat, Roboto, sans-serif;
     color: #707070;
     font-size: 26px;
     line-height: normal;
     margin-top: 15px;
     margin-bottom: 10px;
     font-weight: 400
 }
 
 .content-pop-api-ne-txt p {
     color: #707070;
     font-size: 14px;
     line-height: normal;
     margin-top: 0
 }
 
 .content-pop-api-ne-txt .a-close {
     display: none
 }
 
 .content-pop-api-ne-img .a-close {
     cursor: pointer;
     color: #fff;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 14px;
     float: right;
     padding: 2px 10px;
     clear: both;
     border-radius: 50px;
     background-color: rgba(0, 0, 0, .6)
 }
 
 .content-pop-api-ne-txt form input[name=phone],
 .content-pop-api-ne-txt form input[type=email],
 .content-pop-api-ne-txt form input[type=text] {
     background-color: #f7f7f7;
     border: none;
     width: 80%;
     padding: 8px 10px;
     margin: 10px 0 0;
     height: auto;
     color: #707070
 }
 
 .content-pop-api-ne-txt form input[type=submit] {
     margin-bottom: 0;
     margin-top: 15px
 }
 
 .content-pop-api-ne-txt form .hs-error-msg,
 .content-pop-api-ne-txt form .hs-main-font-element {
     font-size: 11px;
     color: #c22f21;
     line-height: normal
 }
 
 .content-pop-api-ne-txt .submitted-message {
     margin-top: 40px;
     font-weight: 400;
     color: #707070
 }
 
 .content-pop-api-ne-txt form ul {
     list-style: none;
     list-style-type: none;
     text-align: left;
     margin: 0
 }
 
 .content-pop-api-ne-txt form ul li {
     margin: 0
 }
 
 @media screen and (max-width:740px) {
     .content-pop-api-ne-txt .a-close {
         display: block;
         cursor: pointer;
         color: #ccc;
         text-transform: uppercase;
         font-weight: 400;
         font-size: 16px;
         float: right;
         padding: 2px 5px;
         clear: both
     }
     .content-pop-api-ne-txt form ul li {
         text-align: center;
         margin: 0 auto
     }
     .content-pop-api-ne {
         margin: 10vh auto;
         width: 300px
     }
     .content-pop-api-ne-img {
         display: none
     }
     .content-pop-api-ne-txt {
         width: 300px;
         height: 380px;
         text-align: center;
         display: block;
         border-radius: 8px;
         padding: 5px 8px 10px
     }
     .content-pop-api-ne-txt h3 {
         font-size: 20px
     }
     .content-pop-api-ne-txt p br {
         display: none
     }
 }
 
 #popFePan .content-pop-api-ne.poppan {
     width: 720px
 }
 
 .content-pop-api-ne-img.poppan {
     width: 340px;
     background-image: url(/img/img-pop-fe-pan.png);
     background-position: left -7px center
 }
 
 .content-pop-api-ne-txt.poppan {
     width: 380px;
     padding: 5px 15px 10px 20px
 }
 
 .content-pop-api-ne-txt.poppan h3 {
     font-size: 24px
 }
 
 .content-pop-api-ne-txt.poppan form .hs_estas_autorizado_por_la_dgi_para_ser_facturador_electronica_ label span {
     font-size: 12px;
     color: #707070;
     line-height: normal
 }
 
 .content-pop-api-ne-txt.poppan form .inputs-list.multi-container li {
     display: inline-block;
     padding-right: 20px
 }
 
 @media screen and (max-width:720px) {
     #popFePan .content-pop-api-ne.poppan,
     .content-pop-api-ne-txt.poppan {
         width: 320px
     }
     .content-pop-api-ne-txt.poppan {
         padding: 5px 10px 10px;
         height: 440px
     }
     .content-pop-api-ne-txt.poppan form .hs_estas_autorizado_por_la_dgi_para_ser_facturador_electronica_,
     .content-pop-api-ne-txt.poppan form .inputs-list.multi-container {
         text-align: center
     }
     .content-pop-api-ne-txt.poppan h3 {
         font-size: 22px
     }
 }
 
 .svg-button-fe-col {
     padding-top: 5px;
     fill: #00aaea
 }
 
 .svg-button-fe-col:hover {
     fill: #fff
 }
 
 .bar-fe {
     position: fixed;
     background: #fff;
     width: 100%;
     display: flex;
     justify-content: center;
     padding-top: 10px;
     align-items: center;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1)
 }
 
 .bar-fe>img {
     margin-right: 8px
 }
 
 .bar-fe>p {
     color: #00aaea;
     font-weight: 500
 }
 
 .wa-ico {
     position: fixed;
     background-image: url(/img/ico-whatsapp.svg);
     background-size: contain;
     background-repeat: no-repeat;
     right: 10px;
     bottom: 0;
     z-index: 10;
     transition: .5s
 }
 
 .wa-ico a {
     display: block;
     width: 110px;
     height: 110px;
     text-decoration: none;
     border: none;
     outline: 0;
     transition: .5s
 }
 
 .wa-msg {
     position: absolute;
     opacity: 0;
     transition: .5s;
     line-height: normal;
     color: #707070;
     background-color: #fff;
     border-radius: 7px 0 0 7px;
     border-bottom: 1px solid #f1f1f1;
     border-left: 1px solid #f1f1f1;
     padding: 6px 0 6px 10px;
     font-size: 12px;
     width: 170px;
     margin-left: -145px;
     margin-top: 35px
 }
 
 .wa-ico a:hover .wa-msg {
     opacity: 1;
     transition: .5s
 }
 
 @media screen and (max-width:480px) {
     .wa-ico a {
         width: 70px;
         height: 70px;
         right: -5px
     }
     .wa-msg {
         font-size: 11px;
         width: 150px;
         margin-left: -135px;
         margin-top: 22px;
         padding: 3px 0 3px 6px
     }
 }
 
 .imp-fiscal {
     text-align: center;
     width: 100%
 }
 
 .imp-fiscal h3 {
     font-size: 24px
 }
 
 .imp-fiscal .button.outline {
     color: #00aaea;
     border: 2px solid #00aaea;
     background: 0 0
 }
 
 .imp-fiscal .button.outline:hover {
     color: #fff;
     border: 2px solid #00aaea;
     background: #00aaea
 }
 
 .api-ne+main section[data-name=VideoInfo] h2 {
     font-size: 2.8rem;
     line-height: normal;
     font-family: Montserrat, Roboto, sans-serif;
     font-weight: 400
 }
 
 .api-ne+main section[data-name=VideoInfo] h3 {
     color: #707070;
     font-size: 2.6rem
 }
 
 .api-ne+main section[data-name=VideoInfo] .block-content {
     padding-bottom: 0
 }
 
 .api-ne+main section#features .block-content {
     padding-top: 4rem
 }
 
 .api-ne+main section#features h2 {
     font-family: Montserrat, Roboto, sans-serif
 }
 
 .api-ne+main section#features h3 {
     color: #707070
 }
 
 .api-ne+main section[data-name=Register] {
     background-color: #f5fafd
 }
 
 .api-ne+main section[data-name=Register] h2,
 .api-ne+main section[data-name=Register] h3 {
     color: #707070
 }
 
 .api-ne+main section[data-name=Register] .button.outline.large {
     color: #00aaea;
     border-color: #00aaea
 }
 
 .api-ne+main section[data-name=Register] .button.outline.large:hover {
     color: #fff;
     background-color: #00aaea
 }
 
 .api-ne+main section.colne .medios-logos {
     text-align: center
 }
 
 .api-ne+main section#features .col {
     flex: 1 1 31%;
     margin: 1%;
     box-sizing: border-box;
     padding: 40px 30px 15px
 }
 
 .api-ne+main section#features .col img {
     width: 140px
 }
 
 .api-ne+main section#features .col h4 {
     color: #00aaea;
     font-weight: 400;
     margin-bottom: 15px
 }
 
 .api-ne+main section#features .col p {
     color: #707070;
     margin: 0;
     line-height: normal
 }
 
 .emp-crecen {
     background-image: url(/img/bg-logos-api-ne.svg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50%
 }
 
 .emp-crecen h2 {
     font-size: 3.6rem;
     line-height: normal;
     text-align: center;
     font-family: Montserrat, Roboto, sans-serif;
     font-weight: 400;
     color: #fff
 }
 
 .emp-crecen .row .col {
     align-items: center
 }
 
 .emp-crecen .col {
     flex: 1 1 30%;
     margin: 60px 1% 40px;
     text-align: center;
     display: flex;
     justify-content: center
 }
 
 .emp-crecen .col:first-child img,
 .emp-crecen .col:nth-child(2) img {
     width: 230px
 }
 
 .emp-crecen .col:nth-child(3) img {
     width: 200px
 }
 
 .emp-crecen .col:nth-child(4) img {
     width: 140px
 }
 
 .emp-crecen .col:nth-child(5) img {
     width: 180px
 }
 
 .emp-crecen .col:nth-child(6) img {
     width: 270px
 }
 
 .api-ne+main section.bg-gray-white.footer-logos {
     background-color: #f5fafd
 }
 
 .api-ne+main section.bg-gray-white.footer-logos .footer-seal-fe .grayscale {
     filter: none;
     -webkit-filter: none
 }
 
 .api-ne+main section.bg-gray-white.footer-logos .footer-seal-fe .opacity {
     opacity: 1
 }
 
 @media screen and (max-width:1040px) {
     .api-ne+main section.colne .medios-logos {
         width: 144px;
         padding-left: 0;
         padding-right: 0;
         height: auto
     }
     .api-ne+main section.colne .medios-row {
         flex-direction: row;
         align-items: center
     }
 }
 
 @media screen and (max-width:480px) {
     .api-ne+main section.colne .medios-logos {
         width: 60%
     }
 }
 
 #acc-faqs .block-content.text-center {
     padding-top: 1rem;
     padding-bottom: 10rem
 }
 
 #acc-faqs button.accordion-title {
     background-image: url(/img/arrow-green-dw.svg);
     background-color: #f9f9f9;
     padding-right: 2em;
     line-height: 24px
 }
 
 #acc-faqs .dw-arrow {
     background-image: url(/img/arrow-green-up.svg) !important
 }
 
 #acc-faqs button.accordion-title:hover {
     background-color: #f1f1f1
 }
 
 #acc-faqs .accordion-title {
     color: #707070
 }
 
 .popup-2 {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 99999;
     position: fixed;
     display: block;
     background-color: rgba(0, 0, 0, .7)
 }
 
 .content-pop-fe-register {
     margin: 20vh auto;
     width: 100%;
     height: 100%;
     background-color: #fff;
     border-radius: 10px 10px 0 0;
     display: flex;
     flex-direction: column
 }
 
 .content-pop-fe-register>img {
     width: 100%;
     height: auto;
     border-radius: 10px 10px 0 0
 }
 
 .content-fe-register-txt {
     width: 100%;
     height: 350px;
     display: block;
     padding: 5px 16px
 }
 
 .content-fe-register-txt p {
     text-align: left;
     margin: 10px 0;
     color: #707070;
     font-size: 22px;
     font-weight: 400;
     color: #474747
 }
 
 .content-fe-register-txt span {
     text-align: left;
     color: #707070;
     font-size: 14px;
     line-height: 21px;
     font-weight: 400
 }
 
 .content-fe-register-txt>a.button.large {
     border-color: #00aaea;
     background-color: #fff;
     color: #00aaea;
     text-align: center;
     width: 96%
 }
 
 #Ellipse,
 #Ellipse_2,
 #Ellipse_3 {
     opacity: 0;
     stroke: #fff
 }
 
 #Ellipse {
     animation: flickerAnimation 2.5s ease-in-out infinite;
     animation-delay: 1.1s
 }
 
 #Ellipse_3 {
     animation: flickerAnimation 2.5s ease-in-out infinite;
     animation-delay: .8s
 }
 
 #Ellipse_2 {
     animation: flickerAnimation 2.5s ease-in-out infinite;
     animation-delay: .5s
 }
 
 .n-vivo {
     animation: nVivoAnimation 1s ease-in-out infinite
 }
 
 @keyframes flickerAnimation {
     0% {
         opacity: 0
     }
     50% {
         opacity: .18
     }
     to {
         opacity: 0
     }
 }
 
 @keyframes nVivoAnimation {
     0% {
         opacity: 0
     }
     50% {
         opacity: 1
     }
     to {
         opacity: 0
     }
 }
 
 .envivo-logo {
     display: inline-block;
     box-sizing: border-box;
     padding-left: 10px;
     padding-top: 15px
 }
 
 .envivo-logo svg {
     border: none;
     outline: 0;
     width: 62px;
     height: auto;
     padding: 0;
     margin: 0
 }
 
 .envivo {
     position: fixed;
     bottom: -3px;
     right: 5px;
     z-index: 999;
     box-sizing: border-box
 }
 
 .envivo svg {
     border: none;
     outline: 0;
     width: 200px;
     height: auto
 }
 
 @media screen and (max-width:1200px) {
     .envivo-logo svg {
         width: 40px;
         height: auto
     }
     .envivo-logo {
         padding-left: 7px
     }
     .envivo svg {
         width: 160px;
         height: auto
     }
 }
 
 @media screen and (max-width:991px) {
     .envivo-logo svg {
         width: 44px
     }
     .envivo-logo {
         padding-left: 5px;
         padding-top: 10px
     }
     .envivo svg {
         width: 120px;
         height: auto
     }
 }
 
 @media screen and (max-width:767px) {
     .envivo-logo {
         display: none
     }
 }
 
 .tit-vac h1 {
     font-size: 3.6rem;
     line-height: 1.25
 }
 
 .vac-name {
     font-weight: 400;
     color: #00535e;
     margin-top: 0;
     font-size: 3rem
 }
 
 .oportunidades .vacante-item h3 {
     letter-spacing: normal
 }
 
 .txt-v-aqua {
     color: #00aaea
 }
 
 .txt-v-dark {
     color: #00535e
 }
 
 .left-col {
     width: 320px;
     display: inline-block;
     box-sizing: border-box
 }
 
 .left-col .sticky {
     width: 300px
 }
 
 .left-col .lc-box {
     box-sizing: border-box;
     width: 100%;
     clear: both;
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: 1px solid #eee;
     line-height: normal;
     color: #00535e;
     font-size: 16px
 }
 
 .left-col .lc-box a {
     text-transform: uppercase;
     font-weight: 400
 }
 
 .left-col .lc-box a span {
     font-weight: 700;
     font-size: 24px;
     margin-right: 15px
 }
 
 .left-col .lc-box img {
     display: inline-block;
     margin-right: 20px;
     margin-bottom: 20px;
     float: left
 }
 
 .col-content {
     width: 710px;
     display: inline-block;
     box-sizing: border-box;
     margin-left: 0
 }
 
 .vac-cont ul {
     list-style: none;
     margin-left: 0;
     padding-left: 1em;
     text-indent: -.825em
 }
 
 .vac-cont ul li:before {
     content: "\25CF";
     font-size: 14px;
     font-weight: 700;
     color: #00aaea;
     margin-right: 5px
 }
 
 .foot-txt {
     font-size: 17px
 }
 
 .foot-txt strong {
     font-weight: 400
 }
 
 .but-post2 {
     display: none
 }
 
 @media (min-width:992px) and (max-width:1119px) {
     .left-col,
     .left-col .sticky {
         width: 300px
     }
     .col-content {
         width: 610px
     }
 }
 
 @media screen and (max-width:991px) {
     .vac-cont .vac-name {
         margin-bottom: 380px
     }
     .left-col {
         width: 90%;
         position: absolute;
         height: 260px;
         margin-top: 110px;
         margin-left: 4%;
         background-color: #fff
     }
     .left-col .sticky {
         width: 100%;
         background-color: #fff
     }
     .col-content {
         width: 100%;
         display: block
     }
     .but-post1 {
         display: none
     }
     .but-post2 {
         display: block
     }
 }
 
 .head-vacante {
     min-height: 250px
 }
 
 .header-img {
     width: 100%
 }
 
 .header-txt {
     position: absolute;
     width: 100%;
     box-sizing: border-box;
     padding: 20px;
     z-index: 10
 }
 
 .header-txt h1 {
     font-size: 36px;
     font-weight: 500;
     color: #fff;
     text-align: center;
     clear: both;
     margin-bottom: 0
 }
 
 .intro-vacantes {
     text-align: center;
     font-size: 20px;
     line-height: 26px
 }
 
 .intro-vacantes .block-content {
     padding: 5rem 10rem
 }
 
 .cultura h2 strong,
 .equipo .row .col h4 strong,
 .equipo h2 strong,
 .intro-vacantes strong,
 .oportunidades h2 strong,
 .razones h2 strong {
     font-weight: 500
 }
 
 .cultura h2 {
     color: #00aaea;
     font-size: 26px;
     margin-top: 0
 }
 
 .cultura p {
     color: #707070;
     font-size: 17px;
     line-height: 22px
 }
 
 .cultura .row .col p strong {
     font-weight: 600
 }
 
 .razones h2 {
     font-size: 26px;
     text-align: center;
     margin: 40px 0
 }
 
 .razones .feature {
     text-align: center;
     border: none
 }
 
 .razones .img-video {
     width: 100%
 }
 
 .razones .feature h3 {
     transition: all .3s ease-in-out
 }
 
 .razones .feature:hover h3 {
     transform: scale(1.6)
 }
 
 .razones .feature h3 {
     color: #00aaea;
     font-weight: 400;
     font-size: 28px
 }
 
 .razones .feature h4 {
     font-weight: 400;
     color: #00535e;
     font-size: 19px;
     letter-spacing: normal
 }
 
 .razones .feature p {
     color: #707070
 }
 
 .equipo h2 {
     text-align: center;
     font-size: 26px;
     color: #00aaea;
     margin-bottom: 40px
 }
 
 .equipo .row .col {
     background-color: #fff;
     border-radius: 7px;
     box-shadow: 1px 1px 2px #ddd, 0 0 15px #ddd, 0 0 5px #ddd;
     text-align: center;
     margin-left: 3%;
     padding: 0
 }
 
 .equipo .row .col img {
     width: 100%;
     clear: both;
     display: block;
     border-radius: 7px 7px 0 0
 }
 
 .equipo .row .col p {
     color: #707070;
     line-height: normal;
     padding: 5px 30px;
     box-sizing: border-box;
     margin-top: 0
 }
 
 .equipo .row .col h4 {
     color: #00aaea;
     font-size: 14px
 }
 
 .equipo svg {
     width: 50px;
     margin-top: -32px
 }
 
 .oportunidades h2 {
     text-align: center;
     font-size: 26px;
     margin-bottom: 40px
 }
 
 .vacante-item {
     width: 100%;
     border-bottom: 1px solid #eee;
     box-sizing: border-box;
     padding: 5px 0 20px 70px;
     color: #707070;
     margin: 0 auto 30px;
     background-repeat: no-repeat;
     background-position: 0 0
 }
 
 .vacante-item h3 {
     font-weight: 500;
     font-size: 20px;
     color: #707070;
     margin: 0
 }
 
 .vacante-item .but-vacante {
     float: right;
     padding: .2rem 2rem;
     margin-left: 50px;
     margin-top: 0
 }
 
 .vacante-item p {
     color: #707070;
     margin-top: 10px
 }
 
 .beneficios {
     border-top: 1px solid #eee
 }
 
 .beneficios h2 {
     color: #00aaea;
     font-size: 24px;
     margin-top: 0
 }
 
 .beneficios ul {
     margin-left: 25px;
     margin-bottom: 30px
 }
 
 .beneficios ul li {
     list-style: disc;
     color: #00aaea;
     font-size: 24px;
     line-height: 18px
 }
 
 .beneficios ul li span {
     color: #707070;
     font-size: 16px
 }
 
 #vacantes h3.pass-tit {
     text-align: center;
     background-color: #00535e;
     color: #fff;
     padding: 8px 20px;
     border-radius: 8px;
     cursor: pointer;
     margin: 30px auto;
     font-size: 1.8rem;
     display: table;
     letter-spacing: normal;
     transition: .3s
 }
 
 #vacantes h3.pass-tit strong {
     font-weight: 400
 }
 
 #vacantes h3.pass-tit:hover {
     font-size: 1.9rem
 }
 
 #vacantes .pass-list a.but-vacante {
     background-color: #00535e;
     border: 2px solid #00535e;
     opacity: .6;
     transition: .3s
 }
 
 #vacantes .pass-list a.but-vacante:hover {
     opacity: 1
 }
 
 @media (min-width:768px) and (max-width:991px) {
     .cultura h3 {
         font-size: 16px;
         line-height: 24px
     }
     .razones .row .col {
         flex: 1 1
     }
     .vacante-item {
         width: 80%
     }
 }
 
 @media screen and (max-width:768px) {
     .intro-vacantes .block-content {
         padding: 3rem
     }
     .vacante-item {
         width: 90%
     }
     .equipo .row .col {
         margin-left: 0
     }
     .vacante-item .but-vacante {
         float: none;
         margin-left: 0;
         clear: both;
         width: 120px;
         text-align: center;
         display: block
     }
     .beneficios .col img,
     .cultura .col img {
         width: 100%
     }
     .head-vacante {
         height: 500px;
         background-image: url(https://cdn2.alegra.com/website/images/vacantes/header-vacantes.jpg);
         background-size: cover;
         background-position: 50%
     }
     .head-vacante img {
         display: none
     }
 }
 
 .vacantesTop {
     width: 90%;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center
 }
 
 .vacantesIn {
     width: 50%;
     vertical-align: top
 }
 
 .vacantesIn h2 {
     margin-top: -40px;
     color: #9fd8cf
 }
 
 .vacantesIn.vacantesLeft {
     text-align: center
 }
 
 .vacantesIn img {
     width: auto;
     height: 450px
 }
 
 .vacantesIndex {
     width: 320px;
     height: 400px;
     padding: 20px 15px;
     margin: 20px 12px;
     display: flex;
     flex-direction: column;
     align-content: center;
     align-items: center;
     justify-content: center;
     text-align: center;
     border: 1pt solid #90909a;
     flex: 1 1
 }
 
 .vacantesIndex h3 {
     margin-top: 10px;
     line-height: normal;
     text-transform: uppercase
 }
 
 .vacantes-hab ul li {
     line-height: 20px;
     list-style: outside;
     margin-left: 30px;
     list-style-type: circle
 }
 
 .vacantesIndex p {
     line-height: normal;
     margin-bottom: 10px
 }
 
 .vacantesIndex img {
     width: 120px;
     border-radius: 100px;
     background-color: #bde3dc
 }
 
 .vacantesIndex:hover img,
 .vacantesIndex:hover img.icon {
     background-color: #bfcd31
 }
 
 .vacantesIndex .icon-bg {
     width: 240px;
     height: 160px;
     box-sizing: border-box;
     text-align: center;
     vertical-align: middle;
     margin: auto;
     display: table-cell
 }
 
 .vacantesIndex:hover .icon-bg {
     background-image: url(https://cdn2.alegra.com/website/assets/images/vacantes/bg-circle.png);
     background-repeat: no-repeat;
     background-position: 50%;
     background-size: contain
 }
 
 .vacantesIndex .icon-bg img {
     width: 120px;
     border-radius: 0;
     background-color: transparent;
     padding: 0;
     display: block;
     margin: auto;
     vertical-align: middle
 }
 
 .vacantesContent {
     width: 100%;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-between
 }
 
 ul.margin-tiny li {
     margin-bottom: .5rem
 }
 
 @media screen and (max-width:768px) {
     .vacantesTop {
         width: 100%;
         flex-direction: column-reverse
     }
     .vacantesIn {
         width: 90%;
         text-align: center
     }
     .vacantesIn img {
         width: 80%
     }
     .vacantesContent {
         flex-direction: column;
         align-items: center
     }
     .vacantesIndex {
         width: 88%
     }
 }
 
 @media screen and (max-width:991px) {
     .vacantesIn h2 {
         margin-top: 0
     }
     .vacantesIn img {
         width: 80%;
         height: auto
     }
 }
 
 section#postularte .block-content,
 section[data-name=Habilidades] .block-content {
     padding: 1rem 2rem
 }
 
 section .vacantesTop .vacantesIn.vacantesLeft {
     margin-bottom: 30px
 }
 
 #keywords {
     text-align: center
 }
 
 #keywords ul li {
     display: inline-block;
     margin: 4px 3px;
     border-radius: 30px;
     font-size: 1.1em;
     color: #fff;
     padding: 3px 15px;
     list-style-type: none;
     list-style: none;
     cursor: default;
     font-weight: 400
 }
 
 #keywords ul li:nth-child(odd) {
     background-color: #e2e2e2
 }
 
 #keywords ul li:nth-child(2n) {
     background-color: #bde3dc
 }
 
 @media screen and (max-width:991px) {
     .hide-mobile {
         display: none
     }
 }
 
 .f-bx .block-content {
     padding: 3rem 2rem
 }
 
 .r1-boxes {
     width: 24%;
     box-sizing: border-box;
     display: inline-block;
     vertical-align: top;
     border: 1px solid #eee;
     margin-right: 1%;
     padding: 20px 30px 30px;
     text-align: center;
     color: #00535e;
     font-size: 17px;
     line-height: normal
 }
 
 .block .block-content .r1-boxes:nth-child(4) {
     margin-right: 0
 }
 
 .r1-boxes h3 {
     color: #00aaea;
     font-size: 20px;
     font-weight: 400;
     margin-top: 5px
 }
 
 .r1-boxes h3 img {
     margin-right: 7px
 }
 
 @media screen and (max-width:767px) {
     .r1-boxes {
         width: 100%;
         display: block;
         margin-right: 0;
         clear: both;
         margin-bottom: 15px
     }
 }
 
 .p-postulate {
     text-align: center;
     margin: 30px 30px 0
 }
 
 .vacantes-li ul {
     list-style: circle;
     margin-left: 20px;
     line-height: normal
 }
 
 .vacantes-li ul li {
     margin-bottom: 20px
 }
 
 section.footer-logos .row .col:nth-child(2) {
     display: block
 }
 /*!
 *  Alegra Tienda
 *  (c) 2020, Alegra.com
 */
 
 .tienda .topbar .logo-country {
     fill: #707070;
     opacity: .8
 }
 
 .tienda .topbar.bg-solid .logo-country {
     fill: #00aaea;
     opacity: .8
 }
 
 .tienda+main .footer-logos .col {
     flex: .22 1
 }
 
 @media screen and (max-width:768px) {
     .tienda+main .footer-logos .col {
         flex: .3 1
     }
 }
 
 .tienda+main .sello-fe {
     background-image: url(https://cdn2.alegra.com/website/assets/images/tienda/ico-sello-tienda.svg);
     background-position: 50%;
     background-size: contain;
     width: 100px;
     height: 100px;
     position: absolute;
     bottom: 0;
     margin-left: 17%;
     margin-bottom: 20px;
     z-index: 100
 }
 
 .tienda .topbar .logo-symbol {
     fill: #00aaea
 }
 
 .tienda .topbar .logo-text,
 .tienda .topbar.bg-solid .logo-text {
     fill: #707070
 }
 
 .tienda+main .hero-text-right {
     float: left;
     text-align: left
 }
 
 .tienda+main .hero-text-right h1 {
     margin-top: 9vh
 }
 
 .tienda+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
 .tienda+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
     object-position: center center !important;
     object-fit: cover !important;
     -o-object-position: center center !important;
     -o-object-fit: cover !important
 }
 
 .tienda+main section .hero {
     height: 74rem
 }
 
 .tienda .topbar .nav a {
     color: #707070
 }
 
 .tienda .topbar .nav a:hover {
     background: 0 0;
     color: #00aaea
 }
 
 .tienda #nav-main .it-resources {
     border-radius: 7px 7px 0 0
 }
 
 .tienda #nav-main .it-resources:hover {
     background-color: rgba(209, 230, 228, .9)
 }
 
 .tienda #nav-main .subMenu {
     border-radius: 0 7px 7px 7px;
     background-image: linear-gradient(rgba(209, 230, 228, .9), rgba(209, 230, 228, .99));
     background-color: transparent;
     box-shadow: 0 4px 5px -2px hsla(0, 0%, 40%, .7)
 }
 
 .tienda #nav-main .subMenu li {
     border-bottom: .5px solid hsla(0, 0%, 43.9%, .2)
 }
 
 .tienda #nav-main .subMenu li a:hover {
     color: #00aaea
 }
 
 .tienda #nav-main .subMenu li p {
     color: hsla(0, 0%, 43.9%, .7)
 }
 
 .tienda #topbar-main.bg-solid .subMenu {
     background: #fff;
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
     border-radius: 0 0 20px 20px;
     box-shadow: 0 4px 5px -2px hsla(0, 0%, 40%, .5)
 }
 
 .tienda .nav-access-item {
     color: #707070;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     display: inline-block;
     border-radius: 7px;
     font-size: 1.5rem;
     border: 1px solid #707070;
     padding: 6px 10px;
     margin: 0 .6rem;
     transition-duration: .3s;
     transition-timing-function: ease;
     transition-property: all
 }
 
 .tienda .nav-access-item:hover {
     color: #fff;
     border: 1px solid #00aaea;
     background-color: #00aaea
 }
 
 .tienda #topbar-main .topbar-section .nav-access a.nav-access-item.button.outline.rounded {
     background-color: #00aaea;
     border: 1px solid #00aaea;
     transition-duration: .3s;
     transition-timing-function: ease;
     transition-property: all;
     color: #fff
 }
 
 .tienda #topbar-main .topbar-section .nav-access a.nav-access-item.button:hover.outline.rounded {
     background: #00c3ad;
     border-color: #00c3ad
 }
 
 .tienda+main .hero .hero-content {
     background-image: url(https://cdn2.alegra.com/website/assets/images/tienda/img-bottom-curve.svg);
     background-position: center bottom -1px;
     background-repeat: no-repeat;
     background-size: 102%
 }
 
 .tienda+main #features {
     background-color: transparent
 }
 
 .tienda+main #features .block-content.text-center {
     padding-top: 1rem
 }
 
 .tienda .topbar.bg-solid .nav-access a {
     color: #00aaea;
     border-color: #00aaea
 }
 
 .tienda .topbar.bg-solid .nav-access a:hover {
     color: #fff;
     background: #00aaea
 }
 
 .hero-tienda .col1 {
     width: 50%;
     float: left;
     text-align: left
 }
 
 .hero-tienda .col1 h1 {
     color: #707070;
     text-shadow: none;
     font-family: Montserrat, Roboto, sans-serif;
     font-weight: 400
 }
 
 .tienda+main .col h3 span,
 .tienda+main .col1 h1 span,
 .tienda+main .col:first-child h2 span {
     color: #00aaea
 }
 
 .hero-tienda .col1 p {
     color: #707070
 }
 
 .row1-tienda .col ul,
 .row2-tienda .col ul {
     padding: 0;
     margin: 0;
     list-style-type: none;
     list-style-position: outside
 }
 
 .row1-tienda .col ul li,
 .row2-tienda .col ul li {
     padding-left: 28px;
     font-size: 17px;
     background-image: url(https://cdn2.alegra.com/website/assets/images/tienda/ico-check-circle.svg);
     background-repeat: no-repeat;
     background-position: left top 2px;
     background-size: 17.5px;
     line-height: normal;
     padding-bottom: 15px
 }
 
 .row1-tienda .col ul li strong,
 .row2-tienda .col ul li strong {
     font-weight: 400
 }
 
 .row1-tienda .col:first-child {
     padding-right: 100px;
     box-sizing: border-box
 }
 
 .row1-tienda .col:first-child h2,
 .row3-tienda .col:first-child h2,
 .row3a-tienda .col:first-child h2,
 .row3b-tienda .col:first-child h2,
 .row4-tienda .col h3 {
     color: #707070;
     font-family: Montserrat, Roboto, sans-serif;
     font-weight: 400
 }
 
 .row1-tienda .col:nth-child(2) {
     text-align: right;
     margin-left: 0
 }
 
 .row2-tienda .col:first-child {
     text-align: left;
     margin: 0
 }
 
 .row2-tienda .col:nth-child(2),
 .row3-tienda .col:nth-child(2) {
     margin-left: 0
 }
 
 .row2-tienda .col ul {
     margin-left: 80px;
     margin-top: 60px
 }
 
 .row3-tienda .block-content {
     padding-top: 0
 }
 
 .row3-tienda .col:first-child h2 {
     margin-top: 120px;
     margin-right: 60px
 }
 
 .row3-tienda .col:first-child p {
     font-size: 18px
 }
 
 .row3-tienda .col:nth-child(2) {
     text-align: center
 }
 
 .row1-tienda .col img,
 .row2-tienda .col img {
     width: 100%
 }
 
 .row3a-tienda .col:first-child,
 .row3b-tienda .col:first-child {
     text-align: center
 }
 
 .row3a-tienda .block-content {
     padding-top: 0
 }
 
 .row3b-tienda {
     background-image: url(https://cdn2.alegra.com/website/assets/images/tienda/bg-curve-light.svg);
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-position: bottom
 }
 
 .row3b-tienda .col .tiendas-cont {
     width: 100%;
     clear: both
 }
 
 .row3b-tienda .col .tiendas-cont .tienda-item {
     width: 230px;
     height: 270px;
     display: inline-block;
     vertical-align: top;
     background-color: #fff;
     border-radius: 7px;
     margin: 20px;
     text-align: center;
     box-shadow: 1px 1px 2px #ddd, 0 0 5px #eee, 0 0 5px #ddd
 }
 
 .row3b-tienda .col .tiendas-cont .tienda-item .tienda-img {
     width: 150px;
     height: 150px;
     border: 1px solid #e4e9f6;
     border-radius: 75px;
     margin: 20px auto 10px;
     background-position: 50%;
     background-repeat: no-repeat;
     background-size: 84%
 }
 
 .row3b-tienda .col .tiendas-cont .tienda-item p {
     margin: 10px 0
 }
 
 .row3b-tienda .col .tiendas-cont .tienda-item a {
     color: #fff;
     text-transform: uppercase;
     background-color: #00aaea;
     border-radius: 5px;
     font-size: 12px;
     padding: 7px 15px;
     transition: .3s
 }
 
 .row3b-tienda .col .tiendas-cont .tienda-item a:hover {
     background-color: #00c3ad
 }
 
 .row4-tienda {
     background-color: #f6fafd
 }
 
 .row4-tienda .col {
     width: 100%;
     text-align: center;
     display: block;
     flex: 0 0 auto
 }
 
 .row4-tienda .col h3 {
     font-size: 32px
 }
 
 .row3a-tienda .col:nth-child(2),
 .row3b-tienda .col:nth-child(2),
 .row4-tienda .col:nth-child(2) {
     display: none
 }
 
 .tienda+main .footer-logos {
     background-color: transparent
 }
 
 .tienda+main .footer-logos .grayscale {
     filter: none;
     -webkit-filter: none
 }
 
 .tienda+main .footer-logos .opacity {
     opacity: 1
 }
 
 .tienda+main+footer .footer-nav {
     border-top: 1px solid #ddd
 }
 
 @media screen and (min-width:1980px) {
     .tienda+main .sello-fe {
         width: 120px;
         height: 120px;
         margin-left: 25%
     }
 }
 
 @media screen and (min-width:1601px) {
     .tienda+main section .hero {
         height: 84rem
     }
     .tienda+main .sello-fe {
         width: 110px;
         height: 110px;
         margin-left: 20%
     }
 }
 
 @media screen and (max-width:1440px) {
     .tienda+main .sello-fe {
         margin-left: 10%
     }
 }
 
 @media screen and (max-width:1280px) {
     .tienda+main .sello-fe {
         margin-left: 5%
     }
 }
 
 @media screen and (max-width:1100px) {
     .tienda+main .hero-text-right h1 {
         margin-top: 1vh
     }
 }
 
 @media screen and (min-width:768px) {
     .tienda+main section .hero-content.overlay-mobile {
         background-color: transparent
     }
     .tienda+main .sello-fe {
         margin-bottom: 25px
     }
 }
 
 @media screen and (max-width:768px) {
     .tienda .nav-access-item {
         padding: 4px 10px !important;
         font-size: 1rem;
         margin: 0 .3rem
     }
     .tienda+main section .hero {
         height: 64rem;
         min-height: auto !important
     }
     .row1-tienda .col h2 {
         text-align: center
     }
     .row1-tienda .col:first-child {
         padding-right: 0
     }
     .row1-tienda .col:first-child ul {
         margin: 0 40px
     }
     .row1-tienda .col:nth-child(2),
     .row2-tienda .col:first-child,
     .row3-tienda .col:first-child {
         text-align: center
     }
     .row1-tienda .col:nth-child(2) img,
     .row2-tienda .col:first-child img {
         width: 86%
     }
     .row2-tienda .col ul {
         margin: 40px 40px 0
     }
     .row3-tienda .col:first-child h2 {
         margin: 0 40px
     }
     .tienda+main .footer-logos .hide-mobile {
         display: block
     }
 }
 
 @media screen and (max-width:767px) {
     .tienda+main section[data-name=Hero] .hero .gatsby-image-wrapper picture img,
     .tienda+main section[data-name=Hero] .hero .gatsby-image-wrapper picture source {
         object-position: center right !important;
         object-fit: cover !important;
         -o-object-position: center right !important;
         -o-object-fit: cover !important
     }
     .tienda .topbar .logo-symbol {
         fill: #fff
     }
     .tienda .topbar.bg-solid .logo-symbol {
         fill: #00aaea
     }
     .hero-tienda .col1 h1,
     .hero-tienda .col1 p {
         color: #fff
     }
     .hero-tienda .col1 h1 span {
         color: #00c3ad
     }
     .tienda+main .sello-fe {
         margin-bottom: 0
     }
     .tienda .topbar .logo-text {
         fill: #fff
     }
     .tienda .nav-access-item {
         color: #fff;
         border: 1px solid #fff
     }
 }
 
 @media (max-width:480px) {
     .tienda+main .sello-fe {
         display: none
     }
     .tienda+main .hero-text-right {
         float: none;
         text-align: center
     }
     .tienda+main .footer-logos {
         display: none !important
     }
     .row4-tienda .col h3 {
         font-size: 28px
     }
     .row1-tienda .col:nth-child(2) img,
     .row2-tienda .col:first-child img,
     .row3-tienda .col:nth-child(2) img {
         width: 96%
     }
     .row1-tienda .col:first-child ul,
     .row3-tienda .col:first-child h2 {
         margin: 0 10px
     }
     .row2-tienda .col ul {
         margin: 20px 10px 0
     }
     .row1-tienda .col:first-child h2 {
         font-size: 3rem
     }
     .hero-tienda .col1 {
         width: 100%;
         float: none;
         text-align: center
     }
     .hero-tienda .col1 p br {
         display: none
     }
     .hero-tienda .col1 h1 {
         margin-top: 10vh
     }
 }
 
 .eb-box1 {
     width: 39%;
     display: inline-block;
     box-sizing: border-box;
     vertical-align: top
 }
 
 .eb-box1 img {
     width: 90%
 }
 
 .eb-box2 {
     width: 60%;
     display: inline-block;
     box-sizing: border-box;
     vertical-align: top;
     padding-left: 40px
 }
 
 .eb-box2 h1 {
     font-size: 4.4rem;
     line-height: 1.1;
     margin-top: 0
 }
 
 #form-ebook input[type=email],
 #form-ebook input[type=text] {
     width: 50%
 }
 
 #form-ebook label#label-email-45208ca5-ed69-4076-9b46-391141036125,
 #form-ebook label#label-firstname-45208ca5-ed69-4076-9b46-391141036125 {
     display: none
 }
 
 #form-ebook ul.hs-error-msgs li,
 #form-ebook ul.inputs-list li {
     list-style: none;
     list-style-type: none;
     color: #00535e;
     font-size: 12px;
     font-weight: 600
 }
 
 #form-ebook ul {
     margin-bottom: 0
 }
 
 #form-ebook .legal-consent-container p {
     font-size: 12px;
     line-height: normal
 }
 
 #form-ebook input[type=submit] {
     text-transform: uppercase
 }
 
 #form-ebook .submitted-message p {
     font-weight: 500;
     font-size: 16px
 }
 
 #form-ebook .submitted-message p a {
     display: block;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     padding: 8px 20px;
     text-transform: uppercase;
     font-weight: 500;
     color: #fff;
     background-color: #00aaea;
     border-radius: 8px;
     margin-top: 10px
 }
 
 .msg-send {
     display: none;
     font-size: 14px;
     font-weight: 700;
     color: #00535e;
     margin-top: 20px
 }
 
 .msg-send p {
     padding: 50px 20px;
     font-size: 18px;
     font-weight: 500;
     color: #00535e;
     margin: 0;
     background-color: #f9f9f9;
     border: 1px solid #eee;
     border-radius: 7px;
     text-align: center;
     display: block
 }
 
 .msg-send p span {
     font-size: 24px;
     color: #bfcd31
 }
 
 .txt-terms {
     color: #00535e
 }
 
 .txt-terms a {
     font-weight: 400
 }
 
 .terminos-condiciones {
     display: none;
     line-height: normal;
     padding: 20px 0 0;
     font-size: 1.4rem;
     text-align: justify
 }
 
 .terminos-condiciones p {
     margin: 0
 }
 
 @media screen and (max-width:768px) {
     .eb-box1 {
         width: 100%;
         display: block;
         padding: 0
     }
     .eb-box1 img {
         width: 100%;
         padding: 20px
     }
     .eb-box2 {
         width: 100%;
         display: block;
         padding: 20px 0;
         text-align: center
     }
     .eb-box2 h1 {
         font-size: 3.6rem;
         line-height: 1
     }
     .eb-box2 h3 {
         font-size: 2.6rem
     }
     #form-ebook input[type=email],
     #form-ebook input[type=text] {
         width: 90%
     }
 }
 
 h3.uk-panel-title {
     font-size: 2.4rem;
     line-height: 1.3;
     font-family: Roboto, sans-serif;
     font-weight: 300;
     color: #00535e
 }
 
 a.boton-light {
     margin: 10px;
     padding: 12px 20px;
     font-weight: 500;
     font-size: 22px;
     letter-spacing: 2px;
     border-radius: 8px;
     color: #fff;
     transition: all .5s;
     border: 1px solid #fff
 }
 
 a.boton-light:hover {
     text-decoration: none;
     background-color: #becd3b;
     border: 1px solid #becd3b
 }
 
 .ac-links {
     color: #bdcd3e
 }
 
 .ac-links:hover {
     color: #419d73
 }
 
 div.acca-box {
     display: inline-block;
     float: none;
     padding: 0 5px;
     margin: 0 auto;
     vertical-align: top
 }
 
 .tm-grid-icons-helios .tm-icon {
     position: relative;
     display: inline-block;
     width: 80px;
     height: 80px;
     padding: 1px;
     margin: 25px auto;
     box-sizing: border-box;
     border-radius: 40px;
     background: #0db497;
     z-index: 2;
     text-shadow: 1px 1px 1px transparent;
     text-decoration: none;
     transition: all .1s ease-in-out
 }
 
 .icons-acrece {
     width: 36px;
     height: 36px;
     display: inline-block;
     margin-top: 23%;
     fill: #fff;
     background: #0db497;
     z-index: 100
 }
 
 .ico-user-plus {
     -webkit-mask: url(/img/icon-user-plus.svg) no-repeat center;
     mask: url(/img/icon-user-plus.svg) no-repeat center
 }
 
 .ico-calendar {
     -webkit-mask: url(/img/icon-calendar.svg) no-repeat center;
     mask: url(/img/icon-calendar.svg) no-repeat center
 }
 
 .ico-money {
     -webkit-mask: url(/img/icon-money.svg) no-repeat center;
     mask: url(/img/icon-money.svg) no-repeat center
 }
 
 .ico-refresh {
     -webkit-mask: url(/img/icon-refresh.svg) no-repeat center;
     mask: url(/img/icon-refresh.svg) no-repeat center
 }
 
 .ico-briefcase {
     -webkit-mask: url(/img/icon-briefcase.svg) no-repeat center;
     mask: url(/img/icon-briefcase.svg) no-repeat center
 }
 
 .ico-child {
     -webkit-mask: url(/img/icon-child.svg) no-repeat center;
     mask: url(/img/icon-child.svg) no-repeat center
 }
 
 .ico-sun {
     -webkit-mask: url(/img/icon-sun.svg) no-repeat center;
     mask: url(/img/icon-sun.svg) no-repeat center
 }
 
 .tm-grid-icons-helios .tm-icon [class*=" tm-icon-helios-"],
 .tm-grid-icons-helios .tm-icon [class*=uk-icon-],
 .tm-grid-icons-helios .tm-icon [class^=tm-icon-helios-] {
     z-index: 2;
     color: #0db497;
     font-size: 32px;
     line-height: 79px
 }
 
 .uk-panel-hover:hover {
     background: 0 0;
     color: #696e76;
     border-color: rgba(0, 0, 0, .06)
 }
 
 .uk-panel,
 .uk-panel:hover {
     text-decoration: none
 }
 
 .uk-grid>*>:last-child {
     margin-bottom: 0
 }
 
 .uk-panel-hover {
     padding: 25px;
     color: #696e76;
     border: 1px solid transparent;
     border-radius: 2px
 }
 
 .uk-panel {
     display: block;
     position: relative;
     height: 370px
 }
 
 .uk-panel:after,
 .uk-panel:before {
     content: "";
     display: table
 }
 
 .uk-panel:after {
     clear: both
 }
 
 .tm-grid-icons-helios .uk-panel:active .tm-icon {
     background-image: linear-gradient(155deg, #35a28e, #35a28e);
     box-shadow: inset 3px 3px 8px #5aa884
 }
 
 .tm-grid-icons-helios .uk-panel:hover .tm-icon span.icons-acrece {
     background: #fff;
     cursor: pointer
 }
 
 .uk-grid-width-1-1 {
     text-align: center
 }
 
 .uk-grid-match>* {
     display: flex;
     flex-wrap: wrap
 }
 
 .tm-grid-icons-helios .tm-icon:before {
     content: "";
     position: absolute;
     top: 1px;
     right: 1px;
     bottom: 1px;
     left: 1px;
     border-radius: 40px;
     background: #fff;
     z-index: -1;
     transition: all .1s ease-in-out
 }
 
 .uk-grid-width-xlarge-1-2>* {
     width: 49%;
     display: inline-block
 }
 
 .uk-grid-match>*>* {
     flex: none;
     box-sizing: border-box;
     width: 100%
 }
 
 .uk-panel-hover:hover .tm-icon:before {
     background: #00aaea;
     transition: all .1s ease-in-out
 }
 
 .uk-panel-hover:hover .tm-icon span:before {
     color: #fff;
     transition: all .1s ease-in-out
 }
 
 .uk-grid-width-xlarge-1-3>* {
     width: 33%
 }
 
 @media (max-width:991px) {
     .uk-grid-width-xlarge-1-2>*,
     .uk-grid-width-xlarge-1-3>* {
         width: 100%;
         display: block
     }
     .uk-panel {
         height: auto
     }
     .block-content {
         padding: 3rem 2rem
     }
 }
 
 @media (max-width:767px) {
     section.h-acr img {
         width: 90%;
         height: auto
     }
     a.boton-light {
         font-size: 16px;
         padding: 12px 7px;
         margin: 10px auto
     }
 }
 
 .gatsby-image img {
     bottom: 0;
     height: 100%;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     width: 100%
 }
 
 .gatsby-image [data-main-image] {
     opacity: 0;
     transform: translateZ(0);
     transition: opacity .5s linear;
     will-change: opacity
 }
 
 .gatsby-image [data-main-image] {
     opacity: 1 !important
 }
 
 #hs-feedback-ui {
     animation-duration: 0.4s;
     animation-timing-function: ease-out;
     display: none;
     height: 0;
     overflow: hidden;
     position: fixed;
     z-index: 2147483647;
     max-width: 100%;
 }
 
 .hubspot.space-sword #hs-feedback-ui {
     z-index: 1070;
 }
 
 #hs-feedback-ui.hs-feedback-shown {
     display: block;
 }
 
 #hs-feedback-fetcher {
     position: fixed;
     left: 1000%;
 }
 
 @keyframes feedback-slide-in-hs-feedback-left {
     from {
         transform: translate(0, 100%);
     }
     to {
         transform: translate(0, 0);
     }
 }
 
 @keyframes feedback-slide-out-hs-feedback-left {
     from {
         transform: translate(0, 0);
     }
     to {
         transform: translate(0, 100%);
     }
 }
 
 #hs-feedback-ui.hs-feedback-left {
     animation-name: feedback-slide-in-hs-feedback-left;
 }
 
 #hs-feedback-ui.hs-feedback-left.hs-feedback-slid-out {
     animation-name: feedback-slide-out-hs-feedback-left;
     animation-fill-mode: forwards;
 }
 
 @keyframes feedback-slide-in-hs-feedback-right {
     from {
         transform: translate(0, 100%);
     }
     to {
         transform: translate(0, 0);
     }
 }
 
 @keyframes feedback-slide-out-hs-feedback-right {
     from {
         transform: translate(0, 0);
     }
     to {
         transform: translate(0, 100%);
     }
 }
 
 #hs-feedback-ui.hs-feedback-right {
     animation-name: feedback-slide-in-hs-feedback-right;
 }
 
 #hs-feedback-ui.hs-feedback-right.hs-feedback-slid-out {
     animation-name: feedback-slide-out-hs-feedback-right;
     animation-fill-mode: forwards;
 }
 
 @keyframes feedback-slide-in-hs-feedback-top {
     from {
         transform: translate(0, -100%);
     }
     to {
         transform: translate(0, 0);
     }
 }
 
 @keyframes feedback-slide-out-hs-feedback-top {
     from {
         transform: translate(0, 0);
     }
     to {
         transform: translate(0, -100%);
     }
 }
 
 #hs-feedback-ui.hs-feedback-top {
     animation-name: feedback-slide-in-hs-feedback-top;
 }
 
 #hs-feedback-ui.hs-feedback-top.hs-feedback-slid-out {
     animation-name: feedback-slide-out-hs-feedback-top;
     animation-fill-mode: forwards;
 }
 
 #hs-feedback-ui>iframe {
     width: 100%;
     height: 100%;
 }
 
 #hs-feedback-ui:not(.hs-feedback-top) {
     bottom: 0;
 }
 
 #hs-feedback-ui.hs-feedback-left {
     left: 0;
 }
 
 #hs-feedback-ui.hs-feedback-right {
     right: 0;
 }
 
 .zorse #hs-feedback-ui:not(.hs-feedback-top) {
     bottom: 6px;
 }
 
 .zorse #hs-feedback-ui.hs-feedback-right {
     right: 0;
 }
 
 #hs-feedback-ui.hs-feedback-top {
     left: 0;
     top: 0;
     width: 100%;
 }
 
 #hs-feedback-ui.hs-feedback-nps:not(.hs-feedback-top) {
     width: 480px;
 }
 
 #hs-feedback-ui.hs-feedback-csat:not(.hs-feedback-top) {
     width: 350px;
 }
 
 #hs-feedback-ui.hs-feedback-csat.hs-feedback-extended-width:not(.hs-feedback-top) {
     width: 550px;
 }
 
 @media only screen and (min-width: 544px) {
     #hs-feedback-ui.hs-feedback-csat:not(.hs-feedback-top):not(.hs-feedback-expanded) {
         width: 450px;
     }
 }
 
 #hs-feedback-ui.hs-feedback-csat.hs-feedback-extended-width:not(.hs-feedback-top) {
     width: 550px !important;
 }
 
 #hs-feedback-ui.preview.hs-feedback-csat.hs-feedback-callout:not(.hs-feedback-expanded):not(.hs-feedback-top) {
     width: 450px !important;
 }
 
 @media only screen and (max-width: 768px) {
     #hs-feedback-ui:not(.preview):not(.hs-feedback-callout):not(.hs-feedback-top),
     #hs-feedback-ui.hs-feedback-expanded:not(.preview):not(.hs-feedback-top) {
         width: 100% !important;
     }
 }
 
 @media only screen and (max-width: 600px) {
     #hs-feedback-ui.preview:not(.hs-feedback-top),
     #hs-feedback-ui.hs-feedback-expanded.preview:not(.hs-feedback-top) {
         width: 100% !important;
     }
 }
 
 #hs-feedback-ui.hs-feedback-shown~#tally-widget-container,
 #hs-feedback-ui.hs-feedback-shown~#wootric-modal {
     display: none !important;
 }
 /* hide all popups in the same position as us */
 
 @media only screen and (min-width: 544px) {
     #hs-feedback-ui.hs-feedback-right.hs-feedback-shown~#hubspot-messages-iframe-container,
     #hs-feedback-ui.hs-feedback-right.hs-feedback-shown~.leadinModal-theme-bottom-right-corner,
     #hs-feedback-ui.hs-feedback-left.hs-feedback-shown~.leadinModal-theme-bottom-left-corner,
     #hs-feedback-ui.hs-feedback-top.hs-feedback-shown~.leadinModal-theme-top {
         display: none !important;
     }
 }
 /* hide leadflows when we're tablet-stretched across from them */
 
 @media only screen and (min-width: 544px) and (max-width: 970px) {
     #hs-feedback-ui.hs-feedback-left.hs-feedback-shown~.leadinModal-theme-bottom-right-corner,
     #hs-feedback-ui.hs-feedback-right.hs-feedback-shown~.leadinModal-theme-bottom-left-corner {
         display: none !important;
     }
 }
 /* hide messages when we're tablet-stretched across from them */
 
 @media only screen and (max-width: 966px) {
     #hs-feedback-ui.hs-feedback-left.hs-feedback-shown~#hubspot-messages-iframe-container {
         display: none !important;
     }
 }
 
 @media only screen and (max-width: 544px) {
     /* repeat above rules for small screens when we're set to display on mobile */
     #hs-feedback-ui.hs-feedback-right.hs-feedback-shown:not(.hs-feedback-no-mobile)~#hubspot-messages-iframe-container,
     #hs-feedback-ui.hs-feedback-left.hs-feedback-shown:not(.hs-feedback-no-mobile)~#hubspot-messages-iframe-container,
     #hs-feedback-ui.hs-feedback-right.hs-feedback-shown:not(.hs-feedback-no-mobile)~.leadinModal-theme-bottom-right-corner,
     #hs-feedback-ui.hs-feedback-left.hs-feedback-shown:not(.hs-feedback-no-mobile)~.leadinModal-theme-bottom-left-corner,
     #hs-feedback-ui.hs-feedback-top.hs-feedback-shown:not(.hs-feedback-no-mobile)~.leadinModal-theme-top,
     #hs-feedback-ui.hs-feedback-left.hs-feedback-shown:not(.hs-feedback-no-mobile)~.leadinModal-theme-bottom-right-corner,
     #hs-feedback-ui.hs-feedback-right.hs-feedback-shown:not(.hs-feedback-no-mobile)~.leadinModal-theme-bottom-left-corner {
         display: none !important;
     }
     /* don't display us on small screens if we're set to not display on mobile */
     #hs-feedback-ui.hs-feedback-no-mobile {
         display: none;
     }
 }
 
 @import "https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700";
 .d-none {
     display: none
 }
 
 .d-block {
     display: block
 }
 
 .d-flex {
     display: -ms-flexbox !important;
     display: -webkit-box !important;
     display: flex !important
 }
 
 .truepush_optin_notifications {
     font-family: "Nunito Sans", sans-serif !important;
     border: none !important;
     font-size: 14px;
     color: #000;
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }
 
 .truepush_optin_notifications .text-center {
     text-align: center !important
 }
 
 .truepush_optin_notifications .text-right {
     text-align: right !important
 }
 
 .truepush_optin_notifications .text-left {
     text-align: left !important
 }
 
 .truepush_optin_notifications .justify-content-center {
     -ms-flex-pack: center !important;
     -webkit-box-pack: center !important;
     justify-content: center !important
 }
 
 .truepush_optin_notifications .justify-content-start {
     -ms-flex-pack: start !important;
     -webkit-box-pack: start !important;
     justify-content: flex-start !important
 }
 
 .truepush_optin_notifications .justify-content-end {
     -ms-flex-pack: end !important;
     -webkit-box-pack: end !important;
     justify-content: flex-end !important
 }
 
 .truepush_optin_notifications .color-primary {
     color: #4a90e2
 }
 
 .truepush_optin_notifications .color-link {
     color: #4a90e2
 }
 
 .truepush_optin_notifications .p-rel {
     position: relative
 }
 
 .truepush_optin_notifications .p-abs {
     position: absolute
 }
 
 .truepush_optin_notifications .m-1 {
     margin: 6px !important
 }
 
 .truepush_optin_notifications .m-2 {
     margin: 12px !important
 }
 
 .truepush_optin_notifications .m-3 {
     margin: 18px !important
 }
 
 .truepush_optin_notifications .m-4 {
     margin: 24px !important
 }
 
 .truepush_optin_notifications .m-5 {
     margin: 30px !important
 }
 
 .truepush_optin_notifications .mx-1 {
     margin-left: 6px !important;
     margin-right: 6px !important
 }
 
 .truepush_optin_notifications .mx-2 {
     margin-left: 12px !important;
     margin-right: 12px !important
 }
 
 .truepush_optin_notifications .mx-3 {
     margin-left: 18px !important;
     margin-right: 18px !important
 }
 
 .truepush_optin_notifications .mx-4 {
     margin-left: 24px !important;
     margin-right: 24px !important
 }
 
 .truepush_optin_notifications .mx-5 {
     margin-left: 30px !important;
     margin-right: 30px !important
 }
 
 .truepush_optin_notifications .my-1 {
     margin-top: 6px !important;
     margin-bottom: 6px !important
 }
 
 .truepush_optin_notifications .my-2 {
     margin-top: 12px !important;
     margin-bottom: 12px !important
 }
 
 .truepush_optin_notifications .my-3 {
     margin-top: 18px !important;
     margin-bottom: 18px !important
 }
 
 .truepush_optin_notifications .my-4 {
     margin-top: 24px !important;
     margin-bottom: 24px !important
 }
 
 .truepush_optin_notifications .my-5 {
     margin-top: 30px !important;
     margin-bottom: 30px !important
 }
 
 .truepush_optin_notifications .mt-1 {
     margin-top: 6px !important
 }
 
 .truepush_optin_notifications .mt-2 {
     margin-top: 12px !important
 }
 
 .truepush_optin_notifications .mt3 {
     margin-top: 18px !important
 }
 
 .truepush_optin_notifications .mt-4 {
     margin-top: 24px !important
 }
 
 .truepush_optin_notifications .mt-5 {
     margin-top: 30px !important
 }
 
 .truepush_optin_notifications .mb-1 {
     margin-bottom: 6px !important
 }
 
 .truepush_optin_notifications .mb-2 {
     margin-bottom: 12px !important
 }
 
 .truepush_optin_notifications .mb-3 {
     margin-bottom: 18px !important
 }
 
 .truepush_optin_notifications .mb-4 {
     margin-bottom: 24px !important
 }
 
 .truepush_optin_notifications .mb-5 {
     margin-bottom: 30px !important
 }
 
 .truepush_optin_notifications .ml-1 {
     margin-left: 6px !important
 }
 
 .truepush_optin_notifications .ml-2 {
     margin-left: 12px !important
 }
 
 .truepush_optin_notifications .ml-3 {
     margin-left: 18px !important
 }
 
 .truepush_optin_notifications .ml-4 {
     margin-left: 24px !important
 }
 
 .truepush_optin_notifications .ml-5 {
     margin-left: 30px !important
 }
 
 .truepush_optin_notifications .mr-1 {
     margin-right: 6px !important
 }
 
 .truepush_optin_notifications .mr-2 {
     margin-right: 12px !important
 }
 
 .truepush_optin_notifications .mr-3 {
     margin-right: 18px !important
 }
 
 .truepush_optin_notifications .mr-4 {
     margin-right: 24px !important
 }
 
 .truepush_optin_notifications .mr-5 {
     margin-right: 30px !important
 }
 
 .truepush_optin_notifications .p-1 {
     padding: 6px !important
 }
 
 .truepush_optin_notifications .p-2 {
     padding: 12px !important
 }
 
 .truepush_optin_notifications .p-3 {
     padding: 18px !important
 }
 
 .truepush_optin_notifications .p-4 {
     padding: 24px !important
 }
 
 .truepush_optin_notifications .p-5 {
     padding: 30px !important
 }
 
 .truepush_optin_notifications .px-1 {
     padding-left: 6px !important;
     padding-right: 6px !important
 }
 
 .truepush_optin_notifications .px-2 {
     padding-left: 12px !important;
     padding-right: 12px !important
 }
 
 .truepush_optin_notifications .px-3 {
     padding-left: 18px !important;
     padding-right: 18px !important
 }
 
 .truepush_optin_notifications .px-4 {
     padding-left: 24px !important;
     padding-right: 24px !important
 }
 
 .truepush_optin_notifications .px-5 {
     padding-left: 30px !important;
     padding-right: 30px !important
 }
 
 .truepush_optin_notifications .py-1 {
     padding-top: 6px !important;
     padding-bottom: 6px !important
 }
 
 .truepush_optin_notifications .py-2 {
     padding-top: 12px !important;
     padding-bottom: 12px !important
 }
 
 .truepush_optin_notifications .py-3 {
     padding-top: 18px !important;
     padding-bottom: 18px !important
 }
 
 .truepush_optin_notifications .py-4 {
     padding-top: 24px !important;
     padding-bottom: 24px !important
 }
 
 .truepush_optin_notifications .py-5 {
     padding-top: 30px !important;
     padding-bottom: 30px !important
 }
 
 .truepush_optin_notifications .pt-1 {
     padding-top: 6px !important
 }
 
 .truepush_optin_notifications .pt-2 {
     padding-top: 12px !important
 }
 
 .truepush_optin_notifications .pt-3 {
     padding-top: 18px !important
 }
 
 .truepush_optin_notifications .pt-4 {
     padding-top: 24px !important
 }
 
 .truepush_optin_notifications .pt-5 {
     padding-top: 30px !important
 }
 
 .truepush_optin_notifications .pb-1 {
     padding-bottom: 6px !important
 }
 
 .truepush_optin_notifications .pb-2 {
     padding-bottom: 12px !important
 }
 
 .truepush_optin_notifications .pb-3 {
     padding-bottom: 18px !important
 }
 
 .truepush_optin_notifications .pb-4 {
     padding-bottom: 24px !important
 }
 
 .truepush_optin_notifications .pb-5 {
     padding-bottom: 30px !important
 }
 
 .truepush_optin_notifications .pl-1 {
     padding-left: 6px !important
 }
 
 .truepush_optin_notifications .pl-2 {
     padding-left: 12px !important
 }
 
 .truepush_optin_notifications .pl-3 {
     padding-left: 18px !important
 }
 
 .truepush_optin_notifications .pl-4 {
     padding-left: 24px !important
 }
 
 .truepush_optin_notifications .pl-5 {
     padding-left: 30px !important
 }
 
 .truepush_optin_notifications .pr-1 {
     padding-right: 6px !important
 }
 
 .truepush_optin_notifications .pr-2 {
     padding-right: 12px !important
 }
 
 .truepush_optin_notifications .pr-3 {
     padding-right: 18px !important
 }
 
 .truepush_optin_notifications .pr-4 {
     padding-right: 24px !important
 }
 
 .truepush_optin_notifications .pr-5 {
     padding-right: 30px !important
 }
 
 .truepush_optin_notifications .xy-m {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%)
 }
 
 .truepush_optin_notifications .y-m {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%)
 }
 
 .truepush_optin_notifications .x-m {
     position: absolute;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%)
 }
 
 .truepush_optin_notifications .truepush_overlay {
     width: 100%;
     height: 100%;
     position: fixed;
     background: #000;
     background-color: rgba(0, 0, 0, 0.3);
     z-index: 999999;
     left: 0;
     right: 0;
     margin: auto;
     top: 0;
     overflow: hidden
 }
 
 .truepush_optin_notifications .defaultplus_truepush {
     width: 800px;
     height: 220px;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 9999999999999999
 }
 
 .truepush_optin_notifications .defaultplus_truepush:after {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-filter: blur(80px);
     filter: blur(80px);
     background-color: rgba(0, 0, 0, 0.4);
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%)
 }
 
 .truepush_optin_notifications .defaultplus_truepush .defaultplus_box_tp {
     position: relative;
     z-index: 99999999
 }
 
 .truepush_optin_notifications .defaultplus_truepush .defaultplus_box_tp .defaultplus_content_tp {
     position: absolute;
     top: 20px;
     right: 120px
 }
 
 .truepush_optin_notifications .defaultplus_truepush .defaultplus_box_tp .defaultplus_content_tp a {
     color: #fff !important;
     cursor: pointer !important;
     font-size: 14px;
     font-weight: 800;
     text-decoration: none !important;
     background: none;
     margin: 0;
     padding: 0;
     text-shadow: 2px 2px 8px #7c7c7c;
     font-family: "Nunito Sans", sans-serif !important
 }
 
 .truepush_optin_notifications .defaultplus_truepush .defaultplus_box_tp .defaultplus_content_tp a:hover {
     text-decoration: underline !important
 }
 
 .truepush_optin_notifications .defaultplus_truepush .defaultplus_box_tp .defaultplus_content_tp a img {
     vertical-align: middle;
     margin: 0 2px;
     width: 18px
 }
 
 .truepush_optin_notifications .defaultplus_truepush .defaultplus_box_tp .defaultplus_content_tp span {
     color: #fff !important;
     text-decoration: underline !important
 }
 
 .truepush_optin_notifications .moz_defaultplus_truepush {
     width: 960px
 }
 
 .truepush_optin_notifications .moz_defaultplus_truepush .defaultplus_content_tp {
     right: 60px
 }
 
 .truepush_optin_notifications .opera_defaultplus_truepush .defaultplus_content_tp {
     right: 160px
 }
 
 .truepush_optin_notifications .edge_defaultplus_truepush {
     width: 100% !important;
     height: 120px !important;
     bottom: 0 !important;
     left: 0 !important;
     top: auto
 }
 
 .truepush_optin_notifications .edge_defaultplus_truepush .defaultplus_content_tp {
     top: 22px !important;
     left: 22% !important
 }
 
 .truepush_optin_notifications .belloptin_truepush {
     position: fixed;
     right: 25px;
     bottom: 30px;
     z-index: 999999999999 !important;
     padding: 2px;
     cursor: pointer
 }
 
 .truepush_optin_notifications .belloptin_truepush .bellcircle_optinicon {
     display: flex !important;
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     -ms-flex-pack: center !important;
     justify-content: center !important;
     -ms-flex-align: center !important;
     align-items: center !important;
     text-align: center !important;
     -webkit-box-align: center !important;
     -webkit-box-pack: center !important;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background: red;
     margin: 0;
     padding: 0
 }
 
 .truepush_optin_notifications .belloptin_truepush .bellcircle_optinicon svg {
     width: 36px;
     height: 36px;
     fill: #fff;
     vertical-align: sub;
     text-align: center;
     margin: 0;
     padding: 0
 }
 
 .truepush_optin_notifications .belloptin_truepush .tip-content {
     position: absolute;
     top: 6px;
     right: 9999px;
     width: 200px;
     margin-right: 83px;
     padding: 10px;
     color: #fff;
     background: #333;
     -webkit-box-sizing: unset !important;
     box-sizing: unset !important;
     -webkit-box-shadow: 2px 2px 5px #aaa;
     -moz-box-shadow: 2px 2px 5px #aaa;
     box-shadow: 2px 2px 5px #aaa;
     opacity: 0;
     -webkit-transition: opacity 250ms ease-out;
     -moz-transition: opacity 250ms ease-out;
     -ms-transition: opacity 250ms ease-out;
     -o-transition: opacity 250ms ease-out;
     transition: opacity 250ms ease-out
 }
 
 .truepush_optin_notifications .belloptin_truepush .tip-content:before {
     content: "";
     position: absolute;
     top: 50%;
     width: 0;
     height: 0;
     margin-left: 184px;
     margin-top: -11px;
     border: 10px solid transparent;
     border-left-color: #333
 }
 
 .truepush_optin_notifications .belloptin_truepush .bellcircle_optinicon:hover .tip-content {
     right: -20px;
     opacity: 1
 }
 
 .truepush_optin_notifications .horizontalbar_truepush {
     position: fixed;
     bottom: 0;
     width: 100%;
     left: 0;
     right: 0;
     margin: 0 auto;
     z-index: 9999999
 }
 
 .truepush_optin_notifications .horizontalbar_truepush .bar_truepush {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 10px;
     background: #000;
     color: #fff
 }
 
 .truepush_optin_notifications .horizontalbar_truepush .bar_truepush .optinbar_content span {
     font-size: 16px
 }
 
 .truepush_optin_notifications .horizontalbar_truepush .bar_truepush .optinbar_content button {
     display: inline !important;
     background-color: #4A90E2;
     color: #fff;
     border-width: 0 !important;
     padding: 8px 12px !important;
     font-size: 14px !important;
     font-weight: 500;
     border: 0;
     border-radius: 2px;
     margin: 0 auto !important;
     text-transform: none !important;
     font-family: "Nunito Sans", sans-serif !important
 }
 
 .truepush_optin_notifications .horizontalbar_truepush .bar_truepush .optinbar_content b {
     font-size: 16px;
     cursor: pointer
 }
 
 .truepush_optin_notifications .optinbox_truepush {
     font-family: "Nunito Sans", sans-serif !important;
     position: fixed;
     top: 0;
     margin: 0;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     z-index: 999999999999 !important;
     text-align: center;
     width: 100%;
     max-width: 360px;
     height: -webkit-max-content;
     height: -moz-max-content;
     height: max-content;
     background: #ffffff;
     border: 1px solid #f0f0f0;
     margin: 0 auto
 }
 
 .truepush_optin_notifications .optinbox_truepush .optinbox_tpsection {
     padding: 12px 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center
 }
 
 .truepush_optin_notifications .optinbox_truepush .optinbox_tpsection h5 {
     font-size: 16px !important;
     font-weight: 600;
     color: #282828 !important;
     margin: 0;
     line-height: 1.4;
     text-transform: unset !important
 }
 
 .truepush_optin_notifications .optinbox_truepush .optinbox_tpsection p {
     font-size: 13px;
     color: #7c7c7c;
     margin: 12px 0;
     font-weight: 500;
     padding: 0;
     line-height: 1.4
 }
 
 .truepush_optin_notifications .optinbox_truepush .optinbox_tpsection .optinbox_tpbuttons {
     text-align: center !important
 }
 
 .truepush_optin_notifications .optinbox_truepush .optinbox_tpsection .optinbox_tpbuttons button {
     padding: 8px 26px;
     font-size: 14px !important;
     font-weight: 500;
     margin: 6px;
     border-radius: 2px;
     text-transform: unset !important;
     line-height: normal !important;
     letter-spacing: unset !important;
     font-family: "Nunito Sans", sans-serif !important
 }
 
 .truepush_optin_notifications .optinbox_truepush .optinbox_tpsection .optinbox_tpbuttons .tp_btn_default {
     background: #f2f4ff;
     border: 1px solid #ebeefc;
     -webkit-box-shadow: 0 0 8px 0 white;
     box-shadow: 0 0 8px 0 white;
     color: #3b69ff;
     margin-left: 0
 }
 
 .truepush_optin_notifications .optinbox_truepush .optinbox_tpsection .optinbox_tpbuttons .tp_btn_primary {
     background: #3b69ff;
     color: #fff;
     border: 1px solid #3b69ff;
     -webkit-box-shadow: 0 0 6px 0 #c0cfff;
     box-shadow: 0 0 6px 0 #c0cfff
 }
 
 .truepush_optin_notifications .optinbox_truepush .optinbox_tpsection .optinbox_tpbuttons a {
     text-decoration: underline !important;
     cursor: pointer !important;
     font-size: 12px;
     font-weight: 500;
     padding: 0;
     margin: 0;
     color: #7c7c7c !important;
     font-family: "Nunito Sans", sans-serif !important
 }
 
 .truepush_optin_notifications .optinbox_plus_truepush {
     width: 100%;
     max-width: 350px;
     height: -webkit-max-content;
     height: -moz-max-content;
     height: max-content;
     margin: 0 auto;
     background: #ffffff;
     border: 1px solid #f0f0f0
 }
 
 .truepush_optin_notifications .optinbox_plus_truepush .optinbox_plus_tpsection {
     padding: 10px
 }
 
 .truepush_optin_notifications .optinbox_plus_truepush .optinbox_plus_tpsection .optinbox_plus_media {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: start;
     -webkit-box-align: start;
     align-items: flex-start;
     text-align: left
 }
 
 .truepush_optin_notifications .optinbox_plus_truepush .optinbox_plus_tpsection .optinbox_plus_media .optinbox_plus_image {
     flex: 0 0 60px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 60px;
     height: 60px;
     margin-right: 16px;
     overflow: hidden
 }
 
 .truepush_optin_notifications .optinbox_plus_truepush .optinbox_plus_tpsection .optinbox_plus_media .optinbox_plus_image img {
     max-width: 100%;
     width: 100%;
     border-radius: 2px
 }
 
 .truepush_optin_notifications .optinbox_plus_truepush .optinbox_plus_tpsection .optinbox_plus_media .optinbox_plus_media_body {
     -ms-flex: 1;
     -webkit-box-flex: 1;
     flex: 1
 }
 
 .truepush_optin_notifications .optinbox_plus_truepush .optinbox_plus_tpsection .optinbox_plus_media .optinbox_plus_media_body p {
     margin: 0;
     font-size: 15px;
     color: #484848;
     line-height: 1.4;
     font-weight: 600;
     font-family: "Nunito Sans", sans-serif !important;
     word-break: break-word
 }
 
 .truepush_optin_notifications .optinbox_plus_truepush .optinbox_plus_tpsection .optinbox_plus_media .optinbox_plus_media_body .subtext {
     font-size: 13px !important;
     color: #686868 !important;
     font-weight: 400 !important;
     padding-top: 3px;
     font-family: "Nunito Sans", sans-serif !important;
     word-break: break-word
 }
 
 .truepush_optin_notifications .optinbox_plus_truepush .optinbox_plus_tpsection .optinbox_tpbuttons button {
     padding: 8px 26px;
     font-size: 14px;
     font-weight: 500;
     margin: 5px;
     border-radius: 2px;
     font-family: "Nunito Sans", sans-serif !important
 }
 
 .truepush_optin_notifications .optinbox_plus_truepush .optinbox_plus_tpsection .optinbox_tpbuttons .tp_btn_default {
     background: #f2f4ff;
     border: 1px solid #ebeefc;
     -webkit-box-shadow: 0 0 8px 0 white;
     box-shadow: 0 0 8px 0 white;
     color: #3b69ff;
     margin-left: 0
 }
 
 .truepush_optin_notifications .optinbox_plus_truepush .optinbox_plus_tpsection .optinbox_tpbuttons .tp_btn_primary {
     background: #3b69ff;
     color: #fff;
     border: 1px solid #3b69ff;
     -webkit-box-shadow: 0 0 6px 0 #c0cfff;
     box-shadow: 0 0 6px 0 #c0cfff
 }
 
 .truepush_optin_notifications .optinbox_plus_truepush .optinbox_plus_tpsection .optinbox_tpbuttons a {
     text-decoration: underline !important;
     cursor: pointer !important;
     font-size: 12px;
     font-weight: 500;
     padding: 0;
     margin: 0;
     color: #7c7c7c;
     font-family: "Nunito Sans", sans-serif !important
 }
 
 iframe {
     border: 0;
     background: none;
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .iframe_optinbell_tp {
     width: 62px;
     height: 62px;
     position: fixed;
     bottom: 20px;
     right: 30px;
     z-index: 999999999
 }
 
 .iframe_optin_notifications .belloptin_truepush {
     right: 50% !important;
     bottom: 50% !important;
     -webkit-transform: translateX(50%) translateY(-50%);
     -ms-transform: translateX(50%) translateY(-50%);
     transform: translateX(50%) translateY(50%)
 }
 
 .iframe_optinbar_tp {
     position: fixed;
     width: 100%;
     bottom: 0;
     left: 0;
     right: 0;
     margin: 0 auto;
     height: 50px;
     z-index: 9999999
 }
 
 .iframe_optinbox_tp {
     position: fixed;
     max-width: 400px;
     width: 100%;
     padding: 0 5px;
     height: 180px;
     top: 0;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     z-index: 9999999
 }
 
 .optinbox_truepush_iframe {
     width: 100%
 }
 
 .iframe_optinboxplus_tp {
     max-width: 400px;
     width: 100%;
     top: 0;
     height: 160px;
     position: fixed;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     z-index: 9999999
 }
 
 .optinboxplus_truepush_iframe {
     width: 100%
 }
 
 .iframe_optin_notifications .optinbox_truepush_iframe {
     top: 0 !important;
     bottom: auto !important
 }
 
 .iframe_optin_notifications .optinboxplus_truepush_iframe {
     top: 0 !important;
     bottom: auto !important
 }
 
 .option-safari-background {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 999999;
     display: block;
     width: 100%;
     height: 100%;
     overflow: hidden;
     outline: 0;
     background: #000;
     opacity: .7
 }
 
 .option-safari-background .safari-dialog {
     max-width: 100%;
     margin: 1.75rem auto
 }
 
 .option-safari-background .safari-dialog {
     position: relative;
     width: auto;
     margin: .5rem;
     pointer-events: none;
     z-index: 999999 !important
 }
 
 .option-safari-background .safari-content {
     position: absolute;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     max-width: 400px;
     pointer-events: auto;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: .3rem;
     outline: 0
 }
 
 .option-safari-background .safari-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 1rem 1rem;
     border-top-left-radius: calc(.3rem - 1px);
     border-top-right-radius: calc(.3rem - 1px)
 }
 
 .option-safari-background .safari-body {
     position: relative;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     padding: 1rem;
     padding-top: 0
 }
 
 .option-safari-background .safari-footer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     padding: .75rem;
     border-top: 1px solid #dee2e6;
     border-bottom-right-radius: calc(.3rem - 1px);
     border-bottom-left-radius: calc(.3rem - 1px)
 }
 
 .option-safari-background .safari-title {
     font-size: 20px;
     text-align: right
 }
 
 .option-safari-background .safari-icons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     background: #c6c6c6;
     width: 120px;
     margin-top: 7px;
     padding: 5px;
     border-bottom-left-radius: 20px;
     border-top-left-radius: 20px;
     background-image: -webkit-gradient(linear, left top, right top, from(#c6c6c6), color-stop(#c6c6c6), to(white));
     background-image: -webkit-linear-gradient(left, #c6c6c6, #c6c6c6, white);
     background-image: -o-linear-gradient(left, #c6c6c6, #c6c6c6, white);
     background-image: linear-gradient(to right, #c6c6c6, #c6c6c6, white)
 }
 
 .option-safari-background .bell {
     font-size: 1.5rem;
     font-weight: 700;
     line-height: .6 !important;
     color: #000;
     text-shadow: 0 1px 0 #fff;
     padding: 1px 0px 4px 0px;
     padding-left: 8px
 }
 
 .option-safari-background .bell1 {
     font-size: 1.5rem;
     font-weight: 700;
     margin-right: 7px;
     line-height: .6 !important;
     border: 0;
     outline: none;
     color: #000;
     text-shadow: 0 1px 0 #fff
 }
 
 .option-safari-background .bell i {
     font-size: 16px
 }
 
 .option-safari-background .bell1 i {
     font-size: 16px;
     font-weight: bold;
     padding-left: 15px
 }
 
 .option-safari-background span.safari-arrow {
     position: absolute;
     left: 16%;
     top: 47px;
     -webkit-transform: translateY(6%);
     -ms-transform: translateY(6%);
     transform: translateY(6%)
 }
 
 .option-safari-background .safari-arrow img {
     width: 49px !important
 }
 
 .option-safari-background .safari-body p {
     text-align: right
 }
 
 .option-safari-background .safari-footersection {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: absolute;
     bottom: 0;
     padding: 10px 20px;
     background-color: #fff;
     width: 100%;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
 }
 
 .option-safari-background .safari-footersection i {
     font-size: 24px !important;
     color: #0678ff !important
 }
 
 .option-safari-background .safari-footersection h4 {
     color: #000;
     font-weight: 500;
     font-size: 14px !important;
     padding-left: 15px !important;
     padding-top: 1px
 }
 
 .option-safari-background .safari-footersection .notification {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important
 }
 
 .option-safari-background .footer-icon i {
     font-size: 24px !important;
     margin-left: 7px;
     margin-top: 5px;
     font-size: 18px !important;
     color: #575757 !important
 }
 
 .option-safari-background .safari-footersection .footer-text {
     color: #0678ff !important
 }
 
 .option-safari-background .footer-icon {
     width: 28px !important;
     height: 28px;
     border-radius: 20px;
     margin-top: -1px
 }
 
 .option-safari-background .footer-icon:hover {
     width: 28px !important;
     height: 28px;
     border-radius: 20px;
     background: darkgrey;
     margin-top: -1px;
     color: #fff
 }
 
 .option-safari-backgroung-left {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 999999;
     display: block;
     width: 100%;
     height: 100%;
     overflow: hidden;
     outline: 0;
     background: #000;
     opacity: .7
 }
 
 .option-safari-backgroung-left .safari-dialog {
     max-width: 100%;
     margin: 1.75rem auto
 }
 
 .option-safari-backgroung-left .safari-dialog {
     position: relative;
     width: auto;
     margin: .5rem;
     pointer-events: none;
     z-index: 999999 !important
 }
 
 .option-safari-backgroung-left .safari-content {
     position: absolute;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     right: 0;
     max-width: 400px;
     pointer-events: auto;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: .3rem;
     outline: 0
 }
 
 .option-safari-backgroung-left .safari-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 1rem 1rem;
     border-top-left-radius: calc(.3rem - 1px);
     border-top-right-radius: calc(.3rem - 1px)
 }
 
 .option-safari-backgroung-left .safari-body {
     position: relative;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     padding: 1rem;
     padding-top: 0
 }
 
 .option-safari-backgroung-left .safari-footer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     padding: .75rem;
     border-top: 1px solid #dee2e6;
     border-bottom-right-radius: calc(.3rem - 1px);
     border-bottom-left-radius: calc(.3rem - 1px)
 }
 
 .option-safari-backgroung-left .safari-title {
     font-size: 20px
 }
 
 .option-safari-backgroung-left .safari-icons {
     background: #c6c6c6;
     width: 120px;
     padding: 5px;
     margin-top: 7px;
     border-bottom-right-radius: 20px;
     border-top-right-radius: 20px;
     background-image: -webkit-gradient(linear, left top, right top, from(white), color-stop(#c6c6c6), to(#c6c6c6));
     background-image: -webkit-linear-gradient(left, white, #c6c6c6, #c6c6c6);
     background-image: -o-linear-gradient(left, white, #c6c6c6, #c6c6c6);
     background-image: linear-gradient(to right, white, #c6c6c6, #c6c6c6)
 }
 
 .option-safari-backgroung-left .bell {
     float: right;
     font-size: 1.5rem;
     font-weight: 700;
     padding: 1px 0px 4px 0px;
     line-height: .5 !important;
     color: #000;
     text-shadow: 0 1px 0 #fff
 }
 
 .option-safari-backgroung-left .bell1 {
     float: right;
     background-color: #c6c6c6;
     font-size: 1.5rem;
     font-weight: 700;
     margin-right: 7px;
     line-height: .5 !important;
     border: 0;
     outline: none;
     color: #000;
     text-shadow: 0 1px 0 #fff
 }
 
 .option-safari-backgroung-left .bell i {
     font-size: 16px;
     padding-right: 20px
 }
 
 .option-safari-backgroung-left .bell1 i {
     font-size: 16px;
     font-weight: bold;
     padding-right: 5px;
     padding-top: 2px
 }
 
 .option-safari-backgroung-left span.safari-arrow {
     position: absolute;
     left: 72%;
     top: 46px;
     -webkit-transform: translateY(6%);
     -ms-transform: translateY(6%);
     transform: translateY(6%)
 }
 
 .option-safari-backgroung-left .safari-arrow img {
     width: 49px !important
 }
 
 .option-safari-backgroung-left .safari-footersection .footer-text {
     color: #0678ff !important
 }
 
 .option-safari-backgroung-left .footer-icon {
     width: 28px !important;
     height: 28px;
     border-radius: 20px;
     margin-top: -1px
 }
 
 .option-safari-backgroung-left .footer-icon:hover {
     width: 28px !important;
     height: 28px;
     border-radius: 20px;
     background: darkgrey;
     margin-top: -1px;
     color: #fff
 }
 
 @media screen and (max-width:574.98px) {
     .truepush_optin_notifications .defaultplus_truepush {
         width: 100%;
         height: auto;
         bottom: 0;
         top: auto;
         left: 0
     }
     .truepush_optin_notifications .defaultplus_truepush .defaultplus_box_tp .defaultplus_content_tp {
         top: auto;
         left: 40%;
         bottom: 20px;
         -webkit-transform: translateX(-40%);
         -ms-transform: translateX(-40%);
         transform: translateX(-40%);
         right: auto
     }
     .truepush_optin_notifications .horizontalbar_truepush .bar_truepush .optinbar_content span {
         display: block;
         padding: 0 0 12px 0 !important
     }
     .truepush_optin_notifications .optinbox_truepush {
         top: auto;
         bottom: 0
     }
     .iframe_optinbox_tp {
         top: auto;
         bottom: 0;
         max-width: 360px
     }
     .iframe_optinboxplus_tp {
         top: auto;
         bottom: 0;
         max-width: 360px
     }
 }
 
 @media screen and (max-width:398.98px) {
     .truepush_optin_notifications .optinbox_truepush {
         max-width: 98%
     }
     .truepush_optin_notifications .optinbox_truepush .optinbox_tpsection {
         padding: 12px 8px
     }
     .truepush_optin_notifications .optinbox_truepush .optinbox_tpsection h5 {
         font-size: 14px;
         font-weight: 600
     }
     .truepush_optin_notifications .optinbox_truepush .optinbox_tpsection p {
         font-size: 12px
     }
     .iframe_optin_notifications .optinbox_truepush_iframe {
         top: auto !important;
         bottom: 0 !important
     }
     .iframe_optin_notifications .optinboxplus_truepush_iframe {
         top: auto !important;
         bottom: 0 !important
     }
 }
 
 @media screen and (min-width:320px) and (max-width:767px) {
     .option-safari-background .safari-content {
         width: 100%;
         max-width: 270px
     }
     .option-safari-background .safari-icons {
         margin-top: 4px !important
     }
     .option-safari-background .bell1 i,
     .option-safari-background .bell i {
         font-weight: bold !important;
         font-size: 10px
     }
     .option-safari-background .bell1,
     .option-safari-background .bell {
         padding: 1px 0px 3px 0px;
         line-height: .1 !important
     }
     .option-safari-background .safari-title {
         font-size: 14px
     }
     .option-safari-background .safari-body p {
         font-size: 12px !important;
         margin-bottom: 0rem
     }
     .option-safari-background .safari-header {
         padding-bottom: 5px !important
     }
     .option-safari-background span.safari-arrow {
         left: 18%;
         top: 37px
     }
     .option-safari-background .safari-arrow img {
         width: 25px !important
     }
     .option-safari-background .bell1 i {
         padding-left: 10px
     }
     .option-safari-backgroung-left .bell i {
         padding-right: 12px !important
     }
     .option-safari-backgroung-left .safari-content {
         width: 100%;
         max-width: 270px
     }
     .option-safari-backgroung-left .safari-icons {
         padding: 6px;
         margin-top: 4px !important
     }
     .option-safari-backgroung-left .bell1 i,
     .option-safari-backgroung-left .bell i {
         font-weight: bold !important;
         font-size: 10px
     }
     .option-safari-backgroung-left .bell1,
     .option-safari-backgroung-left .bell {
         line-height: .1 !important
     }
     .option-safari-backgroung-left .safari-title {
         font-size: 14px
     }
     .option-safari-backgroung-left .safari-body p {
         font-size: 12px !important;
         margin-bottom: 0rem
     }
     .option-safari-backgroung-left .safari-header {
         padding-bottom: 5px !important
     }
     .option-safari-backgroung-left span.safari-arrow {
         left: 71%;
         top: 38px
     }
     .option-safari-backgroung-left .safari-arrow img {
         width: 25px !important
     }
 }
 
 html.hs-messages-widget-open.hs-messages-mobile,
 html.hs-messages-widget-open.hs-messages-mobile body {
     overflow: hidden !important;
     position: relative !important
 }
 
 html.hs-messages-widget-open.hs-messages-mobile body {
     height: 100% !important;
     margin: 0 !important
 }
 
 #hubspot-messages-iframe-container {
     display: initial !important;
     z-index: 2147483647;
     position: fixed !important;
     bottom: 0 !important
 }
 
 #hubspot-messages-iframe-container.widget-align-left {
     left: 0 !important
 }
 
 #hubspot-messages-iframe-container.widget-align-right {
     right: 0 !important
 }
 
 #hubspot-messages-iframe-container.internal {
     z-index: 1016
 }
 
 #hubspot-messages-iframe-container.internal iframe {
     min-width: 108px
 }
 
 #hubspot-messages-iframe-container .shadow-container {
     display: initial !important;
     z-index: -1;
     position: absolute;
     width: 0;
     height: 0;
     bottom: 0;
     content: ""
 }
 
 #hubspot-messages-iframe-container .shadow-container.internal {
     display: none !important
 }
 
 #hubspot-messages-iframe-container .shadow-container.active {
     width: 400px;
     height: 400px
 }