.col-xl-8 {
    flex: 100%;
    max-width: 100%;
}

.whatsapp {
    width: auto;
    position: fixed;
    right: 5%;
    bottom: 30px;
    z-index: 2;
}

.bloque {
    font-size: 16px;
    font-weight: 700;
    padding-top: 15px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: transparent;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

#block-simplenewssubscription {
  text-align: center;
}

#block-simplenewssubscription .region--dark-typography h2.title {
  font-size: 60px;
  padding-bottom: 0;
  margin-bottom: 20px;
  line-height: 1.3;
  max-width: none;
}

#block-simplenewssubscription .form-composite > .fieldset-wrapper > .description, .form-item .description {
    display: none;
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
}

/* Add some content at the bottom of the video/page */
.content-video {
}

/* Style the button used to pause/play the video */
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}

.parallax-strategy {
  /* The image used */
  background-image: url("../../images/parallax/strategy.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-seo {
  /* The image used */
  background-image: url("../../images/parallax/seo.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-2laps {
  /* The image used */
  background-image: url("../../images/parallax/2laps.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-analytics {
  /* The image used */
  background-image: url("../../images/parallax/analytics.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-tablet-analytics {
  /* The image used */
  background-image: url("../../images/parallax/tablet-analytics.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-desarrollo {
  /* The image used */
  background-image: url("../../images/parallax/desarrollo.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-lupa-seo {
  /* The image used */
  background-image: url("../../images/parallax/lupa-seo.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-encontrar {
  /* The image used */
  background-image: url("../../images/parallax/encontrar.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-equipo {
  /* The image used */
  background-image: url("../../images/parallax/equipo.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-lap-analytics {
  /* The image used */
  background-image: url("../../images/parallax/lap-analytics.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-productividad {
  /* The image used */
  background-image: url("../../images/parallax/productividad.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-viendo-lap {
  /* The image used */
  background-image: url("../../images/parallax/viendo-lap.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-blog {
  /* The image used */
  background-image: url("../../images/parallax/blog.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-webhosting1 {
  /* The image used */
  background-image: url("../../images/parallax/webhosting1.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-webhosting2 {
  /* The image used */
  background-image: url("../../images/parallax/webhosting2.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-lms1 {
  /* The image used */
  background-image: url("../../images/parallax/lms1.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}lo

.parallax-lms2 {
  /* The image used */
  background-image: url("../../images/parallax/lms2.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-lms3 {
  /* The image used */
  background-image: url("../../images/parallax/lms3.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-automation {
    background-image: url(/themes/contrib/catalog_lite/images/parallax/auto.jpg);
    height: 300px;
    margin-top: 50px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-automation1 {
    background-image: url(/themes/contrib/catalog_lite/images/parallax/mauto.jpg);
    height: 300px;
    margin-top: 50px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.parallax-ecommerce {
  /* The image used */
  background-image: url("../../images/parallax/ecommerce.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax-ecommerce1 {
  /* The image used */
  background-image: url("../../images/parallax/tienda-en-linea.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-identidad {
  /* The image used */
  background-image: url("../../images/parallax/identidad-corporativa.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-identidad1 {
  /* The image used */
  background-image: url("../../images/parallax/logo.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-social-media {
  /* The image used */
  background-image: url("../../images/parallax/social-media-newwweb.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-redes {
  /* The image used */
  background-image: url("../../images/parallax/community-manager.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-experto {
  /* The image used */
  background-image: url("../../images/parallax/experto.jpg");

  /* Set a specific height */
  height: 300px;
  margin-top: 50px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.poll {
  margin: auto;
  width: fit-content;
}

#toolbar-administration .block-language ul li {
  display: unset;
}

@media (min-width: 767px){
.background-video-block__section {
    padding: 100px 0;
    
}
}
@media (min-width: 1024px){
.background-video-block__section {
    padding: 90px 0;
    
}
}
@media (min-width: 1280px){
.background-video-block__section {
    padding: 200px 0;
    
}
}

/******************************************************************************/
/*********************************| newWweb |**********************************/
/******************************************************************************/

@media (max-width: 766px){
.g-recaptcha{
    margin-left: 13px;
}
}
@media (max-width: 320px){
.g-recaptcha{
    margin-left: -5px;
}
}
@media (min-width: 767px){
.g-recaptcha{
    margin-left: 190px;
}
}
@media (min-width: 1024px){
.g-recaptcha{
    margin-left: 310px;
}
}
@media (min-width: 1280px){
.g-recaptcha{
    margin-left: 404px;
}
}

@media (max-width: 1000px){
.tamletra{
font-size: xx-large;
}
}


.hcinco{
font-family: montserrat,Helvetica Neue,Arial,Sans-serif;
font-size: 24px;
line-height: 1.20;
padding: 0;
margin: 20px 0 10px 0;
font-weight: 400;
color: #2a2a2a;
display: block;
margin-block-start: 1.67em;
margin-block-end: 1.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

.node--view-mode-teaser .node__header .hdos {
    margin-bottom: 15px;
}

.hdos{
font-family: montserrat,Helvetica Neue,Arial,Sans-serif;
font-size: 50px;
line-height: 1.20;
padding: 0;
margin: 20px 0 10px 0;
font-weight: 400;
color: #2a2a2a;
display: block;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

@media (min-width: 768px){
.huno {
font-size: xxx-large;
}
.hdos {
font-size: xxx-large;
}
}
.node--view-mode-teaser .node__header .hdos {
margin-bottom: 15px;
}

.huno{
font-family: montserrat,Helvetica Neue,Arial,Sans-serif;
font-size: 60px;
line-height: 1.20;
padding: 0;
margin: 20px 0 10px 0;
font-weight: 400;
color: #2a2a2a;
}

.htres{
font-size: 40px;
line-height: 1.20;
padding: 0;
margin: 20px 0 10px 0;
font-weight: 400;
color: #2a2a2a;
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;

}

.region--dark-typography .detailed-feature-block__section .hdos {
    color: #357cce;
}


.node__title .hdos{
    font-size: 24px;
    margin-top: 0;
}
@media (max-width: 750px){
#block-video h2{
    font-size: xxx-large;
}}
@media (max-width: 750px){
.banner__section h1.page-title {
font-size: 32px;
}}
@media (max-width: 750px){
h2{
font-size: 30px;
}}
@media (max-width: 750px){
h3{
font-size: 28px;
}}
@media (max-width: 750px){
h4{
font-size: 28px;
}}

.main-content__section, .sidebar__section {
    padding: 60px 0 0 0;
}

@media (max-width: 767px){
.main-content__section, .sidebar__section {
    padding: 40px 0 0 0;
}
.highlighted__section {
    padding: 0 0 85px 0;
}
}


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


.view-id-equipo .row{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.nombre{
    font-family: 'Montserrat', Helvetica Neue, Arial, Sans-serif;
    font-size: 24px;
    line-height: 1.20;
    padding: 0;
    margin: 20px 0 10px 0;
    font-weight: 400;
}
.descripcion{
    font-family: 'Montserrat', Helvetica Neue, Arial, Sans-serif;font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    color: #5f5f5f;
}

#webform-submission-determina-tu-servidor-node-33-add-form .webform-actions{
    text-align-last: center;
}

#webform-submission-determina-tu-servidor-node-33-add-form #edit-expectativas{
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    max-width: 100%;
}

.tituloserv{
    font-family: 'Montserrat',Helvetica Neue,Arial,Sans-serif;
    font-size: 24px;
    line-height: 1.20;
    padding: 0;
    margin: 20px 0 10px 0;
    font-weight: 400;
    color: #2a2a2a;
}

#block-catalog-lite-content  .views-field-title a {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#block-views-block-view-servicios-block-1 .views-field-title a {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.js .dropbutton-widget {
  width: 50%;
  margin: 5px auto;
}

.js .dropbutton li, .js .dropbutton a {
  color: #2a2a2a;
}

.derecha {
  text-align: right;
}

@media (max-width: 1199px){
  .circle{
  width: 100%;
  text-align: -webkit-center;
  margin-bottom: 15px;
  float: left;
  }
  
  .derecha {
    text-align: center;
  }

}

@media (min-width: 1200px){
.circle{
    width: 170px;
    float: left;
}
.negro{
    margin-left: 170px;
}
}

.sutil{
    font-size: 20px;
    font-weight: 500;
}

#webform-submission-brief-de-logo-add-form .form-item, .form-actions {
    margin: auto;
}

#webform-submission-brief-de-logo-add-form .webform-type-radios , .webform-type-checkboxes {
    border-block-start: none;
    padding: 0 0 10px 0;
}

#webform-submission-brief-de-logo-add-form .webform-type-radios, .webform-type-checkboxes {
    border: none;
}

#webform-submission-brief-de-identidad-corporativa-add-form .form-item, .form-actions {
    margin: auto;
}

.cien{
  width: 100%;   
}

@media (min-width: 576px){
.card-deck1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
}}

.card1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    width: 100%;
}

@media (min-width: 1024px){
.card-deck .card1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    /* -webkit-box-orient: vertical; */
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}}

@media (min-width: 1024px){
    .card-deck .card2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    /* -webkit-box-orient: vertical; */
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}}

@media (min-width: 1024px){
    #block-video video {
    width: 100%;
}}        
#block-mainnavigationen .sf-sub-indicator {
    right: -8px;
    width: 17px;
    font-size: 13px;
    font-weight: 400;
    top: 22px;
    margin-top: 0px;
}

#block-mainnavigationca .sf-sub-indicator {
    right: -8px;
    width: 17px;
    font-size: 13px;
    font-weight: 400;
    top: 22px;
    margin-top: 0px;
}
#block-mainnavigation-3 .sf-sub-indicator {
    right: -8px;
    width: 17px;
    font-size: 13px;
    font-weight: 400;
    top: 22px;
    margin-top: 0px;
}


.telefono{
    text-align: -webkit-center;
    font-size: 19px;
}

.telefono a{
    text-decoration: none;
}

.iconosc a:hover{
   opacity: 0.7;
}

#webform-submission-contact-add-form .g-recaptcha{
   margin-left: 0;
   margin-bottom: 15px;
}

#edit-contenido-dinamico-de-tu-interes-select{
   border-radius: 5px 5px 5px 5px;
}   


#form-lms .captcha{
width:100%;
}
#form-lms .g-recaptcha{
    margin: 0;
    text-align: -webkit-center;
    text-align: -moz-center;
}

#form-web .captcha{
width:100%;
}

#form-web  .g-recaptcha{
    margin: 0;
    text-align: -webkit-center;
    text-align: -moz-center;
}

#form-seo .captcha{
width:100%;
}

#form-seo .g-recaptcha{
    margin: 0;
    text-align: -webkit-center;
    text-align: -moz-center;
}

#edit-contenido-dinamico-de-tu-interes-select option{
    color:black;
}

#form-lms .background-image-block__section{
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    margin-bottom: -100px;
    font-size: x-large;
}

#form-web .background-image-block__section{
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    margin-bottom: -100px;
    font-size: x-large;
}
#form-seo .background-image-block__section{
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    margin-bottom: -100px;
    font-size: x-large;
}


#form-seo, #form-web, #form-lms{
    font-size: x-large;
    max-width:100%;
}


@media (max-width: 495px){
#form-seo h1, #form-web h1, #form-lms h1{
   font-size: 2.3rem;
}}

.logos{
    text-align: center;
    font-size: x-large;
}
.logos a{
    margin: 0 15px;
}

.estrategia{
 margin-top:-30px;   
}
#block-botonid{
margin-top: -60px;
}
 .banner {
    padding: 30px 0;
    position: relative;
    overflow-y: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
//*    background-image: url(/img/fondo.webp);*//
}

.banner.region--black-background:after {
   opacity: 0.6;
}
.path-user h1{
    text-shadow: 0.1em 0.1em 0.2em black;
}

.path-frontpage .container-fluid .field--mt-background-image-block {
    margin: 0;
}
.path-frontpage .banner{
    padding:0;
}

.cent {
  text-align: center;
}

.view-view-servicios .pager__item a{
padding: 13px 30px 13px;
}

#webform-submission-encuesta-add-form legend {
    border: none;
    font-weight: inherit;
}
#webform-submission-encuesta-add-form fieldset{
    
    border: none;
}
.hseis{
    font-size: 18px;
    line-height: 1.20;
    padding: 0;
    margin: 20px 0 10px 0;
    font-weight: 400;
    color: #2a2a2a
}
/******************************************************************************/
/*********************************| newWweb |**********************************/
/******************************************************************************/