/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1


*/
/* * {
    outline: red solid 2px;*/
/*header*/

body {
    overflow-x: hidden !important;
}
ul.sub-menu {
    z-index: 200000;
}
.site-header {
	background-color: transparent !important;
    color: #494949;
    background: url(img/header.svg)no-repeat left bottom;
    height: 185px !important;
    position: absolute;
    width: 100%;
    z-index: 1000;
}
 .site-content {
    padding: 0 40px !important;
}
.barsup {
    display: none !important;
}

.main-navigation .main-nav ul li a::after {
    content: "";
    background: #D3D3D3;
    height: 2px;
    display: block;
    position: absolute;
    width: calc(100% - 8px);
    left: 0;
    bottom: 3px;
}
.main-navigation .main-nav ul li a {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 60px;
    margin: 0 10px;
    position: relative;
}
.main-navigation .main-nav ul li a:hover::before{
border-color: #F95753
}
.main-navigation .main-nav ul li a:hover::after {
    background: #F95753;
}
 .m-t{
  margin-top: 60px !important;
}

 .m-b{
	margin-bottom:60px  !important;;
}
.mascara-derecha {
    width: 350px;
}
.mascara-izquierda {
	width: 350px;
}
	.egt-title-izquierdo {
    margin-bottom: 40px;
}
h2.egt-title {
    margin-bottom: 20px !important;
}

/*====inicio=====*/


.contactenos-informacion >div >div {
    background: #F5F5F5;
    border-radius: 119px;
	margin: 0 15%;

}

.contactenos-informacion img{
    width: 30%;
    margin-top: 10%;
}
.vc-hoverbox-block.vc-hoverbox-front {
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 50% 50px;
    background-color: transparent;
    border-radius: 50%;
}
.vc-hoverbox-block.vc-hoverbox-back {
    box-shadow: 0px 4.20586px 21.0293px rgb(0 0 0 / 25%);
}
/*====formulario=====*/
.formulario {
   margin-bottom:20% !important;
}
.formulario input {
    border-radius: 10px;
	width:100%;
}
.formulario textarea {
    border-radius: 10px;
	height:70px;
}
.formulario  label {
    color: #F95753;
    font-weight: 700;
}
.formulario h2 {
    color: #F95753;
}

.formulario input[type="submit"] {
	border-radius: 25px;
    width: 25%;
    background: #f95753;
    padding: 5px;
}
.boton::before {
    width: 37%;
    content: "";
    display: block !important;
    position: absolute;
    bottom: -14px;
    right: 1%;
    z-index: -10;
    background: url(img/linea-griss.png);
    background-position: 0px 0 !important;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 16%;
}
.linea-naranja-izquierda::before {
    background: url(img/linea-izquierda.png);
    width: 50%;
    content: "";
    display: block !important;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 7;
    background-position: 0px 0 !important;
    background-size: 100%;
    background-repeat: no-repeat;
    height:30px;
}
.linea-naranja-izquierda{
	position:relative;
}
.m-f{
	margin-bottom:10%;
}
.linea-naranja::before {
    background: url(img/linea-naranja.png);
    width: 62%;
    content: "";
    display: block !important;
    position: absolute;
    top: 38px;
    right: -11%;
    z-index: 7;
    background-position: 0px 0 !important;
    background-size: 100%;
    background-repeat: no-repeat;
    height:30px;
}

.linea-naranja{
	position:relative;
}


.linea-recaudo::before {
    background: url(img/linea-naranjita.png);
    width: 100%;
    content: "";
    display: block !important;
    position: absolute;
    bottom: 12px;
    right: 0%;
    z-index: 7;
    background-position: 0px 0 !important;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 17%;
}
.circulo-l::after {
   background: url(img/linea-a.png);
    width: 14%;
    content: "";
    display: block !important;
    position: absolute;
    bottom: 50%;
    right: -5%;
    z-index: 28;
    background-position: 0px 0 !important;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 1%;
    background-color: #f95753;
}
.circulo-l::before {
    display: block;
    width: 19px;
    height: 19px;
    content: "";
    border-radius: 50px;
    border: 2px solid #e91313;
    position: absolute;
    bottom: 145px;
    right: -35px;
    z-index: 10000;
}


.facil.vc_custom_1639687920858.vc_row-has-fill.vc_row-o-content-middle.vc_row-flex {
    background-position: bottom !important;
}
.gatewey-principal.vc_custom_1639693825595.vc_row-has-fill {
    background-position: bottom !important;
}


.gatewey-titulo {
	margin-bottom: 10px !important;
}
.linea-recaudo{
    position:relative;
}
.facilidad-s >div >div >div {
    margin-bottom: 0;
}

.contactenos-informacion {
    margin-top: 5%;
}
.contactenos-informacion >div::before {
    width: 40%;
    content: "";
    display: block !important;
    position: absolute;
    top: 50%;
    right: 25%;
    z-index: -56;
    background: url(img/circuito-contactenos.png);
    background-position: 0px 0 !important;
    background-size: 79%;
    background-repeat: no-repeat;
    height: 57%;
}
span.wpcf7-form-control.wpcf7-acceptance.optional {
    background: #FFFFFF;
    border: 1px solid #949494;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 0 10px 0 0;
}


.listas ul {
    list-style: none;
	    margin: 0;
}
.listas  li {
    background: url(img/chulito.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 2px 8px;
    padding-left: 35px;
}
.sidenav{
    display:none;
}
/*====footero=====*/

.site-footer {
    background: url(img/footer.svg)no-repeat center top;
	  position: relative;

}
.inside-footer-widgets {
	display: grid;
    grid-template-columns: 30% 70%;
    justify-content: center;
    align-content: center;
    align-items: end;
    justify-items: stretch;
}
.widget ul li {
    display: inline-block;
    padding:10px;
    color: white;
    border-radius: 41px;
    border: #eeeeee 2px solid;
    margin-left: 33px;
	font-size: 12px;
}
.footer-widgets-container {
    padding: 60px 24px 10px;
}
footer.site-info {
    display: none;
}
.widget ul li::before {
    display: block;
    width: 44px;
    height: 20px;
    content: "";
    position: absolute;
    left: -32px;
    background: url(img/linea-bl-ix.png);
    background-repeat: no-repeat;
    vertical-align:middle;
	background-size: auto 15px;
}
.footer-widgets {
    position: absolute;
    bottom: 0;
    background: url(img/footer.svg)no-repeat center top transparent;
    margin: auto;
    left: 0;
    right: 0;
	background-size: 70%;
}
.site-footer .footer-widgets-container .inner-padding {
    padding: 0px 0 0 10px;
}
.footer-widget-2  a:hover, a:focus, a:active {
    color: #494949 !important;
}
.footer-widget-2 a {
    color: #fff !important;
}
img.wp-image-550 {
    display: block;
    width: 90px !important;
    height: 90px;
    background: url(img/BotonFlotante.png);
    position: fixed;
    z-index: 100;
    right: 0;
    bottom: 20%;
    background-size: 120px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10000;
}

/*====servicios=====*/

span.banner-egt-fondo-titulo {
    color: #fff;
    font-size: 48px;
    font-weight: 800;
	display: block;
	    text-shadow: 1px 1px 4px #7e7878;
}
.banner-egt-fondo.banner- {
  width: 50%;
    text-align: end;
    margin-right: 0;
    position: absolute;
    bottom: 20px;    
	margin-left: 33%;

}
span.banner-egt-fondo-subtitulo {
    color: #fff;
    font-weight: 700;
    font-size: 37px;
	display: block;
	text-shadow: 1px 1px 2px  #7e7878;
}
.hover >div {
    height: 500px;
}
.facilidad img {
    width: 50%;
}
.garantia-dos>div >div {
    padding: 29% 0;
}
.garantia-dos>div >div >div {
    margin-bottom: 0;
}
.garantia-icono>div {
    margin: 10px;
}
.garantia-icono >div>div>div {
    margin-bottom: 0;
}
.fondo-general {
    background: url(img/fondo-general-servicios.png) no-repeat center top;
    background-size: 100%;
    padding: 0 !important;
    margin: 0 !important;
    padding-bottom: 250px !important;
}
/*/*===================pasarela de pago r=========================*/ 
.icono-alto {
    width: 60%;
    margin: 0 auto !important;
    padding: 10px;
	 margin-bottom: 0px !important;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.alto-nivel > div {
    background-repeat: no-repeat !important;
    background-position: center !important;
	    background-size: 75%;
	  
}
.alto-nivel p {
    text-align: center;
    font-size: 12px;
    color: white;
	 padding: 30px;
}
.alto-nivel-dos {
    background-size: 100%;
	    background-repeat: no-repeat;
	    background-position: center;
}
.robusto img {
    width: 40%;
}

.robusto >div >div {
    background: white;
    border-radius: 17px;
    padding: 20px;
    box-shadow: 0px 4.20586px 21.0293px rgb(0 0 0 / 25%);
	margin:20px;
}
.robusto img {
    width: 30%;
    position: absolute;
    top: -80px;
    left: 35%;
}
div#Tokenizacion.gatewey-principal {
    background-position: bottom !important;
}
.robusto-fondo {
    background-position: center !important;
}
.parametrizacion>div >div {
    height: 262px;
}
.robusto-titulo {
    padding-bottom: 6%;
}

.alto-nivel-imagenes img {
    width: 70%;
}
.facilidad {
    background: #FFFFFF;
    box-shadow: 0px 4px 21px rgb(0 0 0 / 25%);
    border-radius: 10px;
    margin: 20px;
    padding: 10px;
    height: 140px;
}
.menu-gatewey-container >.widget ul li {
    display: inline-block;
    padding: 10px;
    color: white;
    border-radius: 41px;
    border:#f76240  2px solid !important;
    margin-left: 33px;
    font-size: 12px;
	font-weight:600;
}

.facilidad-a >div>div>div {
    margin-bottom: 0;
}
.facilidad-a img {
    width: 70%;
    margin: 0px auto !important;
    align-content: center !important;
}
.facilidad-a p {
    font-size: 14px;
    line-height: 18px;
}
h1 strong {
    color: #F79616;
    font-size: 80px;
    line-height: 80px;
    /* text-align: right; */
    margin-bottom: 0;
}
/*.medio-pago-servicios>div >div {
    background: #fff;
    padding: 11px;
    border-radius: 5px;
    border: 1px solid #f6d7d6;
    margin: 5px;
    height: 346px;
    box-shadow: 1px 1px 6px 0px #f95753;
}*/


.recaudo h1 {
    color: #F79616;
    font-size: 80px;
}
.numero >div >div >div {
    margin-bottom: 0;
}
.recaudo-j h4 {
    color: #F95753;
	    font-weight: 600;
}
.compania >div {
    background-position: center center !important;
    background-size: 100%;
    background-repeat: no-repeat;
}
.circulo >div {
    background-position: center center !important;
    background-size: 90%;
    background-repeat: no-repeat !important;
}
.circulo-text {
    margin: 0 13%;
    font-size: 14px;
    line-height: 17px;
}
.circulo-text ul {
    padding-left: 40px;
    font-size: 12px;
    line-height: 16px;
}
.circulo-a ul {
    margin-left: 0 60px;
}
.circulo-b ul {
   margin-left: 0px 70px;
}
.circulo-d ul {
    margin-left: 50px;
}
/*/*===================seguros=========================*/ 

.garantia-icono>div >div {
    background: #FFFFFF;
    box-shadow: 0px 3px 18px rgb(0 0 0 / 25%);
    border-radius: 13px;
}
.garantia-icono img {
    width: 50%;
    padding: 10px;
}
.garantia-icono  p {
    padding: 13px;
}
.inteligencia {
    margin-bottom: 12px;
}
.garantia-dos >div {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.garantia-dos p {
    padding: 0 34% 0 8px;
    font-size: 14px;
    line-height: 14px;
	text-align: center;
}
.garantia-dos-cuatro>div {
    background-size: 72%;
    background-position: center left;
    background-repeat: no-repeat;
}
.garantia-dos-cuatro p {
    padding: 0 34% 0 8px;
    font-size: 14px;
    line-height: 14px;
	text-align: center;
}
/*/*===================slider=========================*/ 
.slick-slide a {
    padding: 15px 10px;
    border: 2px #acacac solid;
    border-radius: 10px;
    margin: 0 10px;
    line-height: 16px;
    height: 325px;
    display: block;
}
a.current {
    border: 8px #f67026 solid;
	    border-image: linear-gradient(to bottom, #F79616 0%, #F95753 100%) 1;
}
span.img img {
    width: 30%;
    margin: 0 auto;
}
span.egt-link {
font-size: 18px;
    color: #494949;
    font-weight: bold;
    text-decoration-line: underline;
    text-transform: capitalize;
}
.text-center { 
    position: absolute;
    bottom: 15px;
    width: 100%;
	text-align: center;
}

.slick-slide a {
    color: #494949;
	position: relative;
}
.slick-slide h3 {
    color: #494949;
    font-weight: 700;
	padding: 15px 0 0;
	text-align: center;
}

.main-navigation .main-nav ul li a::before {
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 50px;
    border: 2px solid #D3D3D3;
    position: absolute;
    bottom: 0;
    right: 0;
}
.text-center::after {
display: inline-block;
    width: 30px;
    height: 13px;
    content: "";
    background: url(img/linea-anaranjado.png);
    background-repeat: no-repeat;
    background-size: auto 13px;
    vertical-align: middle;

}
.slick-prev:before, .slick-next:before {
    color: #f95853 !important;
}
.banner-egt-fondo-color {
    background: linear-gradient(0deg, rgb(0 0 0 / 88%) 0%, rgb(0 0 0 / 0%) 44%);
   
}

/*/*===================responsive=========================*/ 


@media screen and (max-width:1350px){
	.footer-widgets {
    background-size: 80%;
}
	.footer-widgets {
    background-size: 80%;
}
	.gatewey-t::before {
    display: none !important;

}
	.gatewey::before {
    display:none !important;

}
	.vc-hoverbox-block.vc-hoverbox-front {
    background-size: 100%;
}
	}
@media screen and (max-width:1255px){
	.site-logo {
    margin-left: 50px;
}
	.footer-widgets {
    background-size: 90%;
}
	.widget ul li {
    font-size: 14px;
}
	.wp-block-image img {
    max-width: 85%;
    margin-left: 10%;
}
	.inside-footer-widgets {
    grid-template-columns: 20% 70%;
}
	.gatewey-imagen-dos img {
     position: inherit; 
     top: 0; 
     right: 0;
     width:100%; 
}
	.vc-hoverbox-block.vc-hoverbox-front {
    background-size: 90%;
}
	.vc_empty_space {
    height: 80px !important;
}
	.tokenizacion {
    margin-top: 0%;
}
}
@media screen and (max-width:1175px){
.formulario input[type="submit"] {
    width: 23%;
}
	.canales h2
{
   font-size: 18px !important
}
	}
@media screen and (max-width:1150px){
.wp-block-image img {
    max-width: 85%;
    margin-left: 15%;
}
	label.solicitud-c {
    width: 69%;
    display: inline-block;
}
	label.boton {
    width: 30%;
    display: inline-block;
		position: absolute;
}
	.boton::before {
       width: 100%;
    bottom: 37px;
    right: 1%;
    height: 22%;
}
	.formulario input[type="submit"] {
    width: 80%;
}

}
@media screen and (max-width:1100px){
.widget ul li {
    font-size: 14px;
    padding: 5px;
}
	.wp-block-image img {
    max-width: 75%;
    margin-left: 20%;
}
	.vc-hoverbox-block.vc-hoverbox-front {
    background-size: 90%;
    background-position: 50% 90px !important;
}

.robusto img {
    width: 60%;
    position: absolute;
    top: -91px;
    left: 22%;
}
}


@media screen and (max-width: 1000px){
.footer-widgets-container {
    padding: 1% 12% 0;
}
	.inside-footer-widgets {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    align-content: space-evenly;
    align-items: center;
    justify-content: space-around;
    justify-items: start;
}
	.wp-block-image img {
    max-width: 70%;
    margin-left: 0%;
}
	.contactenos-informacion >div >div {
    background: #F5F5F5;
    border-radius: 100px;
    margin: 0px 7%;
}
	.alto-nivel > div {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100%;
    padding: 5px;
}
	.alto-nivel p {
    padding: 30px 10px;
}
	.facilidad-a img {
    width: 100%;

}
}


@media screen and (max-width: 975px){
.main-navigation .main-nav ul li a {
    margin: 0px 5px;
	  padding-left: 5px;
    padding-right: 5px;
}
@media screen and (max-width: 948px){ 
	.footer-widgets {
    position: absolute;
    bottom: 0;
    background: url(img/footer.svg)no-repeat center top transparent;
        background-size: auto;
    margin: auto;
    left: 0;
    right: 0;
    background-size: auto 109% !important;
    padding-top: 40px;
}
	
}
}
@media screen and (max-width: 900px){
.site-logo {
    margin-left: 0;
}
	.site-header {
    background: url(img/header.svg)no-repeat -21px bottom;
    height: 221px !important;
}
	.banner-egt {
    height: 433px;
}
	span.banner-egt-fondo-titulo {
    font-size: 36px;
}
	span.banner-egt-fondo-subtitulo {
    font-size: 27px;
}
	.banner-egt-fondo.banner- {
    width: 70%;
    margin-left: 10%;
}
}
@media screen and (max-width: 850px){

.banner-egt {
    height: 390px;
}
	.robusto img {
    width: 70%;
    position: absolute;
    top: -67px;
    left: 10%;
}
}
@media screen and (max-width: 873px){
.main-navigation .main-nav ul li a {
    margin: 0px 4px;
    padding-left: 4px;
    padding-right: 4px;
	}
}
@media screen and (max-width: 800px){
.site-header .header-image {
    width: 160px;
}
.site-header {
    background: url(img/header.svg)no-repeat -26px bottom;
    height: 200px !important;
    z-index: 1000;
}


	.site-logo {
    margin-left: 17px;
}
.banner-egt {
    height: 388px;
}
	
}
@media screen and (max-width:768px){
button.menu-toggle {
    padding: 10px;
    margin-right: 25px;
    font-size: 25px;
}
	svg {
    color: #f95751;
}
	.main-nav {
	background: #f5f5f5d9;
    position: absolute;
     right: 6%;
    top: 1%;
}
	.site-header {
    background: url(img/header.svg)no-repeat left bottom;
    height: 130px !important;
    z-index: 1000;
    background-position: 0px bottom !important;
    background-size: cover;
}
		.banner-egt {
    height: 350px;
 
}
	.clientes img {
    width: 50%;
}
	.inside-footer-widgets>div:not(:last-child) {
    margin-bottom: 10px;
}
	.wp-block-image img {
    width: 40%;
    margin-left: 0%;
}
	.widget ul li {
    font-size: 12px;
    padding: 5px;
}
	
	span.banner-egt-fondo-titulo {
    font-size: 30px;
}
	span.banner-egt-fondo-subtitulo {
    font-size: 28px;
}
	.vc-hoverbox-block.vc-hoverbox-front {
    background-size: 44%;
}
	.alto-nivel >div {
    background-size: 50%;
    background-position: center;
}
	.alto-nivel p {
    padding: 0 30%;
}
	.alto-nivel {
    margin-bottom: 3%;
}
		.circulo >div {
    background-size: 40%;
}
	.circulo-l::before {
    display: none;
}
	.circulo-l::after {
    display: none!important;
}
	.circulo {
    margin-bottom: 5%;
}
	.circulo-text {
    margin: 0px 30%;

}
	.footer-widgets {
    position: absolute;
    bottom: 0;
    background: url(img/footer.svg)no-repeat 6% top transparent;
        background-size: auto;
    margin: auto;
    left: 0;
    right: 0;
    background-size: auto 109% !important;
    padding-top: 40px;
}

	.formulario {
    margin-bottom: 30% !important;
}
	    .contactenos-informacion >div::before {
    background-position: 0px bottom !important;
    background-size: 50%;
			top: 83%;
}
	img.wp-image-550 {
    display: block;
    width: 50px !important;
    height: 50px;
    background: url(img/BotonFlotante.png);
    position: fixed;
    z-index: 100;
    right: 0;
    bottom: 20%;
    background-size: 120px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10000;
}
	.contactenos-informacion {
    margin-bottom: 17%;
		}
	.boton::before {
    height: 33%;
}
.alto-nivel-dos img {
    width: 50%;
}

 .sidenav {
    height: 100%; 
    width: 70%;
    max-width:400px; 
    position: fixed; 
    z-index: 100000;
    top: 0;
    left: -100%;
    background-color: #F0F0F0; 
    overflow-x: hidden; 
    padding-top: 60px;
    transition: 0.5s; 
    max-width: 350px;
    display:block;
  }
   .sidenav li{
      display: block;
      width: 100%;
  }
    .sidenav a {
    padding: 8px !important;
    color: #20519D !important;
    display: block;
    transition: 0.3s;
    text-align: left;
  }
    .sidenav a:hover {
    color: #20519D;
  }
    .sidenav a:hover::before {
        top: 0;
        width: 5px;
        height: 100%;
    }
    .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    z-index: 1000;
  }
  .sidenav .main-nav {
    background: transparent;
    position: relative;
  }
	 .alto-nivel-dos {
    background-size: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.robusto img {
    width: 19%;
    position: absolute;
    top: -80px;
    left: 40%;
}
	 } /*end 768*/
  @media screen and (max-width: 650px) {
.banner-egt {
    height: 310px;
}
	  }
@media screen and (max-width:600px){
 .banner-egt {
    height: 300px;
}
	.banner-egt-fondo.banner- {
    width: 90%;
    margin-left: 0%;
}	
.widget ul li {
    margin-left: 5px;
}
	.inside-footer-widgets>div:not(:last-child) {
    margin-bottom: 0;
}
	.widget ul li::before {
    display: none;
    
}
	.wp-block-image img {
    width: 36%;
    margin-left: 0%;
}

}
  @media screen and (max-width:550px) {
		.banner-egt {
 		   height: 270px;
}
	  }
   
@media screen and (max-width: 450px)
   {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  
  .mobile-menu-control-wrapper{
      display: none !important;
  }
  .button-mobile {
    position: absolute;
    right: 8%;
    z-index: 1000000;
    top: 10%;
  }
  .button-mobile *{
      display:block;
  }

}

@media screen and (max-width:500px){

}
@media screen and (max-width:425px){

}
@media screen and (max-width: 375px){

}
@media screen and (max-width: 320px){

}










/*/*===================fin-responsive=========================*/