.blue-bg{
	background-color: rgba(63, 111, 218, 1);
}

.deep-bg {
	background-color: #0a2442;
}

.green-bg{
	background-color: rgb( 0, 152, 255 );
}

.contrast-bg {
	background-color: #dfe6ea;
}

.sky-bg{
	background-color: #e8f8ff;
	color: rgb( 0, 152, 255 );
}

.white-bg{
	background-color: white;
}

.hollow-bg{
	background-color: transparent;
	color: white;
	border: 1px solid;
}

.none-bg{
	background-color: transparent;
}

.upago-bg {
	background-image: linear-gradient(to bottom left,#00d955,#00d955,#0098ff,#0098ff);
}

.color-text {
	color: #505673;
}
.color-green {
	color: #00d955;
}

.color-deep {
	color: #0a2442;
}

.color-blue {
	color: rgb( 0, 152, 255 );
}

.color-white {
	color: #ffffff;
}

.callout {
	z-index: 101;
}

.marginBottom {
	margin-bottom: 2rem;
}

.marginAuto {
	margin: auto;
}

#header {
/*	background-color: #495677; */
/*	box-shadow: 0 1px 6px 0px #1e2944; */
	color: white;
	position: static;
	position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
/*  transition: background-color 0.5s, box-shadow 0.5s;*/
}

#header.transparent {
	background-color: transparent;
	box-shadow: unset;
}

#header a{
	margin: 0.5rem;
}

#header a#login-btn{
	padding: 1rem;
}


#section-info .title{
	margin-left: 30%;
    margin-right: 30%;
    font-weight: 700;
}

a.white-hover:hover {
	color: white;
}

#welcomeOrbitSection {
	border-radius: 1rem;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%
}

#welcomeOrbitSection img{
	margin: 2rem auto;
}

#welcomeOrbitSection .info{
	margin: auto;
    padding: 0rem 5rem;
    font-size: 20px;
}

.color-green.bold {
	font-size: 18px;
	font-weight: 700;
}
img.imgUicon {
	height: 5rem;
	width: auto;
}
img.imgUiconB {
	height: 3rem;
	width: auto;
	margin: 1rem auto;
} 
.headTitle {
	font-size: 18px;
	font-weight: 600;
	padding: 1rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.detail {
	font-weight: 500;
}
#oneProcContainerBig {
	border-radius: 1rem;
}
#oneProcContainer {
	margin-top: 2rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    padding: 1rem;
}
#oneProcContainer .textA{
	font-size: 20px;
    font-weight: 600;
}

#oneProcContainer .textB{
	font-size: 33px;
    font-weight: 700;
}

#oneProcContainer .textC{
    font-size: 34px;
    font-weight: 400;
}

#oneProcContainerBig img{
	margin-bottom: 4rem;
}

.borderGreen {
	border: 1px solid #00d955;
	border-radius: 1rem;
}

.imgCircle {
    width: 10rem;
    height: 10rem;
    margin: auto;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 10px 0px;
}

.imgCircle img{
	height: 5rem;
    margin-top: 2.5rem;
}

.open-modal-mobile {
	display: none;
}

.password-tip {
    font-size: 12px;
    font-style: italic;
}

.label-checkbox {
    display: contents!important;
    color: black!important;
}

.title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 1.2rem;
}

#section-welcome .title {
	margin-top: 4rem;
    font-size: 36px;
    font-weight: 200;
    text-align: center;
}

#freeAccess {
    font-size: 18px;
    font-weight: 500;
    padding: 1.2rem 2.4rem;
    box-shadow: 0px 0px 4px 0px #1779ba;
    margin-top: 2rem;
}

#logo-container {
	position: relative;
}

#logo {
	height: 5rem;
    width: auto;
    z-index: 2;
}

.transparent #logo {
	visibility: hidden;
}

#logo-clear {
	height: 5rem;
    width: auto;
    position: absolute;
    z-index: 1;
    visibility: hidden;
}

.transparent #logo-clear {
	visibility: visible;
}

#index-btn, #faq-btn {
	font-size: 14px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin: 2rem 0;
}

#faq-modal .title {
	background: white;
	color: #3F6fe8;
	text-align: center;
}

#faq-modal .close-button {
    color: #2b2b27;
    font-weight: 500;
    font-size: 10px;
    padding: 5px;
}

#faq-modal .accordion-title {
	color: #2b2b27;
    font-size: 14px;
    font-weight: 500;
    border-top: #aec8e9 1px solid;
    border-bottom: #aec8e9 1px solid;
}

#faq-modal .accordion-title::before {
	border-radius: 50%;
    background: #aec8e9;
    color: white;
    padding: 1px 4px;
}

#faq-modal .accordion-content {
	background: white;
    color: #1E2944;
    font-size: 12px;
    font-weight: 400;
}

#signup-btn {
    font-size: 18px;
    padding: 1.2rem 2.4rem;
    box-shadow: 0px 0px 4px 0px #1779ba;
    margin-top: 1rem;
}

#floatingImage {
	position: absolute;
}

.section-container {
	background: white;
    padding: 3rem 2rem;
    border-radius: 10px;
    margin-bottom: 3rem;
}

.section-container .image{
	background-image: url(../img/servicio-fondo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 7rem;
    position: relative;
    margin-bottom: 1rem;
}

.section-container .image img{
	position: absolute;
    height: 4rem;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.3;
}

.section-container:hover {
	background: #fafbff;
    box-shadow: 0 0 6px 0px #cacaca;
    transition: background 0.5s, box-shadow 0.5s;
}

.section-container:hover img{
	opacity: 1;
}

.section-container .title{
	color: rgb( 0, 152, 255 );
    font-size: 16px;
}

.section-container .description {
    font-size: 15px;
}

.price-label {
	position: relative;
    margin-top: 2rem;
    margin-bottom: 1rem;
    margin-left: 2rem;
    color: #eff8fc;
    text-align: left;
    font-size: 48px;
    font-weight: 700;
}

.price-label span{
	position: absolute;
    top: 1rem;
    right: 2rem;
    color: rgb( 0, 152, 255 );
    font-size: 16px;
}

.price-container {
	background: white;
    padding: 3rem 2rem;
    border-radius: 10px;
    margin: auto auto 3rem auto;
    width: 85%;
    box-shadow: 0 -5px 0 0;
}

.price-container .title {
	color: rgb( 0, 152, 255 );
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

.price-container .subtitle {
	color: #c5d2e2;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 1rem;
}

.price-container .services {
	color: #b9c6da;
    font-size: 16px;
    font-weight: 400;
}

.price-container .services i{
	color: rgb( 0, 217, 86 );
}

#viewAllPlans {
	color: rgb( 0, 152, 255 );
	font-weight: 700;
}
#viewAllPlans i{
	color: #b5c3d3;
	font-weight: 400;
}
.customer-description {
    box-shadow: 2px 2px 5px 2px #1779ba;
    padding: 1rem;
    width: 30rem;
    margin: auto;
    font-weight: 700;
    border-radius: 5px;
    visibility: hidden;
}
.link-group span{
	font-weight: 600;
	color: black;
	font-size: 22px;
}
.contact-list {
	list-style-type: none;
	margin: 0;
	margin-right: 1.5rem;
}
.contact-list .fa {
    text-align: center;
    font-size: 28px;
    width: 30px;
}
.contact-list a, .link-group a {
    font-weight: 300;
    color: black;
    font-size: 14px;
}
.copyright {
	font-size: 1rem;
	margin-bottom: 1.6rem;
}
#section-register form {
	padding: 1rem;
    width: 65%;
    margin: auto;
}

#section-register form input {
	border-radius: 5px;
}

#section-register form textarea {
	border-radius: 5px;
	resize: none;
}

#section-register form #contact-submit {
	background-color: #0a2442;
	border-radius: 2rem;
	width: 100%;
}

iframe#map {
    float: right;
}

.social-links i {
	margin: 2rem 2rem;
    color: white;
    opacity: 0.5;
    font-size: 45px;
}

.social-links i:hover {
	opacity: 1;
}


#policy-term, #campaign-term {
	font-size: 12px;
}

.login-subtitle p {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 2rem auto;
}
.login-subtitle h2 {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 2rem auto;
}
.loginCard  {
    border: none;
    border-radius: 5px;
    box-shadow: 0 1px 9px 0px #b6d2eb;
}

.bg-light-blue{
	background-color: #E8F4FF;
}
.loginCard .title {
	color: #4C566A;
    font-size: 30px;
    font-weight: 600;
    font-family: "Montserrat";
}

.loginCard p {
	color: #828997;
    font-size: 13px;
    margin: 0;
    font-weight: 400;
}

.text-block{
	margin-bottom:1.2rem;
}

.loginCard .button{
	
	background-color: #A9AEB6;
    color: white;
    padding: 1rem 4rem;
    font-weight: 400;
    margin: 2rem 0;
}

.loginCard .button.is-active {
	background-color: rgb(63 111 218);
}
.loginCard .button.is-active:hover {
	background: white;
    color: rgba(63, 111, 218, 1);
    border-color: rgba(63, 111, 218, 1);
}
.loginCard .actions-block .button a {
	padding: 0;
    background-color: transparent;
    font-size: .9rem;
    color: white;
}

.loginCard .actions-block .vertical-divider {
	position: relative;
    min-width: 1px;
    max-width: 1px;
    background-color: #DFE0E3;
    display: inline-block;
    margin: 0 0.25%;
    margin-left: 50%;
    height: 100%;
}

.loginCard .actions-block .btn-facebook{
	float:right;
	background-color: #203753;
	padding:0.46rem 1rem
}

.loginCard .actions-block .btn-facebook i{
    margin-left: -5px;
    margin-right: 5px;
			
}
.loginCard .infoTab {
	padding: 2rem 3rem;
}

.loginCard .infoTab2 {
	padding: 1.1rem 1.5rem;
}

.loginCard .tabContent {
    padding: 2rem 3rem;
    /* margin-top: 1rem; */
    /* background-color: #A8D2FF; */
}

.loginCard .upago-input{
	height: 2rem;
	margin-top: .8rem;
	border: unset;
    box-shadow: unset;
    background: #dce9f5;
}

.loginCard .upago-input::placeholder {
	color: #828997;
	opacity: 1;
}

.loginCard .upago-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #828997;
}

.loginCard .upago-input::-ms-input-placeholder { /* Microsoft Edge */
  color: #828997;
}

.loginCard .aditional-actions{
	justify-content: space-between;
}

.forgot-link{
	font-size: .8rem;
	padding-top: .2rem;
}

.forgot-link a{
	color: #0096FE;
}

.remember-me {
	padding-left: .9375rem;
	color: white;
	font-size: .8rem;
}

.accept-temrs {
	padding-top:1rem;
	color: white;
	font-size: .8rem;
}

.arrow-up {
    width: 0;
    top: 6.15rem;
    position: relative;
    left: 2.3rem;
    height: 0;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-bottom: .5rem solid #A8D2FF;
}

#arrowRight{
	left: 3rem;
	visibility: hidden;
}

.custom-menu i {
	font-size: 2rem; 
	color: white; 
	padding-top: .8rem; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
}
.custom-menu i.fa-times{
	display: none;
	line-height: 1.6;
}

.top-bar, .top-bar ul {
	background-color: transparent;
}
.d-none-custom {
	display: none;
}
.d-flex-custom {
	display: flex;
}
.d-flex-center {
	display: flex;
	justify-content: center;
	align-content: center;
}

/* STYLES INDEX */
body {
	font-family: "Brockmann", sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6{
	font-family: "Brockmann", sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
.flex-column-center{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.bold{
	font-weight: bold;
}
.button {
	font-weight: 400;
}
.button:hover{
	background: white;
	color:  #3F6fe8;
	border-color:  #3F6FDA;
}
.info-btn-contact.green-background:hover{
    background: white;
    color: rgba(63, 111, 218, 1);
    border-color: rgba(63, 111, 218, 1);
}
.top-header{
	background: #3F6FDA 0% 0% no-repeat padding-box;
	opacity: 1;
}
.nav-top-bar{
	padding: 1rem;
}
.button-header{
  	text-decoration: none;
}
.nav-list {
	list-style: none;
	display: flex;
	padding: 0;	
	justify-content: center;
	align-items: center;
	margin-bottom: 0rem; 
}

.nav-item {
	margin-right: 10px;	
	font-weight: bold;
	font-size: 15px;
}

.nav-link {
	display: inline-block;
	padding: 10px 20px;
	text-decoration: none;
	position: relative;
	text-align: left;
	color: #ffffff;
}

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

.pay-nav{	
	letter-spacing: 0px;
	color: #3F6FDA;
	opacity: 1;	
}

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

.green-background {
	background-color: rgba(122, 198, 140, 1);
}
.black-background{
	background-color: rgba(43, 43, 39, 1) ;
}
.blue-background{
	background-color: rgba(63, 111, 218, 1) ;
}
.lightblue-background{
	background-color: rgba(174, 200, 233, 0.5) ;
}
.gray-background{
	background-color: #F0F0F0;
}
.top-nav-left{
	display: flex;
    flex-direction: row-reverse;
    flex: 1 1 auto;
    margin-right: 20px;
}
.div-img-carruse-l, .div-img-carruse-2, .div-img-carruse-3{
	display: flex;
    flex-direction: row-reverse;
    padding-top: 2%;
}
.div-img-00trama{
	display: flex;
	justify-content: flex-end;
}
.p-title-carrusel{
	padding-left: 7rem;
    margin-top: -35px;
    color: white;
}
.p-title-carrusel2{
	padding-left: 7rem;
    margin-top: -105px;
    color: white;
    padding-right: 50%;
}
.p-title-carrusel3{
	padding-left: 50px;
    color: white;
}
.p-sub-carruse-l{
	padding-left: 7rem;
    margin-top: 20px;
    color: white;
}
.p-sub-carruse-2{
	padding-left: 7rem;
    margin-top: 20px;
    color: white;
}
.p-sub-lower-carruse-2{
	padding-left: 9rem;
    margin-top: 20px;
    margin-left: 25px;
    color: white;
}
.btn-more{
	background-color: rgba(122, 198, 140, 1) !important;
} 
.p-title-carrusel p{
    font-size: 1rem;
    margin-right: 43%;
}
.p-title-carrusel2 p{
    font-size: 1rem;
    margin-right: 43%;
}
.p-sub-carruse-l p{
    font-size: 1rem;
    margin-right: 43%;
}
.p-sub-carruse-2 p{
	font-size: 1rem;
	margin-right: 35%;
}
.p-title-carrusel h1, .p-title-carrusel h2{
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 3rem;
}
.p-title-carrusel2 h2{
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 48px;
}
.p-title-carrusel3 h2{
	font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    padding: 0% 15%;
    padding-top: 5%;
    font-size: 48px;
}
.p-button-div {
	padding-top: 4%;
    padding-left: 7rem;
    font-size: 21px;
}
.btn-discover-div{
	padding-left: 0% !important;
	padding-bottom:3%;
	padding-top: 1% !important;
}
.btn-discover{
    padding: 2% 4% !important;
    font-size: 1.6rem !important;
}
.bullets-carrusel3{
	padding-top: 0% !important;
	padding-left: 3.5rem !important;
}
.p-button {
	background-color: rgba(63, 111, 218, 1);
    padding: 2% 7%;
    color: white;
    font-weight: bold;
}
.orbit-bullets{
	display: flex;
    padding-left: 7rem;
    padding-top: 2%;
}
.orbit-bullets button{
	width: 4rem;
    height: 0.4rem;
    margin: 0.1rem 0.4rem;
    border-radius: 3px;
    opacity: 1;
}
.orbit-bullets #bullets-1, #bullets-2, #bullets-3{
	background: white;
}
.orbit-div{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 5%;
}
.arrow-welcome{
	display: none;
}
.welcome-img-customer{
	display: none;			
}
.check-span-carrusel{
	position: relative;
}
.check-span-carrusel::before{
	content: url("../../site/img/00_check_bullet.png");
    position: absolute;
    left: -2rem;
    transform: scale(.7);
}
.arrow-go-section{
	position: relative;
}
.arrow-go-section::before{
	content: url("../../site/img/00_flecha_abajo.png");
    position: absolute;
    left: -3.8rem;
    top: -3.5rem;
    transform: scale(1);
}
.first-check-carrusel{
	padding-top: 2%;
}
.info-div-upper{
    text-align: center;
}
.info-div-upper-p p{
	line-height: 0.8;
	font-size: 56px;
	font-weight: bold;	
}
.p-black{
	color: rgba(43, 43, 39, 1);
}
.p-blue{
	color: rgba(63, 111, 218, 1);
}
.p-white{
	color: white;
}
.info-div-lower{
	align-items: center;
    display: flex;
    flex-direction: column;  
    padding-top: 3%;
    text-align: center;
}
.info-div-lower-p{
	text-align: center;
	color: rgba(136, 136, 136, 1);
	padding-top: 3%;
	padding-bottom: 4%;
	text-align: center;
}
.info-div-lower-p p{
	line-height: 0.8;
	font-size: 76px;
	font-weight: bold;
}
.feature-business{
	padding: 2rem;
	margin: 1rem auto;
}
.feature-business.on-focus{
    box-shadow: 0 0 5px 0px #aec8e9;
}
.feature-business.on-blur{
    opacity: 0.5;
}
.feature-business p.title{
	font-size: 1.5rem;
}
.selectable-list {
    list-style: none;
    background-color: #f0f0f0;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.contact-us-p h2{
	font-size: 1rem !important;
	font-weight: normal !important;
}
.selectable-list h3{
    font-size: 18px;
}
.selectable-item {
    cursor: pointer;
    user-select: text;
    padding: 5px;
}

.selectable-item:hover {
    background-color: white;
}
.feature-business-p-black{
	color: rgba(43, 43, 39, 1);
	font-weight: bold;
}
.feature-business-p-blue{
	color: rgba(63, 111, 218, 1);
}
.feature-business-div-lower{
	align-items: center;
    display: flex;
    flex-direction: column;  
}
.feature-business-div-lower h3{
	font-size: 18px;
}
.accordion-title.feature-business-title {
    font-size: 1.2rem;
}
.landscape-right{
	display: flex;
    flex-direction: row-reverse;
}
.floating-box-container{
	position: relative;
}
.floating-box {
    position: absolute;
    width: 60%;
    top: 5rem;
    right: 0rem;
}
.floating-box-black{
    padding: 3rem;
    background: #2b2b27;
}
.floating-box-white{
    padding: 3rem;
    background: white;
}
.image-container {
    position: relative;
}

.black-background-landscape span{
	font-size: 33px;
}
.black-background-landscape h2{
	line-height: 0.7;
}
.landscape-p-white{
	text-align: left;
	font-size: 18px;
}
.landscape-p-green{
	color: rgba(122, 198, 140, 1);
	font-weight: bold;
}
.landscape-p-black{
	text-align: left;
	color: white;
	font-weight: bold;	
}
.advantage-div{
	align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 3%;
    text-align: center;
}
.blue-text{
	color: rgba(63, 111, 218, 1);
}
.advantage-div-p-upper{
	text-align: center;
	color: rgba(136, 136, 136, 1);
	padding-top: 3%;
	padding-bottom: 4%;
	text-align: center;
}
.advantage-div-p-upper h2{
	line-height: 0.8;
	font-size: 56px;
	font-weight: bold;
}
.advantage-div-p-upper h3{
	font-size: 26px;
    padding-bottom: 4%;
}
.advantage-div-p-lower{
	text-align: center;
	padding-bottom: 4%;	
}
.advantage-div-p-lower p{
	padding-left: 14%;
}
.advantage-container-row {
    padding: 10px;
    position: relative;
}
.check-img-advantage-left-a{
	width: 5%;
	position: absolute;
    left: -6%;
    top: 9%;
}
.check-img-advantage-left-b{
	width: 5%;
	position: absolute;
    left: -6%;
    top: 26%;
}
.check-img-advantage-left-c{
	width: 5%;
	position: absolute;
    left: -6%;
    top: 50%;
}
.check-img-advantage-left-d{
	width: 5%;
	position: absolute;
    left: -6%;
    top: 80%;
}
.advantage-p-span-left{
	margin-bottom: 1rem;
}
.check-img-advantage-right-a{
	position: absolute;
    left: -7%;
    top: 9%;
}
.advantage-grid-lower{
	padding-bottom: 8%;
	padding-left: 2.3rem;
}
.check-img-advantage-right-b{
	position: absolute;
    left: -7%;
    top: 35%;
}
.check-img-advantage-right-c{
	position: absolute;
    left: -7%;
    top: 66%;
}
.automatization-div-upper{
	padding-top: 5%;
}
.automatization-div-upper h4 {
	line-height: 0.8;
	font-size: 66px;
	font-weight: bold;	
}
.automatization-div-upper h5{
	font-size: 26px;
    color: rgba( 200, 202, 164, 1);    
}
.automatization-span{
	text-decoration: underline;
	text-decoration-thickness: 5px;
}
.automatization-div-p-lower{
	padding-top: 3%;
	padding-bottom: 4%;
}
.automatization-div-p-lower p{
	line-height: 0.8;
	font-size: 20px;
	color: rgba(136, 136, 136, 1);
}
.automatization-tab{
	background-color: white;  
	padding-bottom: 3%;
}
.tabs-title {
    width: 30%;
}
.tabs-title h2{
	font-size: 20px;
	font-weight: bold;
}
.tabs-title>a {
	background: #F0F0F0;
	padding: 12px 0;
    border: 5px solid #F0F0F0;
    color: black;
}
.tabs-p-headers h4{
	font-size: 16px;
	margin-bottom: 0%;
	font-weight: 600;
}
.tabs{
	border: none;	
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
    background: white;
    color: rgba(63, 111, 218, 1);
}
.tabs-title a{
    font-size: 20px;
    font-weight: 600;
}
.tabs-content {
    border: none;    
    background-color: white;
}
.white-text{
	color: rgba( 255, 255, 255, 1);
}
.green-text{
	color: rgba( 122, 200, 140, 1);
}
.black-text{
	color: rgba( 43, 43, 39, 1);
}
.tab-content-title.green-text{
	position: relative;
}
.tab-content-title.green-text::before, .advantage-p-span-left::before {
	content: url("../../site/img/00_check_bullet.png");
    position: absolute;
    left: -2rem;
    transform: scale(.7);
}
.tab-check-left-a{
	position: absolute;
    left: 24%;
}
.tab-check-left-b{
	position: absolute;
    left: 54%;
}
.customer-div{
	padding-bottom: 3%;
}
.customer-div-subtitle-upper{
	display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5%;
    padding-bottom:4%;
}
.customer-div-subtitle-upper h4 {
	line-height: 0.8;
	font-size: 56px;
	font-weight: bold;	
}
.customer-div-subtitle-upper h5{
	font-size: 33px;
    color: rgba( 200, 202, 164, 1);
}
.customer-div-img-lower{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.customer-p-upper{
	font-weight: bold;
	font-size: 1.3rem;
}
.customer-p-lower{
	color: rgba(98, 98, 98, 1);
	font-size: 1.2rem;
}
.customer-div-p-lower p {
	
	font-size: 18px;
	margin-bottom: 0;
}
.customer-goleft-span{
	padding-right:5%
}
.industries-div{
	background-color: white;
	padding-bottom: 4.6%;
}
.industries-div-title{
	font-size: 56px;
	line-height: 0.8;
	font-weight: bold;
	text-align: center;
	padding-top:5%;
}
.industries-div-title h4 {
	line-height: 0.8;
	font-size: 66px;
	font-weight: bold;	
	padding-top: 2.5rem;
}
.industries-div-title h5{
	font-size: 26px;
    color: rgba( 200, 202, 164, 1);
    padding-top: 1%;
}
.industries-div-p{
	padding-top: 3%;
	padding-bottom: 2%;
}
.industries-div-p p{
	line-height: 1.5;
	font-size: 20px;
	text-align: center;
}
.industries-div-btn{
	padding-bottom: 5%;
}
.btn-industries{
	color: white;
    padding: 4% 15%;
    background-color: rgba(63, 111, 218, 1);
    font-size: 21px;
}
.industries-btn{
	margin-left: 23%;
}
.industries-img{
	position: absolute;
    width: 40%;
    left: 0%;
}
.industries-img-bottom{
	position: absolute;
    right: 0%;
    padding-top: 1.8%;
}
.iso-container{
	padding-top: 2%;
}
.iso-div-p-upper h4{
	font-size: 56px;
	line-height: 0.8;
	font-weight: bold;
	text-align: center;
}
.iso-div-p-lower{
	padding-top: 2%;
	padding-bottom: 4rem;
}
.iso-p p{
	line-height: 1.5;
	font-size: 20px;
}
.contact-container{
	background-color: white;
	padding-top: 4%;
}
.contact-subtitle{
	margin-left: -3%;
}
.contact-subtitle h4{
	font-size: 40px;
	font-weight: bold;
	line-height: 0.7;
}
.contact-btn{
	padding-top: 3%;
	padding-bottom: 4%;
}
.contact-hr{
	padding-top:0%;
}
.info-title-service h2{
	padding-top: 5%;
}
/* STYLES FOOTER DEFAULT*/
#footer {
	color: black;
	padding-top: 2%;
}
.footer-div-a{
	padding: 3% 0%;
}
.footer-div-img{
	padding: 1% 0%;
}
.footer-icons img{
	padding: 0% 5%;
}
/* STYLES INDUSTRIES*/
.banner-header{	
	text-align: center;
	padding: 2rem 0;
	margin: unset;
}
.banner-header h1{
	color: white;
	font-weight: bold;
	font-size: 3.25em;
}
.info-title-industries{
	padding-bottom: 3%;
	padding-top: 8%;
}
.info-title-industries h2{
	font-size: 52px;
	line-height: 1;
	font-weight: bold;
}
.info-title-industries h3{
	font-size: 52px;
	line-height: 1;
	font-weight: bold;
	text-align: left;
}
.info-title-industries h1{
	font-size: 52px;
	line-height: 1;
	font-weight: bold;
}
.info-subtitle-industries{
	padding-bottom: 3%;
}
.info-subtitle-industries h2{
	font-size: 3.25em;
	line-height: 1;
	font-weight: bold;
}
.info-title{
	padding-top: 3rem;
}
.info-title-opt{
	padding-top: 8%;
	padding-bottom: 5%;
}
.info-title p{
	font-size: 3.25em;
	line-height: 1;
	font-weight: bold;
}
.info-title h2 {
	font-size: 3.5em;
	line-height: 1;
	font-weight: bold;
}
.info-title h3 {
	font-size: 1.625em;
	padding-top: 1%;
    padding-bottom: 4%;
}
.info-title-opt p{
	font-size: 3.25em;
	line-height: 0.6;
	font-weight: bold;
}
.info-p-upper{
	padding-bottom: 6%;	
}
.info-p-upper-opt{
	padding-bottom: 0%;
}
.info-p-upper p{
	font-size: 18px;
}
p.info-p-upper-opt {
	font-size: 16px;
	color: rgba(160, 160, 160, 1);
}
.info-section-parr h3{
	font-size: 1.5rem;
    font-weight: 700;
}
.info-section-par p{	
	line-height: 0.6;	
}
.info-section-par h3{
	font-size: 1.5rem;
    font-weight: 700;
}
.info-section-div-span{
	padding-top: 3%;
}
.info-section-div-span p{
	padding: 0% 0%;
	margin: 0% 0%;
	margin-bottom: -7%;
}
.info-section-span{
	padding-top: 1%;
    font-size: 1.1rem;
}
.info-btn-contact{
    padding: 1.8rem 4.2rem;
    background-color: rgba(63, 111, 218, 1);
    font-size: 1.4em;
    font-weight: bold;
}
.info-btn-contact.green-background{
	background-color: rgba(122, 198, 140, 1);
}
.info-upper-center h2{
	padding-left: 6% !important;
    padding-right: 4% !important;
}
.info-img-desc-title{
	font-size: 24px;
}
.info-img-desc{
	font-size: 18px;
}
.lower-btn-contact{
	padding-top: 10%;
}
.suscribe-span{
	font-weight: bold;
}
.div-hr{
	padding-bottom: 7%; 
	font-size: 10px;
}
.icons-links{
	padding-top: 5%;	
}
.btn-about{
	padding-top: 0% !important;
}
.last-link-a{
	margin-bottom: 1rem;
}
.info-industries-grid{
	padding: 1rem 0rem;
}
.carrousel-customer{
	padding: 2rem 0rem;
}
.services-title{
	font-size: 1.3rem;
}
.adjust-right-text{
	text-align: right;
}
.text-ipp-mobile-up{
	display: blcok;
}
.text-ipp-mobile{
	display: none;
}
.info-section-parr{
	padding-top: 0rem;
}
.video-container {
    position: relative;    
    height: 25rem;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-div-adjust{
	display: flex;
    justify-content: center;
}
/* STYLE IMG*/
.header-logo-img{
	width: 8.7rem;
}
.img-00trama{
	width: 36rem;
}
.img-carrusel-1{
	width: 26.69rem;
	height: auto;
}
.img-carrusel-2{
	width: 28.79rem;
    margin-top: -7%;
    height: auto;
}
.img-carrusel-3{
	width: 61%;
	height: auto;
}
.img-00trama-left{
	position: absolute;
    left: 0%;
    top: -1.8rem;
    height: auto;
}
.img-00trama-right{
	position: absolute;
    right: -3.95rem;
    top: 16rem;
    height: auto;
    width: auto;
}
.img-arrow-upper{
	position: absolute;
    margin-top: -3%;
    margin-left: -3%;
    height: auto;
}
.img-iso{
	position: absolute;
    padding-top: 1%;
    margin-left: 5%;
    width: 14rem;
    height: auto;
}
.img-landscape-trama{
	width: 65%;
    position: absolute;
    height: auto;
}
.img-hand-mobile{
	padding-right: 19%;
    width: 85%;
    padding-top: 9%;
    height: auto;
}
.img-arrow-right{
	position: absolute;
	right: 27%;
	margin: -3% -2.6%;
	height: auto;
}

@media screen and (min-width: 1697px) and (max-width: 1980px){
	.p-title-carrusel{
    	margin-top: -105px;
    }
    .p-title-carrusel h1{
    	margin-right: 20rem;
    }    
    .p-sub-carruse-l p{
    	font-size: 1.3rem;
    }
    .btn-contact-carrusel-div{
    	padding-top: 5.75rem;
    }
    .p-sub-carruse-2 p{
    	font-size: 1.3rem;
    }
    .p-sub-lower-carruse-2{
    	font-size: 1rem;
    }
    .carrusel-adjust{
		margin-left: -12rem;
	}
}

@media screen and (min-width: 1696px) {
	#section-welcome {
		background-size: cover;
		background-position: center;
	}
}

@media screen and (max-width: 1566px) {
	.floating-box{
		width: 80%;
	}
}
@media screen and (max-width: 1500px) {
	.p-title-carrusel h1{
		padding-right: 12rem;
	}
	.floating-box-white, .floating-box-black{
		padding: 1.4rem;
	}
}
@media screen and (max-width: 1323px) {
	.p-title-carrusel2{
		padding-right: 35%;
	}
	.iframe-adjust{
		width: 31.25rem;
	}
}
@media screen and (max-width: 1200px) {
	.floating-box{
		width: 85%;
	}
	.black-background-landscape span{
		font-size: 29px;
	}
	.landscape-p-white{
		font-size: 15px;
	}
}
@media screen and (max-width: 1070px) {
	.floating-box-black, .floating-box-white{
		padding: 0.8rem;
	}
}
@media screen and (max-width: 1023px) {
	.div-img-carruse-2{
		display: none;
	}
	.slide-carrusel-3{
		background-color: rgba(43, 43, 39, 1) ;
	}
	.text-slide-3{
		color: rgba( 157, 202, 164, 1) !important;
		font-weight: bold;
	}
	.img-00trama-left, .img-00trama-right, .img-secure-fact, .img-school-desc{
		display: none;
	}
	.secure-fact-sub-text h3, .traditional-sub-text h3, .school-sub-text h3, .pac-sub-text h3{
		display: none;
	}
	.industries-section-div, .school-sub-text, .secure-fact-sub-text{
		text-align: center;
	}
	.img-landscape-trama{
		display: none;
	}
	.img-hand-mobile{
		padding-right: 25%;
    	width: 63%;
    	padding-top: 36%;
	}
	.floating-box{
		right: 9rem;
		width: 72%;
	}
	.floating-box-black, .floating-box-white {
    	padding: 1.8rem;
	}
	.footer-img-ajust{
		text-align: center;
	}
	.footer-icons img{
		padding: 0% 2%;
	}
	.img-iso{
		display: none;
	}
	.iso-p{
		text-align: center;
		padding-bottom: 0%;
	}
	.downtext-adjust{
		text-align: center;
	}
	.adjust-right-text{
		text-align: center;
	}
	.text-ipp-mobile-up{
		display: none;
	}
	.text-ipp-mobile{
		display: block;
	}
	.info-industries-grid{
		margin-bottom: 0%;
	}
	.contact-grid-adjust{
		padding-top: 28rem;
	}
}
@media screen and (max-width: 939px) {
	.img-hand-mobile{
		padding-top: 35%;
	}
	.floating-box-black, .floating-box-white {
    	padding: 0.9rem;
	}
}
@media screen and (max-width: 870px) {
	.floating-box{
		right: 7rem;
	}
}
@media screen and (max-width: 810px) {
	.img-hand-mobile{
		padding-top: 45%;
	}
}
@media screen and (max-width: 699px) {
	.img-hand-mobile{
		padding-top: 52%;
	}
}
/* Small only 639px*/
@media screen and (max-width: 39.9375em) {
	.banner-header h1, .info-title-industries h2, .info-title-industries h1{
		font-size: 2rem;
	}
	.tabs-title {
	    width: auto;
	}
	.loginCard {
		box-shadow: unset;
		padding-top: 2rem;
		border-top: 1px solid #cacaca;
	}
	.floating-box {
		position: static;
		width: auto;
		padding: 1rem;
	}
	.loginCard .tabContent {
		padding: unset;
	}
	.loginCard .button {
		width: 90%;
		margin: 0.5rem 0;
	}
	#custom-image-3 {
		position: absolute;
    	bottom: 6rem;
	}
	.p-sub-carruse-l p {
		margin-right: 2rem;
		font-size: 1.2rem
	}
	.p-title-carrusel h1, .p-title-carrusel h2, .p-title-carrusel3 h2 {
		font-size: 2rem;
	}
	.p-button-div {
		text-align: center;
		padding-left: 0%;
	}
	.p-button-div.margin-on-small{
		margin-top: 10rem;
	}
	.p-button-div .p-button{
		width: 70%;
	    text-align: center;
	    padding: 1rem;
	}
	.img-hand-mobile{
		padding-top: 0%;
	}
}
/* Small and Medium only */
@media screen and (max-width: 63.9375em) {
	.vertical-menu-expanded {
		padding: 0!important;
	}
	.vertical-menu-expanded #topbar-responsive{
		height: 0;
	    padding: unset;
	    position: relative;
	    animation: fadeIn .2s ease-in;
	}
	.vertical-menu-expanded #topbar-responsive .menu {
	    display: inline-block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    background: #7AC68C;
	    height: 93vh;
	}
	.vertical-menu-expanded #topbar-responsive .menu li a{
		padding: 1rem;
	    margin: 3rem auto;
	    max-width: 15rem;
	}
	.vertical-menu-expanded #topbar-responsive .menu li.menu-title {
		background: #2b2b27;
		padding: 1rem 0;
		font-size: 1.5rem;
	    font-weight: 600;
	    border-bottom: 1px solid;
	}
	.vertical-menu-expanded #topbar-responsive .menu li a.menu-button-1 {
		background: white;
		color: #3f6fe8;
		font-weight: 600;
	}
	.vertical-menu-expanded #topbar-responsive .menu li a.menu-button-2 {
		border: 1px solid white;
	}
	.vertical-menu-expanded  div.hide-for-medium.text-center{
		background-color: #2B2B27;
		color: white;
		font-weight: 600;
		width: 100%;
		padding: 1rem;
	}
	.top-nav-left, .top-nav-left .menu, .navbar, .navbar .nav-list {
		margin: auto!important;
		text-align: center;
	}
	.menu li a, li.nav-item a{
		font-size: 1.2rem!important;
	}
	li.nav-item a{
		border: 1px solid #ffffff;
	}
}

@media screen and (min-width: 636px) and (max-width: 639px) {
	.img-industries-landscape-small{
		display: none;
	}
	.floating-box-black, .floating-box-white {
	    padding: 1.3rem;
	}
	.small-ajust-links a{
		padding: 0% 2%;
	}
}
@media screen and (min-width: 320px) and (max-width: 635px) {
	html,body
	{
	    overflow-x: hidden; 
	}
	
	#header {
		height: auto;
	}
	
	#logo, #logo-clear {
		height: 3rem;
		width: auto;
	}
	
	#header a {
	    margin: 4px;
	    font-size: 12px;
	    letter-spacing: normal;
	    padding: 2px;
	}
	
	.title {
	   	font-size: 30px;
	    line-height: 1;
	    margin-bottom: 1rem;
	}	
	.hide-for-small {
		display: none;
	}
	#floatingImage {
		top: 25rem;
	}	
	#section-welcome {
		height: 35rem;
	}	
	#section-info .title {
		margin: auto;
	    margin-bottom: 1rem;
	}	
	#section-welcome .title{
		margin-top: 0rem;
	}
	.open-modal-mobile {
		display: block;
	}	
	#section-register form {
		width: 90%;
	}	
	.link-group {
		margin-bottom: 1rem;
	}	
	.div-img-carruse-l, .div-img-carruse-2, .div-img-carruse-3{
		display: none;
	}
	.img-00trama{
		width: 80%;
	}
	.p-title-carruse-l h1, .p-title-carruse-l h2{
		line-height: 1.2;
		font-size: 2.5rem;
	}
	.welcome-div{
		padding-top: 2rem;
	}
	.arrow-welcome{
		display: block;
		padding-bottom: 2rem;
	}
	.welcome-img-customer{
		display: block;
	}
	.arrow-info-upper{
		margin-top: -14%;
	}
	.info-p-upper{
		padding: 0% 2.5%;
		padding-bottom: 10%;
	}
	.info-title h2, .industries-div-title h4, .automatization-div-upper h4, .iso-div-p-upper h4, .customer-div-subtitle-upper h4{
		font-size: 39px;
		padding-top: 5%;
	}
	.info-title h3{
		font-size: 22px;
	    padding-top: 2%;
	}
	.info-p-upper-btn-contact{
		display: none;
	}
	.advantage-div-p-upper h2{
		line-height: 0.8;
		font-size: 39px;
	}
	.advantage-div-p-lower{
		text-align: center;
	    padding: 0% 10%;
	}
	.advantage-div-p-lower{
		padding-left: 0%;
	}
	.info-section-div-span{		
		padding-top: 0%;
		padding-bottom: 15%;
	}
	.info-section-span{
		font-size: 1.125em;
		text-align:cen
	}
	.header-info-industries h3{
		font-size: 1.55em;
	}
	.info-section-div-span-left{
		text-align: center;
	}
	.info-title-industries h3{
		text-align: center;
		padding: 0% 10%;
	}
	.info-btn-contact{
		padding: 4% 13%;
		font-size: 1.2em;
	}
	.info-subtitle-industries h2, .info-title-industries h3{
		font-size: 2rem;
	}
	.p-sub-carruse-2{
		font-size: 1.4375rem;
	}
	.p-title-carrusel h1{
		padding-right: 10%;
	    padding-top: 9%;
	    font-size: 2.3rem;
	}
	.orbit-bullets{
		padding-left: 7rem;
	}
	.btn-contact-carrusel{
		width: 24rem;
	}
	.p-sub-carruse-2 p {
		font-size: 1.2rem;
		margin-right: 12%;
	}
	.p-sub-lower-carruse-2 span{
		font-size: 1rem;
	}
	.p-title-carrusel2 h2{
		font-size: 2rem;
   		padding-top: 25%;
	}
	.btn-discover-div{
		padding-top: 75% !important;
	}
	.btn-discover{
		font-size: 21px !important;
	    width: 82% !important;
	    padding: 1rem !important;
	    margin-left: -14%;
	}
	.bullets-carrusel3{
		padding-left: 0% !important;		
	}
	.bullets-carrusel3 button{
		height: 0.44rem;
		margin-top: 0rem;
	}
	.p-title-carrusel3{
		text-align: left;
		margin-top: -3.7rem;
	}
	.p-title-carrusel3 h2{
		padding-left: 0%;
		text-align: left;
	}		
	.block-between{
		padding: 2rem;
    	margin-top: -0.2rem;
	}
	.arrow-welcome img{
		margin-top: -17%;
	}
	.industries-div-title{
		padding-top: 12%;
	}
	.arrow-industries{
		margin-top: -13%;
	}
	.img-iso{
		position: absolute;
	    padding-top: 1%;
	    margin-left: 25%;
	    width: 13rem;
	}
	.iso-p p{
		line-height: 1.5;
	    font-size: 21px;
	    padding-left: 1.5rem;
	    padding-right: 1.5rem;
	    text-align: center;
	}
	.header-accord{
		font-size: 24px;
	}
	.btn-more{
		background-color:  rgba(63, 111, 218, 1) !important;
	}
	.suscribe-span{
		font-size: 0.8rem;
		padding-left: 25%;
	}
	.suscribe-span-div{
		margin: 0% -4%; 
		padding: 8% 5%;
	}
	.link-group span{
		font-size: 16px;
	}
	.header-links-div{
		padding-right: 13%;
	}
	.flex-center-justify{
		display: flex;
	    flex-direction: row;
	    align-items: center;
	    align-content: center;
	    justify-content: center;
	}
	.icons-links{
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.footer-icons img{
		padding: 0% 3%;
	}
	.img-iso-footer{
		width: 10rem;
	}
	.links-info-footer{
		padding-left:6%;
	}
	.links-info-footerCo{
		padding-left: 5%;
	}
	.footer-div-img{
		padding: 1% 6%;
	}
	.img-suscribe{
		position: absolute;
	    left: 3rem;
	    padding-top: 0.5rem;
	}
	.copyright-div p{
		padding-left: 0%;
	    padding-top: 10%;
	}
	.contact-subtitle{
		text-align: center;
	}
	.btn-contact-lower-div{
		padding-left: 3rem !important;
    	padding-top: 3rem !important;
	}
	.btn-contact-lower{
		padding: 6% 28% !important;
	}
	.header-country-footer{
		padding-bottom:4%;
	}
	.footer-div-a{
		padding: 4% 0%;
	}
	.p-title-carrusel{
		padding-left: 3rem;
	}
	.p-sub-carruse-l, .p-sub-carruse-2{
		padding-left: 3rem;
	}
	.btn-contact-carrusel-div{
		padding-top: 2rem;
	}
	.p-sub-lower-carruse-2{
		padding-left: 5rem;
	}
	.contact-grid-adjust{
		padding-top: 40rem;
	}
}
@media screen and (max-width: 420px) {
	.contact-grid-adjust{
		padding-top: 44rem;
	}
}
@media screen and (max-width: 375px) {
	.p-title-carrusel h1{
		margin-right: 4rem;
		font-size: 1.5rem;
	}
	.contact-grid-adjust{
		padding-top: 50rem;
	}
}

@media screen and (max-width: 320px) {
	.p-title-carrusel h1{
	    font-size: 1.3rem;
	    margin-right: 1rem;
	}
	.orbit-bullets{
		padding-left: 2.8rem;
	}
	.p-title-carrusel2{
		padding-left: 50px;
   	 	margin-top: -215px;
   	 	color: white;
    	padding-right: 11%;
	}	
	.p-title-carrusel2 h2{
		font-size: 1.2rem;
   		padding-top: 89%;
	}
	.p-sub-carruse-l p{
		margin-right: 2rem;
		font-size: 1rem;
		padding-right: 17%;
		padding-bottom: 2rem;
	}	
	.p-sub-carruse-2 p {
		font-size: 1rem;
		margin-right: 12%;
	}
	.p-sub-lower-carruse-2 span{
		font-size: 0.75rem;
	}
	.p-title-carrusel3 h2{
		font-size: 1.3rem;
		padding-top:4rem;
	}
	.btn-more-div{
		padding-top: 1.1rem;
	}
	.btn-discover-div{
		padding-top: 16.5rem !important;
	}
	.copyright {
		font-size: 0.7rem;
		margin-bottom: 1.4rem;
	}
	.btn-discover{
		width: 97% !important;
	}
	.img-arrow-upper{
		margin-left: -19%;
	}
	.advantage-div-p-upper h2{
		line-height: 1.2;
	}
	.tabs-title h2{
		font-size: 0.7em;
    	font-weight: bold;
    	margin: 0rem 1rem;
	}
	.industries-div-title h4{
	    font-size: 0.89em;
		padding-top: 2.8rem;
	}
	.industries-div-p p{
		margin: 0rem 0.8rem;
		font-size: 1.1rem;
	}
	.img-iso{
		position: absolute;
	    padding-top: 1%;
	    margin-left: 20%;
	    width: 12rem;
	}
	.iso-p p{
		font-size: 1.1rem;
	}
	.btn-contact-lower-div{
		padding-left: 0rem !important;
	}
	.header-country-footer{
		padding-top: 1rem;
		padding-bottom: 0rem;
	}
	.footer-icons img{
		padding: 0.3rem 1rem;
	}
}
.upago-disabled{
    pointer-events: none;
    opacity: 0.2;
}
.upago-border-box{
	border: none;
    border-radius: 5px;
    box-shadow: 0 1px 9px 0px #b6d2eb;
}

/** Slick carrousel **/
.slick-carrousel .bg-slide-1{
	height: 50rem;
    background-image: url("../img/00_carrusel_1.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: 30rem;
    background-color: #7AC68C;
}
.slick-carrousel .bg-slide-2{
	height: 50rem;
    background-image: url("../img/00_carrusel_2.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: 30rem;
    background-color: #3F6FE8;
}
.slick-carrousel .bg-slide-3{
	height: 50rem;
    background-image: url("../img/00_carrusel_3.png"), url("../img/00_trama_carrusel_2_left.png"), url("../img/00_Trama_carrusel_2_right.png");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-x: center, left, right;
    background-position-y: bottom, top, 22rem;
    background-size: 50rem, contain, 14rem;
    padding-top: 5rem;
}
.slick-carrousel .content-slide {
	height: 50rem;	
	padding: 12rem 5rem 5rem 5rem;
	font-size: 1.2rem;
	background-image: url("../img/00_trama.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: 36rem;
}
.slick-carrousel .button {
	margin-top: 2rem;
}
.slick-carrousel .slick-dots {
	bottom: 1rem;
}
.slick-carrousel .slick-dots li {
    width: 40px;
}
.slick-carrousel .slick-dots li button:before {
	content: '';
	background-color: white;
	height: 5px;
    width: 40px;
    border-radius: 2px;
}
/* Small and Medium only */
@media screen and (max-width: 63.9375em) {
	.slick-dotted.slick-slider {
		margin: unset!important;
	}
	.slick-carrousel h1 {
		font-size: 2rem;
	}
	.slick-carrousel h1 .black-text{
		color: #7AC68C;
	}
	.slick-carrousel .content-slide
	{
		height: 40rem;
		padding: 7rem 10rem 4rem 5rem;
		position: relative;
	}
	.slick-carrousel .bg-slide-3{
		height: 40rem;
		padding: 7rem 10rem 0rem 9rem;
		position: relative;
		text-align: center;
	}
	.slick-carrousel .bg-slide-3 {
		background-image: url("../img/00_trama.png"),url("../img/00_carrusel_3.png");
	    background-repeat: no-repeat, no-repeat;
	    background-position-x: right, center;
	    background-position-y: top, 20rem;
	    background-size: 36rem, 25rem;
	    background-color: #2b2b27;
	}
	.slick-carrousel .button {
		background-color: #3F6FE8!important;
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 4rem;
	    width: fit-content;
	    margin: auto;
	}	
}

@media screen and (max-width: 548px) {
	.font-ajust h1{
		font-size: 1.5rem;
	}
	.font-ajust p{
		font-size: 1rem;
	}
	.slick-carrousel .content-slide{
		padding: 13rem 1rem 4rem 2rem;
	}
	.slick-carrousel .bg-slide-3{
		padding: 12rem 0rem 0rem 0rem;
	}
}
.carousel-customers-success{
	padding: 0rem 0rem;
	z-index: 1;
}
.customer-div-fade {
  position: relative;
  overflow: hidden;
}
.customer-div-fade::before,
.customer-div-fade::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 35%;
  z-index: 2;
}
.customer-div-fade::before {
  left: 0;
  background: linear-gradient(to left, rgba(213, 226, 243, 0), rgba(213, 226, 243, 1));
}

.customer-div-fade::after {
  right: 0;
  background: linear-gradient(to right, rgba(213, 226, 243, 0), rgba(213, 226, 243, 1));
}
.carouselcs-text h5{
	font-size: 2rem;
	padding: 1.6rem 0rem;
}
.carouselcs-text img{
	width: 80%;
	padding-bottom: 2rem;
}
.customer-div-fade .slick-slide img {
	display: inline;
}
.customer-div-fade .customer-div-subtitle-upper{
	padding-bottom: 1rem;
}
.carousel-buttons-arrow{
	padding-top: 2rem;
	display: flex;
    flex-direction: row;
    justify-content: center;
}
.carousel-buttons-arrow img{
	cursor: pointer;
}
.carousel-buttons-arrow img:hover{
	filter: invert(10%) sepia(90%) saturate(5268%) hue-rotate(245deg) brightness(109%) contrast(155%);
}
.btn-arrows-space{
	padding: 0rem 1.5rem;
}
.icons-mundo-credito{
	padding: 2rem 0rem;
}
.separator {
    list-style: none;
    padding: 10px 0;
    text-align: left;
  }
.separator-title {
    font-weight: bold;
  }
.section-credits-header-img-right img{
	transform: scale(1);
	width: 127%;
	max-width: 150%;
}
.section-credits-header {
	border-bottom: 2px solid #878889;
}
.section-secured-header{
	border-bottom: 2px solid #878889;
}
.section-traditional-header{
	border-bottom: 2px solid #878889;
}
.section-educational-header{
	border-bottom: 2px solid #878889;
}
.section-CreditCard-header{
	border-bottom: 2px solid #878889;
}
.section-properties-header{
	border-bottom: 2px solid #878889;
}
.section-credits-header-p{
	padding: 0rem 2rem;
}
.section-credits-header-p p {
  font-size: 1.3rem;
  padding-top: 2.5rem;
  font-weight: 600;
}
.section-credits-header-p-contact p {
  font-size: 1.3rem;
  padding-top: 3.5rem;
  font-weight: 600;
}
.section-credits-header-contact p {
  font-size: 2rem;
  padding-top: 0rem;
  line-height: 1;
}
.section-credits-middler{
	padding: 4rem 0rem;
}
.section-credits-mid{
	padding-right: 4rem;
}
.section-credits-mid-text-img{
	height: 60rem;
	background-image: url("../img/industriesSection/03_Industrias_Credito_about.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: 101%;
	width: 100%;
	background-color: rgba(43, 43, 39, 1);
}
.section-secured-mid-text-img{
	height: 60rem;
	background-image: url("../img/industriesSection/03_Industrias_secured_about.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: 101%;
	width: 100%;
	background-color: rgba(43, 43, 39, 1);
}
.section-traditional-mid-text-img{
	height: 60rem;
	background-image: url("../img/industriesSection/03_Industrias_traditional_about.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: 101%;
	width: 100%;
	background-color: rgba(43, 43, 39, 1);
}
.section-educational-mid-text-img{
	height: 60rem;
	background-image: url("../img/industriesSection/03_Industrias_Educational_about.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: 101%;
	width: 100%;
	background-color: rgba(43, 43, 39, 1);
}
.section-CreditCard-mid-text-img{
	height: 60rem;
	background-image: url("../img/industriesSection/03_Industrias_CreditCard_about.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: 101%;
	width: 100%;
	background-color: rgba(43, 43, 39, 1);
}
.section-Properties-mid-text-img{
	height: 60rem;
	background-image: url("../img/industriesSection/03_Industrias_Properties_about.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: 101%;
	width: 100%;
	background-color: rgba(43, 43, 39, 1);
}
.section-credits-text-bottom {
  position: relative;
  height: 43%;
}
.section-credits-text-bottom p {
	position: absolute;
	bottom: 0;
	color: white;
	padding: 3rem 3rem;
	font-size: 1.3rem;
	font-weight: 500;
}
.section-traditional-text-bottom {
  position: relative;
  height: 100%;
}

.section-traditional-text-bottom p {
	position: absolute;
	bottom: 0;
	color: white;
	padding: 7rem 3rem;
	font-size: 1.3rem;
	font-weight: 500;
}
.section-credits-text-list{
	padding: 2rem 0rem;
	font-size: 1.3rem;
}
.section-credits-text-list p{
	line-height: 1.3;
	font-size: 1.27rem;
	text-align: left;
}
.section-credits-service-header p{
	font-size: 1.2rem;
	color: gray;
	padding-bottom:3rem;
}
.section-credits-service{
	padding: 2rem 0rem;
}
.section-credits-service-text p{
	line-height: 1.3;
	font-size: 1.27rem;
}
.section-credits-more{
	padding: 6.5rem 0rem;
}
.section-credits-benefits-div{
	padding-bottom:5rem;
}
.section-credits-benefits{
	padding-left: 14rem;
}
.section-credits-benefits-list {
    padding: 10px;
    position: relative;
}
.section-credits-benefits-list-item{
	margin-bottom: 1rem;
	color: rgba( 122, 200, 140, 1);
}
.section-credits-benefits-list-item h3{
	font-weight: 600;
}
.section-credits-benefits-list-item::before {
	content: url("../img/industriesSection/03_check_bullet_blue.svg");
    position: absolute;
    left: -3rem;
   	width: 4%;
   	padding-top: 0.5%;
}
.section-credits-advisory{	
	background-color: rgba(43, 43, 39, 1);
}
.section-credits-advisory-text{
	padding-right:4rem;
}
.section-credits-advisory-text p, .section-credits-advisory-text h4{
	color: white;
	font-size: 1.3rem;
}
.section-credits-advisory-btn{
	padding: 2.8rem 7.2rem;
    background-color: rgba(63, 111, 218, 1);
    font-size: 2em;
    font-weight: bold;
}
.modal-solutions-div a{
	color: white;
}
.modal-solutions-btn{
	padding: 1.8rem 3.2rem;
    background-color: rgba(63, 111, 218, 1);
    font-size: 1.5em;
    font-weight: bold;
}
.div-img-avatar{
	padding-bottom: 3rem;
}
.div-img-logo-upago{
	width: 35%;
	padding-bottom: 4rem;
}
.div-img-logo-team{
	padding-bottom: 4rem;
}
.div-hr a{
	color: rgba( 122, 200, 140, 1);
}
.btn-subsection{
    padding: 1.5rem 4rem;
    background-color: rgba(63, 111, 218, 1);
    font-size: 1.4em;
    font-weight: bold;
}
.btn-credits{
    margin-top: 1rem;
}
.btn-secured{
	padding-top: 5rem;
}
.btn-traditional{
	padding-top: 2.8rem;
}
.btn-education{
	padding-top: 4.8em;
}
.btn-properties{
	padding-top: 1.56rem;
}
.btn-subsection-responsive{
	padding: 1.3rem 3.2rem;
	font-size: 1.4em;
}
.section-credits-header-img-responsive img{
	display:none;
}
.section-credits-advisory-img img{
	display:block;
	width: 100%;
    margin-left: -1rem;
}
.section-credits-header-img-responsive img{
	transform: scale(1.1);
}
.section-about-responsive{
	background-color:  rgba(43, 43, 39, 1);
	transform: scale(1.03);
}
.section-about-img-top img{
	max-width: 150%;
	width: 100%;
}
.section-about-text-bottom{
	color: white;
}
.section-about-text-bottom p {
    font-size: 1.5rem;
    padding: 0rem 2rem;
}
.section-about-responsive{
	display:none;
}
.text-desc-img-avatar{
	line-height: 0.4;
}
.text-desc-img-avatar p{
	padding-bottom: 0rem;
	margin-bottom: 0rem;
}
.info-img{
	padding-bottom: 1rem;
}
.arrow-previous img{
    filter: grayscale(100%) brightness(1000%);
}
.ui-dialog {
    max-height: 80vh; /* Establece la altura máxima en el 80% de la altura visible */
    overflow-y: auto; /* Agrega una barra de desplazamiento vertical cuando sea necesario */
}
@media screen and (max-width: 1494px){
	.section-credits-header-p p{
		font-size: 1.2rem;
	}
	.section-credit-header-lower p{
		padding-top: 0rem;
	}
	.section-credits-header-img-right img{
		width: 106%;
	}
}
@media screen and (max-width: 1280px){
	.section-credits-header-p p{
		font-size: 1rem;
		padding-top: 1.89rem;
	}
	.section-credit-header-lower p{
		padding-top: 0rem;
	}
	.section-credits-header-img-right img {
	    width: 100%;
	}
}
@media screen and (max-width: 1160px){
	.section-credits-header-p{
		padding: 0rem 2rem;
	}
	.btn-subsection-responsive {
	    padding: 1.1rem 3rem;
	    font-size: 1.1em;
	}
	.section-credits-header-p {
	    padding: 0rem 0rem;
	}
}
@media screen and (max-width: 1023px){
	.section-credits-header-img-right {
        display: none;
    }
    .section-credits-header-img-responsive img{
        display: block;
    }
    .section-credits-header-p p{
    	text-align: left;
    	font-size: 1.5rem;
    	padding-top: 8rem;
    }
    .section-credit-header-lower p{
    	padding-top: 0rem;
    }
    .section-credits-header-img-responsive img{
    	transform: scale(1.0314);
    	height: 115%;
    }
    .section-credit-header-lower-br{
    	display:none;
    }
    .section-credits-header-contact{
    	text-align: left;
    }
    .btn-subsection-responsive {
	    padding: 1.5rem 4rem;
	    font-size: 1.6em;
	}
	.section-credits-mid {
        padding-right: 0rem;
        padding-top: 2.3rem;
        margin-left: -1.3rem !important;
    }
    .section-credits-mid-text-img {
        width: 105.2%;
  	    height: 91rem;
        background-size: 100%;
    }
    .section-credits-text-bottom p {
	    padding: 2.6rem 4rem;
	    font-size: 1.8rem;
	}
	.section-credits-benefits-list-item{
		text-align: left;
	}
	.section-credits-benefits {
	    padding-left: 10rem;
	}
	.section-credits-advisory-text{
		padding-right: 0rem;
	}
	.section-credits-advisory-img img {
        transform: scale(1.2);
        display: block;
    }
    .section-credits-advisory-img img {
	    transform: scale(1);
	    display: block;
	    height: 100%;
	    width: 100%;
	    margin-left: -1rem;
	}
    .section-credits-advisory-btn {
	    padding: 1.8rem 5.2rem;
	    background-color: rgba(63, 111, 218, 1);
	    font-size: 1.8em;
	    font-weight: bold;
	}
	.section-credits-mid-text-img{
		height: unset;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top;
		background-size: 101%;
		width: 100%;
		background-color: rgba(43, 43, 39, 1);
	}
	.section-credits-text-bottom p{
		padding: 0rem 0rem;
	}
	.section-credits-text-list{
		padding-top:7rem;
	}
	.section-credits-mid{
		display:none;
	}
	.section-about-responsive{
		display:block;
	}
	.section-about-text-bottom p {
	    font-size: 1.5rem;
	    padding: 0rem 4rem;
	}
	.img-iso-footer{
		padding-bottom: 1rem;
	}
	.btn-subsection-div{
		text-align: center;
	}
}

@media screen and (min-width: 320px) and (max-width: 635px) {
    .section-credits-header {
        background-image: none;
        border: none;
        height: 70rem;
    }
    .section-credits-text-list{
		padding-top:7rem;
	}
    .section-credits-header-p,
    .section-credits-header-p-contact p {
        padding: 0rem 3rem;
        text-align: left;
    }
    .section-credits-header-p-contact p {
        padding-top: 0rem;
        line-height: 1.2;
    }
    .btn-subsection-responsive {
        padding: 1.3rem 3.2rem;
        font-size: 1.4em;
    }
    .div-btn-subsection-contact {
        padding: 2rem 0rem;
    }
    .section-credits-mid {
        padding-right: 0rem;
        padding-top: 2.3rem;
        margin-left: -1.3rem !important;
    }
    .section-credits-mid-text-img {
        width: 111%;
        height: 55rem;
    }
    .section-credits-text-list{
    	padding-left: 2rem;
    	padding-right: 2rem;
    }
    .section-credits-service p,
    .section-credits-advisory-text {
        text-align: left;
        padding: 3rem 1.4rem;
    }
    .section-credits-text-list h3 {
        font-size: 2rem;
    }
    .service-recommended h1 {
        font-size: 2.5rem;
        line-height: 1;
    }
    .section-credits-middler {
        padding-bottom: 0rem;
    }
    .section-credits-service img {
        width: 75%;
        padding-bottom: 1rem;
    }
    .section-credits-more {
        padding-bottom: 6rem;
        padding-top: 1rem;
    }
    .section-credits-service-header {
        padding: 0rem 1.2rem;
        padding-top: 2rem;
    }
    .section-credits-benefits {
        padding-left: 3rem;
    }
    .section-credits-benefits-list {
        text-align: left;
    }
    .section-credits-benefits-list-item h4 {
        font-size: 1.7rem;
        font-weight: 600;
    }
    .section-credits-benefits-list-item::before {
        left: -2.5rem;
        width: 10%;
    }
    .section-credits-advisory {
        height: unset;
        width: 100%;
    }
    .section-credits-advisory-text h4 {
        font-size: 1.8rem;
    }
    .section-credits-advisory-img img {
	    transform: scale(1);
	    display: block;
	    width: 105%;
	    height: 95%;
	    max-width: 120%;
	}
    .section-credits-advisory-btn {
        padding: 1.8rem 3rem;
    }
    .section-credits-header-img-responsive img{
        display: block;
    }
    .section-credits-header-img-right {
        display: none;
    }
    .section-credits-benefits {
	    padding-left: 5rem;
	    padding-bottom: 3rem;
	}
	.section-credits-benefits-list-item::before {
	    left: -2.5rem;
	    width: 8%;
	}
}

.country-dropdown {
  display: inline-block;
}
.sections-error {
    position: relative;
}
.section-error-header{
	height: 5rem;
}
.error-btn-back {
    padding: 1.3rem 6rem;
    background-color: rgba(63, 111, 218, 1);
    font-size: 1.2em;
    font-weight: 600;
}
.red-box {
    height: 72%;
    background-color: white;
    position: absolute;
    bottom: 0;
    top: 8%;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border: none;
    border-radius: 5px;
    box-shadow: 0 1px 9px 0px #b6d2eb;
}
.red-box-top-text{
	position: absolute;
    bottom: 0;
    top: 30%;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 2rem;
    font-weight: 900;
}
.red-box-lower-text{
	position: absolute;
    bottom: 0;
    top: 40%;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 1.5rem;
}
.red-box img{
	width: 25%;
}
#section-btn {
    position: relative;
    z-index: 2;
}
.middler-error-btn{
	height: 28rem;
}
.error-text{
	font-size: 15rem;
    font-weight: 600;
}
.customer-div-img-up{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 8rem;
}
.img-pci-footer{
	width: 10rem;
}
.div-concept-policy{
	padding-top: 3rem;
}
.header-concept-policy{
	padding-top: 1.5rem;
}
.additional-details {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}
.additional-details.active {
    max-height: 1000px;
    transition: max-height 1s ease-in;
}
.more {
	background-color: rgba(122, 198, 140, 1) !important;
}
.more:hover{
	background: white !important;
	color:  rgba(122, 198, 140, 1);
	border-color:  rgba(122, 198, 140, 1);
}
.img-industries-landscape-large{
	width: 100%;	
}
@media screen and (max-width: 1023px){
    .btnDetail {
        text-align: center;
    }
    .additional-details p{
    	text-align: justify;
  		text-justify: inter-word;
    }
}