/*Tiktok icon*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?pzcxp4');
  src:  url('fonts/icomoon.eot?pzcxp4#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?pzcxp4') format('truetype'),
    url('fonts/icomoon.woff?pzcxp4') format('woff'),
    url('fonts/icomoon.svg?pzcxp4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon tiktok"], [class*=" icon tiktok"] {
  font-family: 'icomoon' !important;
}

.icon.tiktok:before {
  content: "\e900";
}
/*END Tiktok icon*/

/* SLIDER SCHOOL */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 7))
  }
}

.slider {
  background: white;
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 3em;
}

.slider :before,
.slider:after {
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}

.slider :after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider :before {
  left: 0;
  top: 0;
}

.slide-track {
  animation: scroll 20s linear infinite;
  display: flex;
  width: calc(250px * 14);
}

.slide {
  height: 100px;
  margin-left: 50px;
}

.slide:first-child {
  margin-left: 250px;
}

/* ESTILO DEL ACORDION */
.styleaccordion {
  /* background-color:  #1f44c0; */
  border-radius: 25px;
  color:  #1f44c0 !important;
  font-size: 18px !important;
  padding: 1em !important;
  font-weight: 700;
  letter-spacing: 1px;
}

.styleaccordion.active {
  background-color:  #1f44c0;
  border-radius: 25px 25px 0 0;
  color:  white !important;
}

.ui.accordion > .title, .ui.accordion > .content {
  box-shadow: -2px 4px 10px rgb(0 0 0 / 20%);
}
  
/*   ESPACIO DE FOOTER */
  .footer {
    margin-top: 5% !important;
  }

/* ESTILO FORMULARIO */
  .formularioInput {
    width: 100%;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #1f44c0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
  }

  textarea.formularioInput {
    resize: none !important;
  }

/* TEXTO BLANCO PARA FOOTER */
  .colorW, p.terms > a {
    color: #ffffff;
  }

/* BOTÓN VER MÁS */
.btnvm {
  border-radius: 40px !important;
  background-color: white !important;
  color: #1f44c0 !important;
  margin-top: 2em !important;
}


/* BOTON ENVIAR */
  .btnenviar {
    border-radius: 40px;
    color: white;
    font-size: 20px;
    padding: 5px 50px !important;
    border: none;
    background-color: #c5c5c5;
    margin-bottom: 50px !important;
  }

/* ESTILO BUSCADOR */
.inputsearch {
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 50px !important;
  background: inherit !important;
  padding: 5px 20px !important;
}

.functext {
  margin-left: 5% !important;
  padding-top: 5% !important;
  font-size: 40px !important;
}

.krub {
  font-family: 'Krub', sans-serif !important; 
}

.worksans { 
  font-family: 'Work Sans', sans-serif !important;
  font-weight: 600 !important;
}

.blue {
  background-color: #1f44c0;
}

.textbanner {
  display: flex;
  align-items: center;
}

.imagebanner {
  width: 50%;
}

.textstyle {
  display: flex;
  flex-direction: column; 
  align-content: space-around; 
  align-self: center;
}

.ui.basic.segment, .ui.basic.segments, .ui.segments .ui.basic.segment {
  margin-top: 70px;
  padding: 0;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.benefits {
  font-size: 22px;
  padding-top: 2em;
}

.accordion > .content.worksans > p {
  color: gray;
  padding: 1em;
  font-weight: 400 !important;
}

.ui.grid.stackable.faqs {
  width: 100%;
  padding: 2em 0;
}

.grid-centered-text {
  display: flex; 
  flex-direction: column; 
  align-content: space-around; 
  align-self: center;
}

.slider-testimonial {
  padding: 1em;
}

.header-social {
  max-height: 48px;
  padding-left: 0em !important;
  padding-right: 0.5em !important;
}

.right.item.krub > .item:not(.active) {
  color: grey !important;
}

.active.item {
  color: #2185d0 !important;
}

.terms {
  color: white !important;
  font-size: 11px;
}

.formularioInput.worksans {
  font-weight: 400 !important;
}

#btnDownload:hover{
  color: black !important;
}

#tiptapvideo {
  box-shadow: 0px 0px 20px 0px;
}

.fondodegrade_white {
  background: linear-gradient(to bottom, white 0%, white 50%, rgb(24, 53, 241) 50%, rgba(75,251,231,1) 100%);
  padding-bottom: 3em;
}

/* i.icon.tiktok:before { */
  /* content: "../images/tiktok.png"; */
  /* background-image: url("../images/tiktok.png") !important; */
  /* font-family: brand-icons; */
/* } */

/*RESPONSIVE*/

.hidden.menu {
  display: none;
}

.secondary.pointing.menu .toc.item {
  display: none;
}

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

  .secondary.pointing.menu .item,
  .secondary.pointing.menu .menu {
    display: none;
  }
  .secondary.pointing.menu .toc.item {
    display: block;
  }

  .masthead h1.ui.header {
    font-size: 2em;
    margin-top: 1.5em;
  }
  .masthead h2 {
    margin-top: 0.5em;
    font-size: 1.5em;
  }
  .ui.vertical.menu .dropdown.item:not(.upward) .menu {
     top: 100% !important; 
  }
  .ui.vertical.menu .dropdown.item .menu {
    left: initial !important;
    min-width: 100% !important;
  }

  .toc.item>i.sidebar.icon {
    font-size: 2em;
  }
  /* .textbanner {
    width: auto !important;
    margin-top: 10px !important;
  } */
  /* .imagebanner{
    width: 100%;
  } */

  .ui.large.header {
    font-size: 1.45em;
  }
}

.fondodegrade{
  background: linear-gradient(90deg, rgb(24, 53, 241) 0%, rgba(75,251,231,1) 100%) !important;
}

.subscribed {
  letter-spacing: 2px;
  margin-bottom: 2em !important;
  font-weight: 600 !important;
  color: #1f44c0 !important;
}

@media only screen and (max-width: 540px) {
  .textbanner{
    display: block;
    /* padding: 2em 0 0 !important; */
    text-align: center;
  }
  .textbanner > .ui.header {
    padding-top: 2em;
  }

  .imagebanner {
    width: 100%;
  }
}

@media only screen and (max-width: 770px) {
  #joinL {
    display: none;
  }
  #accountLeft{
    display: none;
  }
  #accountRight{
    display: none;
  }
  /* #titletwo{
    margin-top: 100px !important;
    margin-left: 20px !important;
  }
  #title{
    margin-top: 100px !important;
    margin-left: 20px !important;
  } */
  #btnfree{
    margin-top: 0px !important;
  }

}