	/* ..::: Styles & frontend development by dgmarianaperez & Karla García :::.. */
	/* ..::: México | august. 2021 :::.. */

	/* General */
body {font-family: 'Open Sans', sans-serif; font-weight:normal; color:#000;}
main .row {margin: 10px auto;}
a, button { cursor: pointer; text-decoration:none;}
a:hover {color:#000;}
li, li a { list-style-type:none !important;}

	/* Menu */
.navbar {min-height:80px}
.navbar-brand img {height:68px; width:auto;}
.navbar-expand-md .navbar-nav .nav-link {font-family: 'Oswald', sans-serif; font-weight: bold; color:#938E8E; font-size:16px; text-transform:uppercase; border-right: solid 1px #938E8E; }
.navbar-expand-md .navbar-nav .nav-item:last-child .nav-link {border-right: 0; }
.navbar-expand-md .navbar-nav .nav-link i {font-size: 18px; }
.nav-link { padding: 0 1.2rem !important;}
.navbar-expand-md .navbar-nav .nav-link:hover, 
.navbar-light .navbar-nav .nav-link.active {color:#000}
.container-pd {
    	padding-right: var(--bs-gutter-x,4rem);
   		padding-left: var(--bs-gutter-x,4rem);
	}
	
	/* Carrusel */
.carousel-caption {
    position: absolute;
    right: initial;
    top: 18%; left:10%}
.carousel-caption h3, .carousel-caption h5, .carousel-caption p {font-family: 'Open Sans', sans-serif; color:#fff;}
.carousel-caption h3 {font-weight:300; letter-spacing:1px; font-size:30px} /*30, 18, 17*/
.carousel-caption h5 {font-weight:700; font-size:19px;}
.carousel-caption p {font-weight:400; font-size:16px;}
.carousel-caption img {float:right}
.carousel-indicators{width: 20px; display: table-cell; right: 1%; bottom: 34%; left: initial; margin:0; padding: 10px 4px; background: rgba(0,0,0,0.3); border-radius: 18px;}
.carousel-indicators [data-bs-target] {display:inherit; width: 12px; height: 12px; margin: 0; border-radius:50%;}
.carousel-indicators .active {background-color: #fff;}
.carousel-inner > .carousel-item {
    -webkit-transition: -webkit-transform 5.3s ease-in-out 2s !important;
    -o-transition: -o-transform 5.3s ease-in-out 2s !important;
    transition: transform 5.3s ease-in-out 2s !important;
}

	/*Footer*/
.footer {margin-top:40px}
.footer .btn {padding: 0;}
.footer li a {padding: 0 12px; text-decoration:none; text-transform:uppercase;}
.footer .btn:first-child a {padding-left: 0;}
.footer li, .footer .btn-group li, .footer li a {
	font-family: 'Oswald', sans-serif; font-weight: bold; list-style-type:none; }
.footer-top li a, .footer-top li i {color:#5D5D5D}
.footer-top li a:hover {color:#000}
.footer-top p {text-align: justify;}
ul.paises {margin-top:4px}
ul.paises li, ul.paises li a {font-family: 'Oswald', sans-serif; font-weight: bold; color:#938E8E; font-size:16px; text-transform: initial; padding:0;}
.footer-top .btn-group {margin-top:30px}
.footer-top .contact a {margin: 0;  padding: 0;  background: none;}
.footer-bottom {background: #5D5D5D;}
.footer-bottom li a, .copyright {color:#ABA9B1; font-size:14px}
.footer-bottom li a:hover {color:#E2E0DC}
.support {margin-top:18px}
.support li {border-right: solid 1px #ABA9B1;}
.support li:last-child {border-right: 0;}
.copyright {font-size:14px; padding-bottom:10px;}


	/* botones para modal y pop-up */
.botones-modal {
    position: fixed; right: 0; top: 70%; z-index: 90; height:0;
}
.wrp-paralelogr {
  filter: drop-shadow( -2px -4px 6px rgba(87,40,59,0.85));
  margin-bottom: 8px;
}
.btn-paralelogr {
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%); /*ref: https://bennettfeely.com/clippy/*/
	background:#CACCCC; border:0; width: 154px; height:37px; 
	font-family: 'Oswald', sans-serif; font-weight: bold; text-transform:uppercase; color:#57283B; 
	padding:5px; padding-left:45px; text-align:left;
}
.btn-paralelogr:hover {background:#efefef;}

	/* modals y pop-ups */
.modal-content { background: rgb(24,43,66);
background: linear-gradient(90deg, rgba(24,43,66,1) 1.7%, rgba(86,40,59,1) 12%, rgba(86,40,59,1) 31%, rgba(24,43,66,1) 100%); border: 14px solid #A9A69B;
border-radius: 0;}
.modal-body {margin:15px 15px 0; padding: 12px 30px;}
.modal .btn-link, .modal .privacy a{font-family: 'Oswald', sans-serif; font-weight: bold; text-transform:uppercase; text-decoration:none !important;}
.modal .btn-link {font-size:20px; color:#FFF; padding-right:20px;}
.modal .btn-link:hover {color:#EEE;}
.modal .privacy {position:relative; bottom:50px; margin: 0 auto; line-height: 16px;}
.modal .privacy a {font-size:13px; color:#FFF !important; opacity: 0.6; mix-blend-mode: soft-light;}
.modal .privacy a:hover {opacity: 0.9;}
.modal-dialog.modal-bank {width: 360px;}
.modal-bank .modal-body {padding-left:40px;}
.cerrar{
	-webkit-box-shadow: inset -2px -2px 10px 8px rgba(214,212,213,0.15); 
	box-shadow: inset -2px -2px 10px 8px rgba(214,212,213,0.15);
    border-radius: 50%; border:0; width:30px; height:30px; font-size:30px; line-height: 30px;
    margin-bottom: 40px; margin-right: -10px; padding: 0; color:#CECECE;
}
.cerrar:hover {color:#CECECE; -webkit-box-shadow: inset -2px -2px 10px 8px rgba(214,212,213,0.4); 
	box-shadow: inset -2px -2px 10px 8px rgba(214,212,213,0.4);}
.modal-special-footer {margin: 0 20px;}
.triangles-box div {width: 100px; height: 120px; transition: 0.4s cubic-bezier(1, -1, 0, 2);}
.triangle-img {background-size: cover; background: url(../img/Imagotipo100x120.png); clip-path: polygon(0 0, 0 100%, 100% 100%);}
.modal-body, .triangle-op, .triangles-next-box { background: /*rgba(51,49,50,0.48)*/ rgba(14,23,35,0.4); background-blend-mode: multiply;}
.triangle-op {position:absolute; background-size: cover; clip-path: polygon(0 0, 100% 0, 100% 100%);}
.triangles-next-box {width:100%; height:120px;}
.form-floating > label {padding: 12px 10px;}
.form-floating > .form-control, .form-floating > .form-select {height: 44px;}
.circles-zone, .bg-right, .bg-left { height:452px; margin-bottom:40px;}

	
	/*formularios*/
input, select, textarea {margin-bottom: 14px;}
.form-floating > .form-select {
    padding-top: 0.5rem;}
label, .form-select, .form-floating > .form-select {
  text-align: center; text-align-last:center; font-weight: bold; text-transform:uppercase; color:#8E8E8E; width: 100%; font-size: 15px;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label {text-align: left;}
#Comments {height: 88px}

	/* Generales */
.pd-xtra-ct {padding: 0 1rem;} /*cuando hay container*/
.pd-xtra {padding:0 40px;}
.osbold, .tabla-dark th   {font-family: 'Oswald', sans-serif; font-weight: bold;}
h1, h2, h3, h4, h5, h6, .btn-more {font-family: 'Oswald', sans-serif; font-weight:bold; color:#000;}
.osnormal, .support-map-box p, .offcanvas p, .tabla-dark td, .card-text, .auths p, .banner_news p, .banner_news span {font-family: 'Oswald', sans-serif; font-weight: normal;}
.color-line {vertical-align:bottom; height:7px !important; z-index:29}
 
	/* Secciones*/
.bg-purple1 {background: rgb(71,33,56); background: linear-gradient(90deg, rgba(71,33,56,1) 0%, rgba(18,42,65,1) 100%); color:#fff;}
.bg-purple1 .row {padding: 34px 40px;}
.bg-purple1 h4 {color:#FFF;}
.bg-purple1 p {font-size:19px; line-height:32px}
.bg-blue-red { background: rgb(24,43,66); background: linear-gradient(75deg, rgba(24,43,66,1) 16%, rgba(174,33,48,1) 62%, rgba(155,34,50,1) 70%, rgba(24,43,66,1) 82%); color:#fff; height:86PX;}
.bg-right { background: #0B0D22 no-repeat right center; background-size:cover}
.bg-left { background: #0B0D22 no-repeat left center; background-size:cover}
.bg-gris {margin:30px 0; padding:24px 0; /*background: #D0CCCD;*/ background:#AFAEAE;}
.btn-more:hover {color:#5C5C5C;}
.main-row .main-text p {font-size: 17px; line-height: 28px; margin-top: 12px;}
.main-row .main-text .container {width: 99%;}
.more-main-row p {text-indent: 30px;}
.bg-c4 {background: #C4C4C4; padding:0; }
.bg-c4 h4 {padding: 20px 0 0;}
.bg-c4 .col {margin-bottom:30px}
.bg-c4 .card-text {min-height:160px;}
/* KARLA
.bg-grisOscuro {margin: 15px 0 0; padding: 24px 0 10px; background: #5D5D5D; color:#FFF;}
*/
.bg-blanco-autenticacion {padding: 35px 0 10px; background: #FFF; color:#000;}
.bg-negro-xauth {/*margin: 15px 0 0; padding: 24px 0 10px;*/ background: #000; color:#FFF;}
.bg-grisOscuro h4, .bg-grisOscuro li a {color:#FFF; text-decoration:none;}
.bg-grisOscuro li {padding: 4px; text-transform: uppercase;}
.a-areas h3 { display: block;  height: 50px; width: 280px; background: #C4C4C4; padding: 8px; margin-top: -10px; text-align: center;}
.a-areas h5 {text-align:center; margin-top:20px;}
.a-areas ul {margin-bottom:40px;}
.a-areas ul li {text-align:center;}
.a-areas img.rounded-circle {max-width:92%;}
.caja-title, .caja-texto, .arrows {font-family: 'Oswald', sans-serif; display:block; position:relative; }
.caja-title {font-weight: bold; background:#FFF; font-size:23px; text-transform:uppercase; width: max-content;  padding:20px 14px 14px; z-index: 72; margin-bottom:-20px; margin-top:-9px; text-align:right;}
/* KARLA
.caja-texto { background:#E8E6E7; font-size:16px; width:84%; padding:40px 24px 0px; margin-bottom:30px;}*/
.caja-texto { background:#E8E6E7; font-size:18px; width:84%; padding:40px 24px 0px; margin-bottom:30px;}
.arrows {color:#3F3A3A; font-weight: bold;}
#main-video .modal-dialog {width: 90%;}
.video-wrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.bg-crypto {
	background: url('../img/bg_crypto.jpg') no-repeat top #E8E6E7; font-family: 'Oswald', sans-serif; font-weight:normal; color:#000; background-size: 100% auto;
	}
.sube {margin-top:-50px;}
/*karla
.crypto-text {margin-top: 398px; text-align:justify; font-size: 18px;} */
.crypto-text {margin-top: 60px; text-align:justify; font-size: 18px;}
.whitebox {display:block; width:90%; min-height:200px; background:#FFFFFF; padding:30px 22px;}
.whitebox h4 {font-size: 18px;}
.btn-vino {border-radius:0; background:#4F2435; margin-bottom:10px; color:#FFF; text-align: left;}
.btn-vino:hover {background:#605C5F; color:#FFF;}
.offcanvas, .modal {-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear;}
.offcanvas-end {width: 56%;}
.offcanvas {border-left: solid 9px #A9A69B;}
.offcanvas-header h4 {color:#6e6e6e; margin-bottom: 0;}
.borde-abajo {border-bottom: solid 9px #A9A69B;}
.offcanvas-body .row {padding:20px;}
.offcanvas-body p {font-size:17px; line-height:28px}
.crypto-product p {font-size:16px; line-height:20px; text-align:right}
.crypto-product img {width: 80%; margin-left: 10%;}
.info-box-gris {background:#5d5d5d; color:#FFF; padding: 20px 30px 14px; margin-bottom: -30px;}
.info-box-gris h3 {color:#FFF; text-align:right}
.info-box-gris h4 {color:#FFF; font-size: 19px; margin-top:30px;}
.offcanvas-header {padding: 14px 28px 2px;}
a.btn_authentication2 {font-size:14px; color:#5a5952; padding-left:0; text-align:left; text-decoration:none}
a:hover.btn_authentication2 {color:#000;}

a.btn_authentication {font-size:14px; color:#000; padding-left:0; text-align:left; text-decoration:none}
a.btn_spei {font-family: 'Oswald', sans-serif; font-size:14px; color:#DB0003; padding-left:0; text-align:left; text-decoration:none; font-weight: bold;}
a:hover.btn_authentication {color:#5f6061;}
a:hover.btn_spei {font-family: 'Oswald', sans-serif; color:#522760;}

.botones-tabs {background-repeat:no-repeat; background-size:cover; padding:30px 20px}
.botones-tabs .nav-pills .nav-link {min-height: 140px; width:80%; background-color: rgba(255,255,255,0.3); border-radius: 0; display: flex !important; align-items: center !important; justify-content: center !important; text-transform:uppercase; text-align: center; color: #000; margin:20px auto; font-size: 1.2rem; letter-spacing: -0.4px;
}
.botones-tabs .nav-pills .nav-link.active, .botones-tabs .nav-pills .nav-link:hover,  .botones-tabs  .nav-pills .show > .nav-link {
    background-color: rgba(255,255,255,0.8); 
}
.pre-ancla {top: 0px; height: 3px; z-index: 30;}
.pre-ancla img {vertical-align: top; height: 7px;}
.botones-ancla {top: 97px; background:#898888; padding:0; margin:0; min-height:80px; z-index: 30;
box-shadow:
       inset 0 -3em 3em rgba(0,0,0,0.1),
             0 0  0 2px rgb(129,128,128),
             0.3em 0.3em 1em rgba(0,0,0,0.3);


}
.botones-ancla .w-100 {padding:0; margin:0 5%;}
.botones-ancla .row {padding:0; margin:0 auto;}
.botones-ancla .nav-item {padding: 1px;}
.botones-ancla .nav-link {display: flex !important; align-items: center !important; justify-content: center !important; text-transform:uppercase; text-align: center; color: #000; height:80px; font-size: 16px; line-height:1.32rem; letter-spacing: -0.4px; background-color: rgba(255,255,255,0.5);}
.botones-ancla .nav-link.active {background-color: rgba(255,255,255,0.8);}
.baja-botones-ancla {top: 304px !important;}

.tabla-dark th {font-size: 26px; vertical-align: middle;}
.tabla-dark td {background:#3F3C3C; color:#fff; padding: 14px 20px;}
.tabla-dark tr:first-child td {padding-top: 40px;}
.table > :not(caption) > * > * { border-bottom-width: 6px;}

.service-box-title, .service-box {background:#3F3C3C; color:#fff;}
.service-box-title {display:block; margin-bottom: 0; width:max-content; height: 50px; padding: 13px 40px; clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0 100%); margin-top: 80px;}
.service-box {padding:20px; border-top:solid 1px #ddd }
.service-box p {margin-bottom: 12px; font-size: 18px;}
.service-box-list.nav-pills .nav-link {/*color: #3F3C3C; text-shadow: 0 0 3px #FFF;*/ color:#B1A9A0;}
.service-box-list.nav-pills .nav-link.active, .service-box-list.nav-pills .show > .nav-link {color: #FFF;  background: none; /*text-shadow: 0 0 3px #FFF, 0 0 5px #FFF;*/}
.special-bg {background-size: cover !important; background:url(../img/bg-auth-latest-scale.jpg) no-repeat; padding-bottom: 14px;} /* filter: grayscale(50%) los otros 
/*  #info-02 h2 {color:#FFF;}*/
#info-02 h2 {color:#000;}

/* support */
.support-info .col-md-6 {padding:30px}
.support-info h3 {font-size: 1.70rem;}
.support-info p {font-size: 1.16rem; line-height: 2rem; color:#1D1D1D; margin-bottom: 22px; margin-bottom: 28px;}
.support-info a, .banner_news span {color:#1D1D1D}
.support-info a:hover {color:#5c5c5c}
.support-info ul {margin-bottom: 28px;}
.support-info li {font-size:17px; line-height: 2rem; color:#1D1D1D;}
.support-info li:before{content: "- "}
.distribution-map { position: relative; width: 100%; padding: 0; box-sizing: border-box; margin: 0 auto; }
.distribution-map > img { width: 100%; position: relative; margin: 0; padding: 0;}
.distribution-map .map-point {cursor: pointer; outline: none; z-index: 0; position: absolute; width: 24px; height: 24px; border-radius: 50%;
transform: translate(-50%, -50%);
-moz-transition: width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
-o-transition: width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
-webkit-transition: width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
-webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
transition: width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
background:transparent;
border: 4px solid #D2001F;
}
.distribution-map .map-point:hover, .distribution-map .map-point:active, .distribution-map .map-point:focus {border:0;}
.distribution-map .map-point:hover::before, .distribution-map .map-point:active::before, .distribution-map .map-point:focus::before {
		display:block; content: ""; z-index: -1; background: url('../img/support-map-hover.png') no-repeat center center; margin-left:-17px; margin-top:-17px; width:56px; height:56px;
	}
.dropdown-menu {border:0; background: rgba(93,93,93,0.9); color:#FFF; width:238px; min-height:500px; padding:4px 14px 10px; /*transform: translate(80px, 30px) !important;*/ transform: initial !important; margin-top: 20px !important; margin-left: 26% !important;}}
.reubica .dropdown-menu {top:0; z-index:9001;}
.distribution-map .reubica .map-point {border:0;}
.distribution-map .reubica .map-point::before {
		display:block; content: ""; z-index: -1; background: url('../img/support-map-hover.png') no-repeat center center; margin-left:-22px; margin-top:-21px; width:56px; height:56px;
	}
.support-map-box .box-cerrar {width: 100%; margin-bottom: 4px; padding: 0; color: #CECECE; text-align: right; font-size: 26px;}
.support-map-box h3 {color:#FFF; letter-spacing:-0.5px; font-size: 24px;}
.support-map-box p {font-size: 17px; line-height: 24px;}
.map-color-filter {mix-blend-mode: overlay; width:210px;}

/* News */
.btn_news { text-align:left; padding-top:10px; padding-bottom:10px;}
.banner_news { background-image:url(../img/line_news.png); background-position:bottom; background-repeat:no-repeat; padding:20px; margin:30px !important;} 
.banner_top { background-color:#c4c4c4; padding:0px; margin:15px !important;} 
.banner_news span {line-height: 28px;}
.banner_news p {font-size: 17px;}


/* auths 2 */
.sp-col { display:inline-block; margin:0; padding:0; white-space: normal; padding-top:6px; }
.sp-left-w {width:520px;}
.sp-right-w { width: calc(100% - 520px);}
.nowrap {overflow: hidden; white-space: nowrap; padding: 0; margin: 0;}
.titles-solo-desktop {position:absolute; z-index:1; display:block; width:100%; height:60px; background:url(../img/title-bg-fullrow.jpg) no-repeat; background-size: cover; left:0;}
.grid-up {position: relative; top:21px; z-index:3; }
.grid-up h4 {color:#FFF; text-align:center; font-size: 1.134rem; letter-spacing: -1px;}
.box-up {height:100%; padding:40px 14px 40px; margin-top: 18px;}
.col-up1, .col-up3 {opacity: .8;
  background-color: rgb(255, 255, 255); height:100%;}
.col-up2, .col-up4 {background: linear-gradient(180deg, rgba(121,121,121,1) 0%, rgba(121,121,121,1) 0%, rgba(121,121,121,0) 100%);}
.box-up .osnormal {font-size: 1.04rem; line-height: 2rem;}
.gadgets {padding-top:44px}
/*.gadgets .row-titles {position: absolute;}*/
.multiply {mix-blend-mode: multiply; margin-top: -40px;}
.row-titles h5 {font-size: 14px; margin-bottom: 24px;}
.banner-left-verisepup {padding: 50px 20px; padding-left:30%; text-align: center; width: 90%; margin-left: 10%;}
.fondo-bco {background:url(../img/banner-listado-up.jpg) no-repeat center left #9E9D9D; background-size: contain;}
.fondo-gris {background:url(../img/banner-listado-up2.jpg) no-repeat center left #9E9D9D; background-size: contain;}
.banner-left-verisepup h4 {font-size: 1.13rem; margin:0;}
.banner-left-verisepup h5 {font-size: 1.1rem;}
#info-03 .osnormal {font-size: 1.13rem; padding: 22px; text-align: justify;}
.osnormal.en-altas {font-size: 1rem;}
#info-06 { margin-top: -10px;}
.apibox-text {display:inline-block; width:60%;}
.apibox-gris {background-color:#848484;}
.only-on-sm {display:none;}

 /* styles KARLA */
 .logo-golarge { padding-top:40px;}
 .osnormal-crypto {font-family: 'Oswald', sans-serif; font-weight: normal; color:#000; padding-top:10px;}
 .titulo-xauth {font-family: 'Oswald', sans-serif; font-weight:bold; color:#FFF; font-size:28px;}
 .main-service-color { background:#dee2e6;}
 .bg-gris {background:#FFF; }
 .fotos-news{width:80%;}
 .line_titulos { background:url(../img/title-bg.jpg); background-repeat:repeat-y; font-family: 'Oswald', sans-serif; font-weight: bold; color:#FFF; font-size:24px; padding-left:103px; line-height:40px;}

 .line_frasespei { background:url("../img/title-bg-fullrow-less0.jpg"); background-repeat:repeat-y; font-family: 'Oswald', sans-serif; font-weight: bold; color:#FFF; font-size:24px; padding-left:103px; line-height:40px;}

.line_frasespei2 { background:url("../img/title-bg-fullrow-less2.jpg"); background-repeat:repeat-y; font-family: 'Oswald', sans-serif; font-weight: bold; color:#FFF; font-size:24px; padding-left:103px; line-height:40px;}

.line_frasespei3 { background:url("../img/title-bg-end.jpg"); background-repeat:repeat-y; font-family: 'Oswald', sans-serif; font-weight: bold; color:#FFF; font-size:24px; padding-left:103px; line-height:40px;}
 .line_titulos-end { background:url(../img/title-bg-end.jpg); background-size:cover; min-height:40px; padding-left:8px; margin-left:-8px;}
/*.banner-left-verisepup { background-image:url(../img/banner-listado-verisecup.png) ; width:397px; height:215px; text-align:left; padding-left:160px; background-repeat:no-repeat; padding-top: 30px};*/
.banner-infrastructure-api { background: url(../img/infrastructure-api4.png) no-repeat right center; text-align:left; padding: 50px;}
.banner-infrastructure {padding: 34px 50px 26px; width:95%; color:#FFF;}
.banner-infrastructure, .apibox-text { text-align:justify; font-size: 1.14rem; line-height: 30px;}
.derecha_capacity {text-align:right;}
.authenticator { background:url(../img/verisec-api.jpg) #E8E8E8 no-repeat bottom left; min-height:840px; background-size: cover;}
.to-scale-up { background-image:url(../img/to-scale-up.jpg); width:272px; height:562px;}
.to-tech-secure { background-image:url(../img/tech-to-secure.jpg); width:272px; height:562px;}	
.peace-of-mind { background-image:url(../img/peace-of-mind.jpg); width:272px; height:562px;}	
.experience-talent { background-image:url(../img/experience-talent.jpg); width:272px; height:562px;}





.espacio_blanco {line-height:60px;}
.espacio_blanco2 {line-height:15px;}
.espacio_blanco3 {line-height:35px;}
.banners_crypto {opacity: .8;
  background-color: rgb(255, 255, 255);
  color: #000;}
.grisintercalado {background-color: #e7e5e7; padding: 30px;}
.line_crypto { background-color: #e7e5e7; line-height:10px;}
.banner2API { background-color:#848484; background-size: 120% auto; padding-bottom:30px; padding-top:30px;padding-left:50px; padding-left:30px;}
 .osnormal2 {font-family: 'Oswald', sans-serif; font-weight: normal; color:#000; padding:20px;}
 .bg-leasing {
	background: url('../img/leasing-banner.jpg') no-repeat top #051628; font-family: 'Oswald', sans-serif; font-weight:normal; color:#FFF; background-size: 100% auto;
	}
.support-info-leasing p {font-size: 1.16rem; line-height: 2rem; color:#FFF; margin-bottom: 22px; margin-bottom: 28px;}
.banners_infoleasing {opacity: .8;
  background-color: rgb(255, 255, 255);}
  .col-leasing1 {opacity: .8;
  background-color: rgb(255, 255, 255); height:100%;}
  .bg-crypto2 {
	background: url('../img/bg_leasing.jpg') no-repeat top #E8E6E7; font-family: 'Oswald', sans-serif; font-weight:normal; color:#000; background-size: 100% auto;
	}

.tit-infrastructure {padding:40px;}
.tit-grandes {font-family: 'Oswald', sans-serif; font-weight: bolder; color:#000; font-size:24px;}
.bg-payment {background:url('../img/payment-security.jpg') no-repeat top #2c0d1d; background-size: 100% auto;}
.osnormal3 {font-family: 'Oswald', sans-serif; font-weight: normal; color:#FFF; padding:20px; text-align:justify;}
.bullet-payment { text-align:left; margin-left:20px;}
.bullet-payment1 { text-align:left; margin-right:20px;}
.line_payments { background:url(../img/title-payment.jpg); background-repeat:repeat-y; font-family: 'Oswald', sans-serif; font-weight: bold; color:#FFF; font-size:24px; padding-left:30px; line-height:40px;}
.bg-payment-bottom {background-image:url(../img/title-bg-end-payment.jpg); background-repeat:repeat-x;}
.bg-payment-phrase {background:url('../img/payment-security.jpg') no-repeat top #2c0d1d; background-size: 100% auto;}
.bg-payment-phrase_spei {background-color:#4E4C4C;}


 .logo-10xtrust { padding-top:45px;}
.osnormal4 {font-family: 'Oswald', sans-serif; font-weight: normal; color:#FFF; padding:20px; text-align:justify;font-size: 1.16rem; line-height: 2rem;}
.bullet-payment-come { text-align:left; margin-left:20px; margin-top:100px }
.espacio_blanco4 {line-height:300px;}
.espacio_blanco5 {line-height:600px;}

.verisec10xtrust {font-family: 'Oswald', sans-serif; font-weight: normal; color:#FFF; padding:2px; text-align:justify;font-size: 3.8 rem; line-height: 3 rem; background:url(../img/title-verisec10xtrust.jpg); background-repeat:repeat-x;}
.verisec10xtrust2 {font-family: 'Oswald', sans-serif; font-weight: normal; color:#FFF; padding:1.6px; text-align:justify;font-size: 3.8 rem; line-height: 4 rem; background-color: #2B0D1D}
.txtphrase {font-family: 'Oswald', sans-serif; font-weight: bold; color:#FFF; padding:1.6px; text-align:center; font-size: 0.9rem; line-height: 4 rem;}
.osnormal4 {font-family: 'Oswald', sans-serif; font-weight: lighter; color:#FFF; padding:20px; text-align:justify;font-size: 3 rem; line-height: 3 rem; background-color: #303030}
.osnormal5 {font-family: 'Oswald', sans-serif; font-weight: lighter; color:#FFF; padding:20px; text-align:justify;font-size: 3 rem; line-height: 5 rem;}
.line_titulosH { background:url(../img/title-bg-end_h.jpg); background-repeat:repeat-y; font-family: 'Oswald', sans-serif; font-weight: bold; color:#FFF; font-size:24px; padding-left:103px; line-height:40px;}
.line_titulos_ch { background:url(../img/title-ch.jpg); background-repeat:repeat-y; font-family: 'Oswald', sans-serif; font-weight: bold; color:#FFF; font-size:24px; padding-left:103px; line-height:40px;}
.line_titulos_m { background:url(../img/title-m.jpg); background-repeat:repeat-y; font-family: 'Oswald', sans-serif; font-weight: bold; color:#FFF; font-size:24px; padding-left:103px; line-height:40px;}

.spanish a{font-family: 'Oswald', sans-serif; font-weight: bold; text-transform:uppercase; font-size: 15px; color: #757474; text-decoration:none !important;}
.spanish a:hover{font-family: 'Oswald', sans-serif; font-weight: bold; text-transform:uppercase; font-size: 15px; color: #000000; text-decoration:none !important;}
.spanishmail a{font-family: 'Oswald', sans-serif; font-weight: bold; text-transform:uppercase; font-size: 15px; color: #522760; text-decoration:none !important;}
.spanishmail a:hover{font-family: 'Oswald', sans-serif; font-weight: bold; text-transform:uppercase; font-size: 15px; color: #000000; text-decoration:none !important;}




/* Estilos solo para móviles */
@media only screen and ( min-width:1680px ) {
	.carousel-caption {top: 24%; left: 10%;}
	.carousel-caption h3 {font-size: 2rem;}
	.carousel-caption h5 {font-size: 1.62rem; line-height: 2.3rem;}
	.carousel-caption p {font-size: 1.3rem; line-height: 2.0rem;}
	.carousel-caption p img {float: initial; height: 5px; width: 90%;}
	.carousel-caption h3, .carousel-caption h5, .carousel-caption p {width:400px !important;}
}
@media only screen and ( min-width:1200px ) {
	.circles-zone li {text-align:center; justify-content: center !important;}
	.circles-zone img.img-fluid {width: 240px; max-width: 250px !important; margin: 0 auto;}
	.authenticator { background:url(../img/verisec-api.jpg) #E8E8E8 no-repeat bottom left; min-height:900px; background-size: cover;}
}
@media only screen and ( min-width:753px ) {  /*Cuando la pantalla es mayor a 753 px*/
	.carousel-caption h3, .carousel-caption h5, .carousel-caption p {width:300px;}
	.footer .container, .footer ul {padding:0}
	.modal-dialog {width: 500px;}
	.sube {margin-top: -50px !important;}
	}
	
@media only screen and ( max-width:991px ) {
	.carousel-caption {top: 12%;}
	.carousel-caption h3 {font-weight:300; letter-spacing:1px; font-size:26px} /*30, 18, 17*/
	.carousel-caption h5 {font-weight:700; font-size:17px;}
	.carousel-caption p {font-weight:400; font-size:15px}
	.sp-left-w {width:480px;}
	.sp-right-w { width: calc(100% - 480px);}
	.titles-solo-desktop {display:none}
	.grid-up {top: -20px;}
	.grid-up h4 {font-size: 1.22rem; height:60px; background:url(../img/title-bg-fullrow.jpg) no-repeat; background-size: cover; padding-top: 16px;}
	.box-up {height: 440px; margin-top: -8px; margin-bottom:30px;}
	.banner-infrastructure { padding: 40px 20px; font-size: 1.2rem;}
	.banner-left-verisepup { padding: 30px 20px; padding-left: 40%;}
	.apibox-text {display:inline-block; width:50%;}
	
	.bg-payment {background-position-y: 100px;}
	.line_payments {padding: 20px 10px; width: 80%;}
	.osnormal3 {padding: 0;}
	.osnormal3.parrafo1 {margin-top:-20px}
	.bullet-payment1, .bullet-payment-come, .bullet-payment {margin: 0 0 20px;}
	.espacio_blanco3 {line-height: 15px;}
	.box-up {height: auto;}
	}
@media only screen and ( max-width:767px ) {  /*Cuando la pantalla es menor a 752 px, PRINCIPAL EN MÓVILES */
	.container-pd {padding-right: var(--bs-gutter-x,2.25rem); padding-left: var(--bs-gutter-x,2.25rem);}
	ul.navbar-nav li {text-align:center;}
	.navbar-expand-md .navbar-nav .nav-link {font-size:22px}
	.carousel-item {height: 218px; background: #002641;}
	.carousel-item img.w-100 {
	width: auto !important;
	max-height: 224px;
	position: absolute;
	right: -54px;
	opacity: 0.9;
	top: -1px;
	}
	.carousel-caption {top: 8%; left:6%}
	.carousel-caption h3, .carousel-caption h5,.carousel-caption p {text-shadow: 0px 0px 10px #002641, 0 1px 5px rgba(0,0,0,0.9); }
	.carousel-caption h3 {font-weight:300; letter-spacing:1px; font-size:20px} /*30, 18, 17*/
	.carousel-caption h5 {font-weight:700; font-size:15px;}
	.carousel-caption p {font-weight:400; font-size:14px}
	.contact {min-width: 102px; background:none; border:0;}
	.footer-top ul { padding-left: 18px;}
	.footer-top .about { padding-right: 0;}
	.support {display: flex !important; padding-top:20px; padding-left: 0;}
	.support li.btn { padding: 0 10px; font-size: 13px;}
	.support li a {padding: 0}
	ul.paises li, ul.paises li a {font-size:17px}
	.bg-purple1 {font-size:18px;}
	.bg-purple1 .row {padding: 40px 20px;}
	.bg-purple1 .align-self-center {margin-bottom:20px;}
	.bg-right { background: #C5C5C5 no-repeat right -30px bottom; background-size:cover}
	.bg-left { background: #C5C5C5 no-repeat left -75px bottom; background-size:cover}
	.circles-zone, .bg-right, .bg-left { height:initial;}
	.caja-title {font-size:19px; line-height:22px; width:85%; padding:10px 14px 10px; margin-bottom:-16px;}
	.caja-texto {font-size:16px; width:100%; padding:20px 14px 0px; margin-bottom:30px;}
	.textolibre {font-size:16px; width:100%; padding:20px 14px 0px; margin-bottom:30px; font-family: 'Oswald', sans-serif; display:block; position:relative;}
	.pd-xtra {padding: 0 20px;}
	.whitebox {width: 100%;}
	.offcanvas-end {width: 70%;}
	.main-row .main-text {padding:15px 10px}
	.crypto-text { margin-top: 90px;}
	.bye-en-movil {display:none;}
	.tabla-dark th {font-size: 20px;}
	.botones-tabs {padding: 10px 0px;}
	.botones-tabs .nav-pills .nav-link {width:100%}
	.service-box-list li {width: 100%; text-align: center; padding: 6px;}
	.banner_news {padding: 14px; margin: 0 !important;}
	.banner_top {padding: 0px; margin: 0 !important;}
	.banner_news p {font-size:18px}
	.botones-ancla .nav-link {font-size: 14px; height:58px;}
	.sp-col {vertical-align: middle;}
	.sp-left-w {width: 68%;}
	.sp-right-w {width: 32%;}
	.nowrap {overflow: initial; white-space: initial;}
	.authenticator {background: url(../img/verisec-api.jpg) #E8E8E8 no-repeat bottom left; min-height: 1300px; background-size: 180% auto;}
	.sm-hide {display:none}
	.only-on-sm {display:inline-block}
	#info-03 .osnormal {font-size: 1.18rem; padding: 0 10px;}
	.banner-infrastructure-api {background: url(../img/infrastructure-api4.png) no-repeat right center; padding: 40px 54px;}
	.apibox-text {width: 68%;}
	.video-img {margin-bottom:34px;}
	.gadgets {padding-top: 0; margin-top: -40px;}
	
	.bg-payment {background-position-y: 0; background-size: 84% auto;}
	.line_payments {padding: 20px 0; width: 60%;}
	.osnormal3.parrafo1 {margin-top:260px}
	.espacio_blanco4 {line-height: 80px;}
	.espacio_blanco5, .crypto-text {display:none;}
	.bg-payment-bottom {background-size: contain;}
.bg-payment-phrase {}	
	.bg-payment-phrase_speis {}
}

@media only screen and ( max-width:575px ) {  /*Cuando la pantalla es menor a 575 px*/
	.btn-vino {margin-bottom: 0; margin-right: 12px; color: #FFF; width: 32%;}
	.offcanvas-end {width: 80%;}
	.modal-content {border: 8px solid #A9A69B;}
	label, .form-select, .form-floating > .form-select {font-size: 14px;}
	.modal-body {margin: 15px 10px 0; padding: 12px 16px;}
	.modal-special-footer {margin: 0 10px;}
	.modal-dialog.modal-bank {width: 360px; margin: 10% auto;}
  /* carrusel */
	.carousel-indicators {bottom: 23%;}
	.carousel-item {height: 388px; background: rgb(0,39,65); background: linear-gradient(75deg, rgba(0,39,65,1) 0%, rgba(98,35,56,1) 35%, rgba(87,35,57,1) 51%, rgba(0,39,65,1) 100%);}
	.carousel-item img.w-100 {width: 100% !important; position: absolute; top: 0; left: 0; opacity:1;}
	.carousel-caption {top: initial; bottom:2%; left:9.2%}
	.carousel-caption .col-9 {width:82%;}
	.carousel-caption h3 {font-size: 30px;}
	.carousel-caption h5 {font-size: 18px; line-height: 24px;}
	.carousel-caption p {font-size:16px}
	.carousel-indicators {bottom: 136px;}
	.dropdown-menu { margin-top: 140px !important; margin-left: 20px !important; z-index: 9000;}
	.banner-infrastructure { padding: 10px 30px; font-size: 1.2rem;}
	.banner-infrastructure-api {padding: 28px; background: url(../img/infrastructure-api3.png) no-repeat right center; background-size: 110% auto;}
	.apibox-text {width: 68%;}
	.banner-infrastructure {padding: 20px; width: 100%;}
	.banner-infrastructure, .apibox-text {font-size: 1.1rem; line-height: 24px;}
	.banner-left-verisepup {width: 340px; float: right; padding-top: 36px; padding-left: 110px;}
	.authenticator { background:url(../img/verisec-api.jpg) #E8E8E8 no-repeat bottom left; min-height: 1120px; background-size: 210% auto;}
	
	.bg-payment {background-position-y: 90px;}
	.line_payments {padding: 0 8.5%; width: 68%;}
	.osnormal3.parrafo1 {margin-top:184px}
}


/*boton spei doc*/
.boton-doc-spei {
font-family: Oswald;
text-decoration:none;
font-weight: 600;
font-size: 18px;
color:#000000;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
background-color: transparent;
border-width: 3px;
border-style: solid;
border-color: #000000;
width: 300px;
text-align: center;
}

.boton-doc-spei:hover{
color: #522760;
}

@media only screen and ( max-width:475px ) {  /*Cuando la pantalla es menor a 575 px*/
.imag_spei{
height: 100%;
width: 100%
	}
	
.boton-doc-spei {
font-family: Oswald;
text-decoration:none;
font-weight: 300;
font-size: 16px;
color:#000000;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2spx;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-color: #000000;
width: 95%;
text-align: center;
}
}

