/********** Template CSS **********/
@import url("../webfonts/HVD_Fonts_Brandon/stylesheet.css");
@import url("../webfonts/HVD_Fonts_Montserrat/stylesheet.css");
@import url("../webfonts/HVD_Fonts_Raleway/stylesheet.css");



:root {
    --primary: #fb8e23;
    --secondary: #5b5b5b;
    --light: #F2F2F2;
    --dark: #111111;
	--BlueBITAM: #5cc2eb;
	--ColorFiscal-b: #d2acfd;
	--ColorDA-b: #c4d6a1;
	--ColorRetail-b: #dfc0e2;
	--ColorLowCode-b: #ffbc85;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 10px;
    z-index: 99;
}
.back-to-top-support {
    position: fixed;
    right: 45px;
    bottom: 70px;
    z-index: 99;
    width: 174px;
    background-color: #5CC2EB;
}
.back-to-top-support {
    position: fixed;
    right: 45px;
    bottom: 70px;
    z-index: 99;
    width: 174px;
    background-color: #5CC2EB;
}



/* START FROM HERE */

[data-star] {
  text-align:left;
  font-style:normal;
  display:inline-block;
  position: relative;
  unicode-bidi: bidi-override;
     font-size: 24px;
}
[data-star]::before { 
  display:block;
  content: '★★★★★';
  color: #eee;
}
[data-star]::after {
  white-space:nowrap;
  position:absolute;
  top:0;
  left:0;
  content: '★★★★★';
  width: 0;
  color: #ff8c00;
  overflow:hidden;
  height:100%;
}
[data-star^="1"]::after{width:20%}
[data-star^="2"]::after{width:40%}
[data-star^="3"]::after{width:60%}
[data-star^="4"]::after{width:80%}
[data-star^="5"]::after{width:100%}



/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    text-transform: uppercase;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-secondary {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 150px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}
.btn-lg-square-support {
    width: 240px;
    height: 55px;
    text-transform: capitalize;
    background-color: #5CC2EB !important;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 31px;
}


/*** Navbar ***/
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.navbar-light .navbar-nav .nav-link {
    margin-right: 30px;
    padding-top: 15px;
    padding-right: 19px;
    padding-left: 0;
    padding-bottom: 25px;
    color: #FFFFFF;
    font-size: 18px;
    outline: none;
    font-family: "Brandon Text";
    height: 55px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.navbar-light .navbar-nav .nav-link-naranja {
    margin-right: 30px;
    padding-top: 15px;
    padding-right: 19px;
    padding-left: 0;
    padding-bottom: 25px;
    color: #FFFFFF;
    font-size: 18px;
    outline: none;
    font-family: "Brandon Text";
    height: 55px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.navbar-light .navbar-nav .nav-link-naranja:hover  {
    margin-right: 30px;
    padding-top: 15px;
    padding-right: 19px;
    padding-left: 0;
    padding-bottom: 25px;
    color: #FDDEC0;
    font-size: 18px;
    outline: none;
    font-family: "Brandon Text";
    height: 55px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
}
.navbar-light .navbar-nav .nav-link-amari:hover  {
    margin-right: 30px;
    padding-top: 15px;
    padding-right: 19px;
    padding-left: 0;
    padding-bottom: 25px;
    color: #FB8E23;
    font-size: 18px;
    outline: none;
    font-family: "Brandon Text";
    height: 55px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
}
.text-center .mb-5 strong {
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link-amari {
    margin-right: 30px;
    padding-top: 15px;
    padding-right: 19px;
    padding-left: 0;
    padding-bottom: 25px;
    color: #5B5B5B;
    font-size: 18px;
    outline: none;
    font-family: "Brandon Text";
    height: 55px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav  {
    color: #FB8E23;
}
.navbar-light .navbar-nav .nav-link:hover
   {
    color: #FB8E23;
}
.nav-link.active
    {
    color: #5CC2EB !important;
}
.nav-link.active-naranja
    {
    color: #793A00 !important;
}
.nav-link.active-amari
    {
    color: #FB8E23 !important;
}
.nav-link:hover morado
   {
    color: #393939;
}
.text-primary-black {
    color: #5B5B5B;
    text-transform: none;
    font-size: 16px;
    font-family: "Brandon Text";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.container.cenyterhorizon .subtitulo-brandonblanco strong {
    font-weight: 600;
}
.row .col-xl-4 a {
}
.input-group {
    height: 62px;
}
.lbl {
    color: #5B5B5B;
    font-size: 22px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
#menu-group-1 .item-1.deeper.parent.active a {
    text-decoration: none;
}
p {
}


body p {
}

.lbl:hover {
    color: #5B5B5B;
    font-size: 22px;
    text-decoration: none !important;
}
a .lbl strong {
    font-weight: 400;
    text-decoration: none !important;
    color: #A0A0A0;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
}
.row .headright.col-lg-9 #shareitems {
    display: inline;
}
.headright.col-lg-9 #shareitems li {
    display: inline;
}
li a .fab.fa-facebook-square {
    font-size: 32px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    color: #5CC2EB;
}
li a .fab.fa-twitter-square {
    font-size: 32px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    color: #5BC1EA;
}
li a .fab.fa-linkedin {
    font-size: 32px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    color: #5BC1EA;
}
li a .fa-brands.fa-x-twitter {
    font-size: 32px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    color: #5CC2EB;
}

#shareitems li .fb-like {

    vertical-align: bottom;
    width: 156px;
    height: 35px;

}
#headingOne1 .mb-0 a {
}
.container .FlexContainerTuts div {
    font-family: Montserrat;
    color: #5B5B5B;
    font-style: normal;
}
#suscript .container.single h2 {
    text-transform: none;
    font-family: Montserrat;
}
#suscript .container.single p {
    font-size: 18px;
    font-family: Montserrat;
    color: #5B5B5B;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.col-xl-3 .Titulos-Cards span {
    color: #339966;
}
#section-comparison {
    padding-top: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
    background-color: rgba(55,57,111,1.00);
}
.subtitulos strong {
    color: rgba(251,142,35,1.00);
    font-weight: 600;
}
.divriesgo {
    background-color: rgba(255,255,255,1.00)!important;
    border-radius: 25px;
    color: rgba(55,57,111,1.00)!important;
    border: 2px solid rgba(56,57,111,1.00);
}
.divretail {
    background-color: rgba(255,255,255,1.00)!important;
    border-radius: 25px;
    color: rgba(55,57,111,1.00)!important;
    border: 2px solid rgba(56,57,111,1.00);
}
.divdda {
    background-color: rgba(255,255,255,1.00)!important;
    border-radius: 25px;
    color: rgba(170,204,109,1.00)!important;
    border: 2px solid rgba(170,204,109,1.00);
}
.divtd {
    background-color: rgba(255,255,255,1.00)!important;
    border-radius: 25px;
    color: rgba(171,171,171,1.00)!important;
    border: 2px solid rgba(171,171,171,1.00);
}
li a .fa-brands.fa-whatsapp {
    font-size: 32px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    color: #5CC2EB;
}
.fas.fa-star {
    color: rgba(251,142,35,1.00);
}
.far.fa-star {
    color: rgba(154,154,154,1.00);
}
.FlexContainercomplementa  {
}





























@media (max-width: 991.98px) {
    .navbar-light .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar-light .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }



}

.navbar-light .navbar-brand,
.navbar-light a.btn {
    height: 75px;
}

.navbar-light.sticky-top {
    top: -100px;
    transition: .32s;
    text-align: center;
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }


}


/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.00);
    z-index: 1;
	
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


}

.page-header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-header-inner {
    background: rgba(0, 0, 0, .7);
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}
.row .col-xl-4 .img-fluid {
    margin-bottom: 2px;
}


.service .nav .nav-link.active h4 {
    color: #FFFFFF !important;
}
.team-item .team-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,0.50);
    transform: scale(0);
    transition: .5s;
}

.team-item:hover .team-overlay {
    transform: scale(1);
}


.team-item .team-overlay .btn {
    color: var(--primary);
    background: #FFFFFF;
}

.team-item .team-overlay .btn:hover {
    color: #FFFFFF;
    background: var(--secondary)
}


/*** Testimonial ***/
.testimonial-carousel .owl-item .testimonial-text,
.testimonial-carousel .owl-item.center .testimonial-text * {
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-text {
    background: var(--primary) !important;
}

.testimonial-carousel .owl-item.center .testimonial-text * {
    color: #FFFFFF !important;
}

.testimonial-carousel .owl-dots {
    margin-top: 24px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #CCCCCC;
    transition: .5s;
    border-radius: 20px;
}

.testimonial-carousel .owl-dot.active {
    background: var(--BlueBITAM);
    border-color: var(--BlueBITAM);
}


/*** Footer ***/
.footer {
    background: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url(../../new_img/carousel-bg-1.jpg) center center no-repeat;
    background-size: cover;
}
.btn.btn-social {
    margin-right: auto;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5CC2EB;
    border: 1px solid #FFFFFF;
    border-radius: 35px;
    transition: .3s;
    background-color: #FFFFFF;
    margin-left: auto;
}

.footer .btn.btn-social:hover {
    color: #FB8E23;
    background-color: #FB8E23 !important;
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--light);
}

.footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.footer .footer-menu a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}


.bg-dark{background-color:#5b5b5b !important}
.bg-yellow{
    background-color: #f6d52b !important
}
.bg-morado{
    background-color: #37396f !important
}
.bg-pale{
    background-color: #6868ae !important
}
.bg-rosa{
    background-color: #a864a8 !important
}
.bg-naranja{
    background-color: #FB8E23 !important
}
.bg-azul{
    background-color: #5cc2eb !important
}
.bg-plata{
    background-color: #ABABAB !important
}
.bg-verde{
    background-color: #aacc6d !important
}
.bg-green{
    background-color: #339966 !important
}
.btn-orange {
    color: #fff !important;
    background-color: #FF8600;
    border-radius: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 20px;
    font-weight: 400;
}
.btn-azul {
    color: #fff !important;
    background-color: #5CC2EB;
    border-radius: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 20px;
    font-weight: 400;
}
.btn-verde {
    color: #fff;
    background-color: #FF8600;
}



.text-primary-White {
    color: #10240d !important;
}
.subtitle {
    color: #FFFFFF;
    padding-top: 0px;
    font-weight: 400;
    font-size: calc(.8rem + .9vw);
    font-family: "Brandon Text";
    margin-top: -25px;
    font-style: normal;
    font-variant: normal;
    text-align: left;
}
.subtitle-solutions {
    color: #FFFFFF;
    padding-top: 0px;
    font-weight: 400;
    font-size: 1calc(1rem + .9vw);
    font-family: "Brandon Text";
    font-style: normal;
    font-variant: normal;
    text-align: left;
}
.subtitle-banblog {
    color: #FFFFFF;
    padding-top: 0px;
    font-weight: 400;
    font-size: calc(.7rem + .9vw);
    font-family: "Brandon Text";
    margin-top: -25px;
}
.title {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: calc(2.8rem + .9vw);
    font-family: "Brandon Text";
    font-weight: 500;
    line-height: calc(2.8rem + .9vw);
    font-style: normal;
    font-variant: normal;
}
.Titulos-Pagina {
    color: #5B5B5B;
    font-family: Raleway;
    font-size: calc(2rem + .9vw);
    font-weight: 500;
    font-style: normal;
    font-variant: normal;
}
.Titulos-Pagina-blancos {
    color: #FFFFFF;
    font-family: Raleway;
    font-size: calc(2rem + .9vw);
    font-weight: 500;
    font-style: normal;
    font-variant: normal;
}

.title-banblog {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: calc(2.1rem + .9vw);
    font-family: "Brandon Text";
    font-weight: 500;
    line-height: calc(2.4rem + .9vw);
}

.Noticias {
    background-color: rgba(153,153,153,0.12);
    margin-top: 0px;
}
.Nosotros {
    background-color: rgba(255,255,255,1.00);
    margin-top: 0px;
}
.Mision {
    background-color: #F4FBFF;
    margin-top: 0px;
}
.transformar {
    background-color: #5B5B5B;
    margin-top: 0px;
}
.bpartner {
    background-color: #FFFFFF;
    margin-top: 0px;
    background-image: url(../../new_img/bpartnerform.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    background-position: 0% 59%;
}
.Clientes {
    background-color: rgba(255,255,255,0.12);
}
.Comunidad {
    background-color: rgba(242,148,35,1.00);
    background-image: url(../../new_img/Vector.png);
    background-repeat: no-repeat;
    background-position: 100% 455%;
}
.testimoniales {
    background-color: #f7f7f7;
    background-image: url(../../new_img/Vector.png);
    background-repeat: no-repeat;
    background-position: 100% 455%;
}
.boton-soluciones {
    background-color: rgba(251,142,35,1.00);
    color: rgba(255,255,255,1.00);
    border-radius: 50px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.to-top {
    background-color: rgba(251,142,35,1.00) !important;
    border-style: none !important;
}
.to-top-support {
    background-color: rgba(92,194,235,1.00) !important;
    border: 4px solid #FFFFFF;
}
.to-top:hover {
    background-color: rgba(92,194,235,1.00) !important;
    border-style: none !important;
}


@-webkit-keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-250px * 7));
transform: translateX(calc(-250px * 7));
}
}
@keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-250px * 7));
transform: translateX(calc(-250px * 7));
}
}
.to-top-support:hover {
    background-color: rgba(91,91,91,1.00) !important;
    border: 4px solid #FFFFFF;
}
.slider {
    background: pr;
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slider::before, .slider::after {
background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
content: "";
height: 100px;
position: absolute;
width: 200px;
z-index: 2;
}
.slider::after {
right: 0;
top: 0;
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.slider::before {
left: 0;
top: 0;
}
.slider .slide-track {
-webkit-animation: scroll 40s linear infinite;
animation: scroll 40s linear infinite;
display: flex;
width: calc(250px * 14);
}
.slider .slide {
height: 100px;
width: 250px;
}


/* Gradient transparent - color - transparent */

hr.style14 {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(0deg,rgba(240,240,240,1.00) 0%,rgba(71,71,71,1.00) 50%,rgba(240,240,240,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(240,240,240,1.00) 0%,rgba(71,71,71,1.00) 50%,rgba(240,240,240,1.00) 100%);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(0deg,rgba(240,240,240,1.00) 0%,rgba(71,71,71,1.00) 50%,rgba(240,240,240,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(240,240,240,1.00) 0%,rgba(71,71,71,1.00) 50%,rgba(240,240,240,1.00) 100%);
}
.mb-5-white {
    color: rgba(255,255,255,1.00);
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 40px;
}
.mb-5 {
    color: #5B5B5B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 40px;
    margin-bottom: 0px !important;
}
.mb-5-concilia {
    color: #37396F;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 33px;
    margin-bottom: 0px !important;
}
.mb-5-concilia strong  {
    font-weight: 600;
}

.mb-0 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25.2px;
    height: 75px;
    display: block;
}
.mb-0mission {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25.2px;
    display: block;
    color: #5b5b5b;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.mb-1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 22.1px;
    text-align: left;
}


.mb-3-white {
    color: rgba(255,255,255,1.00);
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 18px;
}
.mb-3-white2 {
    color: rgba(255,255,255,1.00);
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 18px;
}

.media-object-default .media.col-xl-12 .d-flex.mr-3 {
    background-color: rgba(255,255,255,1.00)!important;
}
.media-object-default .media.col-xl-12  {
    background-color: rgba(255,255,255,1.00)!important;
}
.comunidad {
    background-color: rgba(255,255,255,1.00);
}
.cardscomuni a   {
    color: #5B5B5B;
}

.comunidad a {
    background-color: rgba(255,255,255,1.00);
    color: #5B5B5B;
}
.padding-community {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.padding-community h1 {
    font-family: 'Montserrat', sans-serif;
    ;
    ;
    font-weight: bold;
    font-size: 22px;
    color: rgba(0,0,0,1.00);
}
.padding-community p {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 17px;
}
.logos-community {
    height: 70px;
    margin-bottom: 15px;
}
.fechanews {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    max-width: 8ch;
}
.text-input {
    background-color: rgba(0, 0, 0, 0.04);
    border-style: none;
    border-radius: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 100%;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #7B7B7B !important;
    height: 40px;
}
form label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #5B5B5B;
}

.padding-community p a {
    color: rgba(112,112,112,1.00);
    font-weight: 600;
    height: auto;
    font-family: 'Montserrat', sans-serif;
}
.submitbutton {
    width: 100%;
    background-color: #5CC2EB;
    border-style: none;
    border-radius: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #FFFFFF;
    font-family: Montserrat;
    margin-bottom: 40px;
    font-style: normal;
    font-variant: normal;
    font-size: 18px;
    font-weight: normal;
}
.titlecontacto {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 22px;
    color: rgba(0,0,0,1.00);
    margin-bottom: 20px;
}

.Contacto {
    padding-bottom: 0px;
    padding-top: 40px;
}

.Footer-Bitam {
    background-color: #5cc2eb !important;
    padding-bottom: 40px;
}

.btn-link {
    font-weight: 600;
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 17px;
}
.btn-link:hover {
    font-weight: 600;
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 17px;
    text-decoration: none;
}
.avisos {
    font-family: 'Cabin', sans-serif;
    font-size: 15px;
    color: #FFFFFF;
    margin-left: 20px;
    margin-right: 20px;
}
.avisos:hover {
    font-family: 'Cabin', sans-serif;
    font-size: 15px;
    color: #FFFFFF;
    margin-left: 20px;
    margin-right: 20px;
    text-decoration: none;
}
.wrapper {
    position: relative;

}

.couple {
    margin-left: auto;
    margin-right: auto;
    bottom: 0px;
    left: 7px;
    position: relative;
}
.Title-Blanco {
    color: #FFFFFF;
    text-align: left;
}
.parrafoblanco {
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
}
.titulo-brandn-blanco {
    color: #FFFFFF;
    font-family: "Brandon Text";
    font-size: 55px;
	
}


.subtitulo-brandonblanco {
    font-family: "Brandon Text";
    color: #FFFFFF;
    font-weight: 300;
    font-size: 35px;
}
.formcontainer {
    background-color: #FFFFFF;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
}
.deseomasinformacion {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #5b5b5b;
}
.formcontainer form label {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #5B5B5B;
    margin-top: 8px;
    font-weight: normal;
}
.formcontainer form input {
    background-color: #F6F6F6;
    width: 100%;
    border-style: none;
    border-radius: 5px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    color: #B5B5B5;
}
.formcontainer form textarea {
    background-color: #F6F6F6;
    width: 100%;
    border-radius: 5px;
    border-style: none;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    color: #B5B5B5;
}
.formcontainer form .submitbutton {
    background-color: #339966;
    color: #FFFFFF;
}
.cenyterhorizon {
    margin: 0;
    transform: translateY(-50%);
}
.quieroserbpartner {
    width: 536px;
    height: 56px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 10px;
    /* bPartner green */

    border: 3px solid #339966;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    font-family: Raleway;
    font-size: 22px;
    font-weight: 600;
    color: #339966;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
}
.quieroserbpartner:hover {
    width: 536px;
    height: 56px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 10px;
    /* bPartner green */

    border: 3px solid #339966;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    background-color: #339966;
    color: #FFFFFF;
}


.FlexContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    overflow: auto;
    flex-direction: row;
}
.container h3 a {
    text-decoration: none;
}
.container h3 a:hover  {
    text-decoration: none;
}


.FlexContainer div {
    margin-top: 45px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    width: 626px;
}
.descripcionmaterias {
    color: #FFFFFF;
}



.vidthumb {




}

.issuse-wrap.clearfix {
    min-height: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;

}.titulograbaciones {
    color: #5B5B5B;
    font-family: Raleway;
    font-weight: 500;
    font-size: calc(1rem + .9vw);
    margin-bottom: 25px !important;
    margin-top: 25px !important;
    font-style: normal;
    font-variant: normal;
}
.giros {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #5B5B5B;
    font-size: 14px;
}
.checkbox {
    float: left;
    text-align: left;
}
.linkparanoticia {
    text-decoration: none;
    color: #5B5B5B;
}
.linkparanoticia:hover {
    text-decoration: none;
    color: #5B5B5B;
}
.subtitulos {
    font-size: 18px;
    font-family: Montserrat;
    color: #5B5B5B;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 30px;
}
.Titulos-Cards {
    font-size: 22px;
    font-family: Montserrat;
    color: #5B5B5B;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    text-align: left;
}
.subtitulos-blanco {
    font-size: 18px;
    font-family: Montserrat;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.subtitulos-blanco-soluciones {
    font-size: 18px;
    font-family: Montserrat;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
}
.subtitulostuto {
    font-size: 18px;
    font-family: Montserrat;
    text-align: left;
    color: #5B5B5B;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.linkcontacto {
    color: #FFFFFF;
    font-size: 16px;
    font-family: "Brandon Text";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.linkcontacto:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.article-content .container.textarticle p {
    font-size: 18px !important;
    text-indent: 0px !important;
    font-family: montserrat !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    color: #666666 !important;
    line-height: 28px !important;
}
.article-content {
    margin-bottom: 50px;
}
.titulocursos {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    height: 45px;
    margin-top: 10px;
}
.row .col-xl-6 .btn.btn-light.btn-radius.btn-brd.grd2 {
    background-color: #5B5B5B;
    color: #FFFFFF;
    border-radius: 15px;
    width: 100%;
    font-size: 14px;
}
.row .col-xl-6 .btn.btn-light.btn-radius.btn-brd.grd1 {
    background-color: #FB8E23;
    border-radius: 15px;
    color: #FFFFFF;
    width: 100%;
    font-size: 14px;
}
.cursos {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 8px #CBCBCB;
    box-shadow: 0px 0px 8px #CBCBCB;
    padding-bottom: 19px;
    margin-bottom: 20px;
    border-radius: 25px;
}
.contenedorcursos {
}



  .flex-container {
    display: flex;
    justify-content: flex-end;
    height: 100%;
    gap: 5px;

  }

  .flex-container > div{
    padding: 8px;
  }


  .item1 {
    /* flex:1 1 50%; */
    flex-grow: 1;
    flex-basis: 50%;
    background-image: url(../../new_img/bpartnerform.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
			
  .item2 { 
    /* flex:0 2 50%; */
    flex-shrink:2;
    flex-basis:50%;
  }
	
.subtitulos-p {
    font-family: 'Montserrat', sans-serif;
    color: #5B5B5B;
    font-size: 18px;
    font-weight: 400;
}
.Titulosdeloscursos {
    color: #5B5B5B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 32px;
}
.morado {
    color: #37396f;
}
.verde {
    color: #aacc6d;
}
.rosa {
    color: #a864a8;
}
.naranja {
    color: #f38728;
}
.pale {
    color: #6868ae;
}
.rownaranja {
    background-color: #F29423;
}
.titulosaviso {
    color: #5B5B5B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 0px;
}
div p a {
    color: #004E6E;
    text-decoration: none;
}
div p a:hover  {
    color: #0091CC;
    text-decoration: none;
}




.FlexContainer2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    overflow: auto;
    flex-direction: row;
    height: auto;
}

.FlexContainer2 div {
    width: 250px;
    height: 192px;
    margin: 5px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(191,191,191,1.00);
    box-shadow: 0px 0px 5px 0px rgba(191,191,191,1.00);
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: center;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .2s ease-in;
}
.FlexContainer2 div:hover  {
    margin: 5px;
    background-color: rgba(255,255,255,1.00);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(191,191,191,1.00);
    box-shadow: 0px 0px 5px 0px rgba(191,191,191,1.00);
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: center;
    color: rgba(255,255,255,1.00);
}
.hvr-rectangle-out .tools-element h2 {
    font-family: 'Montserrat', sans-serif;
    color: #5B5B5B;
    font-weight: 600;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tools-element {
    display: block;
}
.tool-image {
    margin-left: auto;
    margin-right: auto;
}


.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 10px;
}
.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #DDF4FF;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 10px;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.textoportal {
    text-transform: none;
}

.extracto {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: pre-wrap;
}

.js-hiddenform {
  display: none;
}
.container-mail  {
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: 100% 103%;
    min-height: 680px;
}


.form-field::-webkit-input-placeholder {
  color: #c5c5c5;
}
.form-field:-moz-placeholder {
  color: #c5c5c5;
}
.form-field::-moz-placeholder {
  color: #c5c5c5;
}
.form-field:-ms-input-placeholder {
  color: #c5c5c5;
}
.activemorado {
    color: #d2acfd !important;
}
.activerosa {
    color: #d2acfd !important;
}
.activeplata {
    color: #6A6A6A !important;
}
.activeverde {
    color: #E9F8CC !important;
}

.activemorado-cat {
    color: #37396F !important;
    border-bottom: 2px solid #37396F;
}
.activerosa-cat {
    color: #B864A8 !important;
    border-bottom: 2px solid #A864A8;
}
.activeazul-cat {
    color: #70C7ED !important;
    border-bottom: 2px solid #5CC2EB;
}
.activeverde-cat {
    color: #AACC6D !important;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}


.certif {
    margin-top: 10px;
    margin-bottom: 10px;
}
.media-object-default .media .media-body {
    color: #5B5B5B;
    font-weight: normal;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    line-height: 22px;
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.media .media-body .mt-0 {
    color: #5B5B5B;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    line-height: normal;
}
.media-object-default .media .d-flex.mr-3 {
    width: 250px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

@keyframes close-in{
  from {opacity: 0; transform: rotateZ(-70deg);}
  to {opacity: 1; transform: rotateZ(0deg);}
}

@keyframes close-out{
  from {opacity: 1; transform: rotateZ(0deg);}
  to {opacity: 0; transform: rotateZ(-70deg);}
}

@keyframes plus-in{
  from {opacity: 1; transform: rotateZ(0deg);}
  to {opacity: 0; transform: rotateZ(180deg);}
}

@keyframes plus-out{
  from {opacity: 0; transform: rotateZ(180deg);}
  to {opacity: 1; transform: rotateZ(0deg);}
}

@keyframes bounce-nds{
  from {opacity: 0;}
  to {opacity: 1; transform: scale(1);}
}

@keyframes bounce-out-nds{
  from {opacity: 1; transform: scale(1);}
  to {opacity: 0; transform: scale(0);}
}
.cardscmunidad {
    color: #5B5B5B;
}
.cardscmunidad:hover {
    color: #5B5B5B;
    text-decoration: none;
}
.team-item   {
    margin-bottom: 15px;
    margin-top: 15px;
}
.titles-cursoslist {
    text-align: left;
    color: #5B5B5B;
    font-family: Raleway;
    font-size: calc(2rem + .9vw);
    font-weight: 500;
    font-style: normal;
    font-variant: normal;

}
.collapsed  {
    color: #FB8E23;
}
.collapsed:hover  {
    color: #FFAF60;
    text-decoration: none;
}
.listadotutolink {
    color: #5B5B5B;
}
.listadotutolink:hover {
    color: #5B5B5B;
    text-decoration: none;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0px;
    border-style: none;
}
.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(255,255,255,1.00);
    border-bottom: 2px solid rgba(0,0,0,0.125);
}
.card-header:hover {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(254,243,231,1.00);
    border-bottom: 2px solid rgba(0,0,0,0.125);
}
.numerodetuts {
    display: inline;
    float: right;
    font-weight: normal;
    color: #FB8E23;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}
.titulostutoriales {
    display: inline-block;
}




.expandircerrar {
    background-color: #5CC2EB;
    border-style: none;
    border-radius: 5px;
}
.expandircerrar:hover {
    background-color: #FB8E23;
    border-style: none;
    border-radius: 5px;
}
.botonesexpansion {
    text-align: right;
}
.mediaobjesto a {
    color: #5B5B5B;
    text-decoration: none;
}
.card-body ul  {
    list-style-type: none;
    line-height: 42px;
}
.misionvalores {
}
.misionvalores ul {
    list-style-type: none;
    list-style-position: inside;
    list-style-image: none;
    margin-left: -25px;
}
.imagesmision {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.iconsmission   {
    text-align: center;
    margin-bottom: 10px;
}
.tresmil {
    color: #FB8E23;
    font-size: 30px;
}
.contenedortextocentradoV {
    display: table-cell;
    position: relative;
}
.textovertical {
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
}

@media (max-width:1199.98px){
.contenedortextocentradoV {
    position: relative;
    height: 250px;
}
.textovertical {
    margin: 0;
    transform: translateY(-50%);
    vertical-align: middle;
}


}



.FlexContainerTuts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    overflow: auto;
    flex-direction: row;
    margin-bottom: 20px;
}

.FlexContainerTuts div {
    width: 200px;
    height: 100px;
    margin: 5px;
    text-align: center;
}
.botonregreso {
    background-color: #FB8E23;
    color: #FFFFFF;
    border-radius: 31px;
    border-width: medium;
    font-family: Montserrat;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
}
.botonsuscrip {
    color: #5CC2EB;
    border-radius: 31px;
    text-transform: capitalize;
    border: 2px solid #5CC2EB;
}
.botonsuscrip:hover {
    color: #5CC2EB;
    border-radius: 31px;
    text-transform: capitalize;
    border: 2px solid #5CC2EB;
    background-color: #ACE0F4;
}
.botonregreso:hover {
    background-color: #5CC2EB;
    color: #FFFFFF;
    border-radius: 31px;
}


.FlexContainer-CAT {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    overflow: auto;
    flex-direction: row;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.36);
}

.FlexContainer-CAT div {
    width: auto;
    margin: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 18px;
}
.FlexContainer-CAT div a {
    width: auto;
    margin: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 18px;
    color: #5B5B5B;
    font-family: "Brandon Text";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.FlexContainer-CAT div a:hover  {
    width: auto;
    margin: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 18px;
    color: #8F8F8F;
    text-decoration: none;
}
.subtitulo-blog-principal {
    font-family: Montserrat;
    color: #5B5B5B;
    font-size: 24px;
    font-weight: 300;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-style: normal;
    font-variant: normal;
}
.titulomorado {
    color: #37396f;
    font-family: Raleway;
}
.tituloverdepartner {
    color: #339966;
    font-family: Raleway;
}
.titulorosa {
    color: #a864a8;
    font-family: Raleway;
}
.tituloverde {
    color: #aacc6d;
    font-family: Raleway;
}
.tituloazul {
    color: #5cc2eb;
    font-family: Raleway;
}
.contenedor-spoty {
    text-align: right !important;

}
#spotify-player-but-fiscal {
    border: 2px none #37396F;
    border-radius: 25px;
    padding-top: 5px;
    padding-right: 11px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 18px;
    color: #37396F;
    margin-left: auto;
    text-align: left;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 25px rgba(55,57,111,0.45);
    box-shadow: 0px 0px 25px rgba(55,57,111,0.45);
    max-width: 285px;
}
#spotify-player-but-fiscal:hover {
    border: 2px none #37396F;
    border-radius: 25px;
    padding-top: 5px;
    padding-right: 11px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 18px;
    color: #FFFFFF;
    max-width: 285px;
    margin-left: auto;
    text-align: left;
    background-color: #31477D;
    -webkit-box-shadow: 0px 0px 25px rgba(55,57,111,0.45);
    box-shadow: 0px 0px 25px rgba(55,57,111,0.45);
}
#spotify-player-but-fiscal a:hover  {
    border: 2px none #37396F;
    border-radius: 25px;
    padding-top: 5px;
    padding-right: 11px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 18px;
    color: #37396F;
    margin-left: auto;
    text-align: left;
    background-color: #37396F;
    -webkit-box-shadow: 0px 0px 25px rgba(55,57,111,0.45);
    box-shadow: 0px 0px 25px rgba(55,57,111,0.45);
    text-decoration: none;
}
.spotifycontainer a {
    text-decoration: none;
}

#spotify-player-but-retail {
    border: 2px none #37396F;
    border-radius: 25px;
    padding-top: 5px;
    padding-right: 11px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 18px;
    color: #a864a8;
    margin-left: auto;
    text-align: left;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 25px rgba(168,100,168,0.37);
    box-shadow: 0px 0px 25px rgba(168,100,168,0.37);
}
#spotify-player-but-retail:hover {
    border: 2px none #37396F;
    border-radius: 25px;
    padding-top: 5px;
    padding-right: 11px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 18px;
    color: #FFFFFF;
    margin-left: auto;
    text-align: left;
    background-color: #a864a8;
    -webkit-box-shadow: 0px 0px 25px rgba(168,100,168,0.37);
    box-shadow: 0px 0px 25px rgba(168,100,168,0.37);
}
#spotify-player-but-tranformacion {
    border: 2px none #37396F;
    border-radius: 25px;
    padding-top: 5px;
    padding-right: 11px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 18px;
    color: #aacc6d;
    margin-left: auto;
    text-align: left;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 25px rgba(170,204,109,0.31);
    box-shadow: 0px 0px 25px rgba(170,204,109,0.31);
}
#spotify-player-but-tranformacion:hover {
    border: 2px none #37396F;
    border-radius: 25px;
    padding-top: 5px;
    padding-right: 11px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 18px;
    color: #FFFFFF;
    margin-left: auto;
    text-align: left;
    background-color: #aacc6d;
    -webkit-box-shadow: 0px 0px 25px rgba(170,204,109,0.31);
    box-shadow: 0px 0px 25px rgba(170,204,109,0.31);
}
#spotify-player-but-business {
    border: 2px none #37396F;
    border-radius: 25px;
    padding-top: 5px;
    padding-right: 11px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 18px;
    color: #5cc2eb;
    margin-left: auto;
    text-align: left;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 25px rgba(92,194,235,0.32);
    box-shadow: 0px 0px 25px rgba(92,194,235,0.32);
}
#spotify-player-but-business:hover {
    border: 2px none #37396F;
    border-radius: 25px;
    padding-top: 5px;
    padding-right: 11px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 18px;
    color: #FFFFFF;
    margin-left: auto;
    text-align: left;
    background-color: #5cc2eb;
    -webkit-box-shadow: 0px 0px 25px rgba(92,194,235,0.32);
    box-shadow: 0px 0px 25px rgba(92,194,235,0.32);
}




#carta {
    background-color: rgba(255,255,255,1.00);
    min-height: 550px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.27);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.27);
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#cartavid {
    background-color: rgba(255,255,255,1.00);
    min-height: 550px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.27);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.27);
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.mb-3.mr-1   {
    color: #5B5B5B;
    font-size: 24px;
    border-style: none;
    background-color: rgba(255,255,255,0.00);
}

#carta .img-fluid.imagethumb {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#carta .img-fluid.imagethumbvid {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
}
.flechas-carrusel-thumbs {
    height: 48px;

}

.columnas-thumblog a  {
    text-decoration: none;
}

#carta .contenedor-extracto {
    padding-top: 30px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    text-align: left;
}
#carta .contenedor-extractovid {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: left;
}

#contenedor-extracto .fecha-blog-thumb {
    color: rgba(130,130,130,1.00);
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 15px;
}
#carta #contenedor-extracto .title {
    font-family: 'Montserrat', sans-serif;
    color: rgba(0,0,0,1.00);
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
}
#carta #contenedor-extracto .card-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    color: #5B5B5B;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#carta #contenedor-extracto .leermas-blog {
    font-family: 'Montserrat', sans-serif;
    color: #5B5B5B;
    font-size: 17px;
    font-weight: bold;
}
.columnas-thumbs-blog {
    margin-bottom: 30px;
}
.spotifycontainer {
    text-align: right;
    max-width: 350px;
    margin-left: auto;
}
#suscribirse {
    padding-top: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
    background-image: url(../../new_img/home/suscrubirse-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
#suscribirse #modalsuscrip {
    background-color: rgba(255,255,255,1.00);
    border-radius: 25px;
    padding-top: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
}
#suscribirse #modalsuscrip h2 {
    font-family: 'Montserrat', sans-serif;
    color: #5B5B5B;
    font-weight: 500;
    font-size: 24px;
}

.home-newsletter {
    padding: 80px 0;
    background-image: url(../../new_img/home/suscrubirse-bg.png);
    background-size: cover;
}
.archive-newsletter {
    padding: 80px 0;
    background-size: cover;
    background-color: #FFFFFF;
}

.home-newsletter .single {
    text-align: center;
    background-color: #FFFFFF;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    border-radius: 20px;
}
.home-newsletter .single h2 {
    font-size: 24px;
    color: #5B5B5B;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-align: left;
}
.home-newsletter .single p {
    text-align: left;
}

.single .form-control  {
    height: 56px;
    background: rgba(255, 255, 255, 0.6);
    border: 2px solid #969696;
    border-radius: 5px;
}
.home-newsletter .single .form-control:focus {
box-shadow: none;
border-color: #243c4f; }
.home-newsletter .single .btn {
    min-height: 56px;
    border-radius: 5px;
    background-color: #5CC2EB;
    color: #fff;
    text-transform: capitalize;
}
.acordion-news 

{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-style: solid none none;
    border-top-width: 2px;
    border-top-color: #5B5B5B;
}
.acordion-news .mb-0 a {
    color: #5B5B5B;
    font-size: 18px;
}

div .hrbut {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
hr {
  flex: 1;
  border: none;
  height: 2px;
  background: black;
}
.hrbut a   {
    text-decoration: none;
}
#seccion-blog-fiscal {
    padding-top: 60px;
    padding-bottom: 60px;
}
#seccion-blog-retail {
    padding-top: 60px;
    padding-bottom: 60px;
}
#seccion-blog-transformacion {
    padding-top: 60px;
    padding-bottom: 60px;
}
#seccion-blog-business {
    padding-top: 60px;
    padding-bottom: 60px;
}
.bannblog {
    height: 500px;
}


.sbx-custom {
    display: inline-block;
    position: relative;
    width: 300px;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 18px;
}

.sbx-custom__wrapper {

}

.sbx-custom__input {
    display: inline-block;
    -webkit-transition: box-shadow .4s ease, background .4s ease;
    transition: box-shadow .4s ease, background .4s ease;
    border: 0;
    border-radius: 26px;
    box-shadow: inset 0 0 0 2px #CCCCCC;
    background: #FFFFFF;
    padding: 0;
    padding-right: 41px;
    padding-left: 51px;
    width: 100%;
    vertical-align: middle;
    white-space: normal;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 40px;
}

.sbx-custom__input::-webkit-search-decoration, .sbx-custom__input::-webkit-search-cancel-button, .sbx-custom__input::-webkit-search-results-button, .sbx-custom__input::-webkit-search-results-decoration {
  display: none;
}

.sbx-custom__input:hover {
  box-shadow: inset 0 0 0 2px #b3b3b3;
}

.sbx-custom__input:focus, .sbx-custom__input:active {
  outline: 0;
  box-shadow: inset 0 0 0 2px #5CC2EB;
  background: #FFFFFF;
}

.sbx-custom__input::-webkit-input-placeholder {
  color: #BBBBBB;
}

.sbx-custom__input::-moz-placeholder {
  color: #BBBBBB;
}

.sbx-custom__input:-ms-input-placeholder {
  color: #BBBBBB;
}

.sbx-custom__input::placeholder {
  color: #BBBBBB;
}

.sbx-custom__submit {
    position: absolute;
    top: 0;
    right: inherit;
    left: 0;
    border: 0;
    border-radius: 25px 0 0 25px;
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
    width: 51px;
    vertical-align: middle;
    text-align: center;
    font-size: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 70px;
    margin-left: 15px;
}

.sbx-custom__submit::before {
  display: inline-block;
  margin-right: -4px;
  height: 100%;
  vertical-align: middle;
  content: '';
}

.sbx-custom__submit:hover, .sbx-custom__submit:active {
  cursor: pointer;
}

.sbx-custom__submit:focus {
  outline: 0;
}

.sbx-custom__submit svg {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    fill: #5CC2EB;
}

.sbx-custom__reset {
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
  margin: 0;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0;
  font-size: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  fill: rgba(0, 0, 0, 0.5);
}

.sbx-custom__reset:focus {
  outline: 0;
}

.sbx-custom__reset svg {
    display: block;
    margin-top: 12px;
    margin-right: 12px;
    margin-left: 12px;
    margin-bottom: 12px;
    width: 19px;
    height: 19px;
}
.w-100-morado    {
    opacity: 1;
    background-color: #37396F;
    width: 100%;
    height: 100%;
}
.w-100-rosa    {
    opacity: 1;
    background-color: #A864A8;
    width: 100%;
    height: 100%;
}
.w-100-verde    {
    opacity: 1;
    background-color: #AACC6D;
    width: 100%;
    height: 100%;
}
.w-100-azul    {
    opacity: 1;
    background-color: #5CC2EB;
    width: 100%;
    height: 100%;
}
.w-100-morado .w-100 {
    opacity: 0.3;
}






.sbx-custom__input:valid ~ .sbx-custom__reset {
  display: block;
  -webkit-animation-name: sbx-reset-in;
          animation-name: sbx-reset-in;
  -webkit-animation-duration: .15s;
          animation-duration: .15s;
}

@-webkit-keyframes sbx-reset-in {
  0% {
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes sbx-reset-in {
  0% {
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
.w-100-rosa .w-100 {
    opacity: 0.3;
}
.w-100-verde .w-100 {
    opacity: 0.3;
}
.w-100-azul .w-100 {
    opacity: 0.3;
}
.media-object-default .media .img-fluid.imagethumb {
    max-width: 230px;
    margin-right: 20px;
    border-radius: 5px;
}
.container .media-object-default   {

}
.container .media-object-default:hover    {
    background-color: rgba(92,194,235,0.19);
    text-decoration: none;
}
.container-xxl.py-5.wow.fadeIn .container a {
    text-decoration: none;
}




div-hr-results {
  display: flex;
  justify-content: center;
  align-items: center;
}
hr {
  flex: 1;
  border: none;
  height: 2px;
  background: black;
}
.mediacatego {
    background-color: rgba(175,175,175,1.00);
    color: rgba(255,255,255,1.00);
    border-radius: 15px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    max-width: 240px;
    text-align: left;
}
.input-group #email  {
    height: 76px;
    min-width: 300px;
}
.btn.btn-theme  {
    height: 76px;
    width: 100%;
    font-family: Montserrat;
    font-style: normal;
    font-variant: normal;
    font-size: 24px;
}
.row.no-gutters #email  {
    height: 45px;
}
.card-body ul .item-3:hover  {
    background-color: rgba(220,245,255,1.00);
}
.card-body ul .item-3  {
    margin-left: -30px;
    padding-left: 20px;
}

#accordion1 a {
    text-decoration: none;
}
.Disfrutando {
    color: #5B5B5B;
    font-family: Raleway;
    font-style: normal;
    font-variant: normal;
    font-size: 24px;
}
.subnavlink {
    color: #5B5B5B !important;
    margin-right: 30px;
    padding-top: 15px;
    padding-right: 19px;
    padding-left: 0;
    padding-bottom: 25px;
    font-size: 18px;
    outline: none;
    font-family: "Brandon Text";
    height: 55px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.navbar-nav.float-none.float-md-end .nav-item .nav-link.subnavlink {
    margin-right: 30px;
    padding-top: 15px;
    padding-right: 19px;
    padding-left: 0;
    padding-bottom: 25px;
    color: #5B5B5B;
    font-size: 18px;
    outline: none;
    font-family: "Brandon Text";
    height: 55px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.subnavlink:hover {
    color: #5B5B5B !important;
    margin-right: 30px;
    padding-top: 15px;
    padding-right: 19px;
    padding-left: 0;
    padding-bottom: 25px;
    font-size: 18px;
    outline: none;
    font-family: "Brandon Text";
    height: 55px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.FlexContainercarac {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    overflow: auto;
    flex-direction: row;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
}

.FlexContainercarac div {
    width: auto;
    margin: 5px;
    height: auto;
    text-align: center;
    font-size: 18px;
    font-family: Montserrat;
    color: #5B5B5B;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
#bventor-section {
    padding-top: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(73,73,73,1.00);
}
.subs-buttons {
    color: #FFFFFF;
    font-size: 16px;
    font-family: Montserrat;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.caracteristicas {
    font-size: 18px;
    font-family: Montserrat;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.caracteristicas-gray {
    font-size: 18px;
    font-family: Montserrat;
    color: #5B5B5B;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 15px;
}
.caracteristicas-graywhite {
    font-size: 18px;
    font-family: Montserrat;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
}
.caracteristicas-gray-2 {
    font-size: 18px;
    font-family: Montserrat;
    color: #5B5B5B;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
}
#slider .row #slide-content {
    text-align: left;
}

.caracteristicas-gray li strong {
    font-weight: 600;

}
.caracteristicas-gray li sup {
    color: rgba(255,134,0,1.00);
}


#section-form-solutions {
    padding-top: 20px;
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
}
.selectdrop {
    width: 100%;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    background-color: rgba(0,0,0,0.04);
    border-style: none;
    border-radius: 5px;
}
#Section-bfiskur {
    padding-top: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
}
.h1-blanco {
    color: rgba(255,255,255,1.00);
}


.panel-table {
    display: table;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color: rgba(255,255,255,1.00);
}
.panel-table > .panel-heading {
    display: table-header-group;
    background: transparent;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.panel-table > .panel-body {
    display: table-row-group;
}
.panel-table > .panel-body:before,
.panel-table > .panel-body:after {
    content:none;
}
.panel-table > .panel-footer {
    display: table-footer-group;
    background: transparent;
}
.panel-table > div > .tr {
    display: table-row;
    color: #4D4D4D;
    font-size: 18px;
    border-top-left-radius: 30px;
}
.tr .td strong {
    color: #434579
}

.panel-table > div:last-child > .tr:last-child > .td {
    border-bottom: none;
}
.panel-table .td {
    display: table-cell;
    padding: 15px;
    border: 1px solid #ddd;
    border-top: none;
    border-left: none;
		font-family: "Montserrat Regular";

}
.panel-table .td:last-child {
    border-right: none;
    color: #4D4D4D;
}
.panel-table > .panel-heading > .tr > .td,
.panel-table > .panel-footer > .tr > .td {
    background-color: #f5f5f5;
    border-top-left-radius: 30px;
}
.panel-table > .panel-heading > .tr > .td:first-child {
    border-radius: 30px 0 0;
    background-color: #434579;
    color: #F9A14F;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
}
.panel-table > .panel-heading > .tr > .td:last-child {
    border-radius: 0 30px 0 0;
    background-color: #00acc1;
    color: #FFFFFF;
    font-size: 26px;
}
.panel-table > .panel-footer > .tr > .td:first-child {
    border-radius: 0 0 0 4px;
}
.panel-table > .panel-footer > .tr > .td:last-child {
    border-radius: 0 0 4px 0;
}
.table-foot {
    background-color: #454779;
    color: #FFFFFF;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.titulo-comparacion {
    color: #434579;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
}
.container .titulo-comparacion strong {
    color: #F9A14F;
}
.subtitulo-comparacion {
    color: #454779;
    font-size: 22px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.subtitulo-comparacion-descarga {
    color: #454779;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 5px;
    float: right;
    clear: left;
}


.FlexContainer-master {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    overflow: auto;
    flex-direction: row;
    height: auto;
}

.FlexContainer-master div {
    margin: 5px;
}


.FlexContainer-samples {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    overflow: auto;
    flex-direction: row;
    height: auto;
}

.FlexContainer-samples div {
    margin: 5px;
}

.ligasbox {
    border-radius: 20px;
}
.FlexContainer-retailops {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    overflow: auto;
    flex-direction: row;
    height: auto;
}

.FlexContainer-retailops div {
    margin: 5px;
    height: auto;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.strong-ops {
    font-weight: 600;
}

.FlexContainer-artus {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    overflow: auto;
    flex-direction: row;
    height: auto;
}

.FlexContainer-artus div {
    margin: 5px;
}

.FlexContainer-porquebavel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    overflow: auto;
    flex-direction: row;
    height: auto;
    text-align: left;
}

.FlexContainer-porquebavel div {
    margin: 5px;
    text-align: left;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    width: auto;
    max-width: 500px;
}


.FlexContainer-logosol {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    overflow: auto;
    flex-direction: row;
}

.FlexContainer-logosol div {
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}
.solucontentslider   {
    text-align: left;
    font-size: 18px;
    font-family: Montserrat;
    color: #5B5B5B;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;

}
.logo-solucion-desc {
    margin-top: 20px;
}
.btnsuscrib {

}
.nav-item .btn.btn-warning {
    background-color: rgba(251,142,35,1.00);
    color: #FFFFFF;
    border-radius: 86px;
    border-style: none;
    font-size: 18px;
    font-family: "Brandon Text";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    margin-top: 7px;
}
.formsolution {
    -webkit-box-shadow: 0px 0px 10px;
    box-shadow: 0px 0px 10px;
    border-radius: 25px;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
}
.formsolution-login {
    -webkit-box-shadow: 0px 0px 10px;
    box-shadow: 0px 0px 10px;
    border-radius: 25px;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    /* width: auto; */
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}
label a  {
    color: rgba(55,57,111,1.00);
}
label a:hover   {
    color: rgba(55,57,111,1.00);
    text-decoration: none;
}
.botonenviar {
    width: 100%;
}
.jumbotron {
    background-image: url(../new_img/carousel-bg-14.jpg);
    background-repeat: no-repeat;
    background-position: 100% 0px;
    background-size: cover;
    padding-left: 10%;
    padding-right: 10%;
    height: 450px;
    padding-top: 120px;
}
.jumbotron-f {
    background-image: url(../new_img/carousel-bg-13.jpg);
    background-repeat: no-repeat;
    background-position: 100% 0px;
    background-size: cover;
    padding-left: 10%;
    padding-right: 10%;
    height: 450px;
    padding-top: 120px;
}
.jumbotron-t {
    background-image: url(../new_img/carousel-bg-14.jpg);
    background-repeat: no-repeat;
    background-position: 100% 0px;
    background-size: cover;
    padding-left: 10%;
    padding-right: 10%;
    height: 450px;
    padding-top: 120px;
}
.jumbotron-d {
    background-image: url(../new_img/carousel-bg-12.jpg);
    background-repeat: no-repeat;
    background-position: 100% 0px;
    background-size: cover;
    padding-left: 10%;
    padding-right: 10%;
    height: 450px;
    padding-top: 120px;
}

.FlexContainer-pruebas {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    overflow: auto;
    flex-direction: row;
    height: auto;
}

.FlexContainer-pruebas div {
    margin: 5px;
    text-align: center;
}
.image-container {
  position: relative;
  display: inline-block;
}

.image-container img {
  display: block;
  width: 100%;
  height: auto;
}
.overlay-text h2 {
    font-size: 28px;
    font-family: Montserrat;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.overlay-text h2 strong {
    font-weight: 500;
}



.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
    text-align: center;

}

.fondo-menucollapse {
    background-color: inherit;
}

.video-list-thumbs{}
.video-list-thumbs > li{
    margin-bottom: 12px;
    width: 310px;
}
.video-list-thumbs > li:last-child{}
.video-list-thumbs > li > a{
    display: block;
    position: relative;
    color: #fff;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border-radius: 3px;
    transition: all 500ms ease;
    border-radius: 20px;
    width: 286px;
}
.video-list-thumbs > li > a:hover{
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    text-decoration: none;
    border-radius: 20px;
}
.video-list-thumbs h2{
	bottom: 0;
	font-size: 14px;
	height: 33px;
	margin: 8px 0 0;
}
.video-list-thumbs .glyphicon-play-circle{
    font-size: 50px;
    opacity: 0.6;
    position: absolute;
    right: 118px;
    top: 71px;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    transition: all 500ms ease-in-out;
}
.video-list-thumbs > li > a:hover .glyphicon-play-circle{
	color:#fff;
	opacity:1;
	text-shadow:0 1px 3px rgba(0,0,0,.8);
}
.video-list-thumbs .duration{
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    left: 12px;
    line-height: 13px;
    padding-top: 4px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    position: absolute;
    top: 12px;
    transition: all 500ms ease;
}
.video-list-thumbs > li > a:hover .duration{
	background-color:#000;
}
@media (min-width:320px) and (max-width: 480px) { 
.video-list-thumbs > li > a:hover .duration{
	background-color:#000;
}
	.video-list-thumbs h2{
		bottom: 0;
		font-size: 12px;
		height: 22px;
		margin: 8px 0 0;
	}
}
.cartavid {
    max-height: 153px;

}
.videoscards {
    width: 280px;
    height: 280px;
    background-color: rgba(255,255,255,1.00);
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 8px;
    box-shadow: 0px 0px 8px;
}
.videoscards .img-fluid.imagethumbvid {
    border-radius: 10px;
}
.contenedorvideostexto   {
    font-size: 18px;
    font-weight: 400;
    color: rgba(0,0,0,1.00);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}
.contenedorvideostexto h1  {
    font-size: 20px;
    font-weight: 400;
    color: rgba(0,0,0,1.00);
}






.material-icons {
  color: rgb(96, 96, 96);
}

/* Sidebar */
.mainBody {
  height: calc(100vh - 70px);
  display: flex;
  overflow: hidden;
}

.sidebar::-webkit-scrollbar {
  display: none;
}

/* videos */

.videos {
  background-color: #f9f9f9;
  width: 100%;
  height: 100%;
  padding: 15px 15px;
  border-top: 1px solid #ddd;
  overflow-y: scroll;
}

.videos__container {
  display: flex;
  flex-direction: row;
  justify-content: left;
  flex-wrap: wrap;
}

.video {
    width: 310px;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 8px;
}

.video__thumbnail {
  width: 100%;
  height: 170px;
}

.video__thumbnail img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 15px;
}

.author img {
  object-fit: cover;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  margin-right: 10px;
}
.author img:hover  {
    object-fit: cover;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    margin-right: 10px;
    transition: all 300ms ease-in-out;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.26);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.26);
}

.video__details {
  display: flex;
  margin-top: 10px;
}

.title {
  display: flex;
  flex-direction: column;
}

.title h3 {
    color: rgb(3, 3, 3);
    line-height: 24px;
    font-size: 20px;
    margin-bottom: 6px;
    font-weight: 300;
}
.title span
 {
    text-decoration: none;
    color: rgb(96, 96, 96);
    font-size: 16px;
    margin-top: -18px;
    padding-top: 0px;
    margin-bottom: -30px;
}



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

@media (max-width: 768px) {
}

@media (max-width: 941px) {
}
.thumbvid {
    width: 286px;
    border-radius: 20px;
    border: 5px solid rgba(118,118,118,1.00);
}
.titulo-portal {
    text-decoration: none;
    color: rgb(96, 96, 96);
    font-weight: 400;
}
.title .titulo-portal a {
    color: rgba(118,118,118,1.00);
}
.title .titulo-portal a:hover  {
    color: rgba(176,176,176,1.00);
    text-decoration: none;
}
.verenyoutube {
    color: rgba(75,75,75,1.00);
}
.verenyoutube:hover {
    text-decoration: none;
}


.filterDiv {

    margin: 2px;
    display: none;
    width: 100%;
}

.show {
  display: block;
}

.container-cur {
  margin-top: 20px;
  overflow: hidden;
}

.btn-curso {
    border: none;
    outline: none;
    cursor: pointer;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-radius: 20px;
}

.btn-curso:hover {

}

.btn-curso.active {
    color: white;
}

.FlexContainer-botoncurso {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    overflow: auto;
    flex-direction: row;
    height: auto;
}

.FlexContainer-botoncurso div {
    margin: 5px;
    width: 240px;
    text-align: center;
    border-radius: 20px;
}



.fit-cover {
  object-fit: cover;
}
.rounded {
    border-radius: 25px !important;
  
}
.btn.btn-primary.mr-2 {
}
#solfiscales,#soldata,#solowcode,#solretail,#solpredictivas{
	scroll-margin-top: 100px;
}
#id-oferta,#id-bfiskur,#id-modulos,#id-contacto,#id-bventor,#id-bstratego,#id-ebavel,#id-artus,#id-prueba,#fiscalcurso,#retailcurso,#datacurso,#lowcurso{
	scroll-margin-top: 150px;
}
.imagenthumbcursos {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
#login-forma {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.subtitulos-log {
    margin-bottom: 0px;
}
.logolaunch {
    text-align: center;
}

.FlexContainer-launch {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    overflow: auto;
    flex-direction: row;
    padding-top: 10px;
    padding-right: 35px;
    padding-bottom: 10px;
    padding-left: 35px;
}

.FlexContainer-launch div {
    margin: 5px;
    background-color: rgba(255,255,255,1.00);
    border-radius: 26px;
    padding-top: 10px;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 35px;
}
.Contacto-launch {
    background-color: rgba(228,228,228,1.00);
}





.slide-track {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}

.slider {
  margin-top: 70px;
  background-color: whitesmoke;
  padding: 8em 2em;
}

@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}
.imgslide {
	  width: 100px;
  height: 100px;
  animation: scroll 60s linear infinite;
}
#stars {
    clear: both;
    float: left;
}

.FlexContainercomplementa {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    background-color: #37396F;
    overflow: auto;
    flex-direction: row;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
}
.container .text-center .parrafo-conciliacion {
    font-size: 32px;
    font-weight: 200;
}
.text-center .parrafo-conciliacion strong {
    font-weight: 500;
}



.FlexContainercomplementa div {
    margin: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.FlexContainercomplementa div .img-fluid.logoscomplementa {
    height: 50px;
}
.seleccionclass {
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    border-style: none;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 100%;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #666666;
}
.but-gal-fisk {
    background-color: #37396F;
    color: #FFFFFF;
    border-style: none;
    border-radius: 15px;
    width: 100%;
}
.but-gal-fisk:hover {
    background-color: #d2acfd;
    color: #FFFFFF;
    border-style: none;
    border-radius: 15px;
}
#footer-bf {
    background-color: #5f6187;
    height: auto;
    padding-bottom: 40px;
}
#footer-bf #pruebabf {
    background-color: #d2adfd;
    margin-bottom: 36px !important;
}



.lds-facebook,
.lds-facebook div {
  box-sizing: border-box;
}
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background-color: #fb8e23;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0s;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}