/* RESETERS Y VARIOS */
body {font-family: 'Open Sans', sans-serif; overflow-x:hidden !important; color: #272727; /*PARA MODAL --->*/ padding-right: 0 !important}

html,body{ overflow-x:hidden !important;} 

@media screen and (max-width:767px){
.pull-right-responsive{float:right !important;}
.pull-left-responsive{float:left !important;}
}




.grid-space-0{margin:0;padding:0}
.row-space-0 {margin-bottom:0!important; padding-bottom:0!important;  padding-top:0!important;  margin-top:0!important; }
.row-separator-0 {margin-left:0!important; padding-left:0!important;  padding-right:0!important;  margin-right:0!important; }

.clearfix() {
  *zoom: 1;
  &:before,
  &:after {
    display: table;
    content: "";
  }
  &:after {
    clear: both;
  }
}
.bordes-rectos {border-radius:0 !important;}
.no-border {border:0 !important;}

.border-bottom-1 {border-bottom:1px solid #D8D8D8 !important;}
.border-right-1 {border-right:1px solid #D8D8D8 !important;}

.main-container{padding:0; width:100%!important; }

.display-inline{display:inline !important; }

.text-300{font-weight:300  !important; }
.text-400{font-weight:400  !important; }
.text-600{font-weight:600  !important; }
.text-700{font-weight:700  !important; }
.text-800{font-weight:800  !important; }

.display_mobile{display:none !important;}
.display_mobile-block{display:none !important;}

@media (max-width: 767px){
.text-left-mobile {text-align:left !important;}
.text-center-mobile {text-align:center !important;}
.text-left-mobile {text-align:left!important;}
.hidden_mobile{display:none !important;}
.display_mobile{display:inline !important;}
.display_mobile-block{display:block !important;}
}

.full-width{width:100% !important;}

.pointer-cursor  {cursor:pointer;}

.bordered {border: 1px solid #ccc}

.display-block {display: block;}

.border-radius-5 {border-radius: 5px}
	
@media (min-width: 767px){
.border-top-xubio {border-top: 1px solid #F4F4F4;}
	.min-height-mobile {min-height: 315px !important; }
}


/* COLORES */
.black {color:#272727;}
.white {color:#FFF;}
.grey {color:#7D7D7D;}
.dark-grey {color:#656565;}
.bg-white {background-color:#FFF !important;}
.bg-grey {background-color:#F8F8F8;}
.bg-dark-grey {background-color:#333;}
.celeste {color: #0EBCE7;}
.bg-light-grey {background-color: #F4F4F4 !important;}
.azul {color: #2478C7;}
.azul-oscuro {color: #155693}
.bg-azul {background-color: #2478C7;}
.bg-footer {background-color: #333D4C ;}
.gris-footer {color: #88919E ;}
.verde {color: #9ACC23 !important;}
.bg-gris-modal {background-color: #f5f5f5 !important;}


.link-gris {color: #797979; text-decoration: none;}
.link-gris:hover {color: #2478C7; text-decoration: none;}

.link-celeste {color: #0EBCE7; text-decoration: none;}
.link-celeste:hover {color: #093864; text-decoration: none;}

.link-gris-footer {color: #88919E; text-decoration: none;}
.link-gris-footer:hover {color: #FFF; text-decoration: none;}

.link-azul {color: #155693; text-decoration: none;}
.link-azul:hover {color: #051524; text-decoration: none;}

.badge-verde {background-color: #9ACC23 !important;}

.link-verde {color: #9ACC23; text-decoration: none;}
.link-verde:hover {color: #678819; text-decoration: none;}

span.termino {
	font-weight: 400;
	text-decoration: underline;
}

#afipImg {height: 75px !important; width: 55px !important;}

/*-----------------------------------*/


/*-----------NAVBAR---------------*/
.dropdown:hover>.dropdown-menu {display: block;}

.navbar-xubio {padding: 10px 0 10px 0; background-color: #FFF; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);   position: -webkit-sticky;  position: sticky;  top: 0; z-index: 1040;}

.link-navbar {font-size: 16px; color:#272727; text-decoration: none; font-weight: 700;}
.link-navbar:hover {color:#2478C7; background-color: #E2F1FF; border-radius: 2px;}
.link-navbar:active {color:#2478C7; background-color: #E2F1FF; border-radius: 2px;}

.link-navbar.active {color:#2478C7; background-color: #E2F1FF; border-radius: 2px;}

.nav-item {margin: 0 5px 0 5px;}

.drop-xubio {border:0px; border-bottom: 2px solid #0EBCE7; border-radius: 0; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12);}

.drop-xubio {margin: 0 !important; padding: 0 !important; min-width: 170px;}
.drop-xubio .dropdown-item {margin: 0; padding: 13px; border-radius: 0; font-size: 14px; text-align: center;}
.drop-xubio .dropdown-item:hover {background-color: #0EBCE7; color: #fff;}

.txt-atencion {font-size: 14px; margin-bottom: 0;}

.barra-superior-desktop {height: 60px;}

.sticky { position: fixed;  top: 0;  width: 100%; z-index: 9999;}
.sticky + main {  padding-top: 60px;}

@media (max-width: 1200px){
.link-navbar {font-size: 13px;}
}


@media (max-width: 767px){
.sticky { position:relative !important; top: auto !important;  width: 100%; z-index: 9999;}
.sticky + main {  padding-top: 0 !important;}
}
/*-------- CARROUSEL -------------*/

.inside-carrousel {position: absolute; z-index: 1001; }

.bg-azul-slider { background-color: rgba(9, 56, 100, 0.8); }

.bg-celeste-slider { background-color: rgba(52, 159, 183, 0.8); }

.bg-celeste-slider h1 { line-height: 35px !important; font-size: 35px; letter-spacing: 0 !important; padding-bottom:  10px !important; }

.inside-carrousel h1 {font-size: 40px; color: #FFF; line-height: 50px; font-weight: 300; margin: 0; padding: 0 0 15px 0; }

@media (max-width: 767px){
.inside-carrousel h1 {font-size: 32px; color: #FFF; line-height: 50px; font-weight: 300; margin: 0; padding: 0 0 15px 0; }
}

.min-vh-50px {height: 50px;}

/* .carousel img {
    min-height: 550px;
    margin: 0 auto;
	object-fit: cover;
} */


@media (max-width: 1200px){
.inside-carrousel h1 {font-size: 35px;}
}


/* Only Safari 10.1+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

    .inside-carrousel h1 {font-size: 38px; }
}}


/*--------------PORTADA -------------*/

.jumbo-first {background-color: #155693; }

.jumbo-first .container-fluid {padding: 0; margin-bottom: 0; background: url(../img/enmascarar.png); top left no-repeat; padding-top: 37px; padding-bottom: 37px;}

.jumbo-second {height: 110px; background-color: #093864;}

.jumbo-fact-electronica {background-color: #093864;}

.jumbo-4 { background-color:#2478C7; padding-top: 28px; padding-bottom: 25px;}

.jumbo-gris {min-height: 170px; background-color:#f5f5f5; padding-top: 50px;}

.texto-necesita-portada {font-size: 35px; line-height: 48px; font-weight: 700; text-align: center; padding-bottom: 10px;}

.necesidad-empresa {padding-left: 35px; padding-right: 35px;}

.necesidad-empresa i {text-align: center;}

.necesidad-empresa h2, .necesidad-empresa h3, .necesidad-empresa h4  {font-size: 18px; color: #0EBCE7; line-height: 21px;  padding-top: 15px; font-weight: 700;}

.necesidad-empresa p {font-size: 14px; color: #272727;}


.row-google-cloud {padding-top:80px; padding-bottom: 80px;}

@media screen and (max-width: 767px){ .necesidad-empresa {padding-left: 0; padding-right: 0;} .row-google-cloud { padding-top: 40px; padding-bottom: 40px;}}



.owl-medios .owl-nav {display: none !important;}

.owl-medios img {width: inherit !important; margin-left: auto !important; margin-right: auto !important; max-width: 150px !important;}


@media screen and (max-width: 767px){ 
  .owl-medios img {max-width: 100px !important;}
}



.tit-xubio-medios {font-size: 28px; color: #272727; text-align: center; padding-top: 30px; padding-bottom: 30px; font-weight: 700;}

.usalo-cuando-quieras {background-color: #155693;}

.usalo-cuando-quieras h2, .usalo-cuando-quieras h3, .usalo-cuando-quieras h4  {color: #fff; font-size: 45px; color: #fff; line-height: 48px; font-weight: 700; padding-top: 110px ;}

.testimonios {background-color: #FAFAFA; padding-top: 70px; padding-bottom: 70px;}

.testimonios h3 {color: #0EBCE7; font-size: 24px; font-weight: 700;}

.testimonios h4 {color: #272727; font-size: 24px; font-weight: 400;}

.testimonios {
  background-color: #fff;
  padding-top: 70px;
  padding-bottom: 70px;
}

.testimonios h2 {
  color: #0ebce7;
  font-size: 24px;
  font-weight: 700;
}


.nuestros-socios {border-bottom: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE;}

/*-----DISABLE OWLCARROUSEL ON DEKSTOP-----*/
@media (min-width: 991px){
.owl-medios .owl-stage{width:100% !important;transition:inherit !important;transform:inherit !important;}
.owl-medios .owl-item {margin-right: 8px !important;}
}

/*--------- TABLA PLANES --------*/

.table th, .table td {vertical-align: middle !important;}


.tabla-planes {
  border-collapse: collapse;
  border-spacing: 10px 0;
}

.tabla-planes td {
  border: 0;
  border-bottom: 1px solid #ddd;
}


.spec-tabla-titulo {padding: 10px 17px 10px 17px !important; width: 366px; font-size: 14px; font-weight: 400; border: 1px solid #D7D7D7; border-bottom: 0px; }

.spec-tabla {font-size: 14px; font-weight: 400; border: 1px solid #D7D7D7; border-bottom: 0px;	padding: 10px 0 10px 0 !important;
	width: 160px; }


.border-bottom-table {border-bottom: 1px solid #D7D7D7; }

.cell-no-border {border: 0 !important;}

.spec-tabla-recomendado {border-left:4px solid #9ACC23 !important; border-right:4px solid #9ACC23 !important; }
.spec-tabla-recomendado-promo {
  border-left: 4px solid #e93e8c !important;
  border-right: 4px solid #e93e8c !important;
  padding: 4px 0 4px 0 !important;
}

.lista-recomendado {border:4px solid #9ACC23 !important; margin-bottom: 0; padding-bottom: 15px; border-top-left-radius: 4px; border-top-right-radius: 4px;}

.tit-recomendado {background-color: #9ACC23; padding: 3px;}

.border-bottom-table-recom {border-bottom: 3px solid #9ACC23 !important; }

.border-bottom-table-recom-promo {
  border-bottom: 3px solid #e93e8c !important;
}

.table-bg-gris {background-color: #F6F6F6 !important;}

.table-bg-celeste {background-color: #0EBCE7 !important;}

.price-tabla {color: #0EBCE7 !important; font-weight: 700; font-size: 25px;}

.tit-tabla-recomen {background-color: #9ACC23 !important; color: #fff; font-weight: bold; border-top-left-radius:3px; border-top-right-radius: 3px; padding: 5px !important; }

.tit-tabla-recomen-promo {
  background-color: #e93e8c !important;
  color: #fff;
  font-weight: bold;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 5px !important;
}

.border-medios-de-pago {border: 3px solid #F4F4F4; border-radius: 1px; padding: 15px;}

/*-------- PLANES MOBILE -------------*/

.tit-plan-mobile {background-color: #0EBCE7 !important; color: #fff; text-transform: uppercase; height: 50px; font-size: 14px; font-weight: 700; text-align: center; padding-top: 13px;}

.tit-gratis-mobile {font-size: 35px; letter-spacing: 1px; color: #0EBCE7; font-weight: 700; text-align: center; padding-top: 25px; padding-bottom: 25px;}

.caract-plan-mobile {margin: 0 18px 0 18px; padding: 0;}



.caract-plan-mobile p {
  font-size: 16px;
  padding: 7px 0 7px 0;

  text-align: center;
  margin-bottom: 0;
}

.caract-plan-mobile .border-top-plan {
  padding: 13px 0 13px 0;
  border-top: 1px solid #d6d6d6;
}



/*---- MODALS -----------------*/

.modal-login {max-width: 370px !important;}
.modal-registro {max-width: auto !important;}

/*-------- FOOTER ---------------*/
.navfooter li {margin-bottom: 20px;}
.navfooter li a {font-size: 16px; color: #B4C3DA; text-decoration: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.navfooter li a:hover { color: #FFF; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;  }

.select-pais {color: #fff; font-weight: 700; border: 0; background: url("../img/icons/c.png") no-repeat 95% center #4C5562  !important;}

.pb-footer {padding-bottom: 70px;}

/*---- TOOLTIP -----------*/

.tooltip    { background: #FFF !important; width: 300px !important;  border: 1px solid #BFBFBF; margin-bottom: 10px;  }

.tooltip .tooltip-inner   {background: #FFF !important; color: #272727 !important;  width: 300px !important; }

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {    border-top-color: #BFBFBF !important;}

.tooltip{
  width:100%;
  left:0 !important;
  right:0  !important;
}



/*********** SECCIONES ****************/


/*---- COMO FUNCIONA --------------*/

.bg-como-funciona {background-image: url(../img/como-funciona/mascara.png); background-repeat: no-repeat;  background-color: #155693; background-position: top right;}

.bg-contacto {background-image: url(../img/mascara-grande-izq.png); background-repeat: no-repeat;  background-color: #155693; background-position: top left; min-height: 170px;}

.interlineado22px {line-height: 22px;}
.interlineado30px {line-height: 30px;}

/*---- FACT ELECTRONICA ----------*/
.como-funciona-paso {background-color: #155693; font-size: 35px; color: #fff; font-weight: 700; text-align: center; border-bottom-left-radius: 3px; border-top-left-radius: 3px; border: 1px solid #155693; padding-top: 3px; }
.como-funciona-texto {font-size: 14px; color: #272727;  font-weight: 400; text-align: left; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border: 1px solid #155693; padding: 10px; min-height: 75px; }

/*---------- MOBILE -------------*/
.pt-25-desktop {padding-top:25;}

@media screen and (max-width: 767px){
.margin-50-row-desktop {margin: 0;}
.pt-25-desktop {padding-top:0;}
.padding-clear-mobile {padding:0 !important;}
.solucion-index-mobile {font-size: 32px; letter-spacing: -1px; }
.carousel img { max-height: 640px; }
.jumbo-first  {max-height: 200px;  }
.jumbo-first .container-fluid {background-image: url(../img/mobile/enmascarar.png) !important; background-size: contain !important; background-repeat: none; padding-top: 30px !important; padding-bottom: 30px !important; }
.jumbo-second {min-height: 180px; line-height: 30px; }
.jumbo-second img {margin-right: 0 !important; margin-bottom: 10px;}
.texto-necesita-portada {font-size: 28px; line-height: 35px; }
.pt-70{padding-top:30px !important;}
.pb-70{padding-bottom:30px !important;}
.margin-50-row-desktop {margin: 0px !important;}
.necesidad-empresa h2 {font-weight: bold;}
.bg-light-grey-mobile {background-color: #F4F4F4 !important; padding-top: 15px; padding-bottom: 15px;}
.owl-medios .owl-stage-outer .owl-stage .owl-item {width: 130px !important; }	
.owl-medios { max-height: 40px !important;}
.usalo-cuando-quieras h3, .usalo-cuando-quieras h4 {font-size: 25px; line-height: 35px;  padding-top: 0px; text-align: center; padding-bottom: 20px;}
	
.pt-30{padding-top:15px !important;}
.pb-30{padding-bottom:15px !important;}

.testimonios {padding-top: 50px;padding-bottom: 40px;}	
.jumbo-4  {padding-top: 20px;}	
.jumbo-4 p {font-weight: 400 !important;}	

.pb-footer {padding-bottom: 0px;}

.pt-15-mobile {padding-top: 15px;}
.pt-50-desktop  {padding-top: 0 !important;}
.pt-15-desktop  {padding-top: 0 !important;}
.pb-15-mobile{padding-bottom: 15px !important;} 
.txt14-mobile {font-size: 14px !important;}	
.bg-gris-mobile {background-color: #ededed; border-radius: 3px;}

.pt-40-desktop  {padding-top: 0px !important;}

.navbar-xubio {	padding: 5px 0 5px 0;}
.link-navbar {padding: 10px !important}

.drop-xubio .dropdown-item { text-align: left;}
.pb-110{padding-bottom:30px !important;}
.pt-20-desktop {padding-top: 10px !important;}
.pb-40-desktop {padding-bottom: 20px !important;}	
.pt-50{padding-top:30px !important;}	
.pt-10-mobile{padding-top:10px !important;}
.pt-20-mobile{padding-top:20px !important;}
.pt-30-mobile{padding-top:30px !important;}
.vh-180px {height: 180px !important; min-height: 180px !important; }

.bg-white-mobile {background-color: #fff !important; padding-bottom: 50px; padding-top: 20px;}
	
	.pb-30-mobile {padding-bottom: 30px;}	
}

.pt-10-mobile{padding-top:10px !important;}	
.pt-10-mobile{padding-top:5px !important;}

@media screen and (max-width: 375px){
.br-375 {display: block;}
}

@media screen and (min-width: 376px){
.br-375 {display: none;}
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}


/*--------- MARGINS *----------------*/
.margin-clear {margin:0 !important;}
.margin-30 {margin:30px !important;}
.margin-25 {margin:25px !important;}
.margin-10 {margin:10px !important;}
.margin-50 {margin:50px !important;}

.mt-0 {margin-top:0px !important;}
.mt-3 {margin-top:3px !important;}
.mt-5 {margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-12{margin-top:12px !important;}
.mt-15{margin-top:15px !important;}

.mt-20{margin-top:20px !important;}
.mt-22{margin-top:22px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}
.mt-39{margin-top:39px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.mt-60{margin-top:60px !important;}
.mt-58{margin-top:58px !important;}
.mt-80{margin-top:80px !important;}

.mb-0 {margin-bottom:0px !important;}
.mb-3 {margin-bottom:3px !important;}
.mb-5 {margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-25{margin-bottom:25px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-50{margin-bottom:50px !important;}

.ml-0 {margin-left:0px !important;}
.ml-5 {margin-left:5px !important;}
.ml-10{margin-left:10px !important;}
.ml-15{margin-left:15px !important;}
.ml-20{margin-left:20px !important;}
.ml-25{margin-left:25px !important;}
.ml-30{margin-left:30px !important;}
.ml-40{margin-left:40px !important;}
.ml-50{margin-left:50px !important;}

.mr-0 {margin-right:0px !important;}
.mr-5 {margin-right:5px !important;}
.mr-10{margin-right:10px !important;}
.mr-15{margin-right:15px !important;}
.mr-20{margin-right:20px !important;}
.mr-25{margin-right:25px !important;}
.mr-30{margin-right:30px !important;}
.mr-40{margin-right:40px !important;}
.mr-50{margin-right:50px !important;}

.ml-15-desktop {margin-left: 15px;}
.margin-50-row-desktop {margin-left: 50px; margin-right: 50px;}
/*----------------------------------*/

/*--------- PADDINGS  *----------------*/

.padding-clear {padding:0 !important;}

.pt-0 {padding-top:0px !important;}
.pt-3 {padding-top:3px !important;}
.pt-5 {padding-top:5px !important;}
.pt-4 {padding-top:4px !important;}
.pt-8 {padding-top:8px !important;}
.pt-9 {padding-top:9px !important;}
.pt-10{padding-top:10px !important;}
.pt-12{padding-top:12px !important;}
.pt-13{padding-top:13px !important;}
.pt-14{padding-top:14px !important;}
.pt-15{padding-top:15px !important;}
.pt-17{padding-top:17px !important;}
.pt-18{padding-top:18px !important;}
.pt-20{padding-top:20px !important;}
.pt-23{padding-top:23px !important;}
.pt-25{padding-top:25px !important;}
.pt-30{padding-top:30px;}
.pt-35{padding-top:35px !important;}
.pt-40{padding-top:40px !important;}
.pt-50{padding-top:50px;}
.pt-70{padding-top:70px;}
.pt-80{padding-top:80px !important;}
.pt-90{padding-top:90px !important;}
.pt-110{padding-top:110px !important;}
.pt-130{padding-top:130px !important;}
.pt-150{padding-top:150px !important;}
.pt-180{padding-top:180px !important;}
.pt-200{padding-top:200px !important;}

.pb-0 {padding-bottom:0px !important;}
.pb-5 {padding-bottom:5px !important;}
.pb-8 {padding-bottom:8px !important;}
.pb-9 {padding-bottom:9px !important;}
.pb-10{padding-bottom:10px !important;}
.pb-12{padding-bottom:12px !important;}
.pb-13{padding-bottom:13px !important;}
.pb-15{padding-bottom:15px !important;}
.pb-16{padding-bottom:16px !important;}
.pb-18{padding-bottom:18px !important;}
.pb-20{padding-bottom:20px !important;}
.pb-25{padding-bottom:25px !important;}
.pb-30{padding-bottom:30px;}
.pb-35{padding-bottom:35px !important;}
.pb-40{padding-bottom:40px !important;}
.pb-50{padding-bottom:50px !important;}
.pb-60{padding-bottom:60px !important;}
.pb-70{padding-bottom:70px ;}
.pb-80 {padding-bottom:80px !important;}
.pb-90{padding-bottom:90px !important;}
.pb-100{padding-bottom:100px !important;}
.pb-110{padding-bottom:110px;}
.pb-130{padding-bottom:130px !important;}

.pl-0 {padding-left:0px !important;}
.pl-3 {padding-left:3px !important;}
.pl-5 {padding-left:5px !important;}
.pl-10{padding-left:10px !important;}
.pl-12{padding-left:12px !important;}
.pl-15{padding-left:15px !important;}
.pl-18{padding-left:18px !important;}
.pl-20{padding-left:20px !important;}
.pl-25{padding-left:25px !important;}
.pl-30{padding-left:30px !important;}
.pl-35{padding-left:35px !important;}
.pl-40{padding-left:40px !important;}
.pl-50{padding-left:50px !important;}
.pl-70{padding-left:70px !important;}

.pr-0 {padding-right:0px !important;}
.pr-3 {padding-right:3px !important;}
.pr-5 {padding-right:5px !important;}
.pr-8{padding-right:8px !important;}
.pr-10{padding-right:10px !important;}

.pr-12{padding-right:12px !important;}
.pr-18{padding-right:18px !important;}
.pr-20{padding-right:20px !important;}
.pr-25{padding-right:25px !important;}
.pr-30{padding-right:30px !important;}
.pr-35{padding-right:35px !important;}
.pr-40{padding-right:40px !important;}
.pr-50{padding-right:50px !important;}
.pr-70{padding-right:70px !important;}

.padding-3{padding:3px !important;}
.padding-5{padding:5px !important;}
.padding-10{padding:10px !important;}
.padding-15{padding:15px !important;}
.padding-20{padding:20px !important;}
.padding-25{padding:25px !important;}
.padding-35{padding:35px !important;}
.padding-45{padding:45px !important;}
.padding-50{padding:50px !important;}

.pt-8-desktop {padding-top:8px;}
.pt-15-desktop  {padding-top: 15px;}
.pt-50-desktop  {padding-top: 50px;}
.pt-40-desktop  {padding-top: 40px;}
.pt-20-desktop {padding-top: 20px;}
.pb-40-desktop {padding-bottom: 40px;}
.ajuste-inf-padding {padding-top: 70px; padding-bottom: 70px;}

.padding-15-desktop{padding:15px;}

/*----------------------------------*/


/*------------ FONT SIZES --------------*/
.txt6 {font-size:6px !important;}
.txt8 {font-size:8px !important;}
.txt10 {font-size:10px !important;}
.txt12 {font-size:12px !important;}
.txt13 {font-size:13px !important;}
.txt14 {font-size:14px !important;}
.txt15 {font-size:15px !important;}
.txt16 {font-size:16px !important;}
.txt18 {font-size:18px;}
.txt20 {font-size:20px !important;}
.txt24 {font-size:24px !important;}
.txt25 {font-size:25px !important;}
.txt28 {font-size:28px !important;}
.txt30 {font-size:30px !important;}
.txt35 {font-size:35px !important}
.txt40 {font-size:40px !important;}
.txt45 {font-size:45px !important;}
.txt50 {font-size:50px !important;}
.txt60 {font-size:60px !important;}
.txt65 {font-size:65px !important;}
.txt70 {font-size: 60px;}

.txt14-mobile {font-size: 18px;}

@media screen and (max-width: 767px){
.txt35 {font-size:28px;}
.pt-110{padding-top:40px !important;}
.padding-15-desktop{padding:18px 0 18px 0 !important;}
}

/**************** BUTTONS ******************/


.btn-azul { 
  color: #ffffff; 
  background-color: #2478C7; 
  border-color: #2478C7; 
} 
 
.btn-azul:hover, 
.btn-azul:focus, 
.btn-azul:active, 
.btn-azul.active, 
.open .dropdown-toggle.btn-azul { 
  color: #ffffff; 
  background-color: #155693; 
  border-color: #155693;  
} 
 
.btn-azul:active, 
.btn-azul.active, 
.open .dropdown-toggle.btn-azul { 
  background-image: none; 
} 
 
.btn-azul.disabled, 
.btn-azul[disabled], 
fieldset[disabled] .btn-azul, 
.btn-azul.disabled:hover, 
.btn-azul[disabled]:hover, 
fieldset[disabled] .btn-azul:hover, 
.btn-azul.disabled:focus, 
.btn-azul[disabled]:focus, 
fieldset[disabled] .btn-azul:focus, 
.btn-azul.disabled:active, 
.btn-azul[disabled]:active, 
fieldset[disabled] .btn-azul:active, 
.btn-azul.disabled.active, 
.btn-azul[disabled].active, 
fieldset[disabled] .btn-azul.active { 
  background-color: #2478C7; 
  border-color: #2478C7; 
} 
 
.btn-azul .badge { 
  color: #2478C7; 
  background-color: #ffffff; 
}


/****/


.btn-verde { 
  color: #ffffff; 
  background-color: #9ACC23; 
  border-color: #9ACC23; 
} 
 
.btn-verde:hover, 
.btn-verde:focus, 
.btn-verde:active, 
.btn-verde.active, 
.open .dropdown-toggle.btn-verde { 
  color: #ffffff; 
  background-color: #769A21; 
  border-color: #769A21;
} 
 
.btn-verde:active, 
.btn-verde.active, 
.open .dropdown-toggle.btn-verde { 
  background-image: none; 
} 
 
.btn-verde.disabled, 
.btn-verde[disabled], 
fieldset[disabled] .btn-verde, 
.btn-verde.disabled:hover, 
.btn-verde[disabled]:hover, 
fieldset[disabled] .btn-verde:hover, 
.btn-verde.disabled:focus, 
.btn-verde[disabled]:focus, 
fieldset[disabled] .btn-verde:focus, 
.btn-verde.disabled:active, 
.btn-verde[disabled]:active, 
fieldset[disabled] .btn-verde:active, 
.btn-verde.disabled.active, 
.btn-verde[disabled].active, 
fieldset[disabled] .btn-verde.active { 
  background-color: #9ACC23; 
  border-color: #9ACC23; 
} 
 
.btn-verde .badge { 
  color: #9ACC23; 
  background-color: #ffffff; 
}

/*----------- TESTIMONIOS ------------*/

.shadow-effect { background: #fff;padding: 20px;border-radius: 4px;text-align: center;border:1px solid #ECECEC; box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);		}

#customers-testimonials .shadow-effect .contenido-testiomonio p { font-family: 'Playfair Display', serif; font-size: 19px;line-height: 30px;text-align: left;		}
		
#customers-testimonials .item { text-align: center; padding: 50px ;margin-bottom:0px; opacity: .2;-webkit-transform: scale3d(0.8, 0.8, 1)transform: scale3d(0.8, 0.8, 1); -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

@media screen and (max-width: 767px){
#customers-testimonials .owl-stage-outer {margin-top: 30px; box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02); }	
#customers-testimonials .shadow-effect .contenido-testiomonio p {  font-size: 14px;line-height: 30px;	}
#customers-testimonials .item {  padding: 0px }
#customers-testimonials.owl-carousel .owl-dots{margin-top: 40px;}
}


#customers-testimonials .owl-item.active.center .item { opacity: 1;-webkit-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1);}

.owl-carousel .owl-item img {transform-style: preserve-3d;max-width: 90px;margin: 0 auto 17px;}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {background: #272727;}

#customers-testimonials.owl-carousel .owl-dots{display: inline-block;width: 100%;text-align: center;}

#customers-testimonials.owl-carousel .owl-dots .owl-dot span {background: #A0A0A0;display: inline-block;height: 10px;margin: 0 2px 5px;transition: all 250ms ease-out 0s;width: 10px;border-radius: 100%;}



/* -------------- FORMS XUBIO LOGIN Y REGISTRO ------------------*/

#loginForm input[type="text"],
#loginForm input[type="password"],
#loginForm select{
border-radius:5px !important;
}


#loginForm input[type="submit"] {
	font-weight: 700;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	border: none;
	font-size: 14px;
	margin-top: 5px;
	padding: 7px 25px !important;
	display: block;
	border-bottom: 3px solid #3a550f;
	margin: 25px auto 0px auto;
	color: #FFF;
	text-transform: uppercase;
	background: #2478C7 !important;  	
	border-radius: 4px;
	border: 1px solid #2478C7 !important;
	border-color:  #2478C7 !important;
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
}

#loginForm input[type="submit"]:hover {
  background: #155693 !important; 
  border-color: #155693 !important; 
  -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
}

#crearCuentaTitulo {text-align: center !important; width: 100% !important;}

#crearCuenta input[type="text"], #crearCuenta input[type="password"] {
border-radius:5px !important;
}

input[type="radio"], input[type="checkbox"] {
	margin-right: 10px !important;

}



#crearCuenta input[type="submit"] {
background: #9ACC23 !important; 
border-color: #9ACC23 !important;
box-shadow: 0 !important;
 -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
	box-shadow: none !important
}

#crearCuenta input[type="submit"]:hover {
background: #769A21 !important;  
border-color: #769A21!important; 
 -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;	
	box-shadow: 0 !important;
	box-shadow: none !important
}

#crearCuenta label {
	margin-bottom: 0 !important;
}

#crearCuenta #select_pais {
	height: 42px !important;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
}

#crearCuenta #select_tipocuenta {
	height: 42px !important;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
}

#crearCuenta #definirCodigoPromocional {	
	width: 100% !important;	
	text-align: center !important;
	margin: 0 0 15px 0 !important;
}
.g-recaptcha * {padding-right: 0 !important;}
.g-recaptcha {padding: 0 !important;}


#xubio-en-los-medios .owl-item {
max-width: 200px !important;
}

.table-bg-off {background-color: #A0CB3B; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 25px !important;}
.padding-0 {padding:0 !important}
@media screen and (max-width: 767px){
  .table-bg-off {height: auto!important;}
  }
  

.jumbo-gestionxubio {padding: 0; margin-bottom: 0; background:  #155693 url(../img/fondoSumate.png) top center no-repeat;}

/* UNIVERSIDADES */
.titUniversidades {
	font-size: 35px !important;
	color: #FFF;
	line-height: 40px  !important;
	font-weight: 300  !important;
	margin: 0;
	padding: 0 0 15px 0;
}

/* NOMINA */


.titIntegraciones h1 {
  font-weight: 300;
  text-transform: uppercase;
font-size: 35px;
line-height: 35px;
}

@media screen and (max-width: 767px) {
  .titIntegraciones h1 {
    font-size: 30px;
    line-height: 34px;
  }
}



.datosListaIntegraciones li {
  background-image: url(../img/integraciones/ic-chevron-right.svg);
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-left: 15px;
  font-size: 14px;
  padding-bottom: 10px;
}

.logosIntegraciones {
  max-width: 260px;
}


  .intoHeadIntegraciones {
   font-weight: normal !important;
  }

@media screen and (max-width: 767px) {
  .logosIntegraciones {
    max-width: 200px;
    margin-bottom: 20px;
  }
}

.bgGreyIntegraciones {
  background-color: #ececec;
  border-radius: 10px;
  padding: 40px 20px 40px 20px;
}

.shadowIntegraciones {
  box-shadow: 1px -1px 49px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px -1px 49px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px -1px 49px 0px rgba(0, 0, 0, 0.1);
}

.title-h2-integraciones {
  font-size: 24px;
}

.containerIntegracion {
  padding-bottom: 150px;
}

.containerIntegracion:last-child {
  padding-bottom: 100px;
}

.mainIntegraciones {
  padding-top: 150px;
}

@media screen and (max-width: 767px) {
  .title-h2-integraciones {
    font-size: 20px;
  }

  .containerIntegracion {
    padding-bottom: 30px;
  }

  .mainIntegraciones {
    padding-top: 50px;
  }
}


.bg-verde-slider { background-color: rgba(154, 204,35, 0.8); }

.titProximamente h1 {
font-size: 18px;
line-height: 35px;
text-align: center;
color: #FFFFFF;
font-weight: 700;
}
.bg-top-azul-nomina {
  background-image: url(../img/fondoLibroSueldos.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #093864;
  background-position: top left;
}

/*----------- NUEVA FACTURA ELECTRONICA -----------------*/
.bg-gris-fact-electronica {
  background-color: #fafafa;
}
.interlineado35px {
  line-height: 35px;
}
.celeste-fact-electronica {
  color: #13bce7 !important;
}
.bg-celeste-fact-electronica {
  background-color: #f4fbfd !important;
}
.dot-lista-fact {
  font-size: 5px !important;
  position: relative !important;
  top: 20px;
}

@-moz-document url-prefix() {
  .dot-lista-fact {
    top: 25px;
  }
}

.pt-25-fact {
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .pt-25-fact {
    padding-top: 0;
  }
}

.faqs-fact-electronica .card {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #ccc !important;
}
.faqs-fact-electronica .card-header {
  background: transparent !important;
  border: none !important;
}
.faqs-fact-electronica .card-header h3 {
  margin-bottom: 0 !important;
  padding-top: 10px;
  padding-bottom: 10px;
}
.faqs-fact-electronica .card-body {
  padding-top: 5px;
}

.card-link[aria-expanded="true"] h3 {
  font-weight: bold !important;
}

.card-link.collapsed h3 {
  font-weight: normal;
}

.faqs-fact-electronica .card-link:after {
  font-family: "FontAwesome";
  content: "\f067";
  position: absolute;
  right: 5px;
  top: 15px;
  color: #13bce7;
}

.faqs-fact-electronica .card-link[aria-expanded="true"]:after {
  font-family: "FontAwesome";
  content: "\f068";
  position: absolute;
  right: 5px;
  top: 15px;
  color: #13bce7;
}
.mb-30-desktop {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .faqs-fact-electronica .card-link:after {
    top: 25px;
  }

  .faqs-fact-electronica .card-link[aria-expanded="true"]:after {
    top: 25px;
  }

  .mb-30-desktop {
    margin-bottom: 10px !important;
  }
}

.bg-faq-fact-electronica {
  background-image: url(../img/fact-electronica/2020/fondo-faq-fact-electronica.png);
  background-repeat: no-repeat;
  background-color: #f9f9f9;
  background-size: cover;
}

.sombraSocios {
  -webkit-box-shadow: 3px 6px 25px -5px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 3px 6px 25px -5px rgba(0, 0, 0, 0.28);
  box-shadow: 3px 6px 25px -5px rgba(0, 0, 0, 0.28);
  border-radius: 10px;
  max-width: 90%;
}

.jumbo-gestionxubio {
  padding: 0;
  margin-bottom: 0;
  background: #155693 url(../img/fondoSumate.png) top center no-repeat;
}
.linkNomina {
text-decoration: none !important;
}


.linkNomina h5 {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.03em;
color: #155693 !important;
padding-top: 20px;
}

.linkNomina p {
  font-size: 16px;
line-height: 28px;
color: #000 !important;
}



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

.imgCaractNomina {
  margin-top: 50px;
}
}


/* NUEVA LANDING SUELDOS */

.bg-top-sueldos {
  background-image: url(../img/fondoLibroSueldos.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #093864;
  background-position: top left;
}
.imgCheckSueldos {
  background-image: url(../img/nvoSueldos/iconCheckDefaul.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 65px;
  height: 45px;
}
.imgCheckSueldos:hover {
  background-image: url(../img/nvoSueldos/iconCheckHover.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 65px;
  height: 45px;
}

@media screen and (max-width: 767px) {
  .imgCheckSueldos {
    margin: 30px 0 10px 0;
  }

  .pb-40-mobile {
    padding-bottom: 40px !important;
  }
  .pt-40-mobile {
    padding-top: 40px !important;
  }
}

.titleCreaConceptos {
  color: #004874;
  font-size: 30px;
  font-weight: normal;
}

.dudasXubio {
  background-color: #093864;
  border-radius: 10px;
  padding: 25px 50px 25px 50px;
}

.dudasXubio h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
  padding-bottom: 5px;
  font-weight: bold;
}

.dudasXubio p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
}


.accordion-section .panel-default > .panel-heading {
  border: 0;
  padding: 0;
}

.accordion-section .panel-default .panel-title {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f6f6f6;
  font-weight: 400;
}

.accordion-section .panel-default .panel-title a {
  display: block;
  font-size: 16px;
  color: #000;
  font-weight: 400;
}

.accordion-section .panel-default .panel-title a[aria-expanded="false"] {
  display: block;
  font-size: 16px;
  color: #000;
  font-weight: 400;
}

.accordion-section .panel-default .panel-title a[aria-expanded="true"] {
  font-weight: bold;
}

.accordion-section .panel-default .panel-title a:hover {
  color: #2478c7;
  text-decoration: none;
}

.accordion-section .panel-default .panel-body p {
  display: block;
  font-size: 14px;
  color: #000;
}

.accordion-section .panel-default .panel-title a:after {
  content: "\f068";
  font-family: "FontAwesome";
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  color: #13bce7;

  float: right;
  margin-top: -4px;
}
.accordion-section .panel-default .panel-title a.collapsed:after {
  content: "\f067";
  font-family: "FontAwesome";
  font-weight: 400;
  color: #13bce7;
}
.accordion-section .panel-default .panel-body {
  font-size: 1.2rem;
}

.accordion-section .table td {
  border: 0;
  border-bottom: 1px solid #f6f6f6;
}

.accordion-section .tabla-planes {
  border-collapse: collapse;
  border-spacing: 10px 0;
}

@media screen and (max-width: 767px) {
  #xubio-en-los-medios .owl-nav {
    top: 12px;
  }
  .espacioTexto-Inf {
    padding-top: 15px;
  }
  .separadorIcon-inf {
    padding-top: 15px;
  }
  .btn-ajusteInf {
    width: 100%;
    margin-bottom: 20px;
  }
}


.titIntegraciones h1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 34px;
  line-height: 38px;
}

@media screen and (max-width: 767px) {
  .titIntegraciones h1 {
    font-size: 30px;
    line-height: 34px;
  }
}

.datosListaIntegraciones li {
  background-image: url(../img/integraciones/ic-chevron-right.svg);
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-left: 15px;
  font-size: 14px;
  padding-bottom: 10px;
}

.logosIntegraciones {
  max-width: 260px;
}

@media screen and (min-width: 767px) {
  .intoHeadIntegraciones {
    max-width: 470px;
  }
}

@media screen and (max-width: 767px) {
  .logosIntegraciones {
    max-width: 200px;
    margin-bottom: 20px;
  }
}

.bgGreyIntegraciones {
  background-color: #ececec;
  border-radius: 10px;
  padding: 40px 20px 40px 20px;
}

.shadowIntegraciones {
  box-shadow: 1px -1px 49px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px -1px 49px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px -1px 49px 0px rgba(0, 0, 0, 0.1);
}

.title-h2-integraciones {
  font-size: 24px;
}

.containerIntegracion {
  padding-bottom: 150px;
}

.containerIntegracion:last-child {
  padding-bottom: 100px;
}

.mainIntegraciones {
  padding-top: 150px;
}

@media screen and (max-width: 767px) {
  .title-h2-integraciones {
    font-size: 20px;
  }

  .containerIntegracion {
    padding-bottom: 30px;
  }

  .mainIntegraciones {
    padding-top: 50px;
  }
}

.containerContactoTrabajo {
  background: linear-gradient(88.31deg, #004874 0%, #00afd3 100%);
  border-radius: 10px;
  padding: 40px;
  position: relative;
}

.containerContactoTrabajo h5 {
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #ffffff;
  margin: 0;
  margin-bottom: 15px;
}

.containerContactoTrabajo h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #ffffff;
  margin: 0;
  margin-bottom: 25px;
}

.containerFormTrabajo {
  background: #ffffff;
  box-shadow: 0px 10px 30px rgba(110, 110, 110, 0.2);
  border-radius: 10px;
  padding: 30px;
}

.formEnviarCV {
  position: absolute;
  z-index: 9999;
  width: 93%;
}

.paddingForm {
  padding-bottom: 170px;
}

.pt-btnEnviarForm {
  padding-top: 32px;
}

.bgBeneficiosTrabajo {
  background-image: url(../img/trabajo/imageBeneficios.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
}

.btn-gris {
  color: #000;
  background-color: #d9e2e7;
  border-color: #d9e2e7;
}

.btn-gris:hover,
.btn-gris:focus,
.btn-gris:active,
.btn-gris.active,
.open .dropdown-toggle.btn-gris {
  color: #000;
  background-color: #a1c3d3;
  border-color: #a1c3d3;
}

.btn-gris:active,
.btn-gris.active,
.open .dropdown-toggle.btn-gris {
  background-image: none;
}

.btn-gris.disabled,
.btn-gris[disabled],
fieldset[disabled] .btn-gris,
.btn-gris.disabled:hover,
.btn-gris[disabled]:hover,
fieldset[disabled] .btn-gris:hover,
.btn-gris.disabled:focus,
.btn-gris[disabled]:focus,
fieldset[disabled] .btn-gris:focus,
.btn-gris.disabled:active,
.btn-gris[disabled]:active,
fieldset[disabled] .btn-gris:active,
.btn-gris.disabled.active,
.btn-gris[disabled].active,
fieldset[disabled] .btn-gris.active {
  background-color: #a1c3d3;
  border-color: #a1c3d3;
}

@media screen and (max-width: 767px) {
  .containerContactoTrabajo {
    position: inherit;
    width: 100%;
    padding: 25px 15px 25px 15px;
  }
  .formEnviarCV {
    position: inherit;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
  }

  .paddingForm {
    padding-bottom: 20px;
  }

  .containerFormTrabajo {
    padding: 15px;
  }

  .pt-btnEnviarForm .btn-verde {
    width: 100%;
  }

  .pt-btnEnviarForm {
    padding-top: 5px;
  }

  .bgBeneficiosTrabajo {
    background-image: none;
  }

  .w-100-mobile {
    width: 100% !important;
  }

  .mt-15-mobile {
    margin-top: 15px !important;
  }
}

.bg-portada-nuevo {
  background: url(../img/slider/imageHeroHomeCO.jpg) top right no-repeat;
  min-height: 520px;
}

.row-tit-portada {
  margin-top: 110px;
}

.img-precio-portada {
  max-width: 142px !important;
}

@media screen and (max-width: 767px) {
  .row-tit-portada {
    margin-top: 50px;
  }

  .bg-portada-nuevo {
    background: none;
    min-height: 850px;
  }
}

.dropShadowGreen {
  filter: drop-shadow(0px 10px 30px rgba(154, 204, 35, 0.39));
}

.inside-carrousel .titlePortada {
  font-size: 45px !important;
  color: #000 !important;
  line-height: 45px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 0 15px 0 !important;
}

.integracionesCollapse .accordion-section .panel-default .panel-title a {
  color: #000;
  padding-left: 0px;
}

.integracionesCollapse .accordion-section .panel-default .panel-title a:hover {
  color: #000;
}

.section-tabla-precios.accordion-section .panel-default .panel-title a[aria-expanded="false"] {
  color: #004874;
  font-weight: bold;
}

.section-tabla-precios.accordion-section .panel-default .panel-title a:after {
  content: "\f077";
  font-family: "FontAwesome";
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #004874;

  float: right;
  margin-top: -4px;
}
.section-tabla-precios.accordion-section .panel-default .panel-title a.collapsed:after {
  content: "\f078";
  font-family: "FontAwesome";
  font-weight: 400;
  color: #004874;
}

.section-tabla-precios.accordion-section .section-plan-interno .panel-default .panel-title a[aria-expanded="false"] {
  color: #000;
  font-weight: bold;
}

.section-tabla-precios.accordion-section .section-plan-interno .panel-default .panel-title a:after {
  content: "\f077";
  font-family: "FontAwesome";
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #000;

  float: right;
  margin-top: -4px;
}
.section-tabla-precios.accordion-section .section-plan-interno .panel-default .panel-title a.collapsed:after {
  content: "\f078";
  font-family: "FontAwesome";
  font-weight: 400;
  color: #000;
}

.section-tabla-precios .spec-tabla {
  width: 190px;
  padding: 10px 0px 10px 0px !important;
}

.blueNewTit {
  color: #0075b0 !important;
}

.headContadores {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .headContadores {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.container-10-off {
  width: 100%;
  border: 1px solid #13bce7;
  padding-top: 10px;
  min-height: 40px;
  border-radius: 3px;
  background-color: #e7f9fd;
  text-align: center;
  color: #13bce7;
  font-size: 13px;
  font-weight: bold;
}

.container-30-off {
  width: 100%;
  border: 2px solid #2478c7;
  padding-top: 10px;
  min-height: 40px;
  border-radius: 3px;
  background-color: #2478c7;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.highlighted-text {
  background-color: #a7da2b;
  font-weight: bold;
  padding: 2px 4px;
  border-radius: 3px;
}

.container-20-off {
  width: 100%;
  border: 2px solid #fff;
  padding-top: 10px;
  min-height: 40px;
  border-radius: 3px;
  background-color: #FFF;
  text-align: center;
  color: #2478c7;
  font-size: 14px;
  font-weight: bold;
}

#xubio-en-los-medios .owl-carousel .owl-item img {
  max-width: 120px !important;
}

#xubio-en-los-medios .owl-stage-outer {
  z-index: 1000;
  padding: 20px 5px 20px 5px;
}
#xubio-en-los-medios .owl-nav {
  top: 10px;
  position: absolute;
  width: 100%;
  z-index: 2;
}
#xubio-en-los-medios .owl-prev {
  font-size: 40px;
  position: absolute;
  left: -15px;
}
#xubio-en-los-medios .owl-next {
  font-size: 40px;
  position: absolute;
  right: -25px;
}

.bgAjusteInf-Gradient {
  background: rgb(255, 255, 255);
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
}

.color-celete-txt {
  color: #13bce7 !important;
}
.espacioTexto-Inf {
  padding-top: 30px;
}
.separadorIcon-inf {
  padding-top: 0px;
}

.btn-ajusteInf {
  min-width: 190px;
  height: 50px;
  padding-top: 13px;
}


.whatsapp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 9999;
}

.whatsapp-icon {
  margin-top: 14px;
}

.whatsapp:hover .whatsapp-icon {
  color: #fff;
}

.datosListaIntegraciones li {
  background-image: url(../img/recepcion/ic-chevron-right.svg);
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-left: 15px;
  font-size: 14px;
  padding-bottom: 10px;
}

.titRecepcion h1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 31px;
  line-height: 31px;
}

@media screen and (max-width: 767px) {
.titRecepcion h1 {
    font-size: 28px;
    line-height: 30px;
  }
}

.titulo-referidos {

  font-style: normal;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 50px;

  /* or 102% */
  text-transform: uppercase;

  color: #9ACC23 !important
}



.parrafo-bajada-referidos {

  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;

  /* or 133% */

  color: #28363D;
}

.row-tit-referidos {
  margin-top: 100px;
}

.fw-bold {
  font-weight: 700 !important;
}

@media screen and (max-width: 767px) {
  .bg-portada-nuevo.referidos-bg {
    background: transparent !important;

  }

  .text-gracias-referidos {
    text-align: center !important;
    padding-top: 30px !important;
  }
}

.texto-necesita-portada-ref {
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 10px;
}

.row-tit-portada-ref {
  margin-top: 100px;
}



@media screen and (max-width: 767px) {
  .row-tit-portada-ref {
    margin-top: 50px;
  }
}

.bg-portada-nuevo.aliados-bg {
  background: url(../img/contadores-aliados/imgAliados.png) top right no-repeat;
  min-height: 500px;
}

@media screen and (max-width: 767px) {
  .bg-portada-nuevo.aliados-bg {
    background: transparent !important;
    min-height: 880px;

  }

}

.bg-aliados {
  background: #F7F7F7;
}

.titulo-aliados-contadores {
  font-style: normal;
  font-weight: 700 !important;
  font-size: 35px;
  line-height: 45px;
  text-transform: uppercase;
  color: #9ACC23 !important
}

.title-beneficios-aliados {
  background-image: url(../img/sueldos/check.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 40px;
  min-height: 20px;
  padding-bottom: 17px;
  font-size: 16px !important;
}



.tabla-aliados {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 268.18%;
  color: #173961;
  border: none !important;
}

.contacto-aliados {
  font-size: 16px;
}

table.tabla-aliados {
  border-collapse: collapse;
}

table.tabla-aliados td {
  border: 1px solid #ccc;
}

table.tabla-aliados tr:first-child td {
  border-top: 0;
}

table.tabla-aliados tr td:first-child {
  border-left: 0;
}

table.tabla-aliados tr:last-child td {
  border-bottom: 0;
}

table.tabla-aliados tr td:last-child {
  border-right: 0;
}

.bg-fundaciones {
  background: #F7F7F7;
}

.bg-portada-nuevo.fundaciones-bg {
  background: url(../img/fundaciones/imageHeroHomeAr.png) top right no-repeat;
  min-height: 500px;
}

@media screen and (max-width: 767px) {
  .bg-portada-nuevo.fundaciones-bg {
    background: transparent !important;
    min-height: 780px;
  }
}

                .nav-link {
                  display: flex !important;
                  align-content: center !important;
                  align-items: center !important;
                }

                .mihheightmobile {
                  min-height: 190px;
                }
                
                @media screen and (max-width: 767px) {
                  .mihheightmobile {
                      min-height: auto
                    }
                }

                                    @media screen and (min-width: 767px) {
                                      .pr-right-banner-desktop {
                                        padding-right: 90px;
                                      }
                                    }

.tabla-planes th,
.tabla-planes td {
  border: 1px solid #ddd;
}