@charset "UTF-8";
/*@import "buttons";
@import "forms";*/
/* Fonts */
@font-face {
  font-family: "Lexend";
  src: url("/fonts/Lexend-Regular.woff2") format("woff2"), url("/fonts/Lexend-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Rubik";
  src: url("/fonts/Rubik-Light.woff2") format("woff2"), url("/fonts/Rubik-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Rubik";
  src: url("/fonts/Rubik-LightItalic.woff2") format("woff2"), url("/fonts/Rubik-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
/* Global */
body {
  font-size: 16px;
  font-family: "Rubik", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}

p {
  margin: 0;
  line-height: 1.4em;
}

a {
  text-decoration: none;
}

ul {
  margin: 0;
}

li {
  list-style: none;
}

h1 {
  font-family: "Lexend", serif;
  line-height: 1.3em;
  margin: 0;
}

h2 {
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0;
}

.btn-primary, .btn-secondary {
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  color: #fff !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
}

.btn-link, .btn-link:hover, .btn-link:active, .btn-link:focus {
  color: #1475de !important;
}

/* Header */
header {
  min-height: 80px;
  position: relative;
  background: #fff;
  padding: 10px 0;
}
header .navbar-brand img {
  width: 210px;
}
header ul li {
  color: #5b6670;
  font-size: 0.8em;
}
header ul li a {
  color: #5b6670;
  padding: 8px 12px;
  border-radius: 5px;
  font-family: "Rubik";
  font-weight: 300;
  margin: 0 3px;
  display: block;
}
header ul li a.active {
  color: #1475de;
  font-weight: bold;
  background: #ebf0fb;
}
header ul li a:hover {
  color: #1475de;
  background: #ebf0fb;
}
header ul li a.btn-primary {
  font-size: 1em;
}
header .submenu {
  padding: 10px 0;
  margin-top: 15px;
  overflow: hidden;
  vertical-align: middle;
  border-top: 1px solid #ececec;
}
header .submenu p {
  font-size: 0.75em;
  float: left;
  margin-right: 20px;
  margin-top: 3px;
}
header .submenu p strong {
  font-weight: bold;
}
header .submenu p span {
  letter-spacing: 0.1em;
  font-size: 0.9em;
}
header .submenu p img {
  width: 18px;
  float: left;
  margin-right: 7px;
}
header .submenu p a {
  color: #5b6670;
}
header .submenu .social-icons {
  float: right;
  overflow: hidden;
}
header .submenu .social-icons a {
  padding: 0 5px;
  display: block;
  float: right;
}
header .submenu .social-icons a img {
  width: 24px;
}

/* Menu list */
#menu-button ul {
  background-color: #fff;
}
#menu-button ul li {
  position: relative;
}
#menu-button ul li:hover {
  background-color: #fff;
}
#menu-button ul li:hover > ul {
  display: block;
}
#menu-button ul a {
  display: block;
  color: #002856;
}
#menu-button ul a:hover, #menu-button ul a.active {
  color: #1475de;
}
#menu-button ul ul {
  display: none;
  position: absolute;
  z-index: 5;
  top: 100%;
  left: 0;
  padding: 0;
  box-shadow: 15px 30px 30px 0 rgba(220, 220, 220, 0.5);
  border-radius: 0 0 5px 5px;
}
#menu-button ul ul.list-menu {
  background: #fff;
}
#menu-button ul ul li {
  float: none;
  width: 190px;
  margin: 0;
}
#menu-button ul ul li:hover {
  background-color: #fff;
  color: #002856;
}
#menu-button ul ul li:hover a {
  color: #1475de !important;
}
#menu-button ul ul li:hover a:hover {
  background: #ebf0fb;
}
#menu-button ul ul li:first-child a:hover {
  border-radius: 5px 5px 0 0;
}
#menu-button ul ul li:last-child a:hover {
  border-radius: 0 0 5px 5px;
}
#menu-button ul ul a {
  line-height: 120%;
  padding: 10px 15px;
  font-size: 1.2em;
  margin: 0;
  border-radius: 0;
}
#menu-button ul .btn-down span {
  font-weight: 600;
  margin: 7px 0 0 7px;
  float: right;
}

/* Slider Home */
.main-slider {
  background: #f2f4f6 url(/img/Inicio/bg-slider.png) no-repeat;
  background-size: 700px;
  background-position: right 20px;
  min-height: 580px;
  border-radius: 0 0 300px 0;
}
.main-slider .txt-sh {
  padding: 150px 0;
}
.main-slider .txt-sh h1 {
  font-size: 2.8em;
  color: #5b6670;
  font-weight: 300;
  line-height: 1em;
  margin-bottom: 20px;
}
.main-slider .txt-sh h1 strong {
  color: #002856;
  font-weight: bold;
}
.main-slider .txt-sh h1 span {
  color: #e7064c;
}
.main-slider .txt-sh p {
  font-size: 1.3em;
  color: #5b6670;
  font-family: "Lexend";
  margin-bottom: 15px;
}
.main-slider .txt-sh a {
  font-size: 0.8em;
}
.main-slider img {
  width: 500px;
}

/* Home Bar Icons */
.bar-icons {
  margin-top: -50px;
}
.bar-icons .bi-block {
  text-align: center;
}
.bar-icons .bi-block p {
  font-weight: bold;
  margin-bottom: 10px;
}
.bar-icons .bi-block.bip-red p {
  color: #e7064c;
}
.bar-icons .bi-block.bip-red img {
  box-shadow: 15px 33px 35px 0 rgba(255, 6, 76, 0.1);
}
.bar-icons .bi-block.bip-green p {
  color: #2db23b;
}
.bar-icons .bi-block.bip-green img {
  box-shadow: 15px 33px 35px 0 rgba(45, 178, 59, 0.1);
}
.bar-icons .bi-block.bip-blue p {
  color: #1475de;
}
.bar-icons .bi-block.bip-blue img {
  box-shadow: 15px 33px 35px 0 rgba(20, 117, 222, 0.1);
}
.bar-icons .bi-block.bip-yellow p {
  color: #d9b909;
}
.bar-icons .bi-block.bip-yellow img {
  box-shadow: 15px 33px 35px 0 rgba(217, 185, 9, 0.1);
}

/* Main Home TXT */
.main-home-txt {
  background: url(/img/Inicio/bg-blacksign-1.png) no-repeat 5% 250px;
}
.main-home-txt .main-top-txt {
  padding: 60px 0 40px 0;
}
.main-home-txt .main-top-txt .txt-mh {
  padding: 60px 0;
}
.main-home-txt .main-top-txt .txt-mh h2 {
  font-size: 2em;
  color: #5b6670;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 20px;
  max-width: 450px;
}
.main-home-txt .main-top-txt .txt-mh h2 strong {
  color: #002856;
  font-weight: bold;
}
.main-home-txt .main-top-txt .txt-mh h2 span {
  color: #e7064c;
}
.main-home-txt .main-top-txt .txt-mh p {
  font-size: 1em;
  color: #4a6582;
  font-family: "Lexend";
  margin-bottom: 15px;
  text-align: justify;
}
.main-home-txt .main-top-txt .txt-mh p.p-txt {
  font-size: 0.8em;
  margin-bottom: 30px;
  color: #5b6670;
  font-family: "Rubik";
}
.main-home-txt .main-top-txt .txt-mh a {
  font-size: 0.8em;
}
.main-home-txt .main-top-txt .txt-mh .sub-txt-mh {
  overflow: hidden;
}
.main-home-txt .main-top-txt .txt-mh .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.main-home-txt .main-top-txt .txt-mh .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.main-home-txt .main-top-txt img {
  width: 500px;
}
.main-home-txt .main-medium-txt {
  padding: 30px 0 0 0;
}
.main-home-txt .main-medium-txt .sub-txt-mh {
  overflow: hidden;
  margin-top: 30px;
}
.main-home-txt .main-medium-txt .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.main-home-txt .main-medium-txt .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.main-home-txt .main-medium-txt .home-list-services {
  margin: 40px 0 30px 0;
}
.main-home-txt .main-medium-txt .home-list-services ul {
  padding-left: 25%;
}
.main-home-txt .main-medium-txt .home-list-services ul li {
  text-align: left;
  margin: 0 0 6px 0;
}
.main-home-txt .main-medium-txt .home-list-services ul li a {
  padding: 4px 10px;
  color: #5b6670;
  font-size: 1.1em;
  border-radius: 4px;
  display: inline-block;
  width: 250px;
}
.main-home-txt .main-medium-txt .home-list-services ul li a:hover {
  background: #ebf0fb;
  color: #1475de;
  font-weight: 500;
}
.main-home-txt .main-medium-txt .home-list-services ul li img {
  width: 28px;
  margin-right: 10px;
}
.main-home-txt .main-medium-txt .home-blue-block {
  background: #002856 url(/img/Inicio/bg_bluehome.png) no-repeat;
  background-size: cover;
  padding: 120px 80px 100px 80px;
  border-radius: 200px 0 0 0;
}
.main-home-txt .main-medium-txt .home-blue-block h2 {
  font-size: 2em;
  color: #fff;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 20px;
  text-align: right;
}
.main-home-txt .main-medium-txt .home-blue-block h2 strong {
  color: #1475de;
  font-weight: bold;
}
.main-home-txt .main-medium-txt .home-blue-block h2 span {
  color: #e7064c;
}
.main-home-txt .main-medium-txt .home-blue-block p {
  font-size: 1em;
  color: #fff;
  font-family: "Lexend";
  margin-bottom: 15px;
  text-align: right;
}
.main-home-txt .main-medium-txt .home-blue-block p.p-txt {
  font-size: 0.8em;
  margin-bottom: 30px;
  color: #fff;
  font-family: "Rubik";
  text-align: justify;
}
.main-home-txt .main-medium-txt .home-blue-block a {
  font-size: 0.8em;
}

/* Main Home Marketing */
.main-home-marketing {
  position: relative;
}
.main-home-marketing .bg-mhm {
  background-color: rgba(0, 70, 142, 0.051);
  height: 75%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.main-home-marketing .mhm-txt {
  padding: 120px 0;
}
.main-home-marketing .mhm-txt h3 {
  font-size: 2em;
  color: #4a6582;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 50px;
  text-align: right;
  max-width: 450px;
  text-align: right;
  float: right;
}
.main-home-marketing .mhm-txt h3 strong {
  color: #002856;
  font-weight: bold;
}
.main-home-marketing .mhm-txt .sub-txt-mhm {
  overflow: hidden;
  margin-top: 30px;
  width: 100%;
}
.main-home-marketing .mhm-txt .sub-txt-mhm p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: left;
}
.main-home-marketing .mhm-txt a {
  font-size: 0.8em;
  float: right;
}

.main-home-marketing-2 {
  padding: 60px 0 120px 0;
}
.main-home-marketing-2 h2 {
  font-weight: 300;
  color: #3d5a80;
  font-size: 2em;
}
.main-home-marketing-2 h2 strong {
  color: #002856;
}
.main-home-marketing-2 .sub-txt-mh {
  overflow: hidden;
  margin-top: 30px;
}
.main-home-marketing-2 .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.main-home-marketing-2 .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.main-home-marketing-2 .mhm-block {
  background: #fff;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 15px 30px 30px 0 rgba(220, 220, 220, 0.5);
  min-height: 300px;
}
.main-home-marketing-2 .mhm-block .title-block {
  overflow: hidden;
  margin-bottom: 20px;
}
.main-home-marketing-2 .mhm-block .title-block img {
  float: left;
  margin-right: 15px;
  width: 90px;
}
.main-home-marketing-2 .mhm-block .title-block h3 {
  font-size: 1.5em;
  color: #002856;
  font-weight: 300;
  font-family: "Lexend", serif;
}
.main-home-marketing-2 .mhm-block .title-block h3 strong {
  font-weight: bold;
}
.main-home-marketing-2 .mhm-block p {
  font-size: 0.9em;
  display: block;
  margin-bottom: 20px;
  color: #5b6670;
  text-align: justify;
}
.main-home-marketing-2 .mhm-block a {
  background-color: #fff;
  padding: 8px 10px;
  color: #3d5a80;
  font-size: 0.85em;
  font-weight: bold;
  display: block;
  border-radius: 5px;
}
.main-home-marketing-2 .mhm-block a:hover {
  background: #ebf0fb;
}
.main-home-marketing-2 .mhm-block a img {
  float: right;
  margin: 6px 0 0 0;
}

/* Footer */
footer {
  background: #002856;
  padding: 60px 0 0 0;
}
footer .logo-footer {
  margin-bottom: 25px;
}
footer h4 {
  color: #fff;
  font-size: 1em;
  font-family: "Lexend", serif;
}
footer p {
  font-size: 0.75em;
  color: #fff;
  margin-bottom: 20px;
}
footer p.space {
  letter-spacing: 0.1em;
  font-size: 0.7em;
}
footer p.small {
  font-size: 0.7em;
  color: #fff;
}
footer p a {
  color: #fff;
  text-decoration: underline;
}
footer p a:hover {
  text-decoration: none;
  color: #1475de;
}
footer ul {
  padding: 0;
  margin-bottom: 30px;
}
footer ul li {
  color: #fff;
  font-size: 0.8em;
  margin-bottom: 6px;
}
footer ul li a {
  color: #fff;
}
footer ul li a:hover {
  color: #1475de;
}
footer ul li img {
  width: 16px;
  float: left;
  margin-right: 8px;
  margin-top: 3px;
}
footer .footer {
  margin-top: 30px;
  border-top: 1px solid #1475de;
  padding-top: 20px;
  padding-bottom: 5px;
}
footer .footer p {
  margin-top: 5px;
}
footer .footer .social-icons {
  float: right;
  overflow: hidden;
}
footer .footer .social-icons a {
  padding: 0 5px;
  display: block;
  float: right;
}
footer .footer .social-icons a img {
  width: 28px;
}

/* Servicios */
.servicios-slider img {
  min-height: 150px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.servicios-main {
  padding: 30px 0 100px 0;
  background: url(/img/Servicios/bg-servicios.png) no-repeat 5% 250px;
}
.servicios-main h1 {
  font-weight: 300;
  color: #5b6670;
  font-size: 2em;
}
.servicios-main h1 strong {
  color: #002856;
  font-weight: bold;
}
.servicios-main .sub-txt-mh {
  overflow: hidden;
  margin-top: 30px;
}
.servicios-main .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.servicios-main .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.servicios-main .servicios-list {
  margin-top: 50px;
}
.servicios-main .sm-block {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 25px;
  padding: 25px;
  box-shadow: 15px 30px 30px 0 rgba(220, 220, 220, 0.5);
  min-height: 276px;
}
.servicios-main .sm-block .title-block {
  overflow: hidden;
  margin-bottom: 20px;
}
.servicios-main .sm-block .title-block img {
  float: left;
  margin-right: 10px;
  width: 80px;
}
.servicios-main .sm-block .title-block h2 {
  font-size: 1.15em;
  line-height: 1.1em;
  color: #5b6670;
  font-weight: 300;
  font-family: "Lexend", serif;
  margin: 10px 0 0 0;
}
.servicios-main .sm-block .title-block h2 strong {
  font-weight: bold;
}
.servicios-main .sm-block p {
  font-size: 0.85em;
  display: block;
  margin-bottom: 20px;
  color: #5b6670;
  text-align: justify;
}
.servicios-main .sm-block a {
  background-color: #fff;
  padding: 8px 10px;
  color: #3d5a80;
  font-size: 0.85em;
  font-weight: bold;
  display: block;
  border-radius: 5px;
  background: #f2f4f6;
}
.servicios-main .sm-block a:hover {
  background: #ebf0fb;
}
.servicios-main .sm-block a img {
  float: right;
  margin: 6px 0 0 0;
}

/* Servicios Branding */
.slider-branding {
  background: url(/img/Servicios/Branding/Bg-Branding.png) no-repeat;
  background-position: left top;
  background-size: 80% 80%;
  padding: 20px 0;
}
.slider-branding .sb-text {
  padding: 70px 0;
}
.slider-branding .sb-text h1 {
  color: #fff;
  font-size: 2.5em;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 1.1em;
  max-width: 480px;
}
.slider-branding .sb-text h1 strong {
  font-weight: bold;
}
.slider-branding .sb-text h1 span {
  color: #e7064c;
}
.slider-branding .sb-text p {
  color: #fff;
  margin-bottom: 15px;
  font-size: 0.85em;
  text-align: justify;
}
.slider-branding .sb-text p.subtitle {
  font-size: 1.3em;
  margin-bottom: 15px;
}
.slider-branding img {
  width: 430px;
}

.branding-main {
  margin-top: -20px;
  padding: 0 0 60px 0;
  background: url(/img/Servicios/Branding/bg-branding-2.png) no-repeat 5% 250px;
}
.branding-main h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 2em;
}
.branding-main h2 strong {
  color: #002856;
  font-weight: bold;
}
.branding-main h2 span {
  color: #e7064c;
}
.branding-main .sub-txt-mh {
  overflow: hidden;
  margin-top: 30px;
}
.branding-main .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #5b6670;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.branding-main .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.branding-main .list-branding {
  margin-top: 30px;
  margin-bottom: 50px;
}
.branding-main .list-branding .branding-block {
  margin-bottom: 50px;
}
.branding-main .list-branding .branding-block .branding-pic {
  padding-right: 20px;
  border-right: 1px solid #2db23b;
  margin-right: 20px;
  float: left;
}
.branding-main .list-branding .branding-block .branding-pic img {
  width: 80px;
}
.branding-main .list-branding .branding-block h3 {
  font-size: 1.2em;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  color: #5b6670;
}
.branding-main .list-branding .branding-block p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}
.branding-main .gallery-branding {
  margin: 20px 0;
  min-height: 300px;
}
.branding-main .gallery-branding img {
  margin-bottom: 20px;
  border-radius: 4px;
}
.branding-main .gallery-branding .btn-more {
  float: right;
  font-weight: bold;
}
.branding-main .gallery-branding .btn-more img {
  margin: -2px 0 0 10px;
}

.section-contact {
  padding: 30px 0 100px 0;
}
.section-contact .form {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 25px;
  padding: 25px;
  box-shadow: 15px 30px 30px 0 rgba(220, 220, 220, 0.5);
  min-height: 276px;
}
.section-contact .form .form-control, .section-contact .form .form-select {
  background-color: #f2f4f6;
  color: #5b6670;
  font-size: 0.9em;
  margin-bottom: 20px;
  border: 1px solid #f2f4f6;
  font-weight: bold;
}
.section-contact .form .form-control:hover, .section-contact .form .form-select:hover {
  color: #1475de;
  border-color: #1475de;
}
.section-contact .form button {
  float: right;
  margin: 10px 0 10px 0;
  font-size: 0.8em;
  font-weight: bold;
  padding: 7px 20px;
}
.section-contact .sc-text {
  padding: 60px 30px;
}
.section-contact .sc-text h5 {
  font-size: 2em;
  color: #5b6670;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 30px 0;
}
.section-contact .sc-text p {
  color: #002856;
  font-size: 1.6em;
  margin: 0 0 25px 0;
  font-family: "Lexend", serif;
  font-weight: bold;
}
.section-contact .sc-text p span {
  color: #e7064c;
}
.section-contact .sc-text ul {
  padding: 0;
}
.section-contact .sc-text ul li {
  font-size: 1em;
  color: #5b6670;
  margin-bottom: 12px;
}
.section-contact .sc-text ul li img {
  width: 24px;
  margin: -1px 6px 0 0;
}
.section-contact.top-contact {
  margin-top: 20px;
}

/* Servicios Diseño Grafico */
.slider-design {
  position: relative;
}
.slider-design .bg-sd {
  background-color: rgba(0, 70, 142, 0.051);
  height: 90%;
  position: absolute;
  left: 0;
  top: 0;
  width: 70%;
  z-index: 1;
}
.slider-design .mhm-txt {
  padding: 120px 0;
}
.slider-design img {
  width: 450px;
}
.slider-design .sd-text {
  padding: 70px 0;
}
.slider-design .sd-text h1 {
  color: #002856;
  font-size: 2.5em;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 1.1em;
  max-width: 420px;
}
.slider-design .sd-text h1 strong {
  font-weight: bold;
}
.slider-design .sd-text h1 span {
  color: #e7064c;
}
.slider-design .sd-text p {
  color: #5b6670;
  margin-bottom: 15px;
  font-size: 0.85em;
  text-align: justify;
}
.slider-design .sd-text p.subtitle {
  font-size: 1.3em;
  margin-bottom: 15px;
}
.slider-design .sd-text p strong {
  font-weight: bold;
}

.design-main {
  padding: 20px 0 30px 0;
}
.design-main h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 2em;
}
.design-main h2 strong {
  color: #002856;
  font-weight: bold;
}
.design-main .sub-txt-mh {
  overflow: hidden;
  margin-top: 30px;
}
.design-main .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.design-main .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.design-main .list-design {
  margin-top: 30px;
  margin-bottom: 50px;
}
.design-main .list-design .design-block {
  margin-bottom: 50px;
  padding-right: 20px;
}
.design-main .list-design .design-block .design-pic {
  padding-right: 20px;
  border-right: 1px solid #2db23b;
  margin-right: 20px;
  float: left;
}
.design-main .list-design .design-block .design-pic img {
  width: 80px;
}
.design-main .list-design .design-block h3 {
  font-size: 1.2em;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  color: #5b6670;
}
.design-main .list-design .design-block p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}

.design-bar {
  position: relative;
  padding: 60px 0 60px 0;
}
.design-bar .bg-db {
  background-color: rgba(0, 70, 142, 0.051);
  height: 65%;
  position: absolute;
  left: 0;
  top: 50;
  width: 100%;
  z-index: 1;
}
.design-bar .design-list {
  margin-top: 50px;
}
.design-bar .dl-block {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 25px;
  padding: 25px;
  box-shadow: 15px 30px 30px 0 rgba(220, 220, 220, 0.5);
  min-height: 286px;
}
.design-bar .dl-block .title-block {
  overflow: hidden;
  margin-bottom: 20px;
}
.design-bar .dl-block .title-block img {
  float: left;
  margin-right: 10px;
  width: 80px;
}
.design-bar .dl-block .title-block h2 {
  font-size: 1.15em;
  line-height: 1.1em;
  color: #5b6670;
  font-weight: 300;
  font-family: "Lexend", serif;
  margin: 10px 0 0 0;
}
.design-bar .dl-block .title-block h2 strong {
  font-weight: bold;
}
.design-bar .dl-block p {
  font-size: 0.85em;
  display: block;
  margin-bottom: 20px;
  color: #5b6670;
  text-align: justify;
}
.design-bar .dl-block a {
  background-color: #fff;
  padding: 8px 10px;
  color: #3d5a80;
  font-size: 0.85em;
  font-weight: bold;
  display: block;
  border-radius: 5px;
  background: #f2f4f6;
}
.design-bar .dl-block a:hover {
  background: #ebf0fb;
}
.design-bar .dl-block a img {
  float: right;
  margin: 6px 0 0 0;
}
.design-bar .btn-more {
  float: right;
  font-weight: bold;
}
.design-bar .btn-more img {
  margin: -2px 0 0 10px;
}

/* Servicios Diseño Web */
.slider-web {
  position: relative;
}
.slider-web .bg-sw {
  background-color: rgba(0, 70, 142, 0.051);
  height: 85%;
  position: absolute;
  right: 0;
  top: 0;
  width: 47%;
  z-index: 1;
  border-radius: 0 0 0 200px;
}
.slider-web .sw-txt {
  padding: 120px 0;
}
.slider-web img {
  width: 450px;
}
.slider-web .sw-text {
  padding: 70px 0;
}
.slider-web .sw-text h1 {
  color: #002856;
  font-size: 2.5em;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 1.1em;
  max-width: 450px;
}
.slider-web .sw-text h1 strong {
  font-weight: bold;
}
.slider-web .sw-text h1 span {
  color: #e7064c;
}
.slider-web .sw-text p {
  color: #5b6670;
  margin-bottom: 15px;
  font-size: 0.85em;
  text-align: justify;
}
.slider-web .sw-text p.subtitle {
  font-size: 1.3em;
  margin-bottom: 15px;
}
.slider-web .sw-text p strong {
  font-weight: bold;
}

.web-main {
  padding: 20px 0 30px 0;
  margin-top: -20px;
}
.web-main h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 2em;
}
.web-main h2 strong {
  color: #002856;
  font-weight: bold;
}
.web-main h2 span {
  color: #e7064c;
}
.web-main .sub-txt-mh {
  overflow: hidden;
  margin-top: 30px;
}
.web-main .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.web-main .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.web-main .web-list {
  padding: 60px 0 30px 0;
}
.web-main .web-list .web-list-block {
  padding: 22px 0 0 0;
  margin: 0 0 30px 0;
}
.web-main .web-list .web-list-block h3 {
  font-size: 1.2em;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  color: #5b6670;
}
.web-main .web-list .web-list-block .web-line {
  width: 80px;
  border-bottom: 2px solid #2db23b;
  height: 5px;
  margin-bottom: 10px;
}
.web-main .web-list .web-list-block p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}
.web-main .web-list .web-list-block.wlb-1 {
  background: url(/img/Servicios/Diseno-Web/bg-01.png) no-repeat;
  background-size: 80px;
}
.web-main .web-list .web-list-block.wlb-2 {
  background: url(/img/Servicios/Diseno-Web/bg-02.png) no-repeat;
  background-size: 80px;
}
.web-main .web-list .web-list-block.wlb-3 {
  background: url(/img/Servicios/Diseno-Web/bg-03.png) no-repeat;
  background-size: 80px;
}
.web-main .web-list .web-list-block.wlb-4 {
  background: url(/img/Servicios/Diseno-Web/bg-04.png) no-repeat;
  background-size: 80px;
}
.web-main .web-list .web-list-block.wlb-5 {
  background: url(/img/Servicios/Diseno-Web/bg-05.png) no-repeat;
  background-size: 80px;
}
.web-main .web-list .web-list-block.wlb-6 {
  background: url(/img/Servicios/Diseno-Web/bg-06.png) no-repeat;
  background-size: 80px;
}

.web-portafolio {
  padding: 10px 0 30px 0;
}
.web-portafolio h2 {
  color: #4a6582;
  font-size: 2em;
  margin: 30px 0;
}
.web-portafolio h2 strong {
  color: #002856;
  font-weight: bold;
}
.web-portafolio h2 span {
  color: #e7064c;
}
.web-portafolio img {
  width: 500px;
}
.web-portafolio ul {
  padding: 0px;
  margin: 30px 0 0 0;
}
.web-portafolio ul li {
  background: url(/img/Servicios/Diseno-Web/list-web.png) no-repeat;
  background-size: 18px;
  margin-bottom: 12px;
  padding-left: 30px;
  background-position: 0 3px;
}
.web-portafolio ul li a {
  display: block;
  color: #5b6670;
}
.web-portafolio ul li a:hover {
  color: #1475de;
}

/* Google Adwords */
.main-google {
  position: relative;
}
.main-google .bg-mg {
  background-color: rgba(0, 70, 142, 0.051);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 30%;
  z-index: 1;
  border-radius: 200px 0 0 200px;
}
.main-google .mg-first {
  padding: 40px 0 100px 0;
}
.main-google .mg-first h1 {
  color: #002856;
  font-size: 2.5em;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 1.1em;
  max-width: 450px;
}
.main-google .mg-first h1 strong {
  font-weight: bold;
}
.main-google .mg-first h1 span {
  color: #e7064c;
}
.main-google .mg-first p {
  color: #5b6670;
  margin-bottom: 10px;
  font-size: 1em;
  text-align: justify;
}
.main-google .mg-first p.subtitle {
  font-size: 1.2em;
  margin-bottom: 0px;
}
.main-google .mg-first p strong {
  font-weight: bold;
}
.main-google .mg-second {
  padding: 30px 0;
  /* Accordion */
}
.main-google .mg-second h2 {
  color: #4a6582;
  font-size: 2em;
  font-weight: normal;
  margin-bottom: 30px;
  line-height: 1.1em;
  max-width: 420px;
}
.main-google .mg-second h2 strong {
  font-weight: bold;
  color: #002856;
}
.main-google .mg-second h2 span {
  color: #e7064c;
}
.main-google .mg-second h3 {
  font-size: 1.3em;
}
.main-google .mg-second .accordion-button:not(.collapsed) {
  background-color: #f2f4f6;
  color: #5b6670;
}
.main-google .mg-second .accordion-button {
  padding: 8px 15px;
  background: #f2f4f6;
  color: #5b6670;
  border-radius: 5px;
  font-weight: bold;
}
.main-google .mg-second .accordion-body {
  padding: 5px 15px 10px 15px;
}
.main-google .mg-second .accordion-body p {
  font-size: 0.8em;
  color: #5b6670;
  margin-bottom: 10px;
  text-align: justify;
}
.main-google .mg-second .accordion-item {
  border: none;
  margin-bottom: 10px;
}
.main-google .img-mg {
  position: relative;
  z-index: 2;
  margin: 200px 0 150px 0;
  width: 300px;
}

.google-list {
  padding: 60px 0 30px 0;
}
.google-list h2 {
  text-align: right;
  color: #4a6582;
  font-size: 2em;
  font-weight: normal;
  margin-bottom: 30px;
  line-height: 1.1em;
}
.google-list h2 strong {
  font-weight: bold;
  color: #002856;
}
.google-list h2 span {
  color: #e7064c;
}
.google-list .google-list {
  padding: 30px 0 30px 0;
}
.google-list .google-list .google-list-block {
  padding: 22px 0 0 0;
  margin: 0 0 30px 0;
}
.google-list .google-list .google-list-block h3 {
  font-size: 1.2em;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  color: #5b6670;
}
.google-list .google-list .google-list-block .google-line {
  width: 80px;
  border-bottom: 2px solid #2db23b;
  height: 5px;
  margin-bottom: 10px;
}
.google-list .google-list .google-list-block p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}
.google-list .google-list .google-list-block.glb-1 {
  background: url(/img/Servicios/Diseno-Web/bg-01.png) no-repeat;
  background-size: 80px;
}
.google-list .google-list .google-list-block.glb-2 {
  background: url(/img/Servicios/Diseno-Web/bg-02.png) no-repeat;
  background-size: 80px;
}
.google-list .google-list .google-list-block.glb-3 {
  background: url(/img/Servicios/Diseno-Web/bg-03.png) no-repeat;
  background-size: 80px;
}
.google-list .google-list .google-list-block.glb-4 {
  background: url(/img/Servicios/Diseno-Web/bg-04.png) no-repeat;
  background-size: 80px;
}

/* Servicios Producción Audiovisual */
.slider-audio {
  position: relative;
}
.slider-audio .bg-sa {
  background-color: rgba(0, 70, 142, 0.051);
  height: 85%;
  position: absolute;
  right: 0;
  top: 0;
  width: 47%;
  z-index: 1;
  border-radius: 0 0 0 200px;
}
.slider-audio .sa-txt {
  padding: 110px 0;
}
.slider-audio .sa-img {
  width: 150px !important;
  margin: 0 0 20px 0;
}
.slider-audio img {
  width: 450px;
}
.slider-audio .sa-text {
  padding: 70px 0;
}
.slider-audio .sa-text h1 {
  color: #002856;
  font-size: 2.5em;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 1.1em;
  max-width: 400px;
}
.slider-audio .sa-text h1 strong {
  font-weight: bold;
}
.slider-audio .sa-text h1 span {
  color: #e7064c;
}
.slider-audio .sa-text p {
  color: #5b6670;
  margin-bottom: 15px;
  font-size: 0.85em;
  text-align: justify;
}
.slider-audio .sa-text p.subtitle {
  font-size: 1.3em;
  margin-bottom: 15px;
}
.slider-audio .sa-text p strong {
  font-weight: bold;
}

.audio-main {
  padding: 20px 0 20px 0;
}
.audio-main h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 2em;
}
.audio-main h2 strong {
  color: #002856;
  font-weight: bold;
}
.audio-main h2 span {
  color: #e7064c;
}
.audio-main .sub-txt-mh {
  overflow: hidden;
  margin-top: 10px;
}
.audio-main .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.audio-main .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.audio-main .p-txt-audio {
  margin: 25px 0 15px 0;
}
.audio-main .list-audio {
  margin-top: 30px;
  margin-bottom: 50px;
}
.audio-main .list-audio .audio-block {
  margin-bottom: 50px;
  padding-right: 20px;
}
.audio-main .list-audio .audio-block .audio-pic {
  padding-right: 20px;
  border-right: 1px solid #2db23b;
  margin-right: 20px;
  float: left;
}
.audio-main .list-audio .audio-block .audio-pic img {
  width: 80px;
}
.audio-main .list-audio .audio-block h3 {
  font-size: 1.2em;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  color: #5b6670;
}
.audio-main .list-audio .audio-block p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}

.audio-section {
  padding: 0 0 30px 0;
}
.audio-section .img-visual {
  margin: 0 0 20px 0;
}
.audio-section .visual-section {
  margin: 50px 0 0 0;
}
.audio-section .visual-section img {
  border-radius: 5px;
  margin: 0 0 20px 0;
  width: 100%;
}
.audio-section .visual-section .txt-audiovisual {
  padding: 40px 30px 30px 30px;
}
.audio-section .visual-section .txt-audiovisual h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 2em;
  margin-bottom: 20px;
  text-align: right;
}
.audio-section .visual-section .txt-audiovisual h2 strong {
  color: #002856;
  font-weight: bold;
}
.audio-section .visual-section .txt-audiovisual h2 span {
  color: #e7064c;
}
.audio-section .visual-section .txt-audiovisual p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}
.audio-section .visual-section .txt-audiovisual .txt-block-visual {
  margin-top: 20px;
}
.audio-section .visual-section .txt-audiovisual .txt-block-visual h3 {
  font-size: 1.2em;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 5px 0;
  color: #5b6670;
}
.audio-section .visual-section .txt-audiovisual .txt-block-visual p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}
.audio-section .visual-section .txt-audiovisual .visual-line {
  width: 40%;
  height: 10px;
  border-bottom: 1px solid #2db23b;
  margin: 15px 0;
}

/* Servicios SEO */
.seo-main {
  position: relative;
  padding: 50px 0 30px 0;
}
.seo-main .bg-seo {
  background-color: rgba(0, 70, 142, 0.051);
  height: 80%;
  position: absolute;
  margin: 0 10%;
  top: 0;
  width: 80%;
  z-index: 1;
  border-radius: 0 0 200px 200px;
}
.seo-main .sm-text {
  padding: 30px 0;
  position: relative;
  z-index: 2;
}
.seo-main .sm-text h1 {
  color: #002856;
  font-size: 2.5em;
  font-weight: normal;
  margin-bottom: 10px;
  line-height: 1.1em;
  text-align: center;
}
.seo-main .sm-text h1 strong {
  font-weight: bold;
}
.seo-main .sm-text h1 span {
  color: #e7064c;
}
.seo-main .sm-text p {
  color: #5b6670;
  margin-bottom: 15px;
  font-size: 0.85em;
  text-align: justify;
}
.seo-main .sm-text p.subtitle {
  font-size: 1.3em;
  margin-bottom: 20px;
  text-align: center;
}
.seo-main .sm-text p strong {
  font-weight: bold;
}
.seo-main .sm-text .seo-m2 {
  margin: 30px 0;
}
.seo-main .sm-text .seo-m2 .search-img {
  display: block;
  margin-bottom: 10px;
  width: 250px;
}

.seo-main-2 {
  padding: 20px 0 20px 0;
}
.seo-main-2 h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 1.9em;
}
.seo-main-2 h2 strong {
  color: #002856;
  font-weight: bold;
}
.seo-main-2 h2 span {
  color: #e7064c;
}
.seo-main-2 .sub-txt-mh {
  overflow: hidden;
  margin-top: 10px;
}
.seo-main-2 .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.seo-main-2 .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.seo-main-2 .seo-list {
  padding: 60px 0 30px 0;
}
.seo-main-2 .seo-list .seo-list-block {
  padding: 22px 0 0 0;
  margin: 0 0 30px 0;
}
.seo-main-2 .seo-list .seo-list-block h3 {
  font-size: 1.2em;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  color: #5b6670;
}
.seo-main-2 .seo-list .seo-list-block .seo-line {
  width: 80px;
  border-bottom: 2px solid #2db23b;
  height: 5px;
  margin-bottom: 10px;
}
.seo-main-2 .seo-list .seo-list-block p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}
.seo-main-2 .seo-list .seo-list-block.slb-1 {
  background: url(/img/Servicios/Diseno-Web/bg-01.png) no-repeat;
  background-size: 80px;
}
.seo-main-2 .seo-list .seo-list-block.slb-2 {
  background: url(/img/Servicios/Diseno-Web/bg-02.png) no-repeat;
  background-size: 80px;
}
.seo-main-2 .seo-list .seo-list-block.slb-3 {
  background: url(/img/Servicios/Diseno-Web/bg-03.png) no-repeat;
  background-size: 80px;
}
.seo-main-2 .seo-list .seo-list-block.slb-4 {
  background: url(/img/Servicios/Diseno-Web/bg-04.png) no-repeat;
  background-size: 80px;
}
.seo-main-2 .seo-list .seo-list-block.slb-5 {
  background: url(/img/Servicios/Diseno-Web/bg-05.png) no-repeat;
  background-size: 80px;
}
.seo-main-2 .seo-list .seo-list-block.slb-6 {
  background: url(/img/Servicios/Diseno-Web/bg-06.png) no-repeat;
  background-size: 80px;
}

.seo-logos {
  background: #f2f4f6;
  padding: 50px 0 40px 0;
}
.seo-logos h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 2em;
  margin-bottom: 30px;
}
.seo-logos h2 strong {
  color: #002856;
  font-weight: bold;
}
.seo-logos h2 span {
  color: #e7064c;
}

.seo-estrategy {
  padding: 60px 0;
  background: url(/img/Servicios/SEO/04_laptop_mockup.png) no-repeat;
  background-size: 600px;
  background-position: 95% center;
}
.seo-estrategy h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 2em;
  margin-bottom: 30px;
}
.seo-estrategy h2 strong {
  color: #002856;
  font-weight: bold;
}
.seo-estrategy h2 span {
  color: #e7064c;
}
.seo-estrategy h3 {
  background: url(/img/Servicios/Diseno-Web/list-web.png) no-repeat;
  background-size: 20px;
  margin-bottom: 12px;
  padding-left: 30px;
  background-position: 0 2px;
}
.seo-estrategy .se-inn {
  margin-bottom: 30px;
}
.seo-estrategy .se-inn h3 {
  background: url(/img/Servicios/Diseno-Web/list-web.png) no-repeat;
  background-size: 18px;
  margin-bottom: 12px;
  padding-left: 30px;
  background-position: 0 2px;
  font-size: 1.1em;
  color: #4a6582;
  font-weight: bold;
}
.seo-estrategy .se-inn p {
  font-size: 0.85em;
  color: #5b6670;
  text-align: justify;
}

/* Servicios Aplicaciones */
.main-apps {
  position: relative;
  padding: 30px 0 30px 0;
}
.main-apps .bg-apps {
  background-color: rgba(0, 70, 142, 0.051);
  height: 95%;
  position: absolute;
  margin: 0 20%;
  top: 0;
  width: 60%;
  z-index: 1;
  border-radius: 0 0 200px 200px;
}
.main-apps .ma-text {
  padding: 30px 0;
  position: relative;
  z-index: 2;
  text-align: center;
}
.main-apps .ma-text h1 {
  color: #002856;
  font-size: 2.5em;
  font-weight: normal;
  margin-bottom: 10px;
  line-height: 1.1em;
  text-align: center;
}
.main-apps .ma-text h1 strong {
  font-weight: bold;
}
.main-apps .ma-text h1 span {
  color: #e7064c;
}
.main-apps .ma-text p {
  color: #5b6670;
  margin-bottom: 15px;
  font-size: 0.85em;
  text-align: justify;
}
.main-apps .ma-text p.subtitle {
  font-size: 1.3em;
  margin-bottom: 20px;
  text-align: center;
}
.main-apps .ma-text p strong {
  font-weight: bold;
}
.main-apps .ma-img {
  width: 150px;
  margin: 0 0 10px 0;
}

.main-apps-2 {
  padding: 40px 0 20px 0;
}
.main-apps-2 h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 1.9em;
}
.main-apps-2 h2 strong {
  color: #002856;
  font-weight: bold;
}
.main-apps-2 h2 span {
  color: #e7064c;
}
.main-apps-2 .sub-txt-mh {
  overflow: hidden;
  margin-top: 10px;
}
.main-apps-2 .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.main-apps-2 .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}

.app-list {
  margin: 30px 0;
  background: url(/img/Servicios/Sistemas/user-panel-template-dashboard.png) no-repeat;
  background-size: 650px;
  background-position: 105% center;
}
.app-list .al-inn {
  margin-bottom: 30px;
}
.app-list .al-inn h3 {
  background: url(/img/Servicios/Diseno-Web/list-web.png) no-repeat;
  background-size: 18px;
  margin-bottom: 12px;
  padding-left: 30px;
  background-position: 0 2px;
  font-size: 1.1em;
  color: #4a6582;
  font-weight: bold;
}
.app-list .al-inn p {
  font-size: 0.85em;
  color: #5b6670;
  text-align: justify;
}

.app-benefits {
  padding: 30px 0 20px 0;
}
.app-benefits h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 2em;
  text-align: center;
  margin-bottom: 30px;
}
.app-benefits h2 strong {
  color: #002856;
  font-weight: bold;
}
.app-benefits h2 span {
  color: #e7064c;
}
.app-benefits img {
  width: 450px;
  margin: 30px 0 20px 0;
}
.app-benefits .app-list-inn {
  padding: 30px 0 30px 0;
}
.app-benefits .app-list-inn .app-list-block {
  padding: 22px 0 0 0;
  margin: 0 0 30px 0;
}
.app-benefits .app-list-inn .app-list-block h3 {
  font-size: 1.2em;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  color: #5b6670;
}
.app-benefits .app-list-inn .app-list-block .app-line {
  width: 80px;
  border-bottom: 2px solid #2db23b;
  height: 5px;
  margin-bottom: 10px;
}
.app-benefits .app-list-inn .app-list-block p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}
.app-benefits .app-list-inn .app-list-block.alb-1 {
  background: url(/img/Servicios/Diseno-Web/bg-01.png) no-repeat;
  background-size: 80px;
}
.app-benefits .app-list-inn .app-list-block.alb-2 {
  background: url(/img/Servicios/Diseno-Web/bg-02.png) no-repeat;
  background-size: 80px;
}
.app-benefits .app-list-inn .app-list-block.alb-3 {
  background: url(/img/Servicios/Diseno-Web/bg-03.png) no-repeat;
  background-size: 80px;
}
.app-benefits .app-list-inn .app-list-block.alb-4 {
  background: url(/img/Servicios/Diseno-Web/bg-04.png) no-repeat;
  background-size: 80px;
}
.app-benefits .app-list-inn .app-list-block.alb-5 {
  background: url(/img/Servicios/Diseno-Web/bg-05.png) no-repeat;
  background-size: 80px;
}
.app-benefits .app-list-inn .app-list-block.alb-6 {
  background: url(/img/Servicios/Diseno-Web/bg-06.png) no-repeat;
  background-size: 80px;
}

/* Servicios Redes Sociales*/
.slider-redes {
  position: relative;
}
.slider-redes .bg-sd {
  background-color: rgba(0, 70, 142, 0.051);
  height: 90%;
  position: absolute;
  left: 0;
  top: 0;
  width: 78%;
  z-index: 1;
  border-radius: 0 0 200px 0;
}
.slider-redes .mhm-txt {
  padding: 120px 0;
}
.slider-redes img {
  width: 450px;
}
.slider-redes .sr-text {
  padding: 70px 0;
}
.slider-redes .sr-text h1 {
  color: #002856;
  font-size: 2.5em;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 1.1em;
  max-width: 480px;
}
.slider-redes .sr-text h1 strong {
  font-weight: bold;
}
.slider-redes .sr-text h1 span {
  color: #e7064c;
}
.slider-redes .sr-text p {
  color: #5b6670;
  margin-bottom: 15px;
  font-size: 0.85em;
  text-align: justify;
}
.slider-redes .sr-text p.subtitle {
  font-size: 1.3em;
  margin-bottom: 15px;
}
.slider-redes .sr-text p strong {
  font-weight: bold;
}

.redes-main {
  padding: 20px 0 30px 0;
}
.redes-main h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 2em;
}
.redes-main h2 strong {
  color: #002856;
  font-weight: bold;
}
.redes-main .sub-txt-mh {
  overflow: hidden;
  margin-top: 30px;
}
.redes-main .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.redes-main .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.redes-main .list-redes {
  margin-top: 50px;
  margin-bottom: 50px;
}
.redes-main .list-redes .redes-block {
  margin-bottom: 50px;
  padding-right: 20px;
}
.redes-main .list-redes .redes-block .redes-pic {
  padding-right: 20px;
  border-right: 1px solid #2db23b;
  margin-right: 20px;
  float: left;
}
.redes-main .list-redes .redes-block .redes-pic img {
  width: 80px;
}
.redes-main .list-redes .redes-block h3 {
  font-size: 1.2em;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  color: #5b6670;
}
.redes-main .list-redes .redes-block p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}

.redes-bar {
  position: relative;
  padding: 60px 0 60px 0;
}
.redes-bar .bg-rb {
  background-color: rgba(0, 70, 142, 0.051);
  height: 65%;
  position: absolute;
  left: 0;
  top: 50;
  width: 100%;
  z-index: 1;
}
.redes-bar .redes-list {
  margin-top: 50px;
}
.redes-bar .rl-block {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 25px;
  padding: 25px;
  box-shadow: 15px 30px 30px 0 rgba(220, 220, 220, 0.5);
  min-height: 286px;
}
.redes-bar .rl-block .title-block {
  overflow: hidden;
  margin-bottom: 20px;
}
.redes-bar .rl-block .title-block img {
  float: left;
  margin-right: 10px;
  width: 80px;
}
.redes-bar .rl-block .title-block h2 {
  font-size: 1.15em;
  line-height: 1.1em;
  color: #5b6670;
  font-weight: 300;
  font-family: "Lexend", serif;
  margin: 10px 0 0 0;
}
.redes-bar .rl-block .title-block h2 strong {
  font-weight: bold;
}
.redes-bar .rl-block p {
  font-size: 0.85em;
  display: block;
  margin-bottom: 20px;
  color: #5b6670;
  text-align: justify;
}
.redes-bar .rl-block a {
  background-color: #fff;
  padding: 8px 10px;
  color: #3d5a80;
  font-size: 0.85em;
  font-weight: bold;
  display: block;
  border-radius: 5px;
  background: #f2f4f6;
}
.redes-bar .rl-block a:hover {
  background: #ebf0fb;
}
.redes-bar .rl-block a img {
  float: right;
  margin: 6px 0 0 0;
}
.redes-bar .btn-more {
  float: right;
  font-weight: bold;
}
.redes-bar .btn-more img {
  margin: -2px 0 0 10px;
}

/* Servicios Nosotros */
.main-nosotros {
  position: relative;
  padding: 30px 0 30px 0;
}
.main-nosotros .bg-nosotros {
  background-color: rgba(0, 70, 142, 0.051);
  height: 375px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  border-radius: 0 0 150px 150px;
}
.main-nosotros .mn-text {
  padding: 30px 0;
  position: relative;
  z-index: 2;
}
.main-nosotros .mn-text h1 {
  color: #002856;
  font-size: 2.5em;
  font-weight: normal;
  margin-bottom: 10px;
  line-height: 1.1em;
}
.main-nosotros .mn-text h1 small {
  font-size: 0.5em;
  display: inline-block;
  margin-bottom: -5px;
}
.main-nosotros .mn-text h1 strong {
  font-weight: bold;
}
.main-nosotros .mn-text h1 span {
  color: #e7064c;
}
.main-nosotros .mn-text p {
  color: #5b6670;
  margin-bottom: 15px;
  font-size: 0.85em;
  text-align: justify;
}
.main-nosotros .mn-text p strong {
  font-weight: bold;
}
.main-nosotros .bar-icons {
  margin-top: -10px;
  position: relative;
  z-index: 2;
}
.main-nosotros .bar-icons .bi-block p {
  font-size: 0.9em;
}

.medium-nosotros {
  padding: 30px 0 0 0;
}
.medium-nosotros .sub-txt-mh {
  overflow: hidden;
  margin-top: 30px;
}
.medium-nosotros .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.medium-nosotros .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.medium-nosotros .home-list-services {
  margin: 40px 0 30px 0;
}
.medium-nosotros .home-list-services ul {
  padding-left: 25%;
}
.medium-nosotros .home-list-services ul li {
  text-align: left;
  margin: 0 0 6px 0;
}
.medium-nosotros .home-list-services ul li a {
  padding: 4px 10px;
  color: #5b6670;
  font-size: 1.1em;
  border-radius: 4px;
  display: inline-block;
  width: 250px;
}
.medium-nosotros .home-list-services ul li a:hover {
  background: #ebf0fb;
  color: #1475de;
  font-weight: 500;
}
.medium-nosotros .home-list-services ul li img {
  width: 28px;
  margin-right: 10px;
}
.medium-nosotros .home-blue-block {
  background: #002856 url(/img/Inicio/bg_bluehome.png) no-repeat;
  background-size: cover;
  padding: 120px 80px 100px 80px;
  border-radius: 200px 0 0 0;
}
.medium-nosotros .home-blue-block h2 {
  font-size: 2em;
  color: #fff;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 20px;
  text-align: right;
}
.medium-nosotros .home-blue-block h2 strong {
  color: #1475de;
  font-weight: bold;
}
.medium-nosotros .home-blue-block h2 span {
  color: #e7064c;
}
.medium-nosotros .home-blue-block p {
  font-size: 1em;
  color: #fff;
  font-family: "Lexend";
  margin-bottom: 15px;
  text-align: right;
}
.medium-nosotros .home-blue-block p.p-txt {
  font-size: 0.8em;
  margin-bottom: 30px;
  color: #fff;
  font-family: "Rubik";
  text-align: justify;
}
.medium-nosotros .home-blue-block a {
  font-size: 0.8em;
}

.logos-us img {
  margin-bottom: 15px;
}

.gallery-nosotros {
  padding: 10px 0 100px;
  position: relative;
}
.gallery-nosotros .bg-gall {
  background-color: rgba(0, 70, 142, 0.051);
  height: 130px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.gallery-nosotros .gall-all {
  position: relative;
  z-index: 2;
}
.gallery-nosotros img {
  border-radius: 5px;
}
.gallery-nosotros .pic-1 {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.gallery-nosotros .pic-2 {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.gallery-nosotros .pic-3 {
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.gallery-nosotros .pic-4 {
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.gallery-nosotros .pic-5 {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

/* Marketing Medico */
.marketing-med-main {
  position: relative;
  background: #f2f4f6;
  padding: 30px 0 100px 0;
}
.marketing-med-main .bg-ma-med {
  background-color: rgb(255, 255, 255);
  height: 89%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  border-radius: 0 0 70px 200px;
  box-shadow: 15px 30px 30px 0 rgba(20, 117, 222, 0.05);
}
.marketing-med-main .bg-ma-med-2 {
  background: url(/img/Marketing/MKT_Medico/Asset-12.png) no-repeat;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 42%;
  z-index: 2;
  background-size: 880px;
}
.marketing-med-main .marketing-med-inn {
  padding: 20px 0 50px;
  background-size: 700px;
  background-position: right top;
  z-index: 3;
}
.marketing-med-main .marketing-med-inn .sw-txt {
  padding: 120px 0;
}
.marketing-med-main .marketing-med-inn .sw-text {
  padding: 70px 0 90px 0;
}
.marketing-med-main .marketing-med-inn .sw-text h1 {
  color: #002856;
  font-size: 3em;
  font-weight: normal;
  margin-bottom: 25px;
  line-height: 1.1em;
}
.marketing-med-main .marketing-med-inn .sw-text h1 strong {
  font-weight: bold;
}
.marketing-med-main .marketing-med-inn .sw-text h1 span {
  color: #e7064c;
}
.marketing-med-main .marketing-med-inn .sw-text p {
  color: #5b6670;
  margin-bottom: 15px;
  font-size: 0.9em;
  text-align: justify;
}
.marketing-med-main .marketing-med-inn .sw-text p.subtitle {
  font-size: 1.3em;
  margin-bottom: 15px;
}
.marketing-med-main .marketing-med-inn .sw-text p strong {
  font-weight: bold;
}
.marketing-med-main .marketing-med-inn .marketing-med-bottom {
  padding: 50px 0 30px 0;
}
.marketing-med-main .marketing-med-inn .marketing-med-bottom h2 {
  font-weight: 300;
  color: #4a6582;
  font-size: 1.8em;
  margin-bottom: 40px;
  max-width: 600px;
}
.marketing-med-main .marketing-med-inn .marketing-med-bottom h2 strong {
  color: #002856;
  font-weight: bold;
}
.marketing-med-main .marketing-med-inn .marketing-med-bottom h2 span {
  color: #e7064c;
}
.marketing-med-main .marketing-med-inn .marketing-med-bottom .med-list .mml-block {
  margin: 0 0 40px 0;
}
.marketing-med-main .marketing-med-inn .marketing-med-bottom .med-list .mml-block .mml-block-inn {
  overflow: hidden;
  margin-bottom: 10px;
}
.marketing-med-main .marketing-med-inn .marketing-med-bottom .med-list .mml-block .mml-block-inn img {
  float: left;
  margin-right: 10px;
  width: 50px;
}
.marketing-med-main .marketing-med-inn .marketing-med-bottom .med-list .mml-block .mml-block-inn h3 {
  font-family: "Lexend", serif;
  font-size: 1.1em;
  line-height: 1.1em;
  margin-top: 4px;
  font-weight: bold;
  color: #1475de;
}
.marketing-med-main .marketing-med-inn .marketing-med-bottom .med-list .mml-block ul {
  padding: 0;
}
.marketing-med-main .marketing-med-inn .marketing-med-bottom .med-list .mml-block ul li {
  margin-bottom: 10px;
  background: url(/img/Marketing/MKT_Medico/circle-list.png) no-repeat;
  background-position: 0 1px;
  padding: 0 0 0 25px;
  font-size: 0.9em;
  line-height: 1.3em;
  text-align: justify;
}

.marketing-med-list {
  padding: 20px 0 20px 0;
  background: #f2f4f6;
}
.marketing-med-list h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 1.9em;
  max-width: 510px;
}
.marketing-med-list h2 strong {
  color: #002856;
  font-weight: bold;
}
.marketing-med-list h2 span {
  color: #e7064c;
}
.marketing-med-list .sub-txt-mh {
  overflow: hidden;
  margin-top: 10px;
}
.marketing-med-list .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #f2f4f6;
  padding: 0 0 0 10px;
}
.marketing-med-list .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.marketing-med-list .mmed-list {
  padding: 60px 0 30px 0;
}
.marketing-med-list .mmed-list .mmed-list-block {
  padding: 22px 0 0 0;
  margin: 0 0 30px 0;
}
.marketing-med-list .mmed-list .mmed-list-block h3 {
  font-size: 1.2em;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  color: #5b6670;
}
.marketing-med-list .mmed-list .mmed-list-block .mmed-line {
  width: 80px;
  border-bottom: 2px solid #2db23b;
  height: 5px;
  margin-bottom: 10px;
}
.marketing-med-list .mmed-list .mmed-list-block p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}
.marketing-med-list .mmed-list .mmed-list-block.mmlb-1 {
  background: url(/img/Servicios/Diseno-Web/bg-01.png) no-repeat;
  background-size: 80px;
}
.marketing-med-list .mmed-list .mmed-list-block.mmlb-2 {
  background: url(/img/Servicios/Diseno-Web/bg-02.png) no-repeat;
  background-size: 80px;
}
.marketing-med-list .mmed-list .mmed-list-block.mmlb-3 {
  background: url(/img/Servicios/Diseno-Web/bg-03.png) no-repeat;
  background-size: 80px;
}

.mmed-logos {
  background: #fff;
  padding: 50px 0 30px 0;
}
.mmed-logos h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 2em;
  margin-bottom: 30px;
}
.mmed-logos h2 strong {
  color: #002856;
  font-weight: bold;
}
.mmed-logos h2 span {
  color: #e7064c;
}
.mmed-logos img {
  width: 120px;
}

/* Marketing Politico */
.marketing-pol-main {
  position: relative;
  background: #f2f4f6;
  padding: 30px 0 0 0;
}
.marketing-pol-main .bg-ma-pol {
  background: url(/img/Marketing/MKT_Politico/Asset-11.png) no-repeat;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 42%;
  z-index: 2;
  background-size: 950px;
}
.marketing-pol-main .marketing-pol-inn {
  padding: 20px 0;
  background-size: 700px;
  background-position: right top;
  z-index: 3;
}
.marketing-pol-main .marketing-pol-inn .sw-txt {
  padding: 120px 0;
}
.marketing-pol-main .marketing-pol-inn .sw-text {
  padding: 70px 0 20px 0;
}
.marketing-pol-main .marketing-pol-inn .sw-text h1 {
  color: #002856;
  font-size: 3em;
  font-weight: normal;
  margin-bottom: 25px;
  line-height: 1.1em;
}
.marketing-pol-main .marketing-pol-inn .sw-text h1 strong {
  font-weight: bold;
}
.marketing-pol-main .marketing-pol-inn .sw-text h1 span {
  color: #e7064c;
}
.marketing-pol-main .marketing-pol-inn .sw-text p {
  color: #5b6670;
  margin-bottom: 15px;
  font-size: 0.9em;
  text-align: justify;
}
.marketing-pol-main .marketing-pol-inn .sw-text p.subtitle {
  font-size: 1.3em;
  margin-bottom: 15px;
}
.marketing-pol-main .marketing-pol-inn .sw-text p strong {
  font-weight: bold;
}
.marketing-pol-main .marketing-pol-inn .marketing-pol-bottom {
  padding: 30px 0;
}
.marketing-pol-main .marketing-pol-inn .marketing-pol-bottom h2 {
  font-weight: 300;
  color: #4a6582;
  font-size: 1.7em;
  margin-bottom: 40px;
  max-width: 430px;
}
.marketing-pol-main .marketing-pol-inn .marketing-pol-bottom h2 strong {
  color: #002856;
  font-weight: bold;
}
.marketing-pol-main .marketing-pol-inn .marketing-pol-bottom h2 span {
  color: #e7064c;
}
.marketing-pol-main .marketing-pol-inn .marketing-pol-bottom .pol-list .mpl-block {
  margin: 0 0 40px 0;
}
.marketing-pol-main .marketing-pol-inn .marketing-pol-bottom .pol-list .mpl-block .mpl-block-inn {
  overflow: hidden;
  margin-bottom: 10px;
}
.marketing-pol-main .marketing-pol-inn .marketing-pol-bottom .pol-list .mpl-block .mpl-block-inn img {
  float: left;
  margin-right: 10px;
  width: 50px;
}
.marketing-pol-main .marketing-pol-inn .marketing-pol-bottom .pol-list .mpl-block .mpl-block-inn h3 {
  font-family: "Lexend", serif;
  font-size: 1.1em;
  line-height: 1.2em;
  margin-top: 3px;
  font-weight: bold;
  color: #002856;
}
.marketing-pol-main .marketing-pol-inn .marketing-pol-bottom .pol-list .mpl-block p {
  font-size: 0.8em;
  line-height: 1.3em;
  color: #5b6670;
  text-align: justify;
}

.marketing-pol-list {
  padding: 20px 0 20px 0;
  background: #f2f4f6;
}
.marketing-pol-list h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 1.9em;
  max-width: 510px;
}
.marketing-pol-list h2 strong {
  color: #002856;
  font-weight: bold;
}
.marketing-pol-list h2 span {
  color: #e7064c;
}
.marketing-pol-list .sub-txt-mh {
  overflow: hidden;
  margin-top: 10px;
}
.marketing-pol-list .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #f2f4f6;
  padding: 0 0 0 10px;
}
.marketing-pol-list .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.marketing-pol-list .mpol-list {
  padding: 60px 0 30px 0;
}
.marketing-pol-list .mpol-list .mpol-list-block {
  padding: 22px 0 0 0;
  margin: 0 0 30px 0;
}
.marketing-pol-list .mpol-list .mpol-list-block h3 {
  font-size: 1.2em;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  color: #5b6670;
}
.marketing-pol-list .mpol-list .mpol-list-block .mpol-line {
  width: 80px;
  border-bottom: 2px solid #2db23b;
  height: 5px;
  margin-bottom: 10px;
}
.marketing-pol-list .mpol-list .mpol-list-block p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}
.marketing-pol-list .mpol-list .mpol-list-block.mplb-1 {
  background: url(/img/Servicios/Diseno-Web/bg-01.png) no-repeat;
  background-size: 80px;
}
.marketing-pol-list .mpol-list .mpol-list-block.mplb-2 {
  background: url(/img/Servicios/Diseno-Web/bg-02.png) no-repeat;
  background-size: 80px;
}
.marketing-pol-list .mpol-list .mpol-list-block.mplb-3 {
  background: url(/img/Servicios/Diseno-Web/bg-03.png) no-repeat;
  background-size: 80px;
}

/* Marketing Comercial */
.marketing-com-main {
  position: relative;
  padding: 30px 0 80px 0;
  background: #f2f4f6;
}
.marketing-com-main .bg-mc {
  background-color: rgb(255, 255, 255);
  height: 88%;
  position: absolute;
  margin: 0 25%;
  top: 0;
  width: 50%;
  z-index: 1;
  border-radius: 0 0 80px 80px;
  box-shadow: 15px 30px 30px 0 rgba(20, 117, 222, 0.05);
}
.marketing-com-main .bg-mc-social {
  background: url(/img/Marketing/MKT_Comercial/Banner-1.png) no-repeat;
  background-size: 60%;
  background-position: center top;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
}
.marketing-com-main .mc-text {
  padding: 30px 0;
  position: relative;
  z-index: 3;
}
.marketing-com-main .mc-text h1 {
  color: #002856;
  font-size: 3em;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 1.1em;
  text-align: center;
}
.marketing-com-main .mc-text h1 strong {
  font-weight: bold;
}
.marketing-com-main .mc-text h1 span {
  color: #e7064c;
}
.marketing-com-main .mc-text p {
  color: #5b6670;
  margin-bottom: 15px;
  font-size: 0.85em;
  text-align: justify;
}
.marketing-com-main .mc-text p strong {
  font-weight: bold;
}
.marketing-com-main .ma-img {
  width: 150px;
  margin: 0 0 10px 0;
}

.marketing-com-list {
  padding: 20px 0 30px 0;
  background: #f2f4f6;
}
.marketing-com-list h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 1.9em;
  margin-bottom: 50px;
}
.marketing-com-list h2 strong {
  color: #002856;
  font-weight: bold;
}
.marketing-com-list h2 span {
  color: #e7064c;
}
.marketing-com-list .mcom-list .mcl-block {
  margin: 0 0 40px 0;
}
.marketing-com-list .mcom-list .mcl-block .mcl-block-inn {
  overflow: hidden;
  margin-bottom: 10px;
}
.marketing-com-list .mcom-list .mcl-block .mcl-block-inn img {
  float: left;
  margin-right: 10px;
  width: 50px;
}
.marketing-com-list .mcom-list .mcl-block .mcl-block-inn h3 {
  font-family: "Lexend", serif;
  font-size: 1.1em;
  line-height: 1.1em;
  margin-top: 4px;
  font-weight: bold;
}
.marketing-com-list .mcom-list .mcl-block .mcl-block-inn h3.mcl-title-1 {
  color: #1475de;
}
.marketing-com-list .mcom-list .mcl-block .mcl-block-inn h3.mcl-title-2 {
  color: #2db23b;
}
.marketing-com-list .mcom-list .mcl-block .mcl-block-inn h3.mcl-title-3 {
  color: #e7064c;
}
.marketing-com-list .mcom-list .mcl-block .mcl-block-inn h3.mcl-title-4 {
  color: #d9b909;
}
.marketing-com-list .mcom-list .mcl-block ul {
  padding: 0;
}
.marketing-com-list .mcom-list .mcl-block ul li {
  margin-bottom: 10px;
  background: url(/img/Marketing/MKT_Medico/circle-list.png) no-repeat;
  background-position: 0 1px;
  padding: 0 0 0 25px;
  font-size: 0.9em;
  line-height: 1.3em;
}

.marketing-com-list-2 {
  padding: 50px 0 20px 0;
}
.marketing-com-list-2 h2 {
  font-weight: 300;
  color: #5b6670;
  font-size: 1.9em;
  max-width: 430px;
}
.marketing-com-list-2 h2 strong {
  color: #002856;
  font-weight: bold;
}
.marketing-com-list-2 h2 span {
  color: #e7064c;
}
.marketing-com-list-2 .sub-txt-mh {
  overflow: hidden;
  margin-top: 10px;
}
.marketing-com-list-2 .sub-txt-mh p {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  color: #002856;
  float: right;
  background: #fff;
  padding: 0 0 0 10px;
}
.marketing-com-list-2 .sub-txt-mh .line-mh {
  border-top: 1px solid #e7e7e7;
  width: 90%;
  margin-top: 32px;
  height: 1px;
}
.marketing-com-list-2 .mcom-list-2 {
  padding: 60px 0 30px 0;
}
.marketing-com-list-2 .mcom-list-2 .mcom-list-block {
  padding: 22px 0 0 0;
  margin: 0 0 30px 0;
}
.marketing-com-list-2 .mcom-list-2 .mcom-list-block h3 {
  font-size: 1.2em;
  font-family: "Lexend", serif;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  color: #5b6670;
}
.marketing-com-list-2 .mcom-list-2 .mcom-list-block .mcom-line {
  width: 80px;
  border-bottom: 2px solid #2db23b;
  height: 5px;
  margin-bottom: 10px;
}
.marketing-com-list-2 .mcom-list-2 .mcom-list-block p {
  font-size: 0.85em;
  color: #5b6670;
  display: grid;
  text-align: justify;
}
.marketing-com-list-2 .mcom-list-2 .mcom-list-block.mclb-1 {
  background: url(/img/Servicios/Diseno-Web/bg-01.png) no-repeat;
  background-size: 80px;
}
.marketing-com-list-2 .mcom-list-2 .mcom-list-block.mclb-2 {
  background: url(/img/Servicios/Diseno-Web/bg-02.png) no-repeat;
  background-size: 80px;
}
.marketing-com-list-2 .mcom-list-2 .mcom-list-block.mclb-3 {
  background: url(/img/Servicios/Diseno-Web/bg-03.png) no-repeat;
  background-size: 80px;
}

.logos-mkt-com {
  background: #fff !important;
}

/* Proyectos */
.proyectos-main {
  padding: 30px 0 80px 0;
}
.proyectos-main img {
  width: 100%;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 15px;
  border-radius: 5px;
}
.proyectos-main h2 {
  font-size: 1.3em;
  color: #3d5a80;
  margin-bottom: 10px;
}
.proyectos-main .pro-line {
  width: 80px;
  border-top: 1px solid #2db23b;
  height: 5px;
  margin-bottom: 25px;
}

.bg-over {
  z-index: 2;
  position: relative;
}

/* Media Queries */
@media (max-width: 575.98px) {
  .no-mob {
    display: none;
  }
  header .submenu .social-icons {
    display: none;
  }
  header .submenu p {
    margin-right: 15px;
  }
  .main-home-txt .main-top-txt .txt-mh .sub-txt-mh {
    margin-top: 20px;
  }
  .branding-main .list-branding .branding-block {
    margin-bottom: 30px;
  }
  .branding-main {
    padding-bottom: 30px;
  }
  .section-contact {
    padding: 30px 0 60px 0;
  }
  .section-contact .form {
    padding: 15px;
  }
  .web-main .web-list {
    padding: 60px 0 0px 0;
  }
  .web-portafolio h2 {
    margin: 30px 0 0 0 !important;
  }
  .app-benefits .app-list-inn {
    padding: 30px 0 10px 0;
  }
  .app-benefits {
    padding: 20px 0 10px 0;
  }
  .marketing-med-main .bg-ma-med {
    border-radius: 0 0 30px 60px;
  }
  .marketing-med-main .bg-ma-med {
    height: 97% !important;
  }
  .marketing-com-main .mc-text h1 {
    font-size: 1.9em !important;
  }
  .marketing-com-main {
    padding: 30px 0 50px 0 !important;
  }
  .proyectos-main img {
    height: 280px !important;
  }
}
@media (max-width: 767.98px) {
  header {
    padding-bottom: 0;
  }
  header .navbar-brand img {
    width: 180px;
  }
  header .submenu {
    padding-bottom: 0;
  }
  .main-slider .txt-sh {
    padding: 70px 0 40px 0;
  }
  .main-slider {
    padding-bottom: 60px;
    border-radius: 0;
  }
  .bar-icons .bi-block {
    margin-bottom: 40px;
  }
  .main-home-txt .main-top-txt {
    padding: 10px 0;
  }
  .main-home-txt {
    background: none;
  }
  .main-home-txt .main-top-txt .txt-mh {
    padding: 30px 0 0 0;
  }
  .main-home-txt .main-medium-txt .home-blue-block {
    padding: 60px 40px 60px 40px !important;
  }
  .main-home-txt .main-medium-txt {
    padding: 0;
  }
  .main-home-txt .main-medium-txt .sub-txt-mh {
    display: none;
  }
  .main-home-marketing-2 .mhm-block {
    margin-bottom: 25px;
  }
  .main-home-marketing-2 {
    padding: 30px 0 60px 0 !important;
  }
  footer .footer .social-icons {
    float: none;
    margin: 0 auto;
    width: 120px;
  }
  footer .footer {
    padding-bottom: 25px;
    text-align: center;
  }
  .servicios-main {
    background: none;
  }
  .slider-design .bg-sd {
    width: 100%;
  }
  .design-main {
    padding: 20px 0 0px 0;
  }
  .design-bar .bg-db {
    height: 85%;
  }
  .design-main .list-design .design-block {
    margin-bottom: 30px;
  }
  .slider-web .bg-sw {
    width: 100%;
  }
  .main-google .bg-mg {
    display: none;
  }
  .main-google .img-mg {
    margin: 20px 0 30px 0;
  }
  .google-list h2 {
    margin-bottom: 20px;
  }
  .slider-audio .bg-sa {
    width: 100%;
  }
  .audio-section .visual-section .txt-audiovisual {
    padding: 0 !important;
    margin-top: 20px;
  }
  .seo-main {
    padding: 30px 0;
  }
  .seo-main .bg-seo {
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .seo-logos {
    padding: 50px 0 20px 0;
  }
  .seo-logos img {
    margin-bottom: 25px;
  }
  .seo-main-2 {
    padding: 20px 0 0px 0;
  }
  .seo-estrategy {
    background: url(/img/Servicios/SEO/04_laptop_mockup.png) no-repeat;
    background-size: 420px !important;
    min-height: 1110px !important;
  }
  .seo-main .sm-text {
    padding: 30px 0 0 0;
  }
  .main-apps .bg-apps {
    width: 100% !important;
    margin: 0 !important;
  }
  .slider-redes .bg-sd {
    width: 100%;
  }
  .redes-bar {
    padding: 30px 0 40px 0;
  }
  .slider-redes .sr-text h1 {
    font-size: 2em;
  }
  .main-nosotros .mn-text h1 {
    font-size: 2em;
    margin-bottom: 20px;
  }
  .gallery-nosotros .pic-1, .gallery-nosotros .pic-2, .gallery-nosotros .pic-3, .gallery-nosotros .pic-4, .gallery-nosotros .pic-5 {
    height: 200px;
  }
  .marketing-med-main .bg-ma-med-2 {
    height: 100%;
    width: 100%;
    background-size: 700px;
  }
  .marketing-med-main .marketing-med-inn {
    padding-top: 410px;
  }
  .marketing-med-main .marketing-med-inn .sw-text {
    padding: 70px 0 0 0;
  }
  .marketing-med-main .marketing-med-inn .marketing-med-bottom h2 {
    font-size: 1.4em;
  }
  .marketing-pol-main .bg-ma-pol {
    width: 95%;
    background-size: 750px;
  }
  .marketing-pol-main .marketing-pol-inn {
    padding: 470px 0 0px 0;
  }
  .marketing-com-main .bg-mc {
    height: 85% !important;
    margin: 0 5% !important;
    width: 90% !important;
  }
  .marketing-com-list h2 {
    font-size: 1.5em;
  }
  .proyectos-main img {
    height: 300px;
  }
}
@media (max-width: 991.98px) {
  .menu {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
  }
  header ul li a.btn-primary {
    margin-top: 10px;
  }
  .main-slider .txt-sh h1 {
    font-size: 2em;
  }
  .main-home-txt .main-top-txt .txt-mh h2 {
    font-size: 1.8em;
  }
  .main-home-txt .main-medium-txt .home-blue-block h2 {
    font-size: 1.8em;
  }
  .main-home-txt .main-medium-txt .home-list-services ul {
    padding-left: 5%;
  }
  .main-home-txt .main-medium-txt .home-blue-block {
    padding: 80px 40px 80px 40px;
  }
  .main-home-marketing .bg-mhm {
    height: 85%;
  }
  .main-home-marketing .mhm-txt h3 {
    font-size: 1.5em;
  }
  .main-home-marketing .mhm-txt {
    padding: 70px 0;
  }
  .main-home-marketing-2 h2 {
    font-size: 1.6em;
  }
  .main-home-marketing-2 .mhm-block .title-block {
    text-align: center;
  }
  .main-home-marketing-2 .mhm-block .title-block img {
    float: none;
    margin-bottom: 15px;
  }
  .main-home-marketing-2 .mhm-block .title-block h3 {
    font-size: 1.3em;
  }
  .main-home-marketing .mhm-txt {
    padding: 40px 0 40px;
  }
  .main-home-marketing-2 {
    padding: 30px 0 100px 0;
  }
  .servicios-main h1 {
    font-size: 1.5em;
  }
  .slider-branding .sb-text h1 {
    font-size: 2em;
  }
  .slider-branding .sb-text {
    padding: 40px 0 40px !important;
  }
  .branding-main h2 {
    font-size: 1.4em;
  }
  .branding-main {
    background: none;
  }
  .section-contact .sc-text {
    padding: 40px 0px;
  }
  .section-contact .sc-text h5 {
    font-size: 1.6em;
  }
  .design-main h2 {
    font-size: 1.5em;
  }
  .slider-design .sd-text {
    padding: 40px 0 30px 0;
  }
  .slider-design .bg-sd {
    height: 95%;
  }
  .web-main h2 {
    font-size: 1.5em;
  }
  .slider-web .sw-text {
    padding: 40px 0 40px 0;
  }
  .web-portafolio h2 {
    font-size: 1.6em;
    margin: 0;
  }
  .main-google .mg-first {
    padding: 40px 0 40px 0;
  }
  .main-google .mg-second h2 {
    font-size: 1.6em;
  }
  .slider-audio .sa-text {
    padding: 30px 0;
  }
  .audio-section .visual-section .txt-audiovisual {
    padding: 20px;
  }
  .seo-main .bg-seo {
    margin: 0 5%;
    width: 90%;
  }
  .seo-main .sm-text .seo-m2 {
    margin: 15px 0 20px 0;
  }
  .seo-main-2 h2 {
    font-size: 1.3em;
  }
  .seo-logos h2 {
    font-size: 1.6em;
  }
  .seo-estrategy {
    background-position: center bottom;
    min-height: 890px;
  }
  .seo-estrategy h2 {
    text-align: center;
  }
  .seo-main .bg-seo {
    border-radius: 0 0 60px 60px !important;
  }
  .main-apps .ma-text h1 {
    font-size: 2em;
  }
  .main-apps-2 h2 {
    font-size: 1.4em;
  }
  .app-benefits h2 {
    font-size: 1.5em;
  }
  .app-list {
    background: none;
  }
  .app-benefits img {
    margin: 0;
  }
  .redes-main h2 {
    font-size: 1.5em;
  }
  .slider-redes .sr-text {
    padding: 40px 0 40px;
  }
  .slider-redes .bg-sd {
    height: 97%;
  }
  .redes-main .list-redes {
    margin-bottom: 10px;
  }
  .main-nosotros .mn-text {
    padding: 0px 0 20px 0;
  }
  .main-nosotros .bg-nosotros {
    height: 440px;
    border-radius: 0 0 100px 100px;
  }
  .main-nosotros .bar-icons .bi-block {
    margin-bottom: 20px;
  }
  .medium-nosotros .home-list-services ul {
    padding-left: 5%;
  }
  .medium-nosotros .home-blue-block {
    padding: 80px 40px 80px 40px;
  }
  .medium-nosotros .home-blue-block h2 {
    font-size: 1.8em;
  }
  .logos-us img {
    margin-bottom: 25px;
  }
  .marketing-med-main .marketing-med-inn .marketing-med-bottom {
    padding: 50px 0 10px 0;
  }
  .marketing-med-list h2 {
    font-size: 1.4em;
  }
  .marketing-pol-main .marketing-pol-inn .sw-text {
    padding: 20px 0 20px 0;
  }
  .marketing-pol-main .marketing-pol-inn .sw-text h1 {
    font-size: 2em;
  }
  .marketing-pol-main .marketing-pol-inn .marketing-pol-bottom h2 {
    font-size: 1.4em;
  }
  .marketing-pol-main .marketing-pol-inn .marketing-pol-bottom {
    padding: 20px 0;
  }
  .marketing-pol-list h2 {
    font-size: 1.5em;
  }
  .marketing-com-main .bg-mc {
    height: 88%;
    margin: 0 10%;
    width: 80%;
  }
  .marketing-com-main .bg-mc-social {
    background-size: 90%;
  }
  .marketing-com-list-2 h2 {
    font-size: 1.5em;
  }
  .main-home-marketing-2 .sub-txt-mh {
    margin-top: 20px;
  }
  .marketing-com-main .mc-text h1 {
    font-size: 2.2em;
  }
  /* Menu */
  #menu-button ul a {
    font-weight: bold;
  }
  #menu-button ul ul {
    display: block;
    position: relative;
    box-shadow: none;
  }
  #menu-button ul ul li {
    width: 100%;
  }
  #menu-button ul ul li a {
    padding: 6px 15px 6px 25px;
    font-size: 1.1em;
    font-weight: 300;
  }
}
@media (max-width: 1199.98px) {
  .slider-branding {
    background-size: 100% 90%;
  }
  .slider-branding .sb-text {
    padding: 70px 0 100px;
  }
  .branding-main {
    margin-top: 0px;
  }
  .audio-main .list-audio {
    margin-bottom: 0px;
  }
  .seo-main .bg-seo {
    height: 90%;
  }
  .seo-main .bg-seo {
    border-radius: 0 0 120px 120px;
  }
  .main-apps .bg-apps {
    margin: 0 12%;
    width: 76%;
  }
  .app-list {
    background-position: 150% center;
  }
  .marketing-med-main .bg-ma-med {
    height: 95%;
  }
  .marketing-med-main {
    padding: 30px 0 50px 0;
  }
}
@media (min-width: 1440px) {
  .seo-estrategy {
    background-position: 82% center;
  }
  .app-list {
    background-position: 90% center;
  }
  .marketing-com-main .bg-mc {
    margin: 0 30%;
    width: 40%;
  }
  .marketing-com-main .bg-mc-social {
    background-size: 45%;
  }
}/*# sourceMappingURL=styles.css.map */