/*
Theme Name: Synapsis
Author: Imaginalo.pe
Description: Tema desarrollado por Imaginalo.pe para Synapsis, basado en Bootstrap
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: synapsis
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {padding-top: 0rem;
  /*! padding-bottom: 3rem; */
  color: rgba(10,10,10,0.88) !important;;
}

footer {
	/* background:#000; */
  background:#2c1b3d;
  clear:both;
  width:100%;
  color:#fff;
  padding:2em 0em;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block!important;
}

.fixed-top .navbar-brand {
 margin-top:1em;
  width:280px;
  /* height:70px; */
  height:90px;
  /* background: url(../../../../wp-content/themes/synapsis/logo-synapsis.png) top center no-repeat; */
  background: url(SYNAPSIS_LIGHT.svg) top center no-repeat;
  background-size: 200px;
}

.foto-post-banner {height:15em;}

.contenido-simple {padding: 10em 8em}
.navbar-dark .navbar-nav .nav-link {color:#fff;font-size:1.2em;}

.navbar-dark .navbar-nav .active .nav-link {
  /* color:rgb(186, 214, 109)!important; */
  color:#20fdc3!important;
  font-size:1.2em;
}


.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
  height:100px;
  background:transparent;
  -webkit-box-shadow: 0 0 0px 0px rgba(5,5,5,0.3);
box-shadow: 0 0 0px 0px rgba(5,5,5,0.3);
    -webkit-transition: all 0.2s ease-in,
      -webkit-transform 0.2s; /* Safari */
  transition: all 0.2s ease-in-out;
}


.carousel-inner {
  position: relative;
  width: 100%;
  overflow: visible;
}

.quedate {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
  height:60px;
  /* background:rgb(20,20,20); */
  background: #2c1b3d;
  -webkit-box-shadow: 0 0 3px 2px rgba(5,5,5,0.3);
  box-shadow: 0 0 3px 2px rgba(5,5,5,0.3);
  -webkit-transition: all 0.4s ease-in-out,
  -webkit-transform 0.4s; /* Safari */
  transition: all 0.4s ease-in;
}

.fixed-top .navbar {/*! height:60px; */padding:1.5rem 0rem;}
.quedate .navbar-brand {
 margin:0em!important;
  width:200px;
  /* height:68px; */
  height:60px;
  /* background: url(../../../../wp-content/themes/synapsis/logo-synapsis-bar.png) top center no-repeat; */
  background: url(SYNAPSIS_LIGHT.svg) center center no-repeat;
  background-size: 130px;
  padding-top:0em;
  padding-bottom:0em;
  margin:0em!important;
}

.quedate .navbar {/*! height:60px; */padding:0rem 0rem;/*! height:60px; */}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  z-index:1;
  margin-bottom: 0rem;
/*! transform: perspective(400) translate3d(0, 0, -120px); */

}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  top: 18rem;
  z-index: 10;
  transform: perspective(400) translate3d(0, 0, -70px);

     /*! display:block; */
}

.carousel-caption h5 {
font-size:4.5em;
  text-align: right;
margin-bottom:1em;}

.carousel-caption p {
  text-align: right;
  margin-left:70%;
  line-height:1.3em;
}


/* Declare heights because of positioning of img element */
.carousel-item {
  height: 48rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 48rem;
}


.carousel-indicators{display:none;}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5%;
  color: #fff;
  text-align: center;
  opacity: 0.21
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
}

/*.carousel-fade {
    .carousel-inner {
        .item {
            transition-property: opacity;
        }

        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }
    }

    .carousel-control {
        z-index: 2;
    }
}
*/






/*-------Franja Mensaje----------*/
.franja-neuronal{height:500px;overflow:hidden;}
canvas{
  display:block;
  vertical-align:bottom;
}


/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  height: 300px;
  /* background-color: rgb(148,186,50); */
  background-color: #20fdc3;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
}


/* Featurettes
------------------------- */
.featurette{padding:3em 0em 15em 0em;}

.sin-padding {padding:0em;}


.featurette-divider {
  margin: 5rem 0;
  box-shadow: 0px -10px 10px -10px rgba(10,10,10,0.3);

}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
  padding:0em 0em 1.5em 0em;
}

.verde {color:#20fdc3;font-size:1.4em;}

.featurette img {padding: 0% 0% 0% 0%;}

#productos h2 {width:100%;margin:0em 0em 2em 0em;font-size:2.9em;color:#20fdc3;}

.contenedor-icono {text-align:center;}

.icono-producto{width:80%;margin: 0 auto!important;text-align: center!important;}

h3.titulo-producto {text-align:center;/*! width:80%; */margin: 0em auto 1.5em 0em;font-size:2.4em;}

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

.centrado {text-align:center;}

.contenedor-producto p{font-size:1em;color:rgba(10,10,10,0.5);text-align: center;width:90%;margin: 0 auto;}
.featurette .verde{color:#20fdc3;font-weight: bold;font-size:1.4em;}


.foto-post img {height:auto;width:100%;}


.primera-accion a {color:#fff;}
.primera-accion {width:100%;position:absolute;margin:0 auto;margin-top:-11em;text-align: center;color:#fff;z-index:15;  transform: perspective(400) translate3d(0, 0, -70px);
}
.primera-accion .contenedor-boton-banner {width:0px;margin:0 auto;line-height:1.3em;-webkit-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;}
.primera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;}

.primera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;width:100%;margin:0 auto;margin-top:0em;}


.contenedor-texto {padding: 4em;}
.segunda-accion a {color:#fff;text-align: center!important;;}
.segunda-accion {width:100%;/*! position:absolute; */margin:0 auto;text-align: center;color:#fff;margin-top:3em;margin-bottom:4em;}
.segunda-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:1em 2em;text-align: center!important;}
.segunda-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.segunda-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:0.3em;color:rgba(10,10,10,0.7);text-align: center!important;}

.foto-texto {background-position: top center!important;;height:400px;background-size: 200% 100%!important; ;}

  #mc-embedded-subscribe-form label {display: none;}


.modal-backdrop.show {opacity: 0.8;}

/* RESPONSIVE CSS
-------------------------------------------------- */



/* ----------Arranca la magia Responsive -------------*/



@media (min-width: 1700px){

/*----------------------------------Footer--------------------------------*/

  .iconos-footer {border-bottom:1px #fff solid;margin-bottom:2em;}

    .iconos-footer .iconos-redes {list-style: none;margin:0em 0em 0.8em 0em!important;padding-left:0em;}
  .force-right {text-align: right;}


      .iconos-footer .iconos-redes li{list-style: none;display: inline-block;font-size:3em;margin:0em 0.5em 0em 0em;}

  /*----------------------------------End Footer--------------------------------*/


  .tercera-accion a {color:#fff;text-align: center!important;;}
.tercera-accion {width:100%;/*! position:absolute; */margin:0 auto;margin-top:-15em;text-align: center;color:#fff;margin-bottom:4em;}
.tercera-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:0em 2em;text-align: center!important;}
.tercera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.tercera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:0.3em;color:rgba(10,10,10,0.7);text-align: center!important;}




   .layer-1 {position:absolute;width:80%;margin:0 auto; padding:6em 0em;left:18%;}

      .layer-1 h4 {font-size:3em;}

         .layer-1 h5 {font-size:1.4em;color:#fff;margin-left:8em;margin-top:0.7em;}


  /*--------Formulario Modal -----------*/

  .modal-header {border-bottom:none;}
  .modal-body {width:88%;margin: 0 auto;}
  .modal-dialog {margin: 6% auto 10% auto}

  #mc-embedded-subscribe-form input[type="text"],
#mc-embedded-subscribe-form input[type="date"],
#mc-embedded-subscribe-form input[type="datetime"],
#mc-embedded-subscribe-form input[type="email"],
#mc-embedded-subscribe-form input[type="number"],
#mc-embedded-subscribe-form input[type="search"],
#mc-embedded-subscribe-form input[type="time"],
#mc-embedded-subscribe-form input[type="url"],
#mc-embedded-subscribe-form input[type="password"],
#mc-embedded-subscribe-form textarea,
#mc-embedded-subscribe-form select
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	display: block;
	width: 100%;
	padding: 7px;
	border: none;
	border-bottom: 1px solid #ddd;
	background: transparent;
	margin-bottom: 2em;
	font: 16px Arial, Helvetica, sans-serif;
	height: 45px;
}

#mc-embedded-subscribe-form textarea{
	resize: both;
	overflow: hidden;height:7em;
}


#mc-embedded-subscribe-form select {color:rgba(10,10,10,0.6);}

#mc-embedded-subscribe-form input[type="button"],
#mc-embedded-subscribe-form input[type="submit"]{
	background-color: #20fdc3;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 1em;
	padding: 0.6em 1em;
	text-decoration: none;
	text-transform: uppercase;
  border:none;
  margin-left:80%;
}
#mc-embedded-subscribe-form input[type="button"]:hover,
#mc-embedded-subscribe-form input[type="submit"]:hover {
	background-color:rgb(135, 160, 20);
}

    /*--------End Formulario Modal -----------*/

.navbar-dark .navbar-nav .nav-link {color:#fff;font-size:1.2em;margin:0em 0.4em;}

.navbar-dark .navbar-nav .active .nav-link {color:rgb(255,255,255)!important;font-size:1.2em;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .active .nav-link:hover, .mPS2id-clicked{
  /* color:rgb(186, 214, 109)!important; */
  color:#20fdc3!important;
}


  .mr-auto{position:absolute;right:0px;}


   a.boton-contacto {
     /* background:rgba(10,10,10,0.9); */
     background:#2c1b3d;
     padding:1em;margin:0em auto;
     -webkit-border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;color:#fff;
     /*! vertical-align: middle; */
     text-align:center;
     position: absolute;
     left:0%;
     transition: all ease-in-out 200ms;
    }

   a.boton-contacto:hover {
     text-decoration: none;
     /* background:rgb(206, 229, 105); */
     background:#20fdc3;
     /* color: rgba(10,10,10,0.9); */
     color: #2c1b3d;
     /* border: 3px solid rgba(10,10,10,0.9); */
     border: 3px solid #2c1b3d;
    }


   .fixed-top .navbar-brand {
 margin-top:1em;
  width:258px;
  /* height:70px; */
  height:90px;
  /* background: url(../../../../wp-content/themes/synapsis/logo-synapsis.png) top center no-repeat; */
  background: url(SYNAPSIS_LIGHT.svg) top center no-repeat;

     background-size:100%;
}
   .container{max-width:70%!important;;}




   .contenedor-texto {padding: 8em;}

   .contenedor-producto {padding:0em 3em;}

.foto-texto {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position-y: center !important;
    background-repeat-x: no-repeat !important;
    background-repeat-y: no-repeat !important;
	height:610px;
	background-position:top center!important;
}


   .container {max-width: 72%;}
.carousel-item {
  height: 59em;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 59rem;
}

   .carousel-caption {
  top: 19rem;
  z-index: 10;
     display:block;
}

   .mr-auto{margin-right: 0!important;margin-left:20%;}

   /* MARKETING CONTENT
-------------------------------------------------- */


/* Center align the text within the three columns below the carousel */

.marketing {
  margin:0em auto;padding:8em 2em 12em 2em;background:#20fdc3;color:rgba(10,10,10,0.88);}

.marketing .col-lg-3 {
  text-align: center;
  cursor:default;
}

.marketing .col-lg-3:hover {
}




.textwidget {padding: 0em 0em;text-align:center;}

.marketing h2 {
  cursor:default;
  font-weight: 400;
  text-align: center;
  width:70%;
  margin:1em auto 1em auto;
  font-size:2em;

}
.marketing .col-lg-3 p {
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: left;
  line-height: 1.3em;
  font-size:0.9em;
  vertical-align: middle;
}

.marketing .col-lg-3 .svg-inline--fa {
  text-align: center!important;
  line-height: 1em;
  font-size:4.5em;
  width:100%;
}

.marketing .col-lg-3 .icono-nombre {
  width:100%;
  height:100%;
  display:block;}

div.me-escondo {
  border-top:2px solid rgba(150,150,150,0.3);
  padding:2em 0em 0em 0em;
}


.marketing .col-lg-3 div.me-escondo p {
  margin-right: 3rem;
  margin-left: 3rem;
  text-align: center;
  line-height: 1.3em;
  font-size:0.9em;
  vertical-align: middle;
  padding:0em;
}


.marketing .col-lg-3 img {
  text-align: center!important;width:120px;margin:0 auto!important;
}
}


 @media (min-width: 1441px) and (max-width: 1699px){


  /*--------Formulario Modal -----------*/

  .modal-header {border-bottom:none;}
  .modal-body {width:88%;margin: 0 auto;}
  .modal-dialog {margin: 6% auto 10% auto}

  #mc-embedded-subscribe-form input[type="text"],
#mc-embedded-subscribe-form input[type="date"],
#mc-embedded-subscribe-form input[type="datetime"],
#mc-embedded-subscribe-form input[type="email"],
#mc-embedded-subscribe-form input[type="number"],
#mc-embedded-subscribe-form input[type="search"],
#mc-embedded-subscribe-form input[type="time"],
#mc-embedded-subscribe-form input[type="url"],
#mc-embedded-subscribe-form input[type="password"],
#mc-embedded-subscribe-form textarea,
#mc-embedded-subscribe-form select
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	display: block;
	width: 100%;
	padding: 7px;
	border: none;
	border-bottom: 1px solid #ddd;
	background: transparent;
	margin-bottom: 2em;
	font: 16px Arial, Helvetica, sans-serif;
	height: 45px;
}

#mc-embedded-subscribe-form textarea{
	resize: both;
	overflow: hidden;height:7em;
}

#mc-embedded-subscribe-form select {color:rgba(10,10,10,0.6);}

#mc-embedded-subscribe-form input[type="button"],
#mc-embedded-subscribe-form input[type="submit"]{
	background-color: #20fdc3;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 1em;
	padding: 0.6em 1em;
	text-decoration: none;
	text-transform: uppercase;
  border:none;
  margin-left:80%;
}
#mc-embedded-subscribe-form input[type="button"]:hover,
#mc-embedded-subscribe-form input[type="submit"]:hover {
	background-color:rgb(135, 160, 20);
}

    /*--------End Formulario Modal -----------*/

   /*----------------------------------Footer--------------------------------*/

  .iconos-footer {border-bottom:1px #fff solid;margin-bottom:2em;}

    .iconos-footer .iconos-redes {list-style: none;margin:0em 0em 0.8em 0em!important;padding-left:0em;}
  .force-right {text-align: right;}


      .iconos-footer .iconos-redes li{list-style: none;display: inline-block;font-size:3em;margin:0em 0.5em 0em 0em;}

  /*----------------------------------End Footer--------------------------------*/


  .tercera-accion a {color:#fff;text-align: center!important;;}
.tercera-accion {width:100%;/*! position:absolute; */margin:0 auto;margin-top:-15em;text-align: center;color:#fff;margin-bottom:4em;}
.tercera-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:0em 2em;text-align: center!important;}
.tercera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.tercera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:0.3em;color:rgba(10,10,10,0.7);text-align: center!important;}


   a.boton-contacto {
     /* background:rgba(10,10,10,0.9); */
     background:#2c1b3d;
     padding:1em;
     margin:0em auto;
     -webkit-border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
     color:#fff;
     /*! vertical-align: middle; */
     text-align:center;
     position: absolute;
     left:0%;
     transition: all ease-in-out 200ms;
    }

   a.boton-contacto:hover {
     text-decoration: none;
     /* background:rgb(206, 229, 105); */
     background:#20fdc3;
     /* color: rgba(10,10,10,0.9); */
     color: #2c1b3d;
     /* border: 3px solid rgba(10,10,10,0.9); */
     border: 3px solid #2c1b3d;
    }


   .layer-1 {position:absolute;width:80%;margin:0 auto; padding:6em 0em;left:18%;}

      .layer-1 h4 {font-size:2.8em;}

         .layer-1 h5 {font-size:1.4em;color:#fff;margin-left:5em;}


   .fixed-top .navbar-brand {
 margin-top:1em;
  width:280px;
  /* height:70px; */
  height:90px;
  /* background: url(../../../../wp-content/themes/synapsis/logo-synapsis.png) top center no-repeat; */
  background: url(SYNAPSIS_LIGHT.svg) top center no-repeat;
  background-size:90%;
}
   .container{max-width:93%!important;;}
.navbar-dark .navbar-nav .nav-link {color:#fff;font-size:1.2em;margin:0em 0.7em;}

.navbar-dark .navbar-nav .active .nav-link {color:rgb(255,255,255)!important;font-size:1.2em;}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .active .nav-link:hover, .mPS2id-clicked{
  /* color:rgb(186, 214, 109)!important; */
  color:#20fdc3!important;
}


   .contenedor-texto {padding: 6em 6em 0em 6em;}

   .contenedor-producto {padding:0em 3em;}

.foto-texto {height:520px;background-position:top center!important;background-size:100% 100% !important;}


   .container {max-width: 72%;}
.carousel-item {
  height: 59em;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 59rem;
}

   .carousel-caption {
  top: 19rem;
  z-index: 10;
     display:block;
}

   .mr-auto{position:absolute;right:0px;}


.marketing {
  margin:0em auto;padding:8em 2em 12em 2em;background:#20fdc3;color:rgba(10,10,10,0.88);}

.marketing .col-lg-3 {
  text-align: center;
  cursor:default;
}

.marketing .col-lg-3:hover {
}

.textwidget {padding: 0em 0em;text-align:center;}

.marketing h2 {
  cursor:default;
  font-weight: 400;
  text-align: center;
  width:70%;
  margin:1em auto 1em auto;
  font-size:2em;

}
.marketing .col-lg-3 p {
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: left;
  line-height: 1.3em;
  font-size:0.9em;
  vertical-align: middle;
}

.marketing .col-lg-3 .svg-inline--fa {
  text-align: center!important;
  line-height: 1em;
  font-size:4.5em;
  width:100%;
}

.marketing .col-lg-3 .icono-nombre {
  width:100%;
  height:100%;
  display:block;}

div.me-escondo {
  border-top:2px solid rgba(150,150,150,0.3);
  padding:2em 0em 0em 0em;
}


.marketing .col-lg-3 div.me-escondo p {
  margin-right: 3rem;
  margin-left: 3rem;
  text-align: center;
  line-height: 1.3em;
  font-size:0.9em;
  vertical-align: middle;
  padding:0em;
}


.marketing .col-lg-3 img {
  text-align: center!important;width:120px;margin:0 auto!important;
}

}



@media (min-width: 1281px) and (max-width: 1440px) {


  /*--------Formulario Modal -----------*/

  .modal-header {border-bottom:none;}
  .modal-body {width:88%;margin: 0 auto;}
  .modal-dialog {margin: 6% auto 10% auto}

  #mc-embedded-subscribe-form input[type="text"],
#mc-embedded-subscribe-form input[type="date"],
#mc-embedded-subscribe-form input[type="datetime"],
#mc-embedded-subscribe-form input[type="email"],
#mc-embedded-subscribe-form input[type="number"],
#mc-embedded-subscribe-form input[type="search"],
#mc-embedded-subscribe-form input[type="time"],
#mc-embedded-subscribe-form input[type="url"],
#mc-embedded-subscribe-form input[type="password"],
#mc-embedded-subscribe-form textarea,
#mc-embedded-subscribe-form select
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	display: block;
	width: 100%;
	padding: 7px;
	border: none;
	border-bottom: 1px solid #ddd;
	background: transparent;
	margin-bottom: 2em;
	font: 16px Arial, Helvetica, sans-serif;
	height: 45px;
}

#mc-embedded-subscribe-form textarea{
	resize: both;
	overflow: hidden;height:7em;
}

#mc-embedded-subscribe-form select {color:rgba(10,10,10,0.6);}

#mc-embedded-subscribe-form input[type="button"],
#mc-embedded-subscribe-form input[type="submit"]{
	background-color: #20fdc3;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 1em;
	padding: 0.6em 1em;
	text-decoration: none;
	text-transform: uppercase;
  border:none;
  margin-left:80%;
}
#mc-embedded-subscribe-form input[type="button"]:hover,
#mc-embedded-subscribe-form input[type="submit"]:hover {
	background-color:rgb(135, 160, 20);
}

    /*--------End Formulario Modal -----------*/

/*----------------------------------Footer--------------------------------*/

  footer p {font-size:0.9em;}
  .iconos-footer {border-bottom:1px #fff solid;margin-bottom:2em;}

    .iconos-footer .iconos-redes {list-style: none;margin:0em 0em 0.8em 0em!important;padding-left:0em;}
  .force-right {text-align: right;}


      .iconos-footer .iconos-redes li{list-style: none;display: inline-block;font-size:3em;margin:0em 0.5em 0em 0em;}

  /*----------------------------------End Footer--------------------------------*/


  .tercera-accion a {color:#fff;text-align: center!important;;}
.tercera-accion {width:100%;/*! position:absolute; */margin:0 auto;margin-top:-10em;text-align: center;color:#fff;margin-bottom:4em;}
.tercera-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:0em 2em;text-align: center!important;}
.tercera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.tercera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:-0.2em;color:rgba(10,10,10,0.7);text-align: center!important;}

 a.boton-contacto {
   /* background:rgba(10,10,10,0.9); */
   background:#2c1b3d;
   padding:1em 0.9em;
   width:75%;
   margin:2em auto 0 auto;
   -webkit-border-radius: 5px 5px 5px 5px;
   font-size:1em;
   border-radius: 5px 5px 5px 5px;
   color:#fff;
   /*! vertical-align: middle; */
   text-align:center;
   position: absolute;
   transition: all ease-in-out 200ms;
  }

   a.boton-contacto:hover {
     text-decoration: none;
     /* background:rgb(206, 229, 105); */
     background:#20fdc3;
     /* color: rgba(10,10,10,0.9); */
     color: #2c1b3d;
     /* border: 3px solid rgba(10,10,10,0.9); */
     border: 3px solid #2c1b3d;
    }

.navbar-dark .navbar-nav .nav-link {color:#fff;font-size:1.2em;margin:0em 0.4em;}

.navbar-dark .navbar-nav .active .nav-link {color:rgb(255,255,255)!important;font-size:1.2em;}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .active .nav-link:hover, .mPS2id-clicked{
  /* color:rgb(186, 214, 109)!important; */
  color:#20fdc3!important;
}



   .layer-1 {position:absolute;width:80%;margin:0 auto; padding:5em 0em;left:14%;}

      .layer-1 h4 {font-size:2.4em;}

         .layer-1 h5 {font-size:1.2em;color:#fff;margin-left:8em;margin-top:0.7em;}



   .mr-auto{position:absolute;right:0px;}


   .fixed-top .navbar-brand {
 margin-top:1em;
  width:260px;
  /* height:70px; */
  height:90px;
  /* background: url(../../../../wp-content/themes/synapsis/logo-synapsis.png) top center no-repeat; */
  background: url(SYNAPSIS_LIGHT.svg) top center no-repeat;
  background-size:95%;
}
   .container{max-width:88%!important;;}

  #productos{padding:3em 0em 12em 0em}
  #productos h2 {width:100%;margin:0em 0em 1em 0em;font-size:2.4em;color:#20fdc3;text-align: left;}

.contenedor-icono {text-align:center;}

.icono-producto{width:60%;margin: 0 auto!important;text-align: center!important;}

h3.titulo-producto {text-align:center;/*! width:80%; */margin: 0em auto 1em 0em;font-size:2.4em;}

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

.centrado {text-align:center;}

.contenedor-producto p{font-size:0.8em;color:rgba(10,10,10,0.5);text-align: center;width:90%;margin: 0 auto;}



.featurette{padding:3em 0em 8em 0em;}

.marketing {
  margin:0em auto;padding:1em 2em 10em 2em; background:#20fdc3;}

.marketing .col-lg-3 {
  text-align: center;
  cursor:default;
  font-size:0.8em;
}

   .box {padding: 5em 0em;}
.marketing .col-lg-3:hover {
}

.textwidget {padding: 0em 0em;text-align:center;}

.marketing h2 {
  cursor:default;
  font-weight: 400;
  text-align: center;
  width:80%;
  margin:1em auto 1em auto;
  font-size:2em;
}
.marketing .col-lg-3 p {
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: left;
  line-height: 1.3em;
  font-size:0.9em;
  vertical-align: middle;
}

.marketing .col-lg-3 .svg-inline--fa {
  text-align: center!important;
  line-height: 1em;
  font-size:4.5em;
  width:100%;
}

.marketing .col-lg-3 .icono-nombre {
  width:100%;
  height:100%;
  display:block;}

div.me-escondo {
  border-top:2px solid rgba(150,150,150,0.3);
  padding:2em 0em 0em 0em;
}

   .productos{text-align:center;}
   .productos h3 {font-size:2em;margin:0em 0em 1em 0em;}

.marketing .col-lg-3 div.me-escondo p {
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: center;
  line-height: 1.3em;
  font-size:0.9em;
  vertical-align: middle;
  padding:0em;
}

.marketing .col-lg-3 img {
  text-align: center!important;width:100px;margin:0 auto!important;
}

      .mr-auto{margin-right: 0!important;margin-left:2%;}

   .container {max-width:80%;}
   .franja-verde {background:#20fdc3;color:#fff;}

   .propuesta-valor, .caracteristicas {padding:5em;}

     .carousel-item {
  height: 42rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 42rem;
}

.primera-accion a {color:#fff;}
.primera-accion {width:100%;position:absolute;margin:0 auto;margin-top:-6em;text-align: center;color:#fff;}
.primera-accion .contenedor-boton-banner {width:0px;margin:0 auto;line-height:1.3em;-webkit-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;}
.primera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;}

.primera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;width:100%;margin:0 auto;margin-top:0em;}


.contenedor-texto {padding: 6em 6em 4.2em 6em;}
.segunda-accion a {color:#fff;text-align: center!important;;}
.segunda-accion {width:100%;margin:0 auto 0 auto;text-align: center;color:#fff;margin-top:0em;clear:both;}
.segunda-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:0em 2em 2em 2em;text-align: center!important;}
.segunda-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.segunda-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:0em;color:rgba(10,10,10,0.7);text-align: center!important;}

.foto-texto {height:500px;background-position:top center!important;background-size:130% 100% !important;}
}


.carousel-caption {
  top: 14.5rem;
  z-index: 10;-webkit-transform: translate3d(0,0,0);
  text-align: center!important;
     /*! display:block; */width:70%;margin:0 auto;
}
.carousel-caption h5 {
font-size:3.7em;
  line-height:1em;
  text-align:right;
        margin-bottom:1.6em!important;;
}

.carousel-caption p {
  text-align: right;
  font-size:1.2em!important;
  line-height:1.3em;
  margin-left:40%;
}

/* }*/

 @media (min-width: 1025px) and (max-width: 1280px) {

 }


 @media (min-width: 1025px) and (max-width: 1280px) {



  /*--------Formulario Modal -----------*/

  .modal-header {border-bottom:none;}
  .modal-body {width:98%;margin: 0 auto;padding: 0em 0.8em}
  .modal-dialog {margin: 12% auto 0% auto}

  #mc-embedded-subscribe-form input[type="text"],
#mc-embedded-subscribe-form input[type="date"],
#mc-embedded-subscribe-form input[type="datetime"],
#mc-embedded-subscribe-form input[type="email"],
#mc-embedded-subscribe-form input[type="number"],
#mc-embedded-subscribe-form input[type="search"],
#mc-embedded-subscribe-form input[type="time"],
#mc-embedded-subscribe-form input[type="url"],
#mc-embedded-subscribe-form input[type="password"],
#mc-embedded-subscribe-form textarea,
#mc-embedded-subscribe-form select
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	display: block;
	width: 100%;
	padding: 7px;
	border: none;
	border-bottom: 1px solid #ddd;
	background: transparent;
	margin-bottom: 1.2em;
	font: 16px Arial, Helvetica, sans-serif;
	height: 45px;
}


#mc-embedded-subscribe-form textarea{
	resize: both;
	overflow: hidden;height:7em;
}

#mc-embedded-subscribe-form select {color:rgba(10,10,10,0.6);}

#mc-embedded-subscribe-form input[type="button"],
#mc-embedded-subscribe-form input[type="submit"]{
	background-color: #20fdc3;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 1em;
	padding: 0.6em 1em;
	text-decoration: none;
	text-transform: uppercase;
  border:none;
  margin-left:80%;
  margin-bottom:2em;
}
#mc-embedded-subscribe-form input[type="button"]:hover,
#mc-embedded-subscribe-form input[type="submit"]:hover {
	background-color:rgb(135, 160, 20);
}

    /*--------End Formulario Modal -----------*/

   /*----------------------------------Footer--------------------------------*/

  .iconos-footer {border-bottom:1px #fff solid;margin-bottom:2em;}

    .iconos-footer .iconos-redes {list-style: none;margin:0em 0em 0.8em 0em!important;padding-left:0em;}
  .force-right {text-align: left;}

   footer p{font-size:0.7em;}
      .iconos-footer .iconos-redes li{list-style: none;display: inline-block;font-size:2em;margin:0em 0.5em 0em 0em;}

  /*----------------------------------End Footer--------------------------------*/

     .tercera-accion a {color:#fff;text-align: center!important;;}
.tercera-accion {width:100%;/*! position:absolute; */margin:0 auto;margin-top:-10em;text-align: center;color:#fff;margin-bottom:4em;}
.tercera-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:0em 2em;text-align: center!important;}
.tercera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.tercera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:0.3em;color:rgba(10,10,10,0.7);text-align: center!important;}



   a.boton-contacto {
     /* background:rgba(10,10,10,0.9); */
     background:#2c1b3d;
     padding:1em 0.9em;
     width:90%;
     margin:2em auto 0 auto;
     -webkit-border-radius: 5px 5px 5px 5px;
     font-size:1em;
     border-radius: 5px 5px 5px 5px;
     color:#fff;
     /*! vertical-align: middle; */
     text-align:center;
     position: absolute;
     transition: all ease-in-out 200ms;
    }

   a.boton-contacto:hover {
     text-decoration: none;
     /* background:rgb(206, 229, 105); */
     background:#20fdc3;
     /* color: rgba(10,10,10,0.9); */
     color: #2c1b3d;
     /* border: 3px solid rgba(10,10,10,0.9); */
     border: 3px solid #2c1b3d;
    }


   .layer-1 {position:absolute;width:95%;margin:0 auto; padding:6em 0em;left:2%;}

      .layer-1 h4 {font-size:2em;}

         .layer-1 h5 {font-size:1em;color:#fff;margin-left:3em;margin-top:1em;}


.navbar-dark .navbar-nav .nav-link {color:#fff;font-size:1em;margin:0em 0.4em;}

.navbar-dark .navbar-nav .active .nav-link {color:rgb(255,255,255)!important;font-size:1em;}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .active .nav-link:hover, .mPS2id-clicked{
  /* color:rgb(186, 214, 109)!important; */
  color:#20fdc3!important;
}
   .mr-auto{position:absolute;right:0px;}


.marketing {
  margin:0em auto;padding:8em 2em 8em 2em;background:#20fdc3;}

.marketing .col-lg-3 {
  text-align: center;
  cursor:default;
}


.textwidget {padding: 0em 0em;text-align:center;}

.marketing h2 {
  cursor:default;
  font-weight: 400;
  text-align: center;
  margin:1em 0em 1em 0em;
  font-size:2em;
}
.marketing .col-lg-3 p {
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: left;
  line-height: 1.3em;
  font-size:0.9em;
  vertical-align: middle;
}

.marketing .col-lg-3 .svg-inline--fa {
  text-align: center!important;
  line-height: 1em;
  font-size:4.5em;
  width:100%;
}

.marketing .col-lg-3 .icono-nombre {
  width:100%;
  height:100%;
  display:block;}

div.me-escondo {
  border-top:2px solid rgba(150,150,150,0.3);
  padding:2em 0em 0em 0em;
}


.marketing .col-lg-3 div.me-escondo p {
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: center;
  line-height: 1.3em;
  font-size:0.9em;
  vertical-align: middle;
  padding:0em;
}


.marketing .col-lg-3 img {
  text-align: center!important;width:100px;margin:0 auto!important;
}

  /* Declare heights because of positioning of img element */
.carousel-item {
  height: 38rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 38rem;
}

.primera-accion a {color:#fff;}
.primera-accion {width:100%;position:absolute;margin:0 auto;margin-top:-6em;text-align: center;color:#fff;}
.primera-accion .contenedor-boton-banner {width:0px;margin:0 auto;line-height:1.3em;-webkit-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;}
.primera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;}

.primera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;width:100%;margin:0 auto;margin-top:0em;}


.contenedor-texto {padding: 4em;}
.segunda-accion a {color:#fff;text-align: center!important;;}
.segunda-accion {width:100%;/*! position:absolute; */margin:0 auto;text-align: center;color:#fff;margin-top:2em;}
.segunda-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:1em 2em;text-align: center!important;}
.segunda-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.segunda-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:0.3em;color:rgba(10,10,10,0.7);text-align: center!important;}

.foto-texto {background: url(../../../synapsis/wp-content/uploads/2019/02/foto-1.html) top left;height:610px;}



   .carousel-caption {
  top: 12.5rem;
  z-index: 10;
  text-align: center!important;
     display:block;width:70%;margin:0 auto;
}
.carousel-caption h5 {
font-size:3.5em;
  line-height:1em;
  text-align:right;
        margin-bottom:1.6em!important;;
}

.carousel-caption p {
  text-align: right;
  font-size:1.2em!important;
  line-height:1.3em;
  margin-left:40%;
}


}


 @media (min-width: 768px) and (max-width: 1024px) {

  /*--------Formulario Modal -----------*/

  .modal-header {border-bottom:none;}
  .modal-body {width:98%;margin: 0 auto;padding: 0em 0.8em}
  .modal-dialog {margin: 13% auto 0% auto}

  #mc-embedded-subscribe-form input[type="text"],
#mc-embedded-subscribe-form input[type="date"],
#mc-embedded-subscribe-form input[type="datetime"],
#mc-embedded-subscribe-form input[type="email"],
#mc-embedded-subscribe-form input[type="number"],
#mc-embedded-subscribe-form input[type="search"],
#mc-embedded-subscribe-form input[type="time"],
#mc-embedded-subscribe-form input[type="url"],
#mc-embedded-subscribe-form input[type="password"],
#mc-embedded-subscribe-form textarea,
#mc-embedded-subscribe-form select
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	display: block;
	width: 100%;
	padding: 7px;
	border: none;
	border-bottom: 1px solid #ddd;
	background: transparent;
	margin-bottom: 1.2em;
	font: 16px Arial, Helvetica, sans-serif;
	height: 45px;
}


#mc-embedded-subscribe-form textarea{
	resize: both;
	overflow: hidden;height:7em;
}

#mc-embedded-subscribe-form select {color:rgba(10,10,10,0.6);}

#mc-embedded-subscribe-form input[type="button"],
#mc-embedded-subscribe-form input[type="submit"]{
	background-color: #20fdc3;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 1em;
	padding: 0.6em 1em;
	text-decoration: none;
	text-transform: uppercase;
  border:none;
  margin-left:80%;
  margin-bottom:2em;
}
#mc-embedded-subscribe-form input[type="button"]:hover,
#mc-embedded-subscribe-form input[type="submit"]:hover {
	background-color:rgb(135, 160, 20);
}

    /*--------End Formulario Modal -----------*/


   /*----------------------------------Footer--------------------------------*/

  .iconos-footer {border-bottom:1px #fff solid;margin-bottom:2em;}

    .iconos-footer .iconos-redes {list-style: none;margin:0em 0em 0.8em 0em!important;padding-left:0em;}
  .force-right {text-align: left;}

   footer p{font-size:0.7em;}
      .iconos-footer .iconos-redes li{list-style: none;display: inline-block;font-size:2em;margin:0em 0.5em 0em 0em;}

  /*----------------------------------End Footer--------------------------------*/

     .tercera-accion a {color:#fff;text-align: center!important;;}
.tercera-accion {width:100%;/*! position:absolute; */margin:0 auto;margin-top:-10em;text-align: center;color:#fff;margin-bottom:4em;}
.tercera-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:0em 2em;text-align: center!important;}
.tercera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.tercera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:0.3em;color:rgba(10,10,10,0.7);text-align: center!important;}



   a.boton-contacto {
     /* background:rgba(10,10,10,0.9); */
     background:#2c1b3d;
     padding:0.5em 0.9em;
     width:90%;
     margin:2em auto 0 auto;
     -webkit-border-radius: 5px 5px 5px 5px;
     font-size:0.8em;
     border-radius: 5px 5px 5px 5px;
     color:#fff;
     /*! vertical-align: middle; */
     text-align:center;
     position: absolute;
     transition: all ease-in-out 200ms;
    }

   a.boton-contacto:hover {
     text-decoration: none;
     /* background:rgb(206, 229, 105); */
     background:#20fdc3;
     /* color: rgba(10,10,10,0.9); */
     color: #2c1b3d;
     /* border: 3px solid rgba(10,10,10,0.9); */
     border: 3px solid #2c1b3d;
    }


   .layer-1 {position:absolute;width:95%;margin:0 auto; padding:4em 0em;left:2%;}

      .layer-1 h4 {font-size:2em;}

         .layer-1 h5 {font-size:1em;color:#fff;margin-left:3em;margin-top:1em;}



.fixed-top .navbar-brand {
 margin-top:1em;
  width:180px;
  height:60px;
  /* background: url(../../../../wp-content/themes/synapsis/logo-synapsis.png) top center no-repeat; */
  background: url(SYNAPSIS_LIGHT.svg) top center no-repeat;
  background-size:99%;
}



      .container {max-width:95%!important;}


.navbar-dark .navbar-nav .nav-link {color:#fff;font-size:1em;margin:0em 0.4em;}

.navbar-dark .navbar-nav .active .nav-link {color:rgb(255,255,255)!important;font-size:1em;}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .active .nav-link:hover, .mPS2id-clicked{
  /* color:rgb(186, 214, 109)!important; */
  color:#20fdc3!important;
}

.marketing {
  margin:0em auto;padding:4em 2em 18em 2em;background:#20fdc3;font-size:0.85em;}

.marketing .col-lg-3 {
  text-align: center;
  cursor:default;margin-bottom:4em;
}

.marketing .col-lg-3:hover {}

.marketing .col-lg-3:hover + div.me-escondo{
  border-bottom:2px solid #20fdc3!important;;
  }

.textwidget {padding: 0em 0em;text-align:center;}

   .featurette-heading {
   font-size:1.7em;
   }


   .lead {
  font-size: 0.8em;
  font-weight: 600;
}



.marketing h2 {
  cursor:default;
  font-weight: 400;
  text-align: center;
  margin:1em 0em 1em 0em;
  font-size:2em;
}
.marketing .col-lg-3 p {
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: left;
  line-height: 1.3em;
  font-size:0.9em;
  vertical-align: middle;
}

.marketing .col-lg-3 .svg-inline--fa {
  text-align: center!important;
  line-height: 1em;
  font-size:4.5em;
  width:100%;
}

.marketing .col-lg-3 .icono-nombre {
  width:100%;
  height:100%;
  display:block;}

div.me-escondo {
  border-top:2px solid rgba(150,150,150,0.3);
  padding:2em 0em 0em 0em;
}


.marketing .col-lg-3 div.me-escondo p {
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: center;
  line-height: 1.3em;
  font-size:0.9em;
  vertical-align: middle;
  padding:0em;
}


.marketing .col-lg-3 img {
  text-align: center!important;width:110px;margin:0 auto!important;
}


.primera-accion a {color:#fff;}
.primera-accion {width:100%;position:absolute;margin:0 auto;margin-top:-8em;text-align: center;color:#fff;}
.primera-accion .contenedor-boton-banner {width:0px;margin:0 auto;line-height:1.3em;-webkit-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;}
.primera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;}

.primera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;width:100%;margin:0 auto;margin-top:0em;}


.contenedor-texto {padding: 4em;}
.segunda-accion a {color:#fff;text-align: center!important;;}
.segunda-accion {width:100%;/*! position:absolute; */margin:0 auto;text-align: center;color:#fff;margin-top:2em;}
.segunda-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:1em 2em;text-align: center!important;}
.segunda-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.segunda-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:0.3em;color:rgba(10,10,10,0.7);text-align: center!important;}

.foto-texto {background: url(../../../synapsis/wp-content/uploads/2019/02/foto-1.html) top left;height:610px;}



   .carousel-caption {
  top: 11.5rem;
  z-index: 10;
  text-align: center!important;
     display:block;
}
.carousel-caption h5 {
font-size:2.5em;
  line-height:1em;
  text-align:center;
        margin-bottom:1.6em!important;;
}

.carousel-caption p {
  text-align: center;
  font-size:1.2em!important;
  line-height:1.3em;
  margin-left:0em;
}


   .mr-auto{position:absolute;right:0px;}

 body {padding-top: 0rem;
  color: #5a5a5a;
}

  /* Declare heights because of positioning of img element */
.carousel-item {
  height: 38rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 38rem;
}


#productos h2 {width:100%;margin:0em 0em 2em 0em;font-size:2.5em;color:#20fdc3;}

.contenedor-icono {text-align:center;}

.icono-producto{width:80%;margin: 0 auto!important;text-align: center!important;}

h3.titulo-producto {text-align:center;/*! width:80%; */margin: 0em auto 1.5em 0em;font-size:1.7em;}

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

.centrado {text-align:center;}

.contenedor-producto p{font-size:0.75em;color:rgba(10,10,10,0.5);text-align: center;width:90%;margin: 0 auto;}
.featurette .verde{color:#20fdc3;font-weight: bold;font-size:1.4em;}



 }

 /*
   ##Device = Tablets, Ipads (landscape)
   ##Screen = B/w 768px to 1024px
 */

 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {


  /*--------Formulario Modal -----------*/

  .modal-header {border-bottom:none;}
  .modal-body {width:98%;margin: 0 auto;padding: 0em 0.8em}
  .modal-dialog {margin: 12% auto 0% auto}

  #mc-embedded-subscribe-form input[type="text"],
#mc-embedded-subscribe-form input[type="date"],
#mc-embedded-subscribe-form input[type="datetime"],
#mc-embedded-subscribe-form input[type="email"],
#mc-embedded-subscribe-form input[type="number"],
#mc-embedded-subscribe-form input[type="search"],
#mc-embedded-subscribe-form input[type="time"],
#mc-embedded-subscribe-form input[type="url"],
#mc-embedded-subscribe-form input[type="password"],
#mc-embedded-subscribe-form textarea,
#mc-embedded-subscribe-form select
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	display: block;
	width: 100%;
	padding: 7px;
	border: none;
	border-bottom: 1px solid #ddd;
	background: transparent;
	margin-bottom: 1.2em;
	font: 16px Arial, Helvetica, sans-serif;
	height: 45px;
}


#mc-embedded-subscribe-form textarea{
	resize: both;
	overflow: hidden;height:7em;
}
#mc-embedded-subscribe-form select {color:rgba(10,10,10,0.6);}

#mc-embedded-subscribe-form input[type="button"],
#mc-embedded-subscribe-form input[type="submit"]{
	background-color: #20fdc3;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 1em;
	padding: 0.6em 1em;
	text-decoration: none;
	text-transform: uppercase;
  border:none;
  margin-left:80%;
  margin-bottom:2em;
}
#mc-embedded-subscribe-form input[type="button"]:hover,
#mc-embedded-subscribe-form input[type="submit"]:hover {
	background-color:rgb(135, 160, 20);
}

    /*--------End Formulario Modal -----------*/

   /*----------------------------------Footer--------------------------------*/

  .iconos-footer {border-bottom:1px #fff solid;margin-bottom:2em;}

    .iconos-footer .iconos-redes {list-style: none;margin:0em 0em 0.8em 0em!important;padding-left:0em;}
  .force-right {text-align: left;}

   footer p{font-size:0.7em;}
      .iconos-footer .iconos-redes li{list-style: none;display: inline-block;font-size:2em;margin:0em 0.5em 0em 0em;}

  /*----------------------------------End Footer--------------------------------*/

     .tercera-accion a {color:#fff;text-align: center!important;;}
.tercera-accion {width:100%;/*! position:absolute; */margin:0 auto;margin-top:-10em;text-align: center;color:#fff;margin-bottom:4em;}
.tercera-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:0em 2em;text-align: center!important;}
.tercera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.tercera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:0.3em;color:rgba(10,10,10,0.7);text-align: center!important;}



   a.boton-contacto {
     /* background:rgba(10,10,10,0.9); */
     background:#2c1b3d;
     padding:1em 0.9em;
     width:90%;
     margin:2em auto 0 auto;
     -webkit-border-radius: 5px 5px 5px 5px;
     font-size:01em;
     border-radius: 5px 5px 5px 5px;
     color:#fff;
     /*! vertical-align: middle; */
     text-align:center;
     position: absolute;
     transition: all ease-in-out 200ms;
    }

   a.boton-contacto:hover {
     text-decoration: none;
     /* background:rgb(206, 229, 105); */
     background:#20fdc3;
     /* color: rgba(10,10,10,0.9); */
     color: #2c1b3d;
     /* border: 3px solid rgba(10,10,10,0.9); */
     border: 3px solid #2c1b3d;
    }


   .layer-1 {position:absolute;width:95%;margin:0 auto; padding:6em 0em;left:2%;}

      .layer-1 h4 {font-size:2em;}

         .layer-1 h5 {font-size:1em;color:#fff;margin-left:3em;margin-top:1em;}




.navbar-dark .navbar-nav .nav-link {color:#fff;font-size:1em;margin:0em 0.4em;}

.navbar-dark .navbar-nav .active .nav-link {color:rgb(255,255,255)!important;font-size:1em;}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .active .nav-link:hover, .mPS2id-clicked{
  /* color:rgb(186, 214, 109)!important; */
  color:#20fdc3!important;
}

 body {padding-top: 0rem;
  color: #5a5a5a;
}

  /* Declare heights because of positioning of img element */
.carousel-item {
  height: 34rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 34rem;
}

.primera-accion a {color:#fff;}
.primera-accion {width:100%;position:absolute;margin:0 auto;margin-top:-6em;text-align: center;color:#fff;}
.primera-accion .contenedor-boton-banner {width:0px;margin:0 auto;line-height:1.3em;-webkit-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;}
.primera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;}

.primera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;width:100%;margin:0 auto;margin-top:0em;}


.contenedor-texto {padding: 3.6em;}
.segunda-accion a {color:#fff;text-align: center!important;;}
.segunda-accion {width:100%;/*! position:absolute; */margin:0 auto;text-align: center;color:#fff;margin-top:2em;}
.segunda-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:1em 2em;text-align: center!important;}
.segunda-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.segunda-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:0.3em;color:rgba(10,10,10,0.7);text-align: center!important;}

.foto-texto {background: url(../../../synapsis/wp-content/uploads/2019/02/foto-1.html) top left;height:610px;}



   .carousel-caption {
  top: 11.5rem;
  z-index: 10;
  text-align: center!important;
     display:block;width:70%;margin:0 auto;
}
.carousel-caption h5 {
font-size:2.5em;
  line-height:1em;
  text-align:center;
        margin-bottom:1.6em!important;;
}

.carousel-caption p {
  text-align: center;
  font-size:1em!important;
  line-height:1em;
margin-left:0em;
}



 }

 /*
   ##Device = Low Resolution Tablets, Mobiles (Landscape)
   ##Screen = B/w 481px to 767px
 */

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


  /*--------Formulario Modal -----------*/

  .modal-header {border-bottom:none;}
  .modal-body {width:98%;margin: 0 auto;padding: 0em 0.8em}
  .modal-dialog {margin: 14% auto 0% auto}

  #mc-embedded-subscribe-form input[type="text"],
#mc-embedded-subscribe-form input[type="date"],
#mc-embedded-subscribe-form input[type="datetime"],
#mc-embedded-subscribe-form input[type="email"],
#mc-embedded-subscribe-form input[type="number"],
#mc-embedded-subscribe-form input[type="search"],
#mc-embedded-subscribe-form input[type="time"],
#mc-embedded-subscribe-form input[type="url"],
#mc-embedded-subscribe-form input[type="password"],
#mc-embedded-subscribe-form textarea,
#mc-embedded-subscribe-form select
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	display: block;
	width: 100%;
	padding: 7px;
	border: none;
	border-bottom: 1px solid #ddd;
	background: transparent;
	margin-bottom: 1.2em;
	font: 16px Arial, Helvetica, sans-serif;
	height: 45px;
}


#mc-embedded-subscribe-form textarea{
	resize: both;
	overflow: hidden;height:7em;
}
#mc-embedded-subscribe-form select {color:rgba(10,10,10,0.6);}

#mc-embedded-subscribe-form input[type="button"],
#mc-embedded-subscribe-form input[type="submit"]{
	background-color: #20fdc3;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 1em;
	padding: 0.6em 1em;
	text-decoration: none;
	text-transform: uppercase;
  border:none;
  margin-left:78%;
  margin-bottom:2em;
}
#mc-embedded-subscribe-form input[type="button"]:hover,
#mc-embedded-subscribe-form input[type="submit"]:hover {
	background-color:rgb(135, 160, 20);
}

    /*--------End Formulario Modal -----------*/

   /*----------------------------------Footer--------------------------------*/

  .iconos-footer {border-bottom:1px #fff solid;margin-bottom:2em;}

    .iconos-footer .iconos-redes {list-style: none;margin:0em 0em 0.8em 0em!important;padding-left:0em;}
  .force-right {text-align: left;}

   footer p{font-size:0.7em;}
      .iconos-footer .iconos-redes li{list-style: none;display: inline-block;font-size:2em;margin:0em 0.5em 0em 0em;}

  /*----------------------------------End Footer--------------------------------*/

     .tercera-accion a {color:#fff;text-align: center!important;;}
.tercera-accion {width:100%;/*! position:absolute; */margin:0 auto;margin-top:-10em;text-align: center;color:#fff;margin-bottom:4em;}
.tercera-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:0em 2em;text-align: center!important;}
.tercera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.tercera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:0.3em;color:rgba(10,10,10,0.7);text-align: center!important;}



   a.boton-contacto {
     /* background:rgba(10,10,10,0.9); */
     background:#2c1b3d;
     padding:0.9em 0.9em;
     width:90%;
     margin:2em auto 0 auto;
     -webkit-border-radius: 5px 5px 5px 5px;
     font-size:0.8em;
     border-radius: 5px 5px 5px 5px;
     color:#fff;
     /*! vertical-align: middle; */
     text-align:center;
     position: absolute;
     transition: all ease-in-out 200ms;
    }

   a.boton-contacto:hover {
     text-decoration: none;
     /* background:rgb(206, 229, 105); */
     background:#20fdc3;
     /* color: rgba(10,10,10,0.9); */
     color: #2c1b3d;
     /* border: 3px solid rgba(10,10,10,0.9); */
     border: 3px solid #2c1b3d;
    }


   .layer-1 {position:absolute;width:95%;margin:0 auto; padding:4em 0em;left:2%;}

      .layer-1 h4 {font-size:2em;}

         .layer-1 h5 {font-size:1em;color:#fff;margin-left:3em;margin-top:1em;}



.foto-texto {background-position: top center!important;;height:400px;background-size: 100% 100%!important; ;}

#productos h2 {width:90%;margin:0em 0em 1em 0em;font-size:2.9em;color:#20fdc3;}
 #productos .contenedor-producto{margin: 0em 0em;padding:2em 0em 0em 0em;}


.contenedor-icono {;text-align:center;margin-top:0em;}

   #productos p {font-size:0.75em!important;text-align:center;/*! width:85%; */text-align: justify;margin: 0em auto 0em auto;/* padding:2.2em; */ padding-top:2.2em; padding-right:3.2em; padding-bottom:2.2em; padding-left:3.2em; color:rgba(0,0,0,0.5);}


.icono-producto{width:50%;margin: 0 auto!important;text-align: center!important;;}

h3.titulo-producto {text-align:center;/*! width:80%; */margin: 0em auto 0.2em 0em!important;font-size:2.4em;}

   .carousel-caption {
  top: 2.5rem;
  z-index: 10;
  text-align: center!important;
     display:block;
}

.carousel-caption h5 {
font-size:2.5em;
  line-height:1em;
  text-align:center;
  margin-bottom:1.6em!important;;
}

.carousel-caption p {
  text-align: center;
  font-size:1em!important;
  line-height:1.2em;
  margin-left:0em;
}

   .primera-accion a {color:#fff;}
.primera-accion {width:100%;position:absolute;margin:0 auto;margin-top:-5em;text-align: center;color:#fff;}
.primera-accion .contenedor-boton-banner {width:0px;margin:0 auto;line-height:1.3em;-webkit-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;}
.primera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;}

.primera-accion .contenedor-boton-banner .fa-angle-down {font-size:3em;margin:0 auto;width:100%;margin:0 auto;margin-top:0em;}


.marketing {
  margin:0em auto;padding:0em 2em 5em 2em;background:#20fdc3;}

.marketing .col-lg-3 {
  text-align: center;
  cursor:default;
}

.marketing .col-lg-3:hover {}

.marketing .col-lg-3:hover + div.me-escondo{
  border-bottom:2px solid #20fdc3!important;;
  }




.marketing h2 {
  cursor:default;
  font-weight: 400;
  text-align: center;
  width:80%;
  margin:1em auto 1em auto;
  font-size:1.8em;
}
.marketing .col-lg-3 p {
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: left;
  line-height: 1.3em;
  font-size:0.9em;
  vertical-align: middle;
}

.marketing .col-lg-3 .svg-inline--fa {
  text-align: center!important;
  line-height: 1em;
  font-size:3.5em;
  width:100%;
}

.marketing .col-lg-3 .icono-nombre {
  margin-top:3.8em;
  width:100%;
  height:100%;
  display:block;}

div.me-escondo {
  border-top:2px solid rgba(150,150,150,0.3);
  padding:2em 0em 0em 0em;
}


.marketing .col-lg-3 div.me-escondo p {
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: left;
  line-height: 1.3em;
  font-size:0.9em;
  vertical-align: middle;
  padding:0em;
}


.marketing .col-lg-3 img {
  text-align: center!important;width:100px;margin:0 auto!important;
}

.mr-auto{margin-right: 0!important;margin-left:10%!important;margin-top:1.5em;margin-bottom:2em;border-left:1px solid rgba(255,255,255,0.4);padding-left:2em;}

   .mr-auto li a.nav-link {margin:0.6em 0em;}




   .fixed-top .navbar-brand{
     margin-top:0em;
    width:200px;
    height:60px;
    /* background: url(../../../../wp-content/themes/synapsis/logo-synapsis-bar.png) top center no-repeat; */
    background: url(SYNAPSIS_LIGHT.svg) center center no-repeat;
    background-size: 130px;
   }


.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
  height:inherit;
  /* background:rgb(20,20,20); */
  background:#2c1b3d;
  -webkit-box-shadow: 0 0 3px 2px rgba(5,5,5,0.3);
box-shadow: 0 0 3px 2px rgba(5,5,5,0.3);
}

.navbar {
  /*! position: relative; */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding:0.8em 0em!important;
}

.quedate {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
  height:inherit;
  /* background:rgb(148,186,50); */
  /* background:#20fdc3; */
  -webkit-box-shadow: 0 0 3px 2px rgba(5,5,5,0.3);
  box-shadow: 0 0 3px 2px rgba(5,5,5,0.3);
  /* background:rgb(20,20,20); */
  background: #2c1b3d;
}


.quedate .navbar-brand {
   margin-top:0em;
  width:200px;
  height:60px;
  /* background: url(../../../../wp-content/themes/synapsis/logo-synapsis-bar.png) top center no-repeat; */
  background: url(SYNAPSIS_LIGHT.svg) center center no-repeat;
  background-size: 130px;
}

 .quedate  .navbar {
  /*! position: relative; */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding:0.3em 0em!important;
}

 body {padding-top: 4.5rem;
  color: #5a5a5a;
}

  /* Declare heights because of positioning of img element */
.carousel-item {
  height: 24rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 24rem;
}


 }

 /*
   ##Device = Most of the Smartphones Mobiles (Portrait)
   ##Screen = B/w 320px to 479px
 */

 @media (min-width: 320px) and (max-width: 480px) {


  /*--------Formulario Modal -----------*/

  .modal-header {border-bottom:none;}
  .modal-body {width:98%;margin: 0 auto;padding: 0em 0.8em}
  .modal-dialog {margin: 22% auto 0% auto}

  #mc-embedded-subscribe-form input[type="text"],
#mc-embedded-subscribe-form input[type="date"],
#mc-embedded-subscribe-form input[type="datetime"],
#mc-embedded-subscribe-form input[type="email"],
#mc-embedded-subscribe-form input[type="number"],
#mc-embedded-subscribe-form input[type="search"],
#mc-embedded-subscribe-form input[type="time"],
#mc-embedded-subscribe-form input[type="url"],
#mc-embedded-subscribe-form input[type="password"],
#mc-embedded-subscribe-form textarea,
#mc-embedded-subscribe-form select
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	display: block;
	width: 100%;
	padding: 7px;
	border: none;
	border-bottom: 1px solid #ddd;
	background: transparent;
	margin-bottom: 1.2em;
	font: 16px Arial, Helvetica, sans-serif;
	height: 45px;
}


#mc-embedded-subscribe-form textarea{
	resize: both;
	overflow: hidden;height:7em;
}

#mc-embedded-subscribe-form select {color:rgba(10,10,10,0.6);}

#mc-embedded-subscribe-form input[type="button"],
#mc-embedded-subscribe-form input[type="submit"]{
	background-color: #20fdc3;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 1em;
	padding: 0.6em 1em;
	text-decoration: none;
	text-transform: uppercase;
  border:none;
  margin-left:70%;
  margin-bottom:2em;
}
#mc-embedded-subscribe-form input[type="button"]:hover,
#mc-embedded-subscribe-form input[type="submit"]:hover {
	background-color:rgb(135, 160, 20);
}

    /*--------End Formulario Modal -----------*/


   /*----------------------------------Footer--------------------------------*/

  .iconos-footer {border-bottom:1px #fff solid;margin-bottom:2em;}

    .iconos-footer .iconos-redes {list-style: none;margin:0em 0em 0.8em 0em!important;padding-left:0em;}
  .force-right {text-align: left;}

   footer p{font-size:0.7em;}
      .iconos-footer .iconos-redes li{list-style: none;display: inline-block;font-size:2em;margin:0em 0.5em 0em 0em;}

  /*----------------------------------End Footer--------------------------------*/

     .tercera-accion a {color:#fff;text-align: center!important;;}
.tercera-accion {width:100%;/*! position:absolute; */margin:0 auto;margin-top:-10em;text-align: center;color:#fff;margin-bottom:4em;}
.tercera-accion .contenedor-boton-banner {width:100px;margin:0 auto;line-height:1.3em;padding:0em 2em;text-align: center!important;}
.tercera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;text-align: center!important;}

.tercera-accion .contenedor-boton-banner .fa-angle-down {font-size:3.4em;margin:0 auto;margin-top:0.3em;color:rgba(10,10,10,0.7);text-align: center!important;}



   a.boton-contacto {
     /* background:rgba(10,10,10,0.9); */
     background:#2c1b3d;
     padding:0.5em 0.9em;
     width:90%;
     margin:2em auto 0 auto;
     -webkit-border-radius: 5px 5px 5px 5px;
     font-size:0.8em;
     border-radius: 5px 5px 5px 5px;
     color:#fff;
     /*! vertical-align: middle; */
     text-align:center;
     position: absolute;
     transition: all ease-in-out 200ms;
    }

   a.boton-contacto:hover {
     text-decoration: none;
     /* background:rgb(206, 229, 105); */
     background:#20fdc3;
     /* color: rgba(10,10,10,0.9); */
     color: #2c1b3d;
     /* border: 3px solid rgba(10,10,10,0.9); */
     border: 3px solid #2c1b3d;
    }


   .layer-1 {position:absolute;width:95%;margin:0 auto; padding:2em 0em;left:2%;}

      .layer-1 h4 {font-size:2em;}

         .layer-1 h5 {font-size:1em;color:#fff;margin-left:3em;margin-top:1em;}



   .d-block {display: block!important;;}
   .d-xs-block {display: block!important;}

.foto-texto {background-position: top center!important;height:300px;background-size: 120% 100%!important; ;}

.featurette{padding:3em 0em 10em 0em;}


   .verde {color:#20fdc3;font-size:1em;}



   #productos .contenedor-producto{margin: 1em 0em;background:rgba(180,180,180,0.1);border-bottom: 1px solid #ccc;padding:2em 0em 3em 0em;}

   #productos h2 {width:100%;margin:0em 0em 0.6em 0em;font-size:2.5em;color:#20fdc3;width:70%;line-height:0.9em;}

.contenedor-icono {;text-align:center;margin-top:0em;}

   #productos p {font-size:0.75em!important;text-align:center;/*! width:85%; */text-align: justify;margin: 0em auto 0em auto;padding:2.2em;color:rgba(0,0,0,0.5);}


.icono-producto{width:50%;margin: 0 auto!important;text-align: center!important;;}

h3.titulo-producto {text-align:center;/*! width:80%; */margin: 0em auto 0em 0em;font-size:2.4em;}

  .contenedor-texto {padding: 4em 2em;text-align: center;}

     .contenedor-texto p {font-size:0.8em;text-align: justify;}

.marketing {
  margin:0em auto;padding:0em 2em 5em 2em;background:#20fdc3;}

.marketing .col-lg-3 {
  text-align: center;
  cursor:default;
}

.marketing .col-lg-3:hover {
}

.marketing .col-lg-3:hover + div.me-escondo{
  border-bottom:2px solid #20fdc3!important;;
  }




.marketing h2 {
  cursor:default;
  font-weight: 400;
  text-align: center;
  margin:1em auto 1em auto;
  font-size:1.9em;width:70%;
}
.marketing .col-lg-3 p {
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: left;
  line-height: 1.3em;
  font-size:0.5em;
  vertical-align: middle;
}

.marketing .col-lg-3 .svg-inline--fa {
  text-align: center!important;
  line-height: 1em;
  font-size:2.5em;
  width:100%;
}

.marketing .col-lg-3 .icono-nombre {
  margin-top:3.8em;
  width:100%;
  height:100%;
  display:block;}

div.me-escondo {
  border-top:2px solid rgba(150,150,150,0.3);
  padding:2em 0em 0em 0em;
}


.marketing .col-lg-3 div.me-escondo p {
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: justify;
  line-height: 1.5em;
  font-size:0.8em;
  vertical-align: middle;
  padding:0em;
}


.marketing .col-lg-3 img {
  text-align: center!important;width:80px;margin:0 auto!important;
}


.mr-auto{margin-right: 0!important;margin-left:11%!important;margin-top:1em;margin-bottom:2em;border-left:1px solid rgba(255,255,255,0.4);padding-left:2em;}

   .mr-auto li a.nav-link {margin:0.6em 0em;}

   .carousel-caption {
  top: 3.5rem;
  z-index: 10;
     text-align: center!important;
     /*! display:block; */
}

.carousel-caption h5 {
font-size:2.3em;
  line-height:1em;
  text-align:center;
        margin-bottom:1.em;;
}

.carousel-caption p {
  text-align: center;
  font-size:0.9em !important;
  margin-left:0em;
  line-height:1.2em;
}

.primera-accion a {color:#fff;}
.primera-accion {width:100%;position:absolute;margin:0 auto;margin-top:-4em;text-align: center;color:#fff;}
.primera-accion .contenedor-boton-banner {width:0px;margin:0 auto;line-height:1.3em;-webkit-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;}
.primera-accion .contenedor-boton-banner span{width:100%;margin:0 auto;}

.primera-accion .contenedor-boton-banner .fa-angle-down {font-size:3em;margin:0 auto;width:100%;margin:0 auto;margin-top:0em;}

.fixed-top .navbar-brand{
     margin-top:0em;
    width:180px;
    height:60px;
    /* background: url(../../../../wp-content/themes/synapsis/logo-synapsis-bar.png) top center no-repeat; */
    background: url(SYNAPSIS_LIGHT.svg) center center no-repeat;
    background-size: 130px;
   }


.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
  height:inherit;
  /* background:rgb(20,20,20); */
  background:#2c1b3d;
  -webkit-box-shadow: 0 0 3px 2px rgba(5,5,5,0.3);
box-shadow: 0 0 3px 2px rgba(5,5,5,0.3);
}

.quedate {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
  height:inherit;
  /* background:rgb(148,186,50); */
  /* background:#20fdc3; */
  -webkit-box-shadow: 0 0 3px 2px rgba(5,5,5,0.3);
  box-shadow: 0 0 3px 2px rgba(5,5,5,0.3);
  /* background:rgb(20,20,20); */
  background: #2c1b3d;
}

.quedate .navbar-brand {
   margin-top:0em;
  width:200px;
  height:60px;
  /* background: url(../../../../wp-content/themes/synapsis/logo-synapsis-bar.png) top center no-repeat; */
  background: url(SYNAPSIS_LIGHT.svg) center center no-repeat;
  background-size: 130px;
}


   body {padding-top: 4.5rem;
  color: #5a5a5a;
}

  /* Declare heights because of positioning of img element */
.carousel-item {
  height: 23rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 23rem;
}

 }


/*
@media (min-width: 40em) { Bump up size of carousel content
  .carousel-caption p {
    margin-bottom: 1.25rem;
  font-size: 1.25rem;
    line-height: 1.1em;width:50%;margin-left:50%;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}*/
.button-facebook,
.button-linkedin{
	color :  rgb(255,255,255);
}
.button-facebook:hover,
.button-linkedin:hover{
	color :  rgba(255,255,255,0.8);
}