/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
input[type="search"] {
  box-sizing: content-box;
}
svg:not(:root) {
  overflow: hidden;
}
textarea {
  overflow: auto;
}
.text-left,
caption {
  text-align: left;
}
.btn {
  white-space: nowrap;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev,
.navbar-brand > img,
details,
figure,
footer,
header,
input[type="file"],
menu,
nav {
  display: block;
}
video {
  display: inline-block;
  vertical-align: baseline;
}
.label:empty,
[class*=" icon-"].hide,
[class^="icon-"].hide,
[hidden] {
  display: none;
}
.navbar-toggle:focus,
a:active,
a:hover {
  outline: 0;
}
b {
  font-weight: 700;
}
h1 {
  margin: 0.67em 0;
}
img {
  border: 0;
  vertical-align: middle;
}
code {
  font-size: 1em;
}
button,
input,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
} /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  img,
  tr {
    page-break-inside: avoid;
  }
  *,
  :after,
  :before {
    background: 0 0 !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  img {
    max-width: 100% !important;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .label {
    border: 1px solid #000;
  }
}
body {
  line-height: 1.7;
  background-color: #fff;
}
.btn,
.btn-default.active,
.btn-default:active,
.btn-info.active,
.btn-info:active,
.btn-primary.active,
.btn-primary:active,
.btn.active,
.btn:active,
.form-control,
.navbar-toggle {
  background-image: none;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  font-family: lato, sans-serif;
  font-size: 16px;
  color: #586667;
}
button,
input,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  background-color: transparent;
  color: #3097d1;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #216a94;
  text-decoration: underline;
}
a:focus,
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
label {
  display: inline-block;
}
.img-circle {
  border-radius: 50%;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
  margin-bottom: 13.5px;
}
[role="button"] {
  cursor: pointer;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 700;
  line-height: 1.1;
  color: #2c3e4f;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}
label {
  font-weight: 700;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 27px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
  font-size: 65%;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top: 13.5px;
}
ul {
  margin-top: 0;
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-size: 75%;
}
.h1,
h1 {
  font-size: 41px;
}
.h2,
h2 {
  font-size: 34px;
}
.h3,
h3 {
  font-size: 18px;
}
.h4,
h4 {
  font-size: 20px;
}
.h5,
h5 {
  font-size: 16px;
}
.h6,
h6 {
  font-size: 14px;
}
p {
  margin: 0 0 13.5px;
}
.small,
small {
  font-size: 87%;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.navbar-default .btn-link,
.navbar-default .navbar-brand,
.navbar-default .navbar-link,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-text {
  color: #777;
}
.text-primary {
  color: #3097d1;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #2579a9;
}
.text-info {
  color: #31708f;
}
a.text-info:focus,
a.text-info:hover {
  color: #245269;
}
.bg-primary {
  color: #fff;
  background-color: #3097d1;
}
.label-primary[href]:focus,
.label-primary[href]:hover,
a.bg-primary:focus,
a.bg-primary:hover {
  background-color: #2579a9;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:focus,
a.bg-info:hover {
  background-color: #afd9ee;
}
.btn-default,
.form-control {
  background-color: #fff;
}
.page-header {
  padding-bottom: 12.5px;
  margin: 54px 0 27px;
  border-bottom: 1px solid #eee;
}
ul ul {
  margin-bottom: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
code {
  padding: 2px 4px;
  font-size: 90%;
}
code {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  color: #d35400;
  background-color: #ecf0f1;
  border-radius: 4px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.btn-group > .btn-group,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
}
.col-xs-12,
input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.carousel-inner > .active.right,
.carousel-inner > .next,
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
}
.panel-group .panel-footer {
  border-top: 0;
}
.form-control {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
}
label {
  max-width: 100%;
  margin-bottom: 5px;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 4px 0 0;
  line-height: normal;
}
.btn-block,
input[type="range"] {
  display: block;
  width: 100%;
}
.form-group-lg textarea.form-control,
.form-group-sm textarea.form-control,
textarea.form-control,
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-btn > .btn,
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-btn > .btn,
textarea.input-lg,
textarea.input-sm {
  height: auto;
}
.form-control {
  display: block;
  width: 100%;
  height: 41px;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly] {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
input[type="checkbox"][disabled],
input[type="radio"][disabled] {
  cursor: not-allowed;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control,
  input[type="time"].form-control {
    line-height: 41px;
  }
  .input-group-sm input[type="date"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"],
  .input-group-sm input[type="time"],
  input[type="date"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  input[type="time"].input-sm {
    line-height: 33px;
  }
  .input-group-lg input[type="date"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"],
  .input-group-lg input[type="time"],
  input[type="date"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  input[type="time"].input-lg {
    line-height: 49px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label {
  min-height: 27px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.radio input[type="radio"] {
  position: absolute;
  margin-left: -20px;
}
.radio + .radio {
  margin-top: -5px;
}
.form-group-sm .form-control,
.input-group-sm > .form-control,
.input-group-sm > .input-group-btn > .btn,
.input-sm {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-lg .form-control,
.input-group-lg > .form-control,
.input-group-lg > .input-group-btn > .btn,
.input-lg {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.carousel,
.input-group-btn > .btn {
  position: relative;
}
.btn {
  display: inline-block;
  vertical-align: middle;
}
.btn {
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.7;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn.active:focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}
.btn.active,
.btn:active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333;
  border-color: #ccc;
}
.btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default.active,
.btn-default:active,
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default[disabled]:focus,
.btn-default[disabled]:hover {
  background-color: #fff;
  border-color: #ccc;
}
.btn-primary {
  color: #fff;
  background-color: #3097d1;
  border-color: #2a88bd;
}
.btn-primary:focus {
  color: #fff;
  background-color: #2579a9;
  border-color: #133d55;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover {
  color: #fff;
  background-color: #2579a9;
  border-color: #1f648b;
}
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
  color: #fff;
  background-color: #1f648b;
  border-color: #133d55;
}
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
  background-color: #3097d1;
  border-color: #2a88bd;
}
.btn-info {
  color: #fff;
  background-color: #8eb4cb;
  border-color: #7da8c3;
}
.btn-info:focus {
  color: #fff;
  background-color: #6b9dbb;
  border-color: #3d6983;
}
.btn-info.active,
.btn-info:active,
.btn-info:hover {
  color: #fff;
  background-color: #6b9dbb;
  border-color: #538db0;
}
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover {
  color: #fff;
  background-color: #538db0;
  border-color: #3d6983;
}
.btn-info[disabled]:focus,
.btn-info[disabled]:hover {
  background-color: #8eb4cb;
  border-color: #7da8c3;
}
.btn-link {
  color: #3097d1;
  font-weight: 400;
  border-radius: 0;
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
  color: #216a94;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover {
  color: #777;
  text-decoration: none;
}
.btn-group-lg > .btn,
.btn-lg {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-group-sm > .btn,
.btn-sm {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn,
.btn-xs {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block + .btn-block,
.panel-group .panel + .panel {
  margin-top: 5px;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.btn-group,
.input-group,
.input-group .form-control,
.input-group-btn,
.nav > li,
.nav > li > a,
.navbar {
  position: relative;
}
.btn-group {
  display: inline-block;
  vertical-align: middle;
}
.input-group {
  display: table;
  border-collapse: separate;
}
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover,
.input-group-btn > .btn:active,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:hover {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn,
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle,
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
.input-group .form-control:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child,
.btn-group > .btn:last-child:not(:first-child),
.input-group .form-control:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.media:first-child {
  margin-top: 0;
}
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group .form-control,
.input-group-btn {
  display: table-cell;
}
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-btn {
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  display: block;
}
.nav > li > a {
  display: block;
  padding: 10px 15px;
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.nav > li > a > img {
  max-width: none;
}
.navbar {
  min-height: 70px;
  margin-bottom: 0;
  border: 1px solid transparent;
}
.container > .navbar-header {
  margin-right: 0;
  margin-left: 0;
}
.navbar-brand {
  float: left;
  padding: 21.5px 0;
  font-size: 20px;
  line-height: 27px;
  height: 70px;
}
.label {
  line-height: 1;
  white-space: nowrap;
  font-weight: 700;
}
.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none;
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 0;
  padding: 9px 10px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-nav {
  margin: 10.75px 0;
}
.navbar-form {
  padding: 10px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.1);
  margin: 14.5px 0;
}
.navbar-btn {
  margin-top: 14.5px;
  margin-bottom: 14.5px;
}
.navbar-btn.btn-sm {
  margin-top: 18.5px;
  margin-bottom: 18.5px;
}
.navbar-btn.btn-xs {
  margin-top: 24px;
  margin-bottom: 24px;
}
.navbar-text {
  margin-top: 21.5px;
  margin-bottom: 21.5px;
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-toggle,
.panel-default {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #ddd;
}
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover,
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover {
  color: #ccc;
}
.icon-light {
  color: #fff;
}
.label,
a [class*=" icon-"],
a [class^="icon-"] {
  display: inline;
}
.tooltip.right {
  margin-left: 3px;
}
.label {
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:focus,
.label-default[href]:hover {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #3097d1;
}
.label-info {
  background-color: #8eb4cb;
}
.label-info[href]:focus,
.label-info[href]:hover {
  background-color: #6b9dbb;
}
.panel-primary {
  border-color: #3097d1;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.media {
  margin-top: 15px;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-right {
  padding-left: 10px;
}
.media-left {
  padding-right: 10px;
}
.media-body,
.media-left,
.media-right {
  display: table-cell;
  vertical-align: top;
}
.media-bottom {
  vertical-align: bottom;
}
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
  color: inherit;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  line-height: 1;
}
.panel {
  margin-bottom: 27px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-footer {
  background-color: #f5f5f5;
}
.panel-body {
  padding: 15px;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-group {
  margin-bottom: 27px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-info {
  border-color: #bce8f1;
}
.tooltip {
  font-family: lato, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.7;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  text-decoration: none;
}
.tooltip {
  opacity: 0;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .navbar-header,
  .navbar-nav > li {
    float: left;
  }
  .col-sm-12,
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .navbar > .container .navbar-brand {
    margin-left: 0;
  }
  .navbar-form .form-group {
    display: inline-block;
  }
  .navbar-form .control-label,
  .navbar-form .form-group {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .form-control,
  .navbar-form .input-group .input-group-btn {
    width: auto;
  }
  .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }
  .navbar {
    border-radius: 4px;
  }
  .container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
  }
  .navbar-toggle {
    display: none;
  }
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-text {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-right,
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  text-align: left;
  text-align: start;
  font-size: 14px;
}
.tooltip.in {
  opacity: 0.9;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-width: 5px 5px 0;
  border-top-color: #000;
  bottom: 0;
}
.tooltip.top .tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  margin-bottom: -5px;
}
.tooltip.top-right .tooltip-arrow {
  left: 5px;
  margin-bottom: -5px;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-width: 0 5px 5px;
  border-bottom-color: #000;
  top: 0;
}
.tooltip.bottom .tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}
.tooltip.bottom-left .tooltip-arrow {
  right: 5px;
  margin-top: -5px;
}
.tooltip.bottom-right .tooltip-arrow {
  left: 5px;
  margin-top: -5px;
}
.carousel-caption,
.carousel-control {
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: left 0.6s ease-in-out;
  -o-transition: left 0.6s ease-in-out;
  transition: left 0.6s ease-in-out;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.active.right,
  .carousel-inner > .item.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active.left,
  .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active,
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .active.left,
.carousel-inner > .prev {
  left: -100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-repeat: repeat-x;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  background-repeat: repeat-x;
}
.carousel-control:focus,
.carousel-control:hover {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: "\2039";
}
.carousel-control .icon-next:before {
  content: "\203a";
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
}
.carousel-caption .btn,
.text-hide {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.container:after,
.container:before,
.nav:after,
.nav:before,
.navbar-header:after,
.navbar-header:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
  content: " ";
  display: table;
}
.container:after,
.nav:after,
.navbar-header:after,
.navbar:after,
.panel-body:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.hidden,
.hide,
.visible-lg,
.visible-lg-block,
.visible-md,
.visible-md-block,
.visible-sm,
.visible-sm-block,
.visible-xs,
.visible-xs-block {
  display: none !important;
}
.show {
  display: block !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  background-color: transparent;
  border: 0;
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
  .visible-xs,
  .visible-xs-block {
    display: block !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm,
  .visible-sm-block {
    display: block !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md,
  .visible-md-block {
    display: block !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .visible-lg,
  .visible-lg-block {
    display: block !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  .hidden-lg {
    display: none !important;
  }
}
@font-face {
  font-family: FontAwesome;
  src: url(http://www.sofis.lat/themes/demo/assets/vendor/font-awesome/font/fontawesome-webfont.eot?v=3.2.1);
  src: url(http://www.sofis.lat/themes/demo/assets/vendor/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1)
      format("embedded-opentype"),
    url(http://www.sofis.lat/themes/demo/assets/vendor/font-awesome/font/fontawesome-webfont.woff?v=3.2.1)
      format("woff"),
    url(http://www.sofis.lat/themes/demo/assets/vendor/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1)
      format("truetype"),
    url(http://www.sofis.lat/themes/demo/assets/vendor/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
[class*=" icon-"],
[class^="icon-"] {
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  margin-top: 0;
}
[class*=" icon-"]:before,
[class^="icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
.icon-border {
  border: 1px solid #eee;
  padding: 0.2em 0.25em 0.15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(359deg);
  }
}
.icon-search:before {
  content: "\f002";
}
.icon-bold:before {
  content: "\f032";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-check:before {
  content: "\f046";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-key:before {
  content: "\f084";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-circle:before {
  content: "\f111";
}
.icon-expand-alt:before {
  content: "\f116";
}
.icon-code:before {
  content: "\f121";
}
.icon-info:before {
  content: "\f129";
}
.icon-html5:before {
  content: "\f13b";
}
.icon-css3:before {
  content: "\f13c";
}
.icon-check-sign:before {
  content: "\f14a";
}
.icon-expand:before {
  content: "\f152";
}
.icon-youtube-sign:before {
  content: "\f166";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-android:before {
  content: "\f17b";
}
.navbar,
.submenu-cabezal {
  transition: 0.2s;
  max-width: 100%;
}
.info-portada,
.subtitulo-hero,
.titulo-hero {
  text-shadow: 2px 3px 3px #000;
}
.con-que-contamos-grid,
.grilla-gis,
.postition-papers {
  grid-template-columns: repeat(2, 1fr);
}
.btn,
.flip-card:focus {
  outline: 0;
}
#header20 .menu20 .menu20Content .l3 a,
.page-biona-bpm .nav-link:hover,
a {
  text-decoration: underline;
}
#header20 .support,
#header20 .txtRight,
.dropdown-menu {
  text-align: right;
}
.cc-btn.cc-dismiss,
.cc-window.cc-banner,
body,
html {
  font-family: Arial, Helvetica, sans-serif;
}
.service-carousel.carousel.slide:after,
.service-carousel.carousel.slide:before {
  height: 90px;
  background-image: url(/storage/app/media/dots.png);
  position: absolute;
}
#loading,
#loading2,
#sofisid {
  transform-origin: center center;
}
.italica,
.sub-id,
.testimonio {
  font-style: italic;
}
body,
html {
  height: 100%;
  padding: 0;
  color: #333;
}
.breadcrumb,
.btn,
.navbar-light .navbar-nav .nav-link,
p {
  font-size: 18px;
  line-height: 1.6;
}
.subtitulo-hero,
.subtitulo-hero p {
  font-size: 2.5rem;
  line-height: 2.8rem;
  font-weight: 400;
  display: block;
  margin: 1rem 0 1.5rem;
}
header {
  position: fixed;
  width: 100%;
  z-index: 9999;
}
.navbar {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 3rem;
  background: 0 0;
  border-radius: 0;
  background: linear-gradient(
    337deg,
    rgba(0, 0, 0, 0) 0,
    rgb(23 53 103 / 0%) 32%,
    rgb(23 53 103 / 0%) 99%,
    rgb(23 53 103) 100%
  );
}
.brand-footer,
.navbar-brand,
.service-carousel.carousel.slide:after,
.service-carousel.carousel.slide:before {
  background-repeat: no-repeat;
  background-size: contain;
}
.navbar.cabezal-ampliados,
.navbar.cabezal-fixed {
  max-width: 100%;
  padding: 0.5rem 3rem;
  background: #fff;
  box-shadow: 0 5px 10px 0 rgb(64 64 164 / 6%);
  z-index: 99999;
}
.navbar-brand {
  float: none;
  line-height: normal;
  display: block;
  transition: 0.2s;
}
.subsitio-green .navbar-brand {
  width: 251px;
  background-image: url(/storage/app/media/logotipo-greensofis-blanco.svg);
  height: 55px;
}
.subsitio-green .navbar.cabezal-ampliados .navbar-brand,
.subsitio-green .navbar.cabezal-fixed .navbar-brand {
  background-image: url(/storage/app/media/logotipo-greensofis.svg);
  width: 228px;
  height: 50px;
}
.brand-footer {
  background-image: url(/storage/app/media/logotipo-azul.svg);
  display: block;
  width: 100%;
  height: 60px;
}
.navbar-light .navbar-toggler {
  border-color: transparent;
  font-size: 3.5rem;
}
.navbar-light.cabezal-ampliados .navbar-toggler,
.navbar-light.cabezal-fixed .navbar-toggler {
  color: #173567;
}
.nav-link {
  margin-right: 5px;
  color: #333 !important;
}
.footer-link,
.navbar.cabezal-ampliados .nav-link,
.navbar.cabezal-fixed .nav-link,
.page-noticia-ampliada .nav-link {
  color: #333 !important;
}
header a.nav-link {
  position: relative;
  display: block;
  text-decoration: none;
}
#header20 .menu20 .menu20Content .l3 a.btn,
#header20 .menu20 .menu20Content .l3 a:hover,
a:hover,
header a.nav-link:hover {
  text-decoration: none;
}
header a.nav-link:after,
header a.nav-link:before {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  bottom: -1px;
  background: #fff;
}
.taeb-switch.left:after,
header a.nav-link:before {
  left: 0;
}
header a.nav-link:after {
  right: 0;
  background: #fff;
  transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
header a.nav-link:hover:before {
  background: #fff;
  width: 100%;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
#header-container.landing-ti,
.botones-ods:hover,
.cabezal-ampliados a.nav-link:after,
.cabezal-ampliados a.nav-link:before,
.cabezal-ampliados a.nav-link:hover:before,
.cabezal-fixed .dropdown-menu,
.cabezal-fixed a.nav-link:after,
.cabezal-fixed a.nav-link:before,
.cabezal-fixed a.nav-link:hover:before,
.color-17,
.color-tarjeta-17,
.page-biona-bpm header a.nav-link:after,
.page-biona-bpm header a.nav-link:before,
.page-noticia-ampliada a.nav-link:after,
.page-noticia-ampliada header a.nav-link:before,
.sostenible-carousel .item:first-child {
  background: #173567;
}
.submenu-cabezal {
  display: none;
  justify-content: end;
  background: 0 0;
  padding: 0 3rem;
}
.submenu-cabezal .nav-link {
  font-size: 0.9em;
  margin: 0 0 0 1em;
}
.submenu-cabezal.submenu-activo,
.submenu-cabezal.submenu-ampliados {
  background: #173567;
  display: flex;
}
header a.nav-link:hover:after {
  background: 0 0;
  width: 100%;
  transition: none;
}
header .nav-active a.nav-link:after,
header .nav-active a.nav-link:before {
  width: 100%;
  transition: none;
}
#header20 .fw600,
.h3,
.h4,
.negrita,
.page-sofis-bpm h2,
.titulo-mapa,
b,
h3,
h4,
header .nav-active a.nav-link,
strong {
  font-weight: 600;
}
.nav-item button {
  margin-top: 3px;
}
#accordion,
.nuestros-servicios img {
  margin-top: 3rem;
}
.dropdown {
  position: static;
}
.dropdown-menu {
  width: 100%;
  border: none;
  border-radius: 0;
  background: #0000003b;
  box-shadow: none;
  padding: 1.5rem 3rem;
}
.dropdown-menu > li,
figure {
  display: inline-block;
}
.dropdown-item {
  display: initial;
  color: #fff;
}
.dropdown-item:hover {
  background: 0 0;
  color: #fff;
}
a {
  color: #173567 !important;
}
.btn {
  border-width: 2px;
  border-radius: 21px;
  padding: 5px 20px;
  box-shadow: none;
}
.btn-primary,
.btn-primary:focus,
.btn-secondary:active,
.btn-secondary:hover,
.btn-solicitar:active,
.btn-solicitar:hover,
.navbar.cabezal-ampliados .btn-terciary,
.navbar.cabezal-ampliados .btn-terciary:focus,
.navbar.cabezal-fixed .btn-terciary,
.navbar.cabezal-fixed .btn-terciary:focus,
.page-noticia-ampliada .btn-terciary,
.page-noticia-ampliada .btn-terciary:focus {
  color: #fff !important;
  background-color: #173567;
  border-color: #173567;
}
.btn-primary:active,
.btn-primary:hover,
.navbar.cabezal-ampliados .btn-terciary:active,
.navbar.cabezal-ampliados .btn-terciary:hover,
.navbar.cabezal-fixed .btn-terciary:active,
.navbar.cabezal-fixed .btn-terciary:hover,
.page-biona-bpm .btn-terciary:hover,
.page-noticia-ampliada .btn-terciary:hover {
  color: #fff !important;
  background-color: #103d8a;
  border-color: #103d8a;
}
.btn-secondary,
.btn-secondary:focus,
.cabezal-fixed .btn-solicitar,
.cabezal-fixed .btn-solicitary:focus {
  color: #173567 !important;
  background-color: #fff;
  border-color: #173567;
}
.btn-terciary,
.btn-terciary:focus {
  color: #fff !important;
  background-color: transparent;
  border-color: #fff;
}
.btn-solicitar,
.btn-solicitary:focus,
.btn-terciary:active,
.btn-terciary:hover {
  color: #173567 !important;
  background-color: #fff;
  border-color: #fff;
}
.btn-solicitar,
.btn-solicitary:focus {
  margin-left: 8px;
}
#header-container {
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 90px);
  margin-top: 90px;
  overflow: hidden;
  background-color: #fff;
}
#header-container.portada-ampliados {
  height: 50%;
  margin-bottom: 5em;
}
#header-container.noticia-ampliada {
  height: 75%;
  margin-bottom: 5em;
}
.noticia-ampliada img {
  width: 100% !important;
}
.portada-ampliados {
  color: #fff;
  text-align: center;
}
#header-container video,
#header-fallback {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;
}
.navbar-collapse {
  justify-content: end;
}
.portadas-bg {
  background-image: url(/storage/app/media/img-footer.webp);
  background-position: top left;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  transform: scale(1.1);
  width: 100%;
  height: 100%;
}
.boton-scroll a span {
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 2px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
.boton-scroll a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.boton-scroll a span::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: 2.5s infinite sdb03;
  animation: 2.5s infinite sdb03;
  box-sizing: border-box;
}
@keyframes sdb03 {
  0%,
  100% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 40px rgba(255, 255, 255, 0.1);
    opacity: 0;
  }
}
.boton-scroll a span:hover,
.clientes .tab-content > .active {
  opacity: 1;
}
.gradient-portadas {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(
    212deg,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0) 32%,
    rgba(0, 0, 0, 0.6) 58%,
    rgba(0, 0, 0, 0.7) 100%
  );
}
.gradient-portadas-menu {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(
    20deg,
    rgba(0, 0, 0, 0.1) 0,
    rgba(0, 0, 0, 0.3) 32%,
    rgb(0 0 0 / 32%) 58%,
    rgba(0, 0, 0, 0.7) 100%
  );
}
.gradient-portadas-completo {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #0000006b;
}
.info-portada {
  align-items: center;
  display: flex;
  height: 100%;
}
.fondo-b {
  background: #00000070;
  padding: 2em;
  border-radius: 1em;
}
.info-portada-ampliados {
  font-weight: 500;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: flex;
  height: 100%;
  font-size: 4rem;
  line-height: 1.2em;
  background-image: url(/storage/app/media/img-externas/fondo-login-pias.jpg);
  background-position: center center;
  background-size: cover;
}
.info-portada-ampliados i {
  font-size: 5rem;
  margin-bottom: 0.2em;
}
.info-portada-ampliados.portada-ods {
  flex-direction: row;
}
.bullet-green,
.equipo .row,
.portada-icono,
.sobre-nosotros .row,
.versus {
  justify-content: center;
}
.marker,
.nuestros-servicios .row {
  align-items: center;
}
.info-portada p {
  color: #fff;
  font-weight: 400;
  font-size: 1.1em;
}
.info-portada h1 {
  color: #fff;
  font-weight: 500;
  font-size: 3em;
}
.info-portada .btn-secondary,
.info-portada .btn-secondary:focus {
  color: #fff !important;
  background-color: #0002;
  border-color: #fff;
}
.info-portada .btn-secondary:active,
.info-portada .btn-secondary:hover {
  color: #173567 !important;
  background-color: #fff;
  border-color: #fff;
  text-shadow: none;
}
.buscador form,
.portada-icono,
.servicios-card {
  display: flex;
}
.titulo-video {
  z-index: 1;
  display: block;
  position: absolute;
  top: 37%;
  left: 4rem;
  right: 4rem;
  color: #fff;
}
.title,
.waves-effect {
  position: relative;
  vertical-align: middle;
}
.titulo-hero {
  font-size: 4rem;
  font-weight: 600;
  display: block;
  width: 50%;
  line-height: 4.5rem;
  margin-bottom: 1rem;
  color: #fff;
}
.barra-titulo,
.barra-titulo-centro {
  display: block;
  width: 50px;
  height: 4px;
  background: #3daf48;
  border-radius: 5px;
}
.areas-trabajo span,
.page-calidad-de-software .grid-staff .item-ia,
.subtitulo-seccion {
  font-size: 1.2em;
  color: #2c3e4f;
}
.subtitulo-seccion-ods {
  font-size: 1.5em;
  color: #2c3e4f;
  margin: 3em 0;
}
.nuestros-servicios {
  padding-top: 5em;
  padding-bottom: 7em;
}
.contenido-noticias,
.nuestros-proyectos {
  padding-top: 6em;
  padding-bottom: 6em;
}
.contenido-noticias .card,
.jornadas-sostenibles .card,
.nuestros-servicios .tarjetas-proyectos,
.page-resultado-noticias .card {
  margin: 2em 0;
  background: 0 0;
}
.contenido-noticias.oportunidades {
  padding-top: 6em;
  padding-bottom: 5em;
}
h1,
h2 {
  font-weight: 600;
  margin-top: 0;
}
.h2,
h2 {
  font-size: 2.9rem;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  font-weight: 400;
}
.h3,
h3 {
  font-size: 22px;
  margin-bottom: 1em;
  border-bottom: 2px solid #eee;
  padding-bottom: 1em;
}
.h4,
h4 {
  font-size: 20px;
  margin-top: 1.5em;
  margin-bottom: 0.4em;
}
.barra-titulo {
  margin: 0 0 2rem;
}
.barra-titulo-centro {
  margin: auto auto 5rem;
}
.areas-trabajo,
.barra-titulo-centro.margin-2em {
  margin-bottom: 2rem;
}
#header-container .barra-titulo,
#header20 #profilIcon,
#header20 #profileContainer,
#header20 .mobileSupportMenu,
#header20.cabezal-fixed .menu20 ul .menuTitle.hovered .flecha-item-megamenu,
#header20.cabezal-fixed .menu20 ul .menuTitle:hover .flecha-item-megamenu,
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3,
.clase-eliminar,
.grid-flip-card:before,
.infografia-sofis-gis-3,
.menu20Content .content,
.modal-header:after,
.modal-header:before,
.page-landing .color-lines,
.page-noticia-ampliada
  #header20
  .menu20
  ul
  .menuTitle.hovered
  .flecha-item-megamenu,
.page-noticia-ampliada
  #header20
  .menu20
  ul
  .menuTitle:hover
  .flecha-item-megamenu,
header .idiomas a.nav-link:after,
header .idiomas a.nav-link:before,
header a.nav-link:after,
header a.nav-link:before {
  display: none;
}
.equipo,
.footer-top,
.sobre-nosotros {
  background: center center/cover #173567;
  color: #fff;
  margin: 5em 0;
}
.areas-trabajo-inicio {
  background: center center/cover #1735670f;
  padding-bottom: 8em;
}
.page-servicios .areas-trabajo-inicio {
  margin-bottom: 8em;
  margin-top: 2em;
  padding-bottom: 0;
  background-image: none;
  background-size: 500px;
}
.hero-background::after,
.hero-background::before {
  background-image: url("/storage/app/media/biona-bpm/Biona-texture.png");
  width: 225px;
  height: 173px;
  top: 50%;
  content: "";
  position: absolute;
}
.proyectos-iniciativa-green {
  padding: 1em 0 2em;
  margin: 8em 0;
  background-image: url(/storage/app/media/fondos-portadas/fondo-proyectos-green.webp);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
}
.sobre-nosotros {
  text-align: center;
  padding: 7em 0 8em;
  margin-bottom: 0;
}
.equipo {
  padding-top: 8em;
  padding-bottom: 8em;
}
.contacto-id h1,
.equipo h1,
.hero-contenido-textos.slider-portada p,
.navbar-light .navbar-toggler,
.page-calidad-de-software .subtitulo-hero,
.page-proyectos-de-ti .subtitulo-hero,
.page-staff-augmentation .subtitulo-hero,
.servicios-card a:hover .titulo-card,
.sobre-nosotros h1,
.sostenible-carousel h2,
.tarjetas-proyectos:hover i {
  color: #fff;
}
.sobre-nosotros h2 {
  margin: 3rem 0;
  color: #fff;
}
.fondo-gris-propuestas {
  background: #f9f9f9;
  margin: 5em 0 -5em;
}
.responsabilidad-social,
.seccion-que-hacemos {
  margin: 6em auto 5em;
}
.seccion-que-hacemos img {
  width: 100%;
  margin: 6em 0;
}
.seccion-que-hacemos svg {
  width: 75%;
  height: auto;
  margin: 4em auto;
}
.clientes {
  margin-top: 8em;
}
.clientes .barra-titulo,
.contacto .barra-titulo,
.noticias .barra-titulo,
.sobre-nosotros .barra-titulo {
  margin: 0 auto 3rem;
}
.equipo .btn-secondary:hover,
.sobre-nosotros .btn-secondary:hover {
  color: #fff !important;
  background-color: #173567;
  border-color: #fff;
}
.columna-equipo {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.columna-equipo .btn {
  align-self: flex-start;
}
.padding-right,
.twitter-feed {
  padding-right: 50px;
}
.redes-sociales a {
  margin-right: 15px;
}
.redes-sociales i {
  margin-right: 10px;
}
.bi-linkedin {
  color: #0a66c2;
}
.bi-facebook {
  color: #1b74e4;
}
.bi-twitter {
  color: #1d9bf0;
}
.bi-youtube {
  color: #c00;
}
#header20 .support .headerHelpMenu,
#header20 .support .menuLink,
#header20 .white,
.btn-secondary:active .bi-facebook,
.btn-secondary:active .bi-linkedin,
.btn-secondary:active .bi-twitter,
.btn-secondary:active .bi-youtube,
.btn-secondary:hover .bi-facebook,
.btn-secondary:hover .bi-linkedin,
.btn-secondary:hover .bi-twitter,
.btn-secondary:hover .bi-youtube,
.card-bluelight a,
.equipo.videos a,
.equipo.videos a.btn:hover,
.green-fases a,
.jornadas-sostenibles .card-title,
.jornadas-sostenibles .fecha-noticia,
.jornadas-sostenibles h1,
.jornadas-sostenibles p,
.sobre-nosotros li a,
.tel-mapa a,
.videos .card .card-title,
.videos .card .fecha-noticia {
  color: #fff !important;
}
.socios {
  margin: 7em 0 6em;
  padding-top: 7em;
  padding-bottom: 7em;
  background: #f7f7f7;
}
.socios-en {
  margin: 10em 0 9em;
}
.fondo-gris {
  margin: 5em 0 7em;
  background: #f7f7f7;
}
.socios-negocios .row img {
  margin: 1.5em auto 1em;
}
.listado-ods-megamenu a,
.socios-negocios .row img.logo-casatic {
  max-width: 110px;
}
.margin-carousel-servicios {
  margin: 0 auto 10em;
}
.estrategias-mvv {
  margin: 11em auto 8em;
}
.footer-top {
  background-image: url(/storage/app/media/img-footer.webp);
  padding: 5em 0 6em;
  margin-bottom: 0;
}
.footer-top h1 {
  color: #fff;
  font-size: 2em;
}
.footer-bottom {
  padding: 4em 0;
  background: #f7f7f7;
  margin-top: 5em;
}
.carousel {
  margin: 0 0 5rem;
}
.card {
  border: none;
  text-align: left;
}
.fecha-noticia {
  color: #636363;
  font-size: 0.9em;
  margin: 5px 0 -7px;
}
.biona-card-title,
.product-name,
a.btn-biona {
  color: #003960;
}
.breadcrumb-item.active {
  color: #666 !important;
}
.carousel-showmanymoveone .carousel-control.left {
  left: -15px;
}
.carousel-showmanymoveone .carousel-control.right {
  right: -15px;
}
.hero-background {
  background: #02111b;
  background: linear-gradient(360deg, #02111b 21%, #00375e 70%);
  padding-top: 140px;
  padding-bottom: 140px;
  align-content: center;
  position: relative;
  overflow: hidden;
}
.about-biona,
.formulario-contacto,
.modulos-biona {
  padding-top: 120px;
  padding-bottom: 120px;
  align-content: center;
}
.hero-background::after {
  background-repeat: no-repeat;
  left: -6%;
}
.hero-background::before {
  background-repeat: no-repeat;
  right: -6%;
}
.rounded-5 {
  border-radius: 15px !important;
}
a.btn-biona {
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 50px;
}
a.btn-biona-secondary {
  background-color: #fff;
  border: 1px solid #003960;
  color: #fff;
  border-radius: 50px;
}
a.btn-biona-outlined {
  background-color: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
  border-radius: 50px;
}
.hover-image img {
  filter: grayscale(1);
  transition: 0.3s ease-in-out;
}
.hover-image:hover img {
  filter: grayscale(0);
  transition: 0.3s ease-in-out;
}
.hover-image:hover {
  box-shadow: 0 0 20px rgba(167, 222, 243, 0.3);
  transition: 0.3s ease-in-out;
}
.rounded-4 {
  border-radius: 15px;
}
.about-biona {
  background-image: url("/storage/app/media/biona-bpm/background-about-biona.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.formulario-contacto,
.modulos-biona {
  position: relative;
}
.card-bpm,
.card-sign {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border-radius: 15px;
  z-index: 0;
}
.modulos-biona::before {
  content: "";
  display: block;
  width: 100%;
  height: 256px;
  background-image: url("/storage/app/media/biona-bpm/BIoNA-suite-text.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 35%;
  opacity: 0.5;
}
.card-bpm {
  border: 2px solid rgba(0, 94, 188, 0.5);
  height: 100%;
}
.card-bpm::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    360deg,
    rgba(235, 242, 250, 0.2) 41%,
    rgba(140, 178, 225, 0.2) 70%
  );
  backdrop-filter: blur(15px);
  z-index: -1;
}
.card-sign {
  border: 2px solid rgba(241, 90, 36, 0.5);
  height: 100%;
}
.card-asistente,
.card-inspector {
  border-radius: 15px;
  padding: 24px;
  z-index: 0;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.card-sign::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    360deg,
    rgba(254, 242, 235, 0.2) 41%,
    rgba(249, 177, 137, 0.2) 70%
  );
  backdrop-filter: blur(15px);
  z-index: -1;
}
.card-asistente::before,
.card-inspector::before,
.card-search::before {
  backdrop-filter: blur(8px);
  z-index: -1;
  inset: 0;
  content: "";
  position: absolute;
}
.card-inspector {
  border: 2px solid rgba(182, 30, 93, 0.5);
}
.card-inspector::before {
  background: linear-gradient(
    360deg,
    rgba(250, 233, 242, 0.2) 41%,
    rgba(224, 127, 177, 0.2) 70%
  );
}
.card-asistente {
  border: 2px solid rgba(130, 30, 226, 0.5);
}
.card-asistente::before {
  background: linear-gradient(
    360deg,
    rgba(243, 233, 252, 0.2) 41%,
    rgba(183, 125, 238, 0.2) 70%
  );
}
.card-search {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border-radius: 15px;
  z-index: 0;
  border: 2px solid rgba(2, 127, 132, 0.5);
  height: 100%;
}
.card-search::before {
  background: linear-gradient(
    360deg,
    rgba(230, 246, 245, 0.2) 41%,
    rgba(112, 204, 194, 0.2) 70%
  );
}
.modelado-procesos {
  position: relative;
  padding-top: 120px;
  padding-bottom: 40px;
  z-index: 1;
}
.modelado-procesos:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/storage/app/media/biona-bpm/modelado-background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.6;
  z-index: -3;
}
.marker {
  width: 180px;
  height: 180px;
  background: linear-gradient(360deg, #39b54a 21%, #8cd73f 70%);
  border-radius: 300px;
  position: relative;
  display: flex;
  justify-content: center;
}
.marker:before {
  content: "";
  border: 4px dotted #003960;
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  animation: 30s linear infinite spin;
}
.marker::after {
  content: "";
  position: absolute;
  bottom: -23px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 25px solid #39b54a;
}
.circle {
  background: #fff;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 1.2;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
.ilustracion-modelado {
  width: 100%;
  max-width: 280px;
}
.line-conect-vertical-down:before {
  content: "";
  width: 24px;
  height: 24px;
  background: #39b54a;
  position: absolute;
  bottom: -43px;
  border-radius: 50%;
  z-index: 3;
}
.line-conect-vertical-down:after {
  content: "";
  width: 2px;
  height: 140px;
  background-color: #003960;
  bottom: -31px;
  z-index: -1;
  position: absolute;
}
.border-green-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 66.8%;
  height: 2px;
  background-color: #003960;
}
.beneficios-biona,
.portal-servicios,
.portal-tramites {
  padding-top: 120px;
  padding-bottom: 40px;
  align-content: center;
  position: relative;
}
.bd {
  border: 2px solid rgba(2, 127, 132, 0.5);
  background-color: #97cbcd;
  width: 100%;
  height: 80px;
  border-radius: 8px;
}
.bd.position-relative:before {
  content: "";
  width: 159px;
  border: 1px solid rgba(2, 127, 132, 0.5);
  height: 1px;
  display: block;
  position: absolute;
  top: 37px;
  left: 358px;
}
.bd.position-relative:first-child::after,
.bd.position-relative:nth-child(2)::after,
.bd.position-relative:nth-child(3)::after {
  background-image: url("/storage/app/media/biona-bpm/file.png");
  width: 32px;
  height: 40px;
  left: 358px;
  top: 16px;
  position: absolute;
  display: block;
  z-index: 5;
  content: "";
}
.bd.position-relative:first-child::after {
  animation: 1.2s linear infinite sending-1;
}
@keyframes sending-1 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(144px, 0);
  }
  80% {
    transform: translate(144px, 90px);
  }
  100% {
    transform: translate(144px, 90px);
    opacity: 0;
  }
}
.bd.position-relative:nth-child(2)::after {
  animation: 1.2s linear infinite sending-2;
}
@keyframes sending-2 {
  0% {
    transform: translate(0, 0);
  }
  50%,
  80% {
    transform: translate(144px, 0);
    opacity: 1;
  }
  100% {
    transform: translate(300px, 0);
    opacity: 0;
  }
}
.bd.position-relative:nth-child(3)::after {
  animation: 1.2s linear infinite sending-3;
}
@keyframes sending-3 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(144px, 0);
  }
  80% {
    transform: translate(144px, -90px);
    opacity: 1;
  }
  100% {
    transform: translate(144px, -90px);
    opacity: 0;
  }
}
.front-bd {
  border: 2px solid rgba(2, 127, 132, 0.5);
  background-color: #e6f6f5;
  width: 80%;
  height: 80px;
  border-radius: 8px;
  top: -2px;
  left: -2px;
}
.bd-text {
  position: absolute;
  top: 22px;
  left: 22px;
  font-weight: 700;
  word-wrap: break-word;
  width: 11ch;
  line-height: 18px;
  text-align: left;
}
.circle-bd-1,
.circle-bd-2,
.circle-bd-3 {
  width: 16px;
  height: 16px;
  border-radius: 24px;
  top: 28px;
}
.title,
.waves-circle,
.window-inspector,
.window-search {
  text-align: center;
}
.circle-bd-1 {
  background: #9adbd4;
  position: absolute;
  right: 28px;
}
.circle-bd-2 {
  background: #70ccc2;
  position: absolute;
  right: 56px;
}
.circle-bd-3 {
  background: #32b6a8;
  position: absolute;
  right: 84px;
}
.conects,
.conects:before {
  border: 1px solid rgba(2, 127, 132, 0.5);
  position: absolute;
}
.conects {
  height: 192px;
  right: 50%;
  top: -96px;
}
.conects:before {
  content: "";
  height: 1px;
  width: 541px;
  left: 50%;
  top: 94px;
}
.search-icon {
  background-image: url("/storage/app/media/biona-bpm/search.png");
  background-repeat: no-repeat;
  position: absolute;
  width: 48px;
  height: 48px;
  object-fit: contain;
  animation: 3s infinite search;
}
@keyframes search {
  0%,
  100% {
    top: 0;
    left: 0;
  }
  25% {
    top: 0;
    left: 92%;
  }
  50% {
    top: 70%;
    left: 92%;
  }
  75% {
    top: 70%;
    left: 0;
  }
}
.card-biona-search {
  width: 100%;
  max-width: 165px;
  height: 270px;
  animation: 3s infinite scale;
}
.img-biona-search {
  max-width: 80px;
}
.window-head-search {
  border: 2px solid rgba(2, 127, 132, 0.5);
  background-color: #97cbcd;
  width: 100%;
  border-radius: 8px 8px 0 0;
  display: flex;
  gap: 8px;
  padding: 8px 16px;
}
.window-button-search {
  width: 8px;
  height: 8px;
  background: #01595c;
  border-radius: 8px;
}
.window-search {
  border: 2px solid rgba(2, 127, 132, 0.5);
  background-color: #ebf7f3;
  width: 100%;
  position: relative;
  margin-top: -2px;
  border-radius: 0 0 8px 8px;
}
.img-window-search {
  padding: 24px;
  width: 200px;
  opacity: 0.3;
}
@keyframes scale {
  0% {
    scale: 0;
  }
  25% {
    scale: 1.1;
  }
  100%,
  30% {
    scale: 1;
  }
}
.grafico-pastel {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: conic-gradient(#014d51 0 40%, #027f84 40% 75%, #6cb5b8 75% 100%);
}
.grafico-barras {
  display: flex;
  align-items: end;
  padding: 3px;
  border-left: 2px solid rgba(2, 127, 132, 0.5);
  border-bottom: 2px solid rgba(2, 127, 132, 0.5);
  gap: 1rem;
  width: 58px;
  height: 40px;
}
.barra1 {
  background: #014d51;
  width: 15px;
  height: 19px;
}
.barra2 {
  background: #027f84;
  width: 15px;
  height: 40px;
}
.barra3 {
  background: #6cb5b8;
  width: 15px;
  height: 30px;
}
.biona-inspector,
.noticias-biona {
  padding-top: 120px;
}
.documentos {
  position: relative;
  width: 360px;
  height: 240px;
  display: flex;
  justify-content: center;
}
.carousel-control.waves-effect,
.page1,
.page2,
.page3 {
  position: absolute;
}
.page {
  background-color: #ffecf2;
  border: 2px solid rgba(182, 30, 93, 0.5);
  width: 180px;
  height: 240px;
  border-radius: 8px;
  padding: 24px;
}
.page2 {
  bottom: 2.5rem;
  right: 6.5rem;
}
.page3 {
  bottom: 5.5rem;
  right: 4rem;
  animation: 2s infinite send-inspector;
}
@keyframes send-inspector {
  0% {
    bottom: 5.5rem;
    right: 4rem;
    scale: 0;
  }
  25% {
    bottom: 5.5rem;
    right: 4rem;
    scale: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    bottom: 5.5rem;
    right: -20rem;
    opacity: 0;
  }
}
.window-head-inspector {
  border: 2px solid rgba(182, 30, 93, 0.5);
  background-color: #e9a4c8;
  width: 100%;
  border-radius: 8px 8px 0 0;
  display: flex;
  gap: 8px;
  padding: 8px 16px;
}
.window-button-inspector {
  width: 8px;
  height: 8px;
  background: #6f1239;
  border-radius: 8px;
}
.window-inspector {
  border: 2px solid rgba(182, 30, 93, 0.5);
  background-color: #fae9f2;
  width: 100%;
  height: 180px;
  position: relative;
  margin-top: -2px;
  border-radius: 0 0 8px 8px;
}
.reporte-cumplimiento {
  display: flex;
  justify-content: center;
}
.page-window-inspector {
  background: #fff;
  width: 10rem;
  padding: 15px;
  position: absolute;
  top: 2rem;
  left: 4rem;
  border-radius: 8px;
  z-index: 2;
}
.page-window-inspector:before {
  content: "";
  width: 16rem;
  height: 2px;
  border: 2px solid #c92278;
  border-radius: 50px;
  box-shadow: 0 0 10px #ff4079;
  display: block;
  position: absolute;
  top: 0;
  left: -3rem;
  z-index: 5;
  animation: 3s infinite scaning;
}
@keyframes scaning {
  0%,
  100% {
    top: 0;
  }
  50% {
    top: 100%;
  }
}
.img-window-inspector {
  width: 100%;
  max-width: 200px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 35px;
  opacity: 0.4;
}
.condiciones {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 102px;
  right: 10px;
  top: 10px;
  z-index: 3;
}
.inspector-logo-page {
  width: 100%;
  max-width: 80px;
}
.conditions-check img:first-child {
  animation: 2s infinite appear1;
}
@keyframes appear1 {
  0% {
    scale: 0;
    opacity: 0;
  }
  10%,
  95% {
    scale: 1;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.conditions-check img:nth-child(2) {
  animation: 2s infinite appear2;
}
@keyframes appear2 {
  0% {
    scale: 0;
    opacity: 0;
  }
  20%,
  95% {
    scale: 1;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.conditions-check img:nth-child(3) {
  animation: 2s infinite appear3;
}
@keyframes appear3 {
  0% {
    scale: 0;
    opacity: 0;
  }
  30%,
  95% {
    scale: 1;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.conditions-x img:first-child {
  animation: 2s infinite appear4;
}
@keyframes appear4 {
  0% {
    scale: 0;
    opacity: 0;
  }
  40%,
  95% {
    scale: 1;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.conditions-x img:nth-child(2) {
  animation: 2s infinite appear5;
}
@keyframes appear5 {
  0% {
    scale: 0;
    opacity: 0;
  }
  50%,
  95% {
    scale: 1;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.line-conect-inspector {
  position: relative;
}
.line-conect-inspector::after {
  position: absolute;
  width: 70%;
  height: 2px;
  top: 50%;
  border: 2px solid #c92278;
  z-index: -3;
}
@media all and (max-width: 1200px) {
  .about-biona,
  .hero-background,
  .modulos-biona {
    height: auto;
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .bd.position-relative:before,
  .bd.position-relative:first-child::after,
  .bd.position-relative:nth-child(3)::after,
  .conects::before {
    display: none;
  }
  .conects {
    height: 500px;
    top: -258px;
    z-index: -5;
  }
  .bd.position-relative:nth-child(2)::after {
    content: "";
    background-image: url("/storage/app/media/biona-bpm/file.png");
    width: 32px;
    height: 40px;
    display: block;
    position: absolute;
    left: 358px;
    top: 16px;
    animation: 1.2s linear infinite sending-mobile;
    z-index: 5;
  }
  @keyframes sending-mobile {
    0% {
      top: -200%;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      scale: 0;
      opacity: 0;
    }
    25% {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      scale: 1;
      opacity: 1;
    }
    50%,
    80% {
      top: 300%;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      opacity: 1;
    }
    100% {
      top: 300%;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      opacity: 0;
    }
  }
  .page3 {
    animation: 2s infinite send-inspector-mobile;
  }
  @keyframes send-inspector-mobile {
    0% {
      bottom: 5.5rem;
      right: 4rem;
      scale: 0;
    }
    25% {
      bottom: 5.5rem;
      right: 4rem;
      scale: 1;
    }
    50% {
      opacity: 1;
    }
    100% {
      bottom: -20rem;
      right: 4rem;
      opacity: 0;
    }
  }
  .line-conect-inspector::after {
    position: absolute;
    height: 70%;
    width: 2px;
    top: 10%;
    border: 2px solid #c92278;
    z-index: -3;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .bd.position-relative:before {
    content: "";
    width: 159px;
    border: 1px solid rgba(2, 127, 132, 0.5);
    height: 1px;
    display: block;
    position: absolute;
    top: 37px;
    left: 346px;
  }
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active,
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d),
  all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active,
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -25%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 25%;
  }
  .carousel-showmanymoveone .carousel-inner > .active,
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d),
  all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active,
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.title {
  padding: 28px;
  display: table-cell;
}
.carousel-control {
  background-image: none !important;
  background: #3daf48;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  top: 130px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 2;
  text-shadow: none;
  opacity: 1;
  color: #fff !important;
}
.waves-effect {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  z-index: 1;
  will-change: opacity, transform;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
#header20 .menu20 ul .menuTitle.hovered .flecha-item-megamenu,
#header20 .menu20 ul .menuTitle:hover .flecha-item-megamenu,
#header20.cabezal-fixed
  .menu20
  ul
  .menuTitle.hovered
  .flecha-item-megamenu-azul,
#header20.cabezal-fixed .menu20 ul .menuTitle:hover .flecha-item-megamenu-azul,
.caja-resaltada.bloque-enlaces.mt-0,
.carousel-inner > .active,
.page-noticia-ampliada
  #header20
  .menu20
  ul
  .menuTitle.hovered
  .flecha-item-megamenu-azul,
.page-noticia-ampliada
  #header20
  .menu20
  ul
  .menuTitle:hover
  .flecha-item-megamenu-azul,
.tab-content > .active,
.tel-mapa,
.titulo-mapa,
.waves-block {
  display: block;
}
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.7s ease-out, opacity 0.7s ease-out;
  -moz-transition: -moz-transform 0.7s ease-out, opacity 0.7s ease-out;
  -o-transition: -o-transform 0.7s ease-out, opacity 0.7s ease-out;
  -ms-transition: 0.7s ease-out;
  transition: transform 0.7s ease-out, opacity 0.7s ease-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}
.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}
.form-row .form-group,
.page-servicios .nuestro-servicio,
.texto-casos {
  text-align: left;
}
.clientes .carousel {
  margin: 3em 0 2em;
}
.clientes .carousel-control.right {
  right: 45%;
  background: #dd1584;
  height: 50px;
  width: 50px;
  top: 355px;
}
.clientes .carousel-control.left {
  left: 45%;
  background: #dd1584;
  height: 50px;
  width: 50px;
  top: 355px;
}
.clientes .carousel img,
.footer-sofis-id img {
  margin: 0 auto 2em;
}
.contacto form {
  margin: 3em 0 7em;
}
.contacto .row {
  margin: 0 0 1em;
}
.mapas {
  padding-top: 7em;
  padding-bottom: 7em;
}
.datos-mapa {
  background: #303030;
  color: #fff;
  padding: 1em 1.5em;
}
.tel-mapa img {
  margin-right: 10px;
  color: #3daf48;
}
.servicios-menu {
  background-color: #173567;
}
.nav-tabs {
  border: none;
}
.nav-tabs .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-link.serv-menu {
  margin: 0;
  padding-left: 35px;
  padding-right: 35px;
  color: #fff !important;
}
.nav-tabs .nav-link.serv-menu.active {
  background-color: rgba(254, 254, 254, 0.2);
  border: none;
}
.nav-tabs .nav-link.serv-menu:focus,
.nav-tabs .nav-link.serv-menu:focus-visible,
.nav-tabs .nav-link.serv-menu:focus-within,
.nav-tabs .nav-link.serv-menu:hover,
.nav-tabs .nav-link.serv-menu:target,
.nav-tabs .nav-link.serv-menu:visited {
  background-color: rgba(254, 254, 254, 0.1);
  border: none !important;
}
img.service-img {
  width: 100%;
  height: 100%;
  margin: auto;
  display: block;
  position: relative;
}
.service-carousel.carousel.slide:before {
  content: "";
  width: 100%;
  bottom: -35px;
  left: -20px;
}
.service-carousel.carousel.slide:after {
  content: "";
  width: 215px;
  top: -35px;
  right: -42px;
}
a.services-page.left.carousel-control.waves-effect.waves-light {
  top: 45%;
  left: -30px;
}
a.services-page.right.carousel-control.waves-effect.waves-light {
  top: 45%;
  right: -30px;
}
.color-lines {
  width: 100%;
  font-size: 0;
}
.color-1,
.color-10,
.color-11,
.color-12,
.color-13,
.color-14,
.color-15,
.color-16,
.color-17,
.color-2,
.color-3,
.color-4,
.color-5,
.color-6,
.color-7,
.color-8,
.color-9 {
  width: 5.8824%;
}
.color-lines div {
  height: 5px;
  display: inline-block;
}
.bullet-green.bullet-marketing,
.color-1 {
  background: #e91b2c;
}
.color-2,
.color-tarjeta-2 {
  background: #d29f28;
}
.color-3,
.color-tarjeta-3 {
  background: #269a47;
}
.color-4,
.color-tarjeta-4,
.fase1,
.sostenible-carousel .item:nth-child(2) {
  background: #c21e32;
}
.color-5,
.color-tarjeta-5 {
  background: #ee402a;
}
.bullet-green.studio-1,
.color-6,
.color-tarjeta-6 {
  background: #00add8;
}
.bullet-green.studio-4,
.color-7,
.color-tarjeta-7 {
  background: #fcb612;
}
.color-8,
.color-tarjeta-8 {
  background: #a21841;
}
.bullet-green.studio-6,
.color-9,
.color-tarjeta-9,
.fase1-2,
.sostenible-carousel .item:nth-child(4) {
  background: #ca4f0c;
}
.bullet-green.studio-3,
.color-10,
.color-tarjeta-10,
.fase6 {
  background: #e01383;
}
.bullet-green.studio-5,
.color-11,
.color-tarjeta-11,
.fase2 {
  background: #ac660c;
}
.color-12,
.color-tarjeta-12 {
  background: #ce8c29;
}
.bullet-green.studio-7,
.color-13,
.color-tarjeta-13,
.fase3 {
  background: #47763d;
}
.color-14,
.color-tarjeta-14,
.fase4,
.sostenible-carousel .item:nth-child(3) {
  background: #007cbb;
}
.color-15,
.color-tarjeta-15,
.estado-oportunidad.abierto,
.verde {
  background: #3daf48;
}
.bullet-green.studio-2,
.color-16,
.color-tarjeta-16 {
  background: #02548a;
}
.redes-icon {
  color: #173567;
  font-size: 36px;
  margin-right: 20px;
}
.tarjetas-proyectos {
  background-color: #f9f9f9;
  padding: 20px;
  text-align: center;
  width: 100%;
  height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  color: #333;
  text-decoration: none;
}
.color-tarjeta-10,
.color-tarjeta-11,
.color-tarjeta-12,
.color-tarjeta-13,
.color-tarjeta-14,
.color-tarjeta-15,
.color-tarjeta-16,
.color-tarjeta-17,
.color-tarjeta-2,
.color-tarjeta-3,
.color-tarjeta-4,
.color-tarjeta-5,
.color-tarjeta-6,
.color-tarjeta-7,
.color-tarjeta-8,
.color-tarjeta-9 {
  height: 3px;
  width: 100%;
}
.tarjetas-proyectos:hover {
  background-color: #173567;
  color: #fff !important;
  text-decoration: none;
}
.tarjetas-proyectos i {
  font-size: 3rem;
  color: #2c3e4f;
  transition: 0.4s;
}
.tarjetas-proyectos p {
  line-height: 1.5em;
  margin: 0;
}
.color-tarjeta-1,
.color-tarjeta-18 {
  background: #e91b2c;
  width: 100%;
  height: 3px;
}
.nuestros-proyectos.digitalizacion-descripcion {
  padding-top: 5em;
  padding-bottom: 6em;
}
.nuestros-proyectos-privado {
  padding-top: 6em;
  padding-bottom: 4em;
}
.gestion-proyectos {
  padding-top: 9em;
  padding-bottom: 8em;
}
.botones-ods {
  background-color: #fff;
  padding: 3px;
  display: block;
  transition: 0.3s;
}
img.ods-icon {
  width: -webkit-fill-available;
  transition: 0.3s;
}
.contacto {
  padding-top: 11em;
}
.proyecto {
  align-items: flex-start;
  padding: 4em 0;
  border-bottom: 1px solid #dfdfdf;
}
.proyecto:last-child {
  border-bottom: none;
}
.imagen-proyecto {
  background: #f9f9f9;
  padding: 15px;
}
.imagen-proyecto span {
  padding: 1rem 0;
  display: block;
}
.texto-proyecto {
  padding-left: 3em;
}
.grilla-gis .tecnologia-mobile,
.texto-proyecto h2 {
  margin-top: 0;
}
.ods-proyecto img {
  margin-top: 1rem;
  width: 70px;
  margin-right: 0.3rem;
}
.fecha-ampliada {
  font-size: 1em;
  display: block;
  margin-bottom: 1rem;
  font-weight: 300;
  margin-top: 1em;
}
.compartir-redes {
  margin: 1.7em 0;
  display: flex;
  align-items: end;
}
.compartir-redes a {
  margin-right: 1rem;
}
.compartir-redes i {
  color: #fff;
  margin-right: 1rem;
}
.btn-facebook {
  color: #fff !important;
  background: #3b5998;
}
.btn-facebook:hover {
  color: #fff !important;
  background: #4a6db8;
}
.btn-twitter {
  background: #00acee;
  color: #fff !important;
}
.btn-twitter:hover {
  background: #1bf;
  color: #fff !important;
}
.btn-linkedin {
  background: #0077b5;
  color: #fff !important;
}
.btn-linkedin:hover {
  background: #0687cd;
  color: #fff !important;
}
.btn-youtube {
  background: #c8232c;
  color: #fff !important;
}
.btn-youtube:hover {
  background: #ed2e38;
  color: #fff !important;
}
.servicios-card a {
  margin: 1.5rem;
}
.contacto-webinar .btn-formulario,
.contacto-webinar .checkbox-form,
.servicios-card a:first-child {
  margin-left: 0;
}
.servicios-card a:nth-child(2) {
  margin-right: 0;
}
.titulo-card {
  display: block;
  font-size: 1.1em;
  line-height: 1.3em;
  color: #2c3e4f;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.areas-trabajo span,
.card-title,
.con-que-contamos-grid span {
  font-weight: 600;
  display: block;
}
.card-title {
  margin-bottom: 1rem;
  color: #2c3e4f;
  font-size: 20px;
  margin-top: 14px;
  line-height: 2.6rem;
}
.sostenible-carousel {
  color: #fff;
  background: #173567;
}
.sostenible-carousel .item {
  padding: 2em 2.5em;
  color: #fff;
  height: 530px;
}
.sostenible-carousel .icono-sostenible {
  font-size: 4.5rem;
}
.sostenible-carousel .ods-proyecto img {
  width: 78px;
  margin-right: 0.3rem;
  padding: 3px;
  background: #fff;
}
.nuestro-servicio {
  margin-top: 2em;
  text-align: center;
}
.fondo-gris-propuestas .nuestro-servicio span,
.listado-servicios .nuestro-servicio a,
.nuestro-servicio span {
  display: block;
  font-size: 1.4em;
  line-height: 1.4em;
  color: #2c3e4f;
  font-weight: 500;
  margin: 1rem 0 0.8rem;
}
#header20 #profilIcon *,
#header20 #profileContainer *,
.caja-enlaces-infra a,
.cloud-fases,
.fondo-gris-propuestas .nuestro-servicio span,
.green-fases,
.listado-servicios .nuestro-servicio a {
  text-align: center;
}
.nuestro-servicio span {
  margin: 1rem 0;
}
.nuestro-servicio a {
  margin-top: 2rem;
}
.fondo-gris-propuestas .nuestro-servicio {
  padding: 3em !important;
  margin: 0;
  border-radius: 10px;
  box-shadow: rgb(233 233 233) 3px 3px 6px 0 inset,
    rgb(255 255 255) -3px -3px 6px 1px inset;
  background: #f3f3f3;
  text-decoration: none;
}
.nuestro-servicio img {
  margin: auto auto -10px;
  width: 100px;
}
.fondo-gris-propuestas .nuestro-servicio:hover,
.tecnologia-mobile:hover {
  background: #f9f9f9;
}
.fondo-gris-propuestas .nuestro-servicio p {
  color: #333;
  text-align: center;
}
.caja-oficinas {
  border: 2px solid #3daf48;
  padding: 1em 2em;
  border-radius: 5px;
  color: #fff;
  background: #3daf48a1;
  margin: 2em 0 1.5em;
}
.con-que-contamos-grid {
  display: grid;
  column-gap: 10px;
  row-gap: 10px;
  margin: 0;
  padding: 0;
}
.ico-lsqa {
  height: 110px;
}
#header20 ul li.nav-item,
.areas-trabajo,
.carousel-indicators,
.digitalizacion-sub,
.expositor-webinar,
.idiomas,
.subtitulo-sistemas,
.taeb-switch,
.versus {
  display: flex;
  align-items: center;
}
.sobre-nosotros li {
  background: #fff2;
  padding: 1.6em 1.5em 2em;
  list-style-type: none;
  border-radius: 5px;
}
.con-que-contamos-grid img {
  margin: 1em auto 1.2em;
  width: 110px;
}
.con-que-contamos-grid span {
  font-size: 2.5em;
  margin: 38px 0;
}
.card-bluelight {
  background: #fff2;
  border-radius: 6px;
}
.ciudad-quienes-somos {
  margin: 5em auto 0;
}
.areas-trabajo img {
  margin: 0 2rem 0 0;
}
.sostenible-carousel ul {
  margin: 3rem;
  font-size: 1.3em;
}
.nav.nav-pills {
  margin-top: 4.8em;
}
a.navegacion-servicios {
  width: 50%;
  margin: 0;
  text-align: center;
  border-radius: 0;
  font-size: 1.2em;
  line-height: 3em;
  color: #333 !important;
  background: #f7f7f7;
}
.card-text span,
.oportunidades .card-title,
.taeb-switch .taeb {
  color: #2c3e4f;
  font-weight: 500;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: #173567 !important;
}
.taeb-switch {
  position: relative;
  justify-content: center;
}
.taeb-switch:after {
  content: "";
  position: absolute;
  width: 50%;
  top: 0;
  transition: left 0.4s cubic-bezier(0.88, -0.35, 0.565, 1.35);
  border-radius: 10px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: #173567;
  height: 100%;
  z-index: 0;
}
.taeb-switch.right:after {
  left: 50%;
}
.taeb-switch .taeb {
  display: inline-block;
  width: 49%;
  padding: 2em 0;
  z-index: 1;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
  font-size: 1.2em;
  line-height: normal;
  user-select: none;
  border-radius: 10px;
  text-decoration: none;
}
#accordion,
#header20 #languageChooser + .menu20Content ul li,
#header20 .full,
.grid-certificaciones-ti .grid-certificaciones-ti div .logotipo-calidad,
.hero-contenido-textos.slider-portada,
.imagen-proyecto img,
.page-calidad-de-software .titulo-hero,
.page-consultoria .titulo-hero,
.page-digitalizacion-de-procesos-de-negocio .nuestro-servicio img,
.page-inteligencia-artificial-y-big-data .titulo-hero,
.page-servicios .nuestro-servicio img,
.page-staff-augmentation .titulo-hero,
.wrapper {
  width: 100%;
}
.taeb-switch .taeb.active {
  color: #fff !important;
  transition: 0.2s;
}
.wrapper {
  background-color: #f4f4f4;
  padding: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 110px;
  border-radius: 10px;
}
.pagination {
  display: block;
  padding-left: 0;
  margin: 35px 0;
  border-radius: 4px;
}
.pagination > li > a,
.pagination > li > span {
  color: #173567;
  background-color: #fff;
  border: 1px solid #ddd;
  text-decoration: none;
  padding: 5px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: 2;
  color: #fff !important;
  background-color: #173567;
  border-color: #ddd;
}
.oportunidades .card {
  margin: 1em 0;
  padding: 1.5em 1.5em 0.1em;
  background: #f9f9f9;
  height: 100%;
}
.oportunidades .card-title {
  margin: 1.2rem 0;
  line-height: 1.3;
  font-size: 20px;
  display: block;
}
.fecha-oportunidad {
  color: #636363;
}
.estado-oportunidad {
  position: absolute;
  padding: 0.5em 1em;
  top: 0;
  right: 0;
  color: #fff;
}
.comillas-1,
.comillas-2 {
  font-size: 10em;
  color: #df1382;
  position: absolute;
}
.estado-oportunidad.cerrado {
  background: #636363;
}
.collapse-area {
  border-radius: 5px;
}
.panel {
  margin-top: 0 !important;
  border-radius: 0 !important;
  border: none;
  border-bottom-color: #d7d8dc;
  box-shadow: 0 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 0 transparent !important;
  -o-box-shadow: 0 0 0 0 transparent !important;
}
.alianzas-caja,
.contacto-webinar,
.digitalizacion-sub,
.expositor-webinar,
.hora-webinar,
.lineas-trabajo,
.prioridades-ods,
.tecnologia-mobile {
  box-shadow: rgb(233 233 233) 3px 3px 6px 0 inset,
    rgb(255 255 255) -3px -3px 6px 1px inset;
}
.panel .panel-heading {
  border-radius: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #fff;
  background: #f9f9f9;
}
.panel .panel-heading:hover,
.paper:hover {
  background: #f9f9f98e;
}
.panel .panel-heading .panel-title a {
  text-decoration: none;
  display: block;
  padding: 18px 25px 18px 20px;
  font-weight: 500;
  color: #fff;
  line-height: 29px;
  position: relative;
  font-size: 1.1em;
}
.panel .panel-heading .panel-title a:active,
.panel .panel-heading .panel-title a:hover {
  text-decoration: none;
  cursor: pointer;
  transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  color: #fff;
}
.panel .panel-heading .panel-title a span {
  float: left;
  margin-top: 15px;
  margin-right: 30px;
  transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
}
.panel .panel-heading .panel-title a .bar,
.panel .panel-heading .panel-title a .bar:after {
  border-width: 1px;
  border-style: solid;
  width: 21px;
  border-radius: 10px;
  transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
}
.panel .panel-heading .panel-title a .bar:after {
  content: "";
  height: 0;
  position: absolute;
  top: 38px;
  left: 15px;
}
.panel .panel-heading .panel-title a.collapsed {
  position: relative;
  transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
}
.panel .panel-heading .panel-title a.collapsed .bar {
  border-color: #fff;
}
.panel .panel-heading .panel-title a.collapsed .bar:after {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  border-color: #fff;
  transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
}
.innovacion-ods .card,
.jornadas-sostenibles .card,
.panel-collapse {
  background-color: transparent;
}
.panel-collapse .panel-body {
  background: #fdfdfd8c;
  border: 0 solid !important;
  font-weight: 400;
  font-size: 1em;
  padding: 20px 20px 20px 40px;
  color: #333;
}
.alianzas-caja,
.lineas-trabajo,
.prioridades-ods,
.tecnologia-mobile {
  border-radius: 10px;
}
.singular .entry-header {
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
  margin-bottom: 50px;
}
.panel-default > .panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  color: #173567;
  transition: transform 0.25s linear;
  -webkit-transition: -webkit-transform 0.25s linear;
}
.panel-default > .panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.panel-default > .panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.panel-body i {
  margin-right: 10px;
  color: #fd9f17;
}
.oficina-gestion {
  margin-top: 5em;
  margin-bottom: 2em;
}
.seccion-desarrollo-sostenible {
  margin: 9em auto 4em;
}
.seccion-desarrollo-sostenible img {
  max-width: 80%;
  margin: 0 auto;
}
.prioridades-ods {
  display: flex;
  align-items: center;
  margin: 1em 0;
  padding: 1em 1em 1em 0.5em !important;
  background: #fdfdfd;
}
.prioridades-ods img {
  width: 80px;
  margin: 0 2em 0 1em;
}
.testimonio {
  padding: 3em 3.5em;
  background: #f9f9f9;
  margin-top: 5em;
}
.comillas-1 {
  top: -90px;
  left: 30px;
}
.comillas-2 {
  bottom: -175px;
  right: 50px;
}
span.titulo-testimonio {
  display: block;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 1rem;
}
#loading {
  -webkit-animation: 25s linear infinite rotation;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
#loading2 {
  -webkit-animation: 25s linear infinite rotation2;
}
@-webkit-keyframes rotation2 {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(-359deg);
  }
}
#sofisid {
  -webkit-animation: 5s ease-in-out infinite rotation-id;
}
@-webkit-keyframes rotation-id {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.espaciado {
  display: block;
  height: 5em;
}
.espaciado-sm {
  display: block;
  height: 3em;
}
.fondo-gris-propuestas .espaciado {
  height: 3em;
}
.fondo-gris-mobile {
  margin: 1em 0 4em;
  background: #f7f7f7;
  padding: 4em 0 6em;
}
.slider-proyectos {
  margin: 8em auto 4em;
}
.bigdata-fases,
.cloud-fases,
.green-fases {
  padding: 2em !important;
  color: #fff;
}
.fase5 {
  background: #00850d;
}
.alianzas-caja,
.lineas-trabajo,
.tecnologia-mobile {
  background: #f3f3f3;
}
.bigdata-fases i {
  font-size: 2em;
  display: flex;
  margin-left: 1rem;
}
.bigdata-fases .negrita,
.cloud-fases .negrita {
  font-size: 1.1em;
  line-height: 1.4em;
}
.green-fases p.negrita {
  font-size: 1.4em;
  line-height: 1.3em;
  margin-bottom: 8px;
  border-bottom: 0;
  padding: 0;
}
.cloud-fases svg {
  margin: 0.8rem 0;
  width: 42px;
  height: 42px;
}
.green-fases svg {
  width: 30px;
  height: 30px;
  margin: 1rem 0 1.5rem;
}
.android-logo {
  width: 110px;
  margin-right: 2em;
  margin-top: 3em;
}
.ios-logo {
  width: 100px;
  margin-left: 2em;
  margin-top: 3em;
}
.tecnologia-mobile {
  display: flex;
  padding: 1.5em;
  margin-top: 1em;
  align-items: center;
  text-decoration: none;
  font-size: 1.1em;
}
.lineas-trabajo {
  padding: 2em;
  align-items: center;
  text-decoration: none;
  font-size: 1.1em;
  display: flex;
}
.lineas-trabajo b,
.lineas-trabajo strong {
  display: contents;
  color: #2c3e4f;
}
.lineas-trabajo span {
  font-size: 3.5em;
  font-weight: 600;
  color: #2c3e4f;
  margin-right: 0.5em;
}
.flutter-logo {
  width: 50px;
  margin-right: 2em;
}
.kotlin-logo {
  width: 55px;
  margin: 0 1.2em 0 0.6em;
}
.reactivex-logo {
  width: 68px;
  margin: 0 1.5rem 0 0.4rem;
}
.postgis-logo {
  width: 78px;
  margin: 0 2rem;
}
.leaflet-logo {
  width: 100px;
  margin: 0 1.5rem 0 0;
}
.infografia-gestion {
  display: flex;
  justify-content: center;
  margin-top: 4em;
}
.alianzas-caja {
  padding: 3em !important;
  margin: 0;
  justify-content: center;
}
.socios-en .alianzas-caja {
  box-shadow: rgb(233 233 233 / 76%) 3px 3px 6px 0 inset,
    rgb(255 255 255) -3px -3px 6px 1px inset;
  background: #f3f3f326;
}
.drupal-logo {
  width: 64px;
  margin: 0 2rem 0 1rem;
}
.october-logo {
  margin: 0 2.2rem 0 2rem;
}
.wordpress-logo {
  width: 64px;
  margin: 0 1.8rem 0 1.2rem;
}
.liferay-logo {
  margin: 0 2rem 0 1.5rem;
}
.metodologia-portales {
  margin-top: 5em;
}
.metodologia-portales img {
  margin: 3em auto 0;
}
.contenido-ampliado {
  padding-top: 170px;
}
.contenido-ampliado h2 {
  margin-top: 0;
  font-weight: 500;
  color: #333;
}
.mas-oportunidades {
  display: block;
  margin: 3em auto 0 !important;
  width: max-content;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff !important;
  background-color: #e01383;
  border-color: #ddd;
  cursor: default;
}
.formatos-sofis-gis,
.logo-deres {
  width: 200px;
}
.breadcrumb {
  padding: 0;
  background-color: transparent;
}
#scf-message-contactForm {
  padding: 0 15px;
}
.logotipo-cliente {
  height: 115px;
  line-height: 20px;
}
.img-portada-ods {
  width: 120px;
  border: 3px solid #fff;
  margin-right: 0.8em;
}
.mapa-animado {
  margin-top: 4em;
}
.contacto-transformacion {
  margin: 3em auto !important;
}
.circulo-oficina,
.circulo-proyectos {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 100%;
  margin-right: 0.6em;
}
.contacto-transformacion .espaciado {
  height: 3.5em;
}
.circulo-oficina {
  background: #46aa3b;
}
.circulo-proyectos {
  background: #2b4a9f;
  margin-left: 2em;
}
.mi-primer-empleo {
  padding: 2em 0;
}
.contacto-proyectos {
  padding: 3em 0 5em;
}
.nuestro-servicio span.servicio-sin-contenido {
  color: #173567;
  text-align: center;
}
.videos-proyectos,
.videos-proyectos-genero iframe {
  margin: 7em 0 2em;
}
.alert-danger {
  background-color: #e91b2c;
  border-color: #e91b2c;
  color: #fff;
  margin: 1.5em 1em;
}
.contacto-webinar,
.expositor-webinar,
.hora-webinar {
  background: #f3f3f3;
  border-radius: 10px;
}
.recaptcha {
  display: block;
  margin: 1em;
}
.cc-window.cc-banner {
  color: #333 !important;
  background: #fff !important;
}
.cc-banner .cc-btn:last-child {
  min-width: auto !important;
  width: auto !important;
}
.cc-btn.cc-dismiss {
  background: #f9f9f9 !important;
  color: #173567 !important;
  border-color: #173567 !important;
  text-decoration: none;
  font-weight: 400;
  border-width: 2px;
  border-radius: 21px;
  padding: 5px 20px;
  transition: 0.3s ease-out;
  font-size: 18px;
  line-height: 1.7;
}
.cc-btn.cc-dismiss:hover {
  background: #173567 !important;
  color: #fff !important;
  border-color: #173567 !important;
}
.pagina-contacto .contacto {
  padding-top: 7em;
  padding-bottom: 3em;
}
.mapas-contacto {
  padding-top: 4em;
  padding-bottom: 4em;
}
.info-portada-ampliados span {
  font-size: 2.9rem;
  font-weight: 400;
  margin-top: 0.4em;
}
.contacto-webinar {
  padding: 0.5em 2.5em 2.5em;
  margin: 0;
  align-items: center;
}
.contacto-newsletter .col-md-12,
.contacto-newsletter .col-md-6,
.contacto-webinar .col-md-12,
.contacto-webinar .col-md-6 {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
#carouselClientes2 .carousel-clientes .logotipo-cliente img,
#header20 .noMargin,
.accordion-header,
.clientes .control-clientes img,
.contacto-newsletter .recaptcha,
.contacto-webinar .recaptcha {
  margin: 0;
}
.contacto-webinar button {
  float: left;
  margin-top: 1em;
}
.contacto-newsletter button {
  float: right;
  margin-top: 1em;
}
.hora-webinar {
  display: flex;
  padding: 1rem 1.5em;
  justify-content: space-between;
  margin: 1em 0;
  align-items: center;
}
.horarios-webinar {
  display: flex;
  margin: 0.7em 0;
}
.horarios-webinar img {
  width: 48px;
  margin-right: 0.7em;
}
.expositor-webinar {
  padding: 1.5em;
  margin: 1em 0;
}
.btn-formulario,
.checkbox-form {
  margin-left: 1em;
}
.expositor-webinar img {
  margin-right: 1.5em;
}
.recaptcha iframe {
  height: 78px;
}
.checkbox-form {
  text-align-last: left;
}
.checkbox label,
.info {
  color: #777;
}
.checkbox label input {
  margin-top: 7px;
}
.sector-privado {
  margin-top: 4em !important;
  padding: 2em 0 0;
  border-top: 1px solid #efefef;
}
.digitalizacion-vs .cloud-fases .negrita {
  font-size: 1.5em;
  margin: 0.5em 0 0.7em;
}
.versus {
  position: absolute;
  background: #fff;
  top: 45%;
  left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #2c3e4f;
  font-weight: 600;
}
.digitalizacion-sub {
  padding: 3em;
  font-size: 1.2em;
  color: #2c3e4f;
  border-radius: 10px;
  text-align: center;
  background: #fdfdfd;
}
.p-left {
  padding-left: 60px;
}
.buscador .btn {
  border-radius: 0 21px 21px 0;
}
.buscador input {
  border-radius: 21px 0 0 21px;
  padding-left: 21px;
  height: 43px;
}
.podcast .card,
.videos .card {
  background: 0 0;
  margin-bottom: 2.5em;
}
.videos p {
  font-weight: 300;
}
.videos.m-80px {
  margin-bottom: -80px !important;
}
.idiomas .nav-link,
.cabezal-fixed .idiomas .nav-link,
.equipo.videos a.btn {
  color: #173567 !important;
}
.modal-header {
  padding: 1.5em 2em 0;
  border-bottom: none;
}
.modal-body {
  position: relative;
  padding: 1em 2em 2em;
  margin-top: 0;
}
.modal-body .card-text {
  margin-top: 1em;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.video-container embed,
.video-container iframe,
.video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mapas iframe,
.mapas-contacto iframe {
  width: 100%;
  height: 400px;
}
.idiomas {
  margin-left: 25px;
  color: #fff;
}
.idiomas a {
  margin: 0;
  text-decoration: underline !important;
  font-weight: 400;
}
.caja-sector-publico a,
.idiomas a:hover {
  text-decoration: none !important;
}
.cabezal-fixed .idiomas,
.page-noticia-ampliada .idiomas {
  color: #333;
}
.fb_iframe_widget {
  margin-left: 0.5em;
  overflow: hidden;
  border-radius: 22px;
  background: #1877f2;
  padding-bottom: 1px;
}
.linkedin-cpmpartir {
  background: #0073b1;
  display: inline-flex;
  margin-left: 0.5em;
  padding: 3px 7px 6px 10px;
  border-radius: 18px;
  margin-top: -50px;
}
.mc-field-group {
  margin-bottom: 15px;
}
.post-list li {
  list-style-type: none;
  margin-bottom: 2em;
  border-bottom: 2px solid #eee;
  padding-bottom: 1em;
}
.post-list li .h3,
.post-list li h3 {
  margin-bottom: 1em;
  border-bottom: none;
  padding-bottom: 0;
}
.page-mensaje-enviado-sofisid #header-container,
.page-sofis-id #header-container {
  background-color: #f7f7f7;
}
.page-mensaje-enviado-sofisid .titulo-video,
.page-sofis-id .titulo-video {
  top: 30%;
}
.page-mensaje-enviado-sofisid .titulo-hero,
.page-sofis-id .titulo-hero {
  font-size: 4rem;
  font-weight: 600;
  display: block;
  width: 100%;
  line-height: 4.5rem;
  margin-bottom: 2rem;
  margin-top: 1em;
  text-shadow: none;
  color: #173567;
}
.page-mensaje-enviado-sofisid .subtitulo-hero,
.page-sofis-id .subtitulo-hero {
  font-size: 2.1rem;
  line-height: 3.3rem;
  color: #706f6f;
  font-weight: 400;
  display: block;
  margin: 2rem 0 2.5rem;
  text-shadow: none;
}
.page-sofis-id .subtitulo-hero b {
  color: #173567;
  font-weight: 700;
  font-style: italic;
}
.logo-sofis-general {
  position: absolute;
  left: 3.5em;
  top: 3em;
}
.page-mensaje-enviado-sofisid .barra-titulo-centro,
.page-sofis-id .barra-titulo {
  background: #40de18;
}
.items-sofis-id {
  display: flex;
  margin: 1em 0 0 1em;
  align-items: center;
}
.items-sofis-id svg {
  color: #40de18;
  margin-right: 1em;
  width: 35px;
  height: 35px;
}
.items-sofis-id img {
  margin: 0 1em 0 0;
}
.planes-sofis-id {
  display: flex;
  border: 1px solid #173567;
  border-radius: 10px;
  padding: 1em 1.5em 1.3em;
  width: 100%;
  margin: 1em 0;
}
.planes-sofis-id:last-child {
  border: 1px solid #40de18;
}
.planes-sofis-id .plan {
  flex: 1 1 0%;
  padding: 10px;
}
.planes-sofis-id .items-sofis-id {
  display: flex;
  margin: 0.5em 0 0;
}
.planes-sofis-id .items-sofis-id img {
  margin: 0 0.8em 0 0;
  width: 20px;
}
.plan .titulo-plan {
  margin: 0 0 10px;
  color: #173567;
}
.precio-plan {
  font-size: 4em;
  text-align: center;
  color: #173567;
  font-weight: 500;
}
.precio-plan span {
  display: block;
  font-size: 0.4em;
  font-weight: 400;
  margin: 0;
  color: #858585;
  line-height: 0;
}
.contacto-id {
  background: url(/storage/app/media/sofis-id/fondo-azul.jpg) top center
    no-repeat #173567;
  color: #fff;
  margin: 0;
  text-align: center;
  padding: 18em 0 3em;
}
.contacto-id .btn-primary,
.contacto-id .btn-primary:focus {
  color: #fff !important;
  border-color: #fff;
}
.footer-sofis-id .redes-icon {
  color: #fff;
  font-size: 30px;
  margin: 0 10px 0 12px;
}
.sub-id {
  font-weight: 300;
  font-size: 1.9em;
  margin: 1em 0 3em;
}
.imago-id {
  width: 180px;
}
.container.caja-position-papers {
  margin: 160px auto 130px;
}
.postition-papers {
  display: grid;
  gap: 20px;
}
.paper {
  display: flex;
  align-items: center;
  background: #f9f9f9;
  padding: 1em 1.5em;
  text-decoration: none;
  font-weight: 500;
  line-height: 2.5rem;
  font-size: 1.8rem;
  border-radius: 8px;
  border-bottom: 2px solid #ebebeb;
}
.paper svg {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  margin-right: 0.7em;
}
.grilla-gis {
  display: grid;
  grid-gap: 1em;
  margin-top: 1em;
}
.grilla-gis .reactivex-logo {
  width: 68px;
  margin: 0 2rem;
}
.listado-servicios-gis,
.listado-servicios-gis p {
  font-size: 1.15em;
}
.logo-sofisbpm {
  width: 400px;
}
.img-radius {
  border-radius: 20px;
}
.bullet-green {
  background: #2e8437;
  height: 70px;
  width: 70px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 20px;
  font-weight: 400;
  margin-bottom: 20px;
}
.bullet-green svg {
  color: #fff;
  width: 27px;
  height: 27px;
}
.bullet-green.bullet-sol svg {
  width: 31px;
  height: 31px;
}
.bullet-green.bullet-ecograder {
  color: #fff;
  text-align: center;
  line-height: 21px;
  justify-content: center;
  flex-direction: column;
}
.bullet-ecograder span {
  font-weight: 700;
  font-size: 2rem;
}
.titulo-green {
  display: block;
  margin: 30px auto;
  text-align: center;
}
.bullet-ecograder i {
  font-size: 32px;
}
.bullets-studio,
.timeline ul,
.timeline ul li h3 {
  margin: 0;
  padding: 0;
}
.bullets-studio .d-flex {
  padding-right: 20px;
  margin-bottom: 10px;
  text-align: left;
}
.bullet-accesibilidad svg,
.bullet-marketing svg {
  width: 33px;
  height: 33px;
}
.bullet-marketing svg {
  margin-top: 4px;
}
.espaciado-studio {
  display: block;
  height: 40px;
}
.noticias-studio {
  padding-top: 6em;
}
.ico-studio {
  height: 60px;
  margin-top: 0.5em !important;
}
.mapas iframe {
  margin-bottom: 3rem;
}
.grilla-noticias-tres {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
  margin: 25px 0;
}
.hero-contentido {
  display: flex;
  align-content: center !important;
  flex-wrap: wrap;
  height: 100%;
  position: inherit;
}
.grid-areas,
.grid-servicios {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.hero-contenido-textos {
  margin-top: 2rem;
  width: 45%;
}
.hero-contenido-titular {
  border-bottom: 2px solid #ffffff69;
  color: #fff !important;
  margin-bottom: 1.3rem;
  padding: 1.5rem 0;
  font-weight: 600;
}
.hero-contenido-resumen {
  color: #fff;
  padding: 0;
}
.hero-contenido-btn {
  margin-top: 1rem;
  width: auto;
}
.hero-slider {
  background-size: cover;
  background-position: center;
  position: absolute;
  height: 100%;
  width: 100%;
}
.timeline,
.timeline ul li {
  position: relative;
  box-sizing: border-box;
}
.carousel-item .gradient-portadas-menu {
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  left: 0;
  background: linear-gradient(
    337deg,
    rgba(0, 0, 0, 0) 0,
    rgb(23 53 103 / 22%) 32%,
    rgb(23 53 103 / 76%) 58%,
    rgb(23 53 103) 90%
  );
}
div#carouselExampleIndicators {
  margin: 0;
  width: 100%;
}
.carousel-item {
  height: 100vh;
}
.carousel-indicators .active {
  margin: 0 1px;
  height: 3px;
  width: 30px;
}
.btn-terciary.hero-contenido-btn {
  background: #fff;
  color: #173567 !important;
}
.btn-terciary.hero-contenido-btn:hover {
  background: #ffffffc9;
}
.hero-contenido-textos .fecha-noticia {
  color: #fff;
  font-size: 0.9em;
  font-weight: 300;
  margin: 0 0 -8px;
  padding: 0;
}
#carouselExampleIndicators .carousel-control.waves-effect.controles-absolutos {
  position: absolute;
  z-index: 999;
  top: 46%;
  background: #ffffff54;
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  margin: 0 5px;
}
#carouselExampleIndicators
  .carousel-control.waves-effect.controles-absolutos:hover {
  background: #ffffff90;
}
#carouselExampleIndicators
  .carousel-control.waves-effect.controles-absolutos.right {
  right: 48.5%;
}
#carouselExampleIndicators
  .carousel-control.waves-effect.controles-absolutos.left {
  right: calc(48% + 655px);
  left: auto;
}
.carousel-indicators [data-bs-target] {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 2px solid #fff;
  background: #ffffff45;
  margin: 0 5px;
  box-shadow: 2px 3px 3px #00000030;
}
.carousel-indicators .active,
.carousel-indicators [data-bs-target]:hover {
  background: #ffffff78 !important;
}
.carousel-control.waves-effect.controles-responsive {
  position: initial;
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border: 2px solid #fff;
  background: #ffffff54;
  display: none !important;
  box-shadow: 2px 3px 3px #00000030;
}
.hero-contenido-textos.slider-portada .subtitulo-hero,
.hero-contenido-textos.slider-portada .titulo-hero {
  padding: 0;
  text-shadow: none;
}
.grid-servicios {
  grid-gap: 40px;
}
.grid-areas {
  grid-gap: 10px;
}
.grid-mis-productos,
.grid-proyectos-green {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.grid-areas .nuestro-servicio a,
.grid-areas .nuestro-servicio span {
  font-size: 1.15em;
  font-weight: 500;
  line-height: normal;
  display: block;
  margin: 1rem 0;
}
.caja-areas {
  background: #17356717;
  border-radius: 10px;
  padding: 2em 2em 4em;
  border: 2px solid #2c3e4f1f;
}
.timeline ul li:nth-child(2n):before,
.timeline ul li:nth-child(odd):before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 36px;
  background: rgb(61 175 72);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgb(61 175 72 / 28%);
}
.grid-mis-productos {
  grid-gap: 40px;
  margin-bottom: 4em;
}
.grid-mis-productos a {
  font-size: 1.4em;
  font-weight: 500;
  margin: 1.1rem 0 1rem;
  display: block;
}
.jornadas-sostenibles {
  background: url(/storage/app/media/fondos-portadas/fondo-jornadas.webp) bottom
    left no-repeat #173567;
  padding: 8em 0 9em;
}
.img-metodologia-green {
  max-width: 450px;
}
.innovacion-ods {
  background: url(/storage/app/media/fondos-portadas/fondo-innovacion.webp) top
    left no-repeat #f7f7f7;
  padding-bottom: 5em;
}
.timeline {
  margin: 50px auto;
  padding: 40px 0;
  max-width: 1200px;
}
.timeline:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #eee;
}
.timeline ul li {
  list-style: none;
  width: 50%;
  padding: 30px 35px;
}
.timeline ul li:nth-child(odd) {
  float: left;
  text-align: right;
  clear: both;
}
.timeline ul li:nth-child(2n) {
  float: right;
  text-align: left;
  clear: both;
}
.content {
  padding-bottom: 20px;
}
.timeline ul li:nth-child(odd):before {
  right: -7px;
}
.timeline ul li:nth-child(2n):before {
  left: -5px;
}
.timeline ul li h3 {
  font-weight: 400;
  border: none;
}
.timeline ul li:nth-child(2n) .time,
.timeline ul li:nth-child(odd) .time {
  top: 22px;
  margin: 0;
  padding: 10px 18px;
  background: rgb(23 53 103);
  color: #fff;
  border-radius: 18px;
  box-shadow: 0 0 0 3px rgb(23 53 103 / 29%);
  position: absolute;
}
.timeline ul li p {
  margin: 10px 0 0;
  padding: 0;
}
.timeline ul li .time h4 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #fff;
}
.timeline ul li:nth-child(odd) .time {
  right: -114px;
}
.timeline ul li:nth-child(2n) .time {
  left: -114px;
}
.cita-texto {
  background: #3daf4826;
  padding: 20px;
  border: 1px solid #3daf48;
  border-radius: 11px;
  margin: 30px auto 40px !important;
  width: 70%;
}
.infografia-ti {
  margin: 70px auto 50px;
}
.caja-desarrollo-sostenible {
  background-image: url(/storage/app/media/fondos-portadas/fondo-jornadas.webp);
  background-position: bottom left;
  background-repeat: no-repeat;
}
.grid-proyectos-green {
  grid-gap: 20px;
  margin: 50px 0;
}
.grid-proyectos-green img {
  width: 100px;
  margin-bottom: 15px;
  border-radius: 10px;
}
.grid-item-proyectos-green {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1.5em 0.9em !important;
  margin: 0;
  border-radius: 10px;
  color: #2c3e4f;
}
.grid-item-proyectos-green:first-child {
  background-color: #e5243b1c;
}
.grid-item-proyectos-green:nth-child(2) {
  background-color: #ff3a2121;
}
.grid-item-proyectos-green:nth-child(3) {
  background-color: #a219421f;
}
.grid-item-proyectos-green:nth-child(4) {
  background-color: #fd9d241c;
}
.grid-item-proyectos-green:nth-child(5) {
  background-color: #00689d1c;
}
.logotipo-uruguay {
  width: 90px;
}
.page-desarrollo-de-software .fondo-gris {
  background: 0 0;
  margin: 4em 5em;
}
.oficina-gestion .panel {
  margin-top: 40px !important;
  margin-bottom: 0;
}
.fondo-fortalezas-staff img,
.oficina-gestion .panel .panel-heading,
.page-biona-bpm .navbar,
.page-ia-para-todo .barra-titulo-calidad,
.page-staff-augmentation .fondo-fortalezas-staff img {
  background: #fff;
}
@media (max-width: 1000px) {
  .timeline {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .timeline {
    width: 100%;
    padding-bottom: 0;
  }
  h1 {
    font-size: 40px;
    text-align: center;
  }
  .timeline:before {
    left: 20px;
    height: 100%;
  }
  .timeline ul li:nth-child(2n),
  .timeline ul li:nth-child(odd) {
    width: 100%;
    text-align: left;
    padding-left: 50px;
    padding-bottom: 50px;
  }
  .timeline ul li:nth-child(2n):before,
  .timeline ul li:nth-child(odd):before {
    top: -18px;
    left: 16px;
  }
  .timeline ul li:nth-child(2n) .time,
  .timeline ul li:nth-child(odd) .time {
    top: -30px;
    left: 50px;
    right: inherit;
  }
}
.subtitulo-clientes {
  color: #2d3e54;
  font-weight: 600;
  margin: 20px 0 10px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px;
}
.clientes .nav-tabs .nav-link {
  width: 100%;
  background: #f9f9f9;
  display: block;
  padding: 18px 25px 18px 20px;
  font-weight: 500;
  line-height: 29px;
  color: #173567 !important;
  font-size: 20px;
}
.clientes .nav-tabs .nav-link.active {
  background: #17356714;
  border: none;
}
.clientes .nav-tabs > li {
  width: 50%;
}
.clientes .tab-content {
  margin-top: 20px;
}
.caja-noexcuse {
  position: absolute;
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
  height: 100vh;
  z-index: 9;
}
.noexcuse {
  max-height: 500px;
  margin-right: 70px;
}
.noexcuse-mobile {
  width: 100%;
  display: none;
}
.proyectos-destacado-ia ul,
.tooltip,
dl,
ol,
ul {
  font-size: 18px;
}
.innovacion-ods.objetivos-desarrollo {
  background-color: transparent;
  margin-bottom: 40px;
}
.innovacion-ods.metodologia-green {
  background-image: url(/storage/app/media/fondos-portadas/fondo-proyectos-green.webp);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
}
.innovacion-ods.metodologia-green .nuestros-proyectos {
  padding-bottom: 2em;
}
.oficina-gestion svg {
  width: 27px;
  height: 23px;
  color: #173567;
  margin-right: 10px;
}
.page-quienes-somos .nuestros-proyectos {
  padding-top: 7em;
  padding-bottom: 8em;
}
.logotipos-footer {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logotipo-calidad {
  width: 160px;
}
.compromisos {
  margin: 8em auto 11em;
}
.grid-compromisos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px;
  margin-top: 70px;
}
.nuestro-compromiso {
  display: flex;
  align-items: flex-start;
}
.nuestro-compromiso img {
  margin-right: 20px;
}
.nuestro-compromiso span {
  font-size: 1.3em;
  line-height: 1.4em;
  color: #2c3e4f;
  font-weight: 500;
  display: block;
}
.titulo-infograsfia-gis {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: #2c3e4f;
  font-size: 20px;
}
.infografia-sofis-gis-1,
.infografia-sofis-gis-2 {
  margin: 0 auto;
  width: 100%;
}
.infografia-sofis-gis-1 {
  max-width: 420px;
}
.infografia-sofis-gis-4 {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 100px;
}
.objetivo-sofisgis {
  display: block;
  font-weight: 400;
  line-height: 33px;
  margin-top: 50px;
  border-radius: 10px;
  border: 2px solid #2c3e4f1f;
  padding: 30px 25px 36px;
  background: #17356717;
}
#bp-web-widget-container {
  z-index: 9999 !important;
  position: fixed;
  box-shadow: 0 0 34px 7px rgb(179 12 12) !important;
}
.form-row .form-group label {
  font-weight: 500;
  font-size: 18px;
}
@media (max-width: 1400px) {
  #carouselExampleIndicators
    .carousel-control.waves-effect.controles-absolutos.right {
    right: 49%;
  }
  #carouselExampleIndicators
    .carousel-control.waves-effect.controles-absolutos.left {
    right: calc(48% + 625px);
    left: auto;
  }
}
@media (max-width: 1350px) {
  .carousel-control.waves-effect.controles-responsive {
    display: block !important;
  }
  #carouselExampleIndicators
    .carousel-control.waves-effect.controles-absolutos {
    display: none !important;
  }
}
@media (max-width: 990px) {
  .hero-contenido-textos {
    width: 60%;
  }
}
@media (max-width: 1365px) {
  .nav-link {
    margin-right: 4px;
  }
  .idiomas {
    margin-left: 4px;
    flex-direction: column;
  }
  .navbar .btn {
    padding: 5px 10px;
  }
  .btn-solicitar,
  .btn-solicitary:focus {
    margin-left: 10px;
  }
  .navbar-brand {
    max-width: 200px;
    width: 100%;
    background-size: contain;
  }
}
@media (max-width: 1200px) {
  .clientes .carousel-control.right {
    right: 43%;
  }
  .clientes .carousel-control.left {
    left: 43%;
  }
  iframe {
    margin-bottom: 3rem;
  }
}
@media (max-width: 991px) {
  .clientes .carousel-control.right {
    right: 41%;
  }
  .clientes .carousel-control.left {
    left: 41%;
  }
  .carousel {
    margin: 3rem auto;
    width: 85%;
  }
  .clientes .carousel,
  .videos .col-sm-6 {
    width: 100%;
  }
  .cabezal-fixed .dropdown-menu,
  .navbar-collapse .dropdown-menu {
    background: #00000005 !important;
    padding: 1.5rem;
    text-align: left;
  }
  .cabezal-fixed .dropdown-item,
  .cabezal-fixed .dropdown-item:hover,
  .navbar-collapse .dropdown-item,
  .navbar-collapse .dropdown-item:hover,
  .navbar-collapse .nav-link,
  .navbar-collapse .nav-link:hover {
    color: #333 !important;
  }
  .navbar-collapse {
    background: #fff;
    border-radius: 6px;
    padding: 0 1.5rem 1rem 2rem !important;
  }
  .navbar-collapse .btn-terciary,
  .navbar-collapse .btn-terciary:focus {
    color: #fff !important;
    background-color: #173567;
    border-color: #173567;
  }
  .navbar-collapse .btn-terciary .btn-terciary:active,
  .navbar-collapse .btn-terciary:hover {
    color: #fff !important;
    background-color: #103d8a;
    border-color: #103d8a;
  }
  .navbar-collapse .btn-solicitar,
  .navbar-collapse .btn-solicitar:focus {
    color: #173567 !important;
    background-color: #fff;
    border-color: #173567;
    margin: 15px 0 0;
  }
  .navbar-light .navbar-nav .nav-link {
    padding: 1rem 0;
  }
  .gestion-proyectos {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .nuestros-proyectos,
  .nuestros-servicios {
    padding-top: 8em;
    padding-bottom: 4em;
  }
  .contacto {
    padding-top: 4em;
  }
  .texto-proyecto {
    padding-left: 0;
  }
  .con-que-contamos-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .idiomas {
    margin-left: 0;
    color: #333;
    flex-direction: row;
  }
  .navbar-collapse .idiomas a.nav-link {
    margin: 0 5px;
    color: #173567 !important;
  }
  .portadas-bg {
    background-position: center center;
  }
  .navbar {
    flex-direction: row;
  }
  .grid-areas,
  .grid-mis-productos,
  .grid-servicios {
    grid-template-columns: repeat(2, 1fr);
  }
  .img-metodologia-green {
    max-width: 100%;
  }
  .caja-noexcuse {
    align-items: end;
  }
  .infografia-sofis-gis-2,
 .noexcuse {
    display: none;
  }
  .infografia-sofis-gis-3,
  .noexcuse-mobile {
    display: block;
  }
}
@media (max-width: 768px) {
  .col-sm-12 {
    margin: 2rem 0;
    text-align: center;
  }
  .col-sm-12 li,
  .page-sofis-id .nuestro-servicio {
    text-align: left;
  }
  .equipo,
  .nuestros-servicios,
  .sobre-nosotros {
    padding-top: 7em;
    padding-bottom: 7em;
  }
  .barra-titulo,
  .equipo .btn {
    margin-left: auto;
    margin-right: auto;
  }
  .twitter-feed {
    padding: 0;
  }
  .clientes .carousel-control.right {
    right: 40%;
  }
  .clientes .carousel-control.left {
    left: 40%;
  }
  .columna-equipo .btn {
    align-self: center;
  }
  .footer-bottom,
  .footer-top {
    padding: 2em 0 1em;
  }
  .hero-contenido-textos,
  .seccion-que-hacemos svg,
  .titulo-hero {
    width: 100%;
  }
  .row {
    margin-left: 10px;
    margin-right: 10px;
  }
  .slider-proyectos {
    margin: 4em auto 3em;
  }
  .sostenible-carousel .item {
    padding: 1em 0;
    height: 580px;
  }
  .sostenible-carousel .item i {
    font-size: 2em;
  }
  .sostenible-carousel ul {
    margin: 2rem;
    font-size: 1.1em;
  }
  .info-portada p {
    font-size: 1em;
    line-height: 1.4;
  }
  .info-portada h1 {
    font-size: 2.7em;
  }
  .contenido-noticias.oportunidades {
    padding-top: 8em;
    padding-bottom: 0;
  }
  .mapas {
    padding-top: 0;
    padding-bottom: 0;
  }
  .seccion-que-hacemos {
    margin: 8em auto 3em;
  }
  .con-que-contamos-grid span,
  .nuestro-servicio,
  .page-sofis-id h1 {
    text-align: center;
  }
  .nuestro-servicio a {
    margin: 2em auto 0;
  }
  .nuestro-servicio span {
    margin: 1rem auto;
    display: block;
  }
  .socios {
    margin: 3em 0 4em;
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .subtitulo-hero {
    font-size: 2.4rem;
    line-height: 3.1rem;
  }
  .espaciado {
    height: 3em;
  }
  .proyecto {
    padding: 2em 0;
  }
  .proyecto h4 {
    margin-top: 0.5em;
  }
  .prioridades-ods {
    flex-direction: column;
    padding: 1em;
  }
  .prioridades-ods img {
    width: 80px;
    margin: 0.5em auto 1em;
  }
  .versus {
    top: -25px;
    left: 45%;
  }
  .page-mensaje-enviado-sofisid .portadas-bg,
  .page-sofis-id .portadas-bg {
    background: #fff !important;
  }
  .page-mensaje-enviado-sofisid .titulo-video,
  .page-sofis-id .titulo-video {
    top: 5% !important;
  }
  .page-mensaje-enviado-sofisid .titulo-hero,
  .page-sofis-id .titulo-hero {
    font-size: 3.5rem;
  }
  .page-mensaje-enviado-sofisid .logo-sofis-general,
  .page-sofis-id .logo-sofis-general {
    display: none;
  }
  .grid-areas,
  .grid-mis-productos,
  .grid-proyectos-green,
  .grid-servicios,
  .grilla-gis,
  .grilla-noticias-tres,
  .postition-papers {
    grid-template-columns: repeat(1, 1fr);
  }
  .container.caja-position-papers {
    margin: 30px auto 130px;
  }
  .hero-contenido-titular {
    font-size: 1.6em;
  }
  .logotipo-hosted-green {
    margin: o auto;
  }
}
@media (max-width: 576px) {
  .titulo-hero {
    font-size: 3.5rem;
    line-height: 4.2rem;
    margin-bottom: 0;
  }
  .subtitulo-hero {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .clientes .carousel-control.right {
    right: 30%;
  }
  .clientes .carousel-control.left {
    left: 30%;
  }
  .titulo-video {
    top: 22%;
  }
  .filtrar-ods .col-xs-4 {
    width: 50% !important;
  }
  .expositor-webinar,
  .hora-webinar,
  .info-portada-ampliados.portada-ods,
  .planes-sofis-id {
    flex-direction: column;
  }
  .img-portada-ods {
    margin: 0 0 0.5em;
    width: 100px;
  }
  .btn,
  .cc-btn.cc-dismiss,
  a.btn.btn-secondary {
    border-radius: 28px !important;
    line-height: 2.7;
  }
  .expositor-webinar img {
    margin: 0 0 1em;
  }
  .info-portada-ampliados.webinar-ampliados {
    font-weight: 400;
    font-size: 2.5rem;
  }
  .clientes .nav-tabs .nav-link {
    font-size: 18px;
    height: 100px;
  }
}
@media (max-width: 350px) {
  .titulo-hero {
    font-size: 2.8rem;
    line-height: 4.2rem;
  }
}
.cc-window.cc-banner.cc-type-info.cc-theme-block.cc-bottom {
  z-index: 99999;
}
.footer-sofis-id svg {
  color: #fff;
  width: 35px;
  height: 35px;
}
.navbar-light .navbar-toggler svg {
  width: 30px;
  height: 30px;
  margin-top: 10px;
}
.grid-flip-card {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  margin-top: 80px;
}
.flip-card-back,
.flip-card-front {
  margin: 0;
  display: flex;
  text-decoration: none;
}
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 300px;
  perspective: 1000px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.flip-card-back,
.flip-card:focus .flip-card-inner,
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-back,
.flip-card-front {
  position: absolute;
  width: 100%;
  height: 100%;
}
.flip-card-front {
  padding: 1em 3em 3em !important;
  border-radius: 10px;
  border: 1px solid #f3f3f3;
  background: #f3f3f3;
  color: #000;
  z-index: 2;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.flip-card-back {
  padding: 3em !important;
  border-radius: 10px;
  color: #fff;
  z-index: 1;
  justify-content: center;
  align-items: center;
  border: 1px solid #f3f3f3;
}
.flip-card img {
  width: 101px;
  border-radius: 100%;
  margin-bottom: 25px;
  margin-top: 10px;
  box-shadow: rgb(255 255 255 / 74%) 0 7px 29px 0;
  background: 0 0 !important;
}
.flip-card:first-child .flip-card-front {
  background: linear-gradient(322deg, #ffb9f9 0, #bed2ff 100%);
}
.barra-titulo-centro.barra-titulo-ia,
.barra-titulo.barra-titulo-ia,
.flip-card:nth-child(2) .flip-card-front,
.page-ia-para-todo .barra-titulo-centro,
.page-inteligencia-artificial-y-big-data .icono-landing,
.page-inteligencia-artificial-y-big-data .paper.enlaces-ti,
.page-inteligencia-artificial-y-big-data .paper.enlaces-ti:hover,
.page-staff-augmentation .icono-landing {
  background: linear-gradient(225deg, #bed2ff 0, #98f1c1 100%);
}
.barra-titulo-calidad,
.baseline.page-calidad-de-software .icono-landing,
.flip-card:nth-child(3) .flip-card-front,
.page-calidad-de-software #header-container .icono-landing,
.page-calidad-de-software .barra-titulo-centro.barra-titulo-ia,
.page-calidad-de-software .grid-ia img,
.page-calidad-de-software .item-ia span.numero-staff {
  background: linear-gradient(291deg, rgb(155 255 241) 0, #bed2ff 100%);
}
.barra-titulo-centro.barra-titulo-staff,
.barra-titulo.barra-titulo-staff,
.flip-card:nth-child(4) .flip-card-front,
.page-staff-augmentation .grid-staff img,
.page-staff-augmentation .icono-landing {
  background: linear-gradient(
    135deg,
    rgb(155 255 251) 0,
    rgb(216 255 165) 100%
  );
}
.flip-card:nth-child(5) .flip-card-front,
.page-consultoria .barra-titulo-centro.barra-titulo-ia,
.page-consultoria .icono-landing {
  background: linear-gradient(
    225deg,
    rgb(236 183 255) 0,
    rgb(255 252 135) 100%
  );
}
.flip-card:first-child .flip-card-back {
  background: linear-gradient(45deg, #ffb9f9 0, #bed2ff 100%);
}
.flip-card:nth-child(2) .flip-card-back {
  background: linear-gradient(135deg, #bed2ff 0, #98f1c1 100%);
}
.flip-card:nth-child(3) .flip-card-back {
  background: linear-gradient(112deg, rgb(155 255 241) 0, #bed2ff 100%);
}
.flip-card:nth-child(4) .flip-card-back {
  background: linear-gradient(
    225deg,
    rgb(155 255 251) 0,
    rgb(216 255 165) 100%
  );
}
.flip-card:nth-child(5) .flip-card-back {
  background: linear-gradient(
    135deg,
    rgb(236 183 255) 0,
    rgb(255 252 135) 100%
  );
}
.flip-card h3 {
  font-size: 22px;
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
  margin-top: 0;
  color: #2c3e4f;
}
.flip-card span {
  display: block;
  color: #2c3e4f;
  font-weight: 500;
  line-height: 19px;
  margin-top: 10px;
}
.landing-bg {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% 250px;
  position: absolute;
  bottom: -30px;
}
.page-landing .subtitulo-hero,
.page-landing .titulo-hero {
  color: #fff;
  width: 100%;
  margin-bottom: 0;
}
.icono-landing {
  width: 190px;
  border-radius: 100%;
  background: linear-gradient(125deg, #ffb9f9 0, #bed2ff 100%);
  margin-right: 40px;
}
.page-landing .imagen-proyecto {
  background: #fff;
  box-shadow: rgb(0 0 0 / 8%) 0 3px 8px;
}
.page-biona-bpm header,
.page-noticia-ampliada .navbar {
  box-shadow: 0 5px 10px 0 rgb(64 64 164 / 6%);
}
.page-landing .barra-titulo-centro,
.page-landing .footer-bottom {
  background: linear-gradient(125deg, #ffb9f9 0, #bed2ff 100%);
}
.page-calidad-de-software .footer-bottom,
.page-consultoria .footer-bottom,
.page-inteligencia-artificial-y-big-data .footer-bottom,
.page-landing .footer-bottom,
.page-proyectos-de-ti .footer-bottom,
.page-servicios-page-calidad-de-software .footer-bottom,
.page-servicios-page-consultoria .footer-bottom,
.page-servicios-page-inteligencia-artificial .footer-bottom,
.page-servicios-page-proyectos-de-ti .footer-bottom,
.page-servicios-page-staff-augmentation .footer-bottom,
.page-staff-augmentation .footer-bottom {
  padding: 9em 0 4em;
}
.landing-footer {
  background-image: url(/storage/app/media/fondo-mascara-landing.webp);
  height: 80px;
  margin-bottom: -160px;
  z-index: 9;
  width: 100%;
  background-position: center bottom;
  position: relative;
  background-size: 100% 80px;
  transform: rotate(180deg);
}
.position-relative.line-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 30px;
  background-color: #dee2e6;
}
.page-biona-bpm .navbar-brand,
.page-biona-bpm .navbar.cabezal-fixed .navbar-brand {
  background-image: url(/storage/app/media/biona-bpm/logotipo-biona-bpm.svg);
}
.page-biona-bpm .nav-link {
  color: #333 !important;
  font-weight: 500;
  margin-right: 12px;
}
.page-biona-bpm .btn-terciary,
.page-biona-bpm .btn-terciary:focus,
.page-biona-bpm .navbar.cabezal-fixed .btn-terciary {
  background-color: #003960;
  border-color: #003960;
  border-radius: 4px;
}
.page-biona-bpm header a.nav-link:after,
.page-biona-bpm header a.nav-link:before {
  background: #00538b;
}
.page-biona-bpm header a.nav-link:hover:after {
  background: 0 0;
}
.page-noticia-ampliada .btn-solicitar,
.page-noticia-ampliada.btn-solicitary:focus {
  color: #173567 !important;
  background-color: #fff;
  border-color: #173567;
  margin-left: 20px;
}
.page-noticia-ampliada .navbar {
  background: #fff;
  top: 0 !important;
}
.grilla-bpm,
.item-biona-ia.item-bpm {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.page-biona-bpm #header-container {
  background-color: #fff;
}
.titulo-hero-biona,
h1.titulo-hero-biona {
  color: #00538b;
  text-shadow: none;
  font-size: 56px;
  line-height: 60px;
  display: block;
  margin-bottom: 25px;
}
.subtitulo-hero-biona {
  text-shadow: none;
  font-weight: 600;
  display: block;
  max-width: 600px;
  margin-bottom: 30px;
}
#header20 .fw900,
.subtitulo-hero-biona b,
.titulo-hero-biona b {
  font-weight: 900;
}
.inforgrafia-biona-portada {
  max-width: 500px;
}
.page-biona-bpm {
  font-family: Inter, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.page-biona-bpm .btn.btn-primary {
  color: #fff;
  background-color: #003960;
  border-color: #003960;
  border-radius: 25px !important;
  text-shadow: none;
  line-height: 1.7;
}
.page-biona-bpm .btn.btn-primary:focus,
.page-biona-bpm .btn.btn-primary:hover {
  background-color: #00233b;
  border-color: #00233b;
}
.page-biona-bpm .btn.btn-outline-primary {
  color: #287f34 !important;
  background-color: #fff;
  border-color: #287f34 !important;
  border-radius: 4px !important;
  text-shadow: none;
  line-height: 1.7;
}
.page-biona-bpm .btn.btn-outline-primary:focus,
.page-biona-bpm .btn.btn-outline-primary:hover {
  background-color: #ebf8ed !important;
  border-color: #236e2d;
}
.page-biona-bpm .sobre-nosotros {
  background: url(/storage/app/media/biona-bpm/fondo-hojas-biona.webp),
    linear-gradient(180deg, #003960 0, #00233b 100%);
  margin: 0;
}
.page-biona-bpm .navbar-light .navbar-toggler {
  color: #00538b;
}
.grid-biona-ia {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
  margin: 40px auto 0;
  width: fit-content;
}
.item-biona-ia {
  display: flex;
  align-items: center;
  text-align: left;
  font-weight: 700;
}
.img-grid-ia {
  background: #3daf48;
  display: flex;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex: none;
}
.img-grid-ia img {
  width: 20px;
}
.titulo-contenido-biona {
  color: #003960;
  text-shadow: none;
  font-size: 40px;
  line-height: 50px;
  display: block;
  margin-bottom: 10px;
  font-weight: 900;
}
.copete-biona {
  color: #9c9c9f;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 5px;
  display: block;
  margin-bottom: -5px;
  margin-top: 10px;
}
.grid-biona-bpm,
.grilla-bpm {
  display: grid;
  grid-gap: 40px;
  width: fit-content;
}
.grid-biona-bpm {
  grid-template-columns: repeat(2, 1fr);
  margin: 0 auto;
}
.item-biona-ia.item-bpm {
  padding: 20px 25px;
  font-weight: 700;
  line-height: 21px;
}
.item-biona-ia span {
  display: block;
  font-weight: 400;
}
.celeste {
  background: #26bde2;
}
.naranja {
  background: #ffa233;
}
.fucsia {
  background: #ff0f82;
}
.azul {
  background: #0f77ff;
}
.grilla-bpm {
  grid-template-columns: repeat(4, 1fr);
  margin: -130px auto 0;
  padding: 30px 35px;
  z-index: 1;
  position: relative;
  background: #fff;
}
.grilla-bpm .item-biona-ia.item-bpm {
  padding: 0;
  background: 0 0;
  box-shadow: none;
}
.contacto-biona {
  background: #002843;
  color: #fff;
  margin-top: -30px;
  margin-bottom: -30px;
}
.subtitulo-biona {
  font-size: 26px;
  line-height: 32px;
}
.input-group-biona {
  display: flex;
  padding: 4px 4px 4px 20px;
  justify-content: center;
  align-items: center;
  margin: auto;
  background: #fff;
  width: 100%;
  border-radius: 5px;
}
.input-group-biona input {
  width: 63%;
  border: 0;
  padding: 0;
  box-shadow: none;
}
.newsletter-biona {
  background-color: #dbe3e4;
  border-radius: 20px;
  padding: 60px;
  background-image: url(/storage/app/media/biona-bpm/pantallas-bpm.webp);
  background-repeat: no-repeat;
  background-position: right center;
  margin: 60px 0 100px;
}
.newsletter-biona .subtitulo-biona {
  color: #00538b;
  font-weight: 900;
  margin-bottom: 30px;
  display: block;
}
.newsletter-biona .input-group-biona {
  margin: 20px 0 0;
  width: 50%;
}
.newsletter-biona .input-group-biona input {
  width: 74%;
}
.footer-biona {
  background: #003960;
  text-align: center;
  padding: 70px 50px 60px;
  border-top: 8px solid #39b54a;
  color: #fff;
}
.footer-biona img {
  max-width: 250px;
  display: block;
}
.enlaces-gooter-biona {
  margin: 40px 0;
}
.enlaces-gooter-biona a {
  color: #fff !important;
  margin: 20px;
}
.contacto-biona .form-group.col-sm-12.col-md-6 {
  max-width: 100%;
  width: 100%;
}
.paper.enlaces-ti {
  margin: 40px 0 90px;
  font-weight: 600;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(125deg, #ffb9f9 0, #bed2ff 100%);
  position: relative;
  font-size: 1.1em;
}
.paper.enlaces-ti:hover {
  background: linear-gradient(125deg, #ffb9f9 0, #bed2ff 60%);
}
.paper.enlaces-ti img {
  width: 25px;
  position: absolute;
  right: 20px;
}
.video-capas-software {
  max-width: 940px;
  margin: 40px auto 60px;
}
.subtitulo-ti {
  display: block;
  font-size: 1.4em;
  line-height: 1.4em;
  color: #2c3e4f;
  font-weight: 600;
  margin: 65px 0 15px;
}
.infografia-servicios {
  max-width: 720px;
  margin: 160px auto 0;
  width: 100%;
}
.grid-certificaciones-ti {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 40px;
  margin: 80px 0 100px;
}
.grid-certificaciones-ti div {
  padding: 25px 30px 40px;
  border-radius: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #feb9f921;
  border: 2px solid #feb9f942;
}
.grid-certificaciones-ti div:nth-child(2) {
  background: #ebc1fb26;
  border: 2px solid #ebc1fb3d;
}
.grid-certificaciones-ti div:nth-child(3) {
  background: #d5c9fd1f;
  border: 2px solid #d5c9fd42;
}
.grid-certificaciones-ti div:nth-child(4) {
  background: #c0d2ff1a;
  border: 2px solid #bfd2ff47;
}
.grid-certificaciones-ti div .logotipo-calidad {
  width: 130px;
  display: block;
  margin: 12px 0 0 -4px;
}
.grid-certificaciones-ti div .ico-certificados {
  background: #ffeefd;
  border: 2px solid #feb9f942;
  padding: 20px 25px;
}
.grid-certificaciones-ti div:nth-child(2) .ico-certificados {
  background: #f9eefd;
  border: 2px solid #ebc1fb3d;
}
.grid-certificaciones-ti div:nth-child(3) .ico-certificados {
  background: #f6f2ff;
  border: 2px solid #d5c9fd42;
}
.grid-certificaciones-ti div:nth-child(4) .ico-certificados {
  border: 2px solid #bfd2ff47;
}
.ico-certificados {
  margin: -60px auto 20px;
}
.ico-certificados img {
  width: 27px;
  display: block;
}
.grid-ia-big-data {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 20px;
}
.page-inteligencia-artificial-y-big-data .bigdata-fases {
  color: #2c3e4f;
  border-radius: 8px;
  border-bottom: 2px solid #ebebeb;
  background: #f9f9f9;
}
.grid-ia-big-data .bigdata-fases {
  border-radius: 20px;
  line-height: 25px;
}
.proyectos-destacado-ia {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  margin: 60px 0;
}
.item-destacado {
  background: #f9f9f9 !important;
  border-radius: 10px;
  padding: 30px 30px 25px;
  text-align: center;
  border-bottom: 2px solid #ebebeb;
}
.titulo-destacado-ia {
  margin: 25px 0 20px;
  font-weight: 600;
  border-bottom: 1px solid #2c3e4f29;
  padding-bottom: 15px;
  font-size: 21px;
  line-height: 1.5;
}
.page-prueba-pagina .titulo-destacado-ia {
  border-bottom: 0;
  padding-bottom: 0;
}
.item-destacado li {
  margin-bottom: 10px;
}
.grid-ia {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 30px;
  margin: 20px 0 100px;
}
.item-ia {
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
}
.item-ia span {
  display: block;
  margin-top: 15px;
  font-weight: 400;
}
.grid-ia img,
.grid-staff img {
  border-radius: 100%;
  width: 70px;
  padding: 8px;
  margin: 0 auto 20px;
}
.grid-ia img {
  background: linear-gradient(225deg, #bed2ff 0, #98f1c1 100%);
}
.fondo-fortalezas-staff,
.grid-staff img {
  background: linear-gradient(125deg, #bed2ff 0, rgb(190 255 241) 100%);
}
.subtitulo-ia {
  display: block;
  font-size: 1.4em;
  line-height: 1.4em;
  color: #2c3e4f;
  font-weight: 600;
  margin: 100px 0 70px;
}
.grid-staff {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.container.interna-staff {
  padding: 70px 0;
}
.page-staff-augmentation .fondo-fortalezas-staff {
  background: #f7f7f7;
}
.page-staff-augmentation .gradient-portadas-menu {
  background: linear-gradient(
    20deg,
    rgb(44 62 79 / 35%) 0,
    rgb(42 62 78 / 73%) 32%,
    rgb(44 62 79 / 82%) 58%,
    rgb(44 62 79 / 98%) 100%
  );
}
.fondo-fortalezas-staff {
  padding: 4em 0;
  margin: 7em auto 0;
}
.fondo-fortalezas-staff .barra-titulo-centro.barra-titulo-ia {
  background: #fff;
  margin-bottom: 40px !important;
}
.destacado-staff {
  background: #fff;
  padding: 20px 20px 25px;
  border-radius: 10px;
  border: 2px solid #ffffff78;
  margin-top: 30px;
}
.item-ia span.numero-staff {
  text-align: center;
  font-size: 50px;
  font-weight: 900;
  line-height: 80px;
  color: #173567;
  background: linear-gradient(
    135deg,
    rgb(155 255 251) 0,
    rgb(216 255 165) 100%
  );
  width: 100px;
  height: 90px;
  margin: 50px auto 25px;
  border-radius: 15px;
}
.accordion {
  margin: 50px 0 80px;
}
.accordion-button {
  font-weight: 600;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(125deg, #ffb9f9 0, #bed2ff 100%);
  position: relative;
  font-size: 19px;
  padding: 25px 30px 25px 40px;
  color: #173567 !important;
  border-radius: 15px !important;
}
.accordion-button:not(.collapsed) {
  background: linear-gradient(304deg, #ffb9f9 0, #bed2ff 100%);
  border-radius: 15px 15px 0 0 !important;
}
.accordion-button:hover {
  background: linear-gradient(
    304deg,
    #ffb9f9db 0,
    rgba(190, 209, 255, 0.851) 100%
  );
}
.accordion-button::after,
.accordion-button:not(.collapsed)::after {
  width: 2.25rem;
  height: 2.25rem;
  background-image: url(/storage/app/media/biona-bpm/arrow-right-circle-fill.svg);
  background-size: 2.25rem;
  transform: rotate(90deg);
}
.caja-contenido-staff:before,
.tecnologias-staff:before {
  content: " ";
  left: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  z-index: 0;
  position: absolute;
  top: 0;
  display: block;
}
.accordion-item {
  background-color: #fff;
  border: 0;
}
.accordion-button:not(.collapsed)::after {
  transform: rotate(-90deg);
}
.accordion-body {
  padding: 45px 40px 50px;
  text-align: left;
  border-radius: 0 0 15px 15px;
  background: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-top: 0;
}
.accordion-button:focus {
  border-color: #bfd2ff;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.img-modelo-calidad {
  margin: 30px auto 0;
  width: 500px;
  display: block;
}
.caja-contenido-staff {
  background: #2c3e4f;
  color: #fff;
  position: relative;
  padding: 90px 0;
  margin: 50px 0;
  font-size: 1.2em;
  text-shadow: 1px 1px 5px #000;
}
.caja-contenido-staff:before {
  width: 100%;
  opacity: 0.2;
  background-image: url(/storage/app/media/img-fondo-staff.webp);
}
.caja-contenido-staff h1 {
  color: #fff;
  font-size: 27px;
}
.grid-modalidades {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  text-align: center;
}
.item-modalidades {
  box-shadow: rgb(233 233 233) 3px 3px 6px 0 inset,
    rgb(255 255 255) -3px -3px 6px 1px inset;
  background: #f3f3f3;
  border-radius: 10px;
  padding: 20px;
  font-weight: 700;
}
.tecnologias-staff {
  text-align: center;
  background: #f9f9f9;
  padding: 50px 25px;
  font-size: 22px;
  font-weight: 500;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.tecnologias-staff:before {
  width: 100%;
  opacity: 0.1;
  background-image: url(/storage/app/media/img-fondo-tecnologias.webp);
}
.tecnologias-staff .carousel-clientes .logotipo-cliente {
  height: 135px;
  background: 0 0;
  background: #ffffff7a;
  align-items: center !important;
}
.tecnologias-staff img {
  display: block;
  margin: 0 auto 10px !important;
  height: 70px;
}
.tecnologias-staff .grid-ia {
  grid-template-columns: repeat(4, 1fr);
  margin: 0 0 10px;
  z-index: 99;
  position: relative;
  font-size: 18px;
}
.tecnologias-staff .grid-ia img {
  display: block;
  margin: 0 auto 20px;
  width: 162px;
  padding: 5px;
}
.carousel-clientes .logotipo-cliente {
  height: 130px;
  background: #f3f3f3;
  margin-bottom: 30px;
  border-radius: 10px;
  padding: 0 15px;
}
.caja-carousel-clientes .carousel {
  margin: 3em 0 1em;
}
.clientes .control-clientes.left,
.clientes .control-clientes.right,
.tecnologias-staff .control-clientes.left,
.tecnologias-staff .control-clientes.right {
  height: 50px;
  width: 50px;
  border: 2px solid #fff;
  background: #173567;
  box-shadow: 2px 3px 3px #00000030;
}
.tecnologias-staff .control-clientes.left img,
.tecnologias-staff .control-clientes.right img {
  margin: 0 !important;
}
.clientes .control-clientes.right {
  right: -38px;
  top: 39%;
}
.clientes .control-clientes.left {
  left: -38px;
  top: 39%;
}
.tecnologias-staff .control-clientes.left,
.tecnologias-staff .control-clientes.right {
  top: 43%;
}
#carouselClientes2 .carousel-clientes .logotipo-cliente {
  box-shadow: none;
  background: 0 0;
}
.text-secondary-wcga {
  color: #3f4850;
}
a.waves-effect .waves-ripple {
  z-index: -1;
  display: none;
}
.nuestros-proyectos-privado .nuestro-servicio img {
  width: auto;
}
.propuestas-valor .nuestro-servicio img {
  margin: 0 auto 20px;
  width: auto;
}
.infografia-big-data {
  max-width: 650px;
  margin: 40px auto;
  width: 100%;
}
.logo-genexus-partner {
  width: 190px;
  margin: 30px auto 0;
}
.page-proyectos-de-ti .caja-contenido-staff {
  background: 0 0;
  color: #2c3e4f;
  position: relative;
  padding: 90px 0;
  margin: 50px 0 20px;
  font-size: 1.2em;
  text-shadow: none;
}
.page-proyectos-de-ti .caja-contenido-staff h1 {
  color: #2c3e4f;
}
.page-proyectos-de-ti .caja-contenido-staff:before {
  background-image: url(/storage/app/media/fondos-portadas/fondo-genexus.webp);
  opacity: 0.09;
}
.tecnologia-ia {
  background: #96410017 !important;
}
.tecnologia-logica {
  background: #9fc34a24 !important;
}
.tecnologia-api {
  background: #4ac3a724 !important;
}
.tecnologia-ui {
  background: #4a66c324 !important;
}
.tecnologia-db {
  background: #c34ab924 !important;
}
.tecnologia-data {
  background: #c34a8324 !important;
}
.tecnologias-staff .item-ia img {
  height: auto;
}
.page-consultoria .item-destacado {
  background: 0 0 !important;
  border-bottom: 0;
  padding: 20px 10px 15px;
}
.page-consultoria .titulo-destacado-ia {
  line-height: 1.5;
}
.page-consultoria .item-destacado img {
  background: linear-gradient(
    225deg,
    rgb(236 183 255) 0,
    rgb(255 252 135) 100%
  );
  border-radius: 100%;
  width: 180px;
  padding: 20px;
  margin: 0 auto;
}
.noticias-consultoria.contenido-noticias {
  background: #f7f7f7;
  padding: 5em 0;
  margin: 3em 0;
}
#header20 {
  z-index: 999;
  position: absolute;
  top: -90px;
  width: 100%;
  background: #fff;
  box-shadow: 0 5px 10px 0 rgb(64 64 164 / 6%);
}
#header20 .pointer {
  cursor: pointer;
}
.side-hover {
  padding: 25px 25px 32px 15px;
}
#header20 * {
  line-height: 27px;
}
#header20 .baseline {
  color: #333;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  display: block;
  cursor: initial;
  word-wrap: break-word;
  hyphens: auto;
}
#header20 .menu20Content a {
  position: relative;
  z-index: 9;
}
#header20 .newButton20 {
  margin: 1em auto;
  background: #0050d7;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 4px 6px #000e9c00;
  border-radius: 6px;
  display: inline-block;
  padding: 0.3em 1em;
  box-sizing: border-box;
}
#header20 .newButton20:hover {
  border-color: #000e9c;
  background-color: #000e9c;
  color: #fff !important;
  text-decoration: none;
}
#header20 .newButton20:active {
  border-color: #00185e;
  background-color: #00185e;
  color: #fff !important;
  text-decoration: none;
}
#header20 .col-s-1 {
  width: calc((1 / 12 * 100%) - (8px * 2) - 0 * 1px);
}
#header20 .col-s-10:not(.noMargin),
#header20 .col-s-11:not(.noMargin),
#header20 .col-s-12:not(.noMargin),
#header20 .col-s-1:not(.noMargin),
#header20 .col-s-2:not(.noMargin),
#header20 .col-s-3:not(.noMargin),
#header20 .col-s-4:not(.noMargin),
#header20 .col-s-5:not(.noMargin),
#header20 .col-s-6:not(.noMargin),
#header20 .col-s-7:not(.noMargin),
#header20 .col-s-8:not(.noMargin),
#header20 .col-s-9:not(.noMargin) {
  margin: 0 8px;
}
#header20 .col-s-1.noMargin,
#header20 .col-s-1.noMargin-s {
  width: calc(1 / 12 * 100% - 0 * 1px);
}
#header20 .col-s-1.border {
  width: calc((1 / 12 * 100%) - 1px - 0 * 1px);
}
#header20 .col-s-1.borderWithMargin {
  width: calc((1 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}
#header20 .col-s-2 {
  width: calc((2 / 12 * 100%) - (8px * 2) - 0 * 1px);
}
#header20 .col-s-2.noMargin,
#header20 .col-s-2.noMargin-s {
  width: calc(2 / 12 * 100% - 0 * 1px);
}
#header20 .col-s-2.border {
  width: calc((2 / 12 * 100%) - 1px - 0 * 1px);
}
#header20 .col-s-2.borderWithMargin {
  width: calc((2 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}
#header20 .col-s-3 {
  width: calc((3 / 12 * 100%) - (8px * 2) - 0 * 1px);
}
#header20 .col-s-3.noMargin,
#header20 .col-s-3.noMargin-s {
  width: calc(3 / 12 * 100% - 0 * 1px);
}
#header20 .col-s-3.border {
  width: calc((3 / 12 * 100%) - 1px - 0 * 1px);
}
#header20 .col-s-3.borderWithMargin {
  width: calc((3 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}
#header20 .col-s-4 {
  width: calc((4 / 12 * 100%) - (8px * 2) - 0 * 1px);
}
#header20 .col-s-4.noMargin,
#header20 .col-s-4.noMargin-s {
  width: calc(4 / 12 * 100% - 0 * 1px);
}
#header20 .col-s-4.border {
  width: calc((4 / 12 * 100%) - 1px - 0 * 1px);
}
#header20 .col-s-4.borderWithMargin {
  width: calc((4 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}
#header20 .col-s-5 {
  width: calc((5 / 12 * 100%) - (8px * 2) - 0 * 1px);
}
#header20 .col-s-5.noMargin,
#header20 .col-s-5.noMargin-s {
  width: calc(5 / 12 * 100% - 0 * 1px);
}
#header20 .col-s-5.border {
  width: calc((5 / 12 * 100%) - 1px - 0 * 1px);
}
#header20 .col-s-5.borderWithMargin {
  width: calc((5 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}
#header20 .col-s-6 {
  width: calc((6 / 12 * 100%) - (8px * 2) - 0 * 1px);
}
#header20 .col-s-6.noMargin,
#header20 .col-s-6.noMargin-s {
  width: calc(6 / 12 * 100% - 0 * 1px);
}
#header20 .col-s-6.border {
  width: calc((6 / 12 * 100%) - 1px - 0 * 1px);
}
#header20 .col-s-6.borderWithMargin {
  width: calc((6 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}
#header20 .col-s-7 {
  width: calc((7 / 12 * 100%) - (8px * 2) - 0 * 1px);
}
#header20 .col-s-7.noMargin,
#header20 .col-s-7.noMargin-s {
  width: calc(7 / 12 * 100% - 0 * 1px);
}
#header20 .col-s-7.border {
  width: calc((7 / 12 * 100%) - 1px - 0 * 1px);
}
#header20 .col-s-7.borderWithMargin {
  width: calc((7 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}
#header20 .col-s-8 {
  width: calc((8 / 12 * 100%) - (8px * 2) - 0 * 1px);
}
#header20 .col-s-8.noMargin,
#header20 .col-s-8.noMargin-s {
  width: calc(8 / 12 * 100% - 0 * 1px);
}
#header20 .col-s-8.border {
  width: calc((8 / 12 * 100%) - 1px - 0 * 1px);
}
#header20 .col-s-8.borderWithMargin {
  width: calc((8 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}
#header20 .col-s-9 {
  width: calc((9 / 12 * 100%) - (8px * 2) - 0 * 1px);
}
#header20 .col-s-9.noMargin,
#header20 .col-s-9.noMargin-s {
  width: calc(9 / 12 * 100% - 0 * 1px);
}
#header20 .col-s-9.border {
  width: calc((9 / 12 * 100%) - 1px - 0 * 1px);
}
#header20 .col-s-9.borderWithMargin {
  width: calc((9 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}
#header20 .col-s-10 {
  width: calc((10 / 12 * 100%) - (8px * 2) - 0 * 1px);
}
#header20 .col-s-10.noMargin,
#header20 .col-s-10.noMargin-s {
  width: calc(10 / 12 * 100% - 0 * 1px);
}
#header20 .col-s-10.border {
  width: calc((10 / 12 * 100%) - 1px - 0 * 1px);
}
#header20 .col-s-10.borderWithMargin {
  width: calc((10 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}
#header20 .col-s-11 {
  width: calc((11 / 12 * 100%) - (8px * 2) - 0 * 1px);
}
#header20 .col-s-11.noMargin,
#header20 .col-s-11.noMargin-s {
  width: calc(11 / 12 * 100% - 0 * 1px);
}
#header20 .col-s-11.border {
  width: calc((11 / 12 * 100%) - 1px - 0 * 1px);
}
#header20 .col-s-11.borderWithMargin {
  width: calc((11 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}
#header20 .col-s-12 {
  width: calc((12 / 12 * 100%) - (8px * 2) - 0 * 1px);
}
#header20 .col-s-12.noMargin,
#header20 .col-s-12.noMargin-s {
  width: calc(12 / 12 * 100% - 0 * 1px);
}
#header20 .col-s-12.border {
  width: calc((12 / 12 * 100%) - 1px - 0 * 1px);
}
#header20 .col-s-12.borderWithMargin {
  width: calc((12 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}
.bg-muted {
  background-color: #f8faff;
  padding-top: 1.5rem !important;
  padding-bottom: 3rem !important;
}
@media screen and (max-width: 991px) {
  .flecha-item-megamenu,
  .flecha-item-megamenu-azul {
    display: none !important;
  }
  .col-s-12.col-l-9.flex-wrapper.content.noMargin.right-inner-hover,
  .title .img-responsive {
    display: none;
  }
  .side-hover {
    padding: 0;
  }
  .menu20 .menu20Content .title {
    box-sizing: border-box;
  }
  .menu20 .menu20Content .title a {
    padding-left: 0.5em !important;
  }
}
#header20 .headerHelpMenu ul,
.login-box {
  display: none;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 4px;
  color: #0d55d4 !important;
  position: absolute;
}
.caja-alianzas-megamenu img,
.login-box {
  padding: 10px;
}
@media only screen and (min-width: 992px) {
  #header20 .col-l-1 {
    width: calc((1 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-l-10:not(.noMargin),
  #header20 .col-l-11:not(.noMargin),
  #header20 .col-l-12:not(.noMargin),
  #header20 .col-l-1:not(.noMargin),
  #header20 .col-l-2:not(.noMargin),
  #header20 .col-l-3:not(.noMargin),
  #header20 .col-l-4:not(.noMargin),
  #header20 .col-l-5:not(.noMargin),
  #header20 .col-l-6:not(.noMargin),
  #header20 .col-l-7:not(.noMargin),
  #header20 .col-l-8:not(.noMargin),
  #header20 .col-l-9:not(.noMargin) {
    margin: 0 8px;
  }
  #header20 .col-l-1.noMargin,
  #header20 .col-l-1.noMargin-s {
    width: calc(1 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-l-1.border {
    width: calc((1 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-l-1.borderWithMargin {
    width: calc((1 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-l-2 {
    width: calc((2 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-l-2.noMargin,
  #header20 .col-l-2.noMargin-s {
    width: calc(2 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-l-2.border {
    width: calc((2 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-l-2.borderWithMargin {
    width: calc((2 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-l-3 {
    width: calc((3 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-l-3.noMargin {
    max-width: 30%;
  }
  #header20 .col-l-3.noMargin-s {
    width: calc(3 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-l-3.border {
    width: calc((3 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-l-3.borderWithMargin {
    width: calc((3 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-l-4 {
    width: calc((4 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-l-4.noMargin,
  #header20 .col-l-4.noMargin-s {
    width: calc(4 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-l-4.border {
    width: calc((4 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-l-4.borderWithMargin {
    width: calc((4 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-l-5 {
    width: calc((5 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-l-5.noMargin,
  #header20 .col-l-5.noMargin-s {
    width: calc(5 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-l-5.border {
    width: calc((5 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-l-5.borderWithMargin {
    width: calc((5 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-l-6 {
    width: calc((6 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-l-6.noMargin,
  #header20 .col-l-6.noMargin-s {
    width: calc(6 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-l-6.border {
    width: calc((6 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-l-6.borderWithMargin {
    width: calc((6 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-l-7 {
    width: calc((7 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-l-7.noMargin,
  #header20 .col-l-7.noMargin-s {
    width: calc(7 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-l-7.border {
    width: calc((7 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-l-7.borderWithMargin {
    width: calc((7 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-l-8 {
    width: calc((8 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-l-8.noMargin,
  #header20 .col-l-8.noMargin-s {
    width: calc(8 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-l-8.border {
    width: calc((8 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-l-8.borderWithMargin {
    width: calc((8 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-l-9 {
    width: calc((9 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-l-9.noMargin {
    max-width: 68%;
  }
  #header20 .col-l-9.noMargin-s {
    width: calc(9 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-l-9.border {
    width: calc((9 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-l-9.borderWithMargin {
    width: calc((9 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-l-10 {
    width: calc((10 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-l-10.noMargin,
  #header20 .col-l-10.noMargin-s {
    width: calc(10 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-l-10.border {
    width: calc((10 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-l-10.borderWithMargin {
    width: calc((10 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-l-11 {
    width: calc((11 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-l-11.noMargin,
  #header20 .col-l-11.noMargin-s {
    width: calc(11 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-l-11.border {
    width: calc((11 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-l-11.borderWithMargin {
    width: calc((11 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-l-12 {
    width: calc((12 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-l-12.noMargin,
  #header20 .col-l-12.noMargin-s {
    width: calc(12 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-l-12.border {
    width: calc((12 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-l-12.borderWithMargin {
    width: calc((12 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .l-hide {
    display: none;
  }
  #header20 #header20 .offBg .row div.col-s-12.col-m-12.col-l-3 {
    margin-right: 0 !important;
  }
}
#header20 .clear:after,
#header20 .clear:before,
#header20 .flex:after,
#header20 .flex:before,
#header20 .row:after,
#header20 .row:before {
  content: "";
  content: "";
  display: table;
  width: 0 !important;
}
#header20 #direction .item {
  flex-wrap: wrap;
}
#header20 .clear:after,
#header20 .flex:after,
#header20 .row:after {
  clear: both;
}
#header20 .clear,
#header20 .flex,
#header20 .row {
  zoom: 1;
}
#header20 .col-l-1,
#header20 .col-l-10,
#header20 .col-l-11,
#header20 .col-l-12,
#header20 .col-l-2,
#header20 .col-l-3,
#header20 .col-l-4,
#header20 .col-l-5,
#header20 .col-l-6,
#header20 .col-l-7,
#header20 .col-l-8,
#header20 .col-l-9,
#header20 .col-m-1,
#header20 .col-m-10,
#header20 .col-m-11,
#header20 .col-m-12,
#header20 .col-m-2,
#header20 .col-m-3,
#header20 .col-m-4,
#header20 .col-m-5,
#header20 .col-m-6,
#header20 .col-m-7,
#header20 .col-m-8,
#header20 .col-m-9,
#header20 .col-s-1,
#header20 .col-s-10,
#header20 .col-s-11,
#header20 .col-s-12,
#header20 .col-s-2,
#header20 .col-s-3,
#header20 .col-s-4,
#header20 .col-s-5,
#header20 .col-s-6,
#header20 .col-s-7,
#header20 .col-s-8,
#header20 .col-s-9 {
  float: left;
  position: relative;
  min-height: 1px;
}
#header20 div.row,
#header20 div.wrapper {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
#header20 .half {
  width: 50% !important;
}
#header20 .row.wrapper {
  max-width: 1345px;
  margin: 0 auto;
}
#header20 .fw100 {
  font-weight: 100;
}
#header20 .fw200 {
  font-weight: 200;
}
#header20 .fw400,
#header20 .fw700 {
  font-weight: 700;
}
#header20 .row,
#header20 .wrapper {
  margin: 0 auto;
  padding: 0 8px;
  box-sizing: border-box;
}
#header20 .support {
  line-height: 62px;
  color: #fff;
}
#header20 .support .headerHelpMenu .menuLink {
  color: #0d55d4 !important;
}
#header20 .support * {
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}
#header20 .support * .chLangTitl {
  color: #051d62 !important;
}
#header20 #changeLanguage {
  top: 50px !important;
}
#header20 #languageChooser {
  margin-bottom: 3px !important;
}
#header20 .noPadding {
  padding: 0;
}
#header20 .headerHelpMenu {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  line-height: 2em;
  cursor: default;
}
#header20 .headerHelpMenu * {
  box-sizing: border-box;
}
#header20 .support .form * {
  color: #212529 !important;
  font-weight: 400;
}
.login-box {
  left: -100px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  width: 300px;
  z-index: 99999;
}
.login-box .btn {
  width: 100%;
  margin-top: 10px;
  background-color: #1f85ec;
  color: #fff;
}
.login-box .btn:hover {
  background-color: #136edd;
}
#header20 .headerHelpMenu ul {
  z-index: 9999999;
  background: #fff;
  border-radius: 10px;
  padding: 0;
  margin: 0 !important;
  left: -37px;
  min-width: 115px;
  top: 30px;
  text-align: center;
}
#header20 .headerHelpMenu:hover ul {
  display: block;
  text-align: center !important;
}
#header20 .headerHelpMenu:hover ul:before {
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  background: #fff;
  position: absolute;
  transform: rotate(45deg);
  top: -5px;
  left: calc(50% - 6px);
  box-shadow: rgba(0, 0, 0, 0.1) -3px -3px 2px;
  z-index: -1;
}
#header20 .headerHelpMenu:hover ul li {
  list-style: none;
  margin: 0 !important;
}
#header20 .headerHelpMenu:hover ul li:first-child {
  margin-top: 4px;
  border-radius: 10px 10px 0 0;
}
#header20 .headerHelpMenu:hover ul li:last-child {
  border-radius: 0 0 10px 10px;
}
#header20 .headerHelpMenu:hover ul li:last-childa:after {
  content: "";
  border-bottom: 0 solid #b3b3b3;
}
#header20 .headerHelpMenu:hover ul li:hover {
  background: #c0f1fe;
}
#header20 .headerHelpMenu:hover ul li a {
  color: #0d55d4 !important;
  padding: 4px 8px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
#header20 .headerHelpMenu:hover ul li a:after {
  content: "";
  display: block;
  width: 85%;
  border-bottom: 1px solid #b3b3b3;
  margin-top: 4px;
  position: absolute;
}
#header20 .fsrem1 {
  font-size: 1rem !important;
}
@media screen and (min-width: 768px) {
  #header20 .col-m-1 {
    width: calc((1 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-m-10:not(.noMargin),
  #header20 .col-m-11:not(.noMargin),
  #header20 .col-m-12:not(.noMargin),
  #header20 .col-m-1:not(.noMargin),
  #header20 .col-m-2:not(.noMargin),
  #header20 .col-m-3:not(.noMargin),
  #header20 .col-m-4:not(.noMargin),
  #header20 .col-m-5:not(.noMargin),
  #header20 .col-m-6:not(.noMargin),
  #header20 .col-m-7:not(.noMargin),
  #header20 .col-m-8:not(.noMargin),
  #header20 .col-m-9:not(.noMargin) {
    margin: 0 8px;
  }
  #header20 .col-m-1.noMargin,
  #header20 .col-m-1.noMargin-s {
    width: calc(1 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-m-1.border {
    width: calc((1 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-m-1.borderWithMargin {
    width: calc((1 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-m-2 {
    width: calc((2 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-m-2.noMargin,
  #header20 .col-m-2.noMargin-s {
    width: calc(2 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-m-2.border {
    width: calc((2 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-m-2.borderWithMargin {
    width: calc((2 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-m-3 {
    width: calc((3 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-m-3.noMargin,
  #header20 .col-m-3.noMargin-s {
    width: calc(3 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-m-3.border {
    width: calc((3 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-m-3.borderWithMargin {
    width: calc((3 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-m-4 {
    width: calc((4 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-m-4.noMargin,
  #header20 .col-m-4.noMargin-s {
    width: calc(4 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-m-4.border {
    width: calc((4 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-m-4.borderWithMargin {
    width: calc((4 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-m-5 {
    width: calc((5 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-m-5.noMargin,
  #header20 .col-m-5.noMargin-s {
    width: calc(5 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-m-5.border {
    width: calc((5 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-m-5.borderWithMargin {
    width: calc((5 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-m-6 {
    width: calc((6 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-m-6.noMargin,
  #header20 .col-m-6.noMargin-s {
    width: calc(6 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-m-6.border {
    width: calc((6 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-m-6.borderWithMargin {
    width: calc((6 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-m-7 {
    width: calc((7 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-m-7.noMargin,
  #header20 .col-m-7.noMargin-s {
    width: calc(7 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-m-7.border {
    width: calc((7 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-m-7.borderWithMargin {
    width: calc((7 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-m-8 {
    width: calc((8 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-m-8.noMargin,
  #header20 .col-m-8.noMargin-s {
    width: calc(8 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-m-8.border {
    width: calc((8 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-m-8.borderWithMargin {
    width: calc((8 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-m-9 {
    width: calc((9 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-m-9.noMargin,
  #header20 .col-m-9.noMargin-s {
    width: calc(9 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-m-9.border {
    width: calc((9 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-m-9.borderWithMargin {
    width: calc((9 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-m-10 {
    width: calc((10 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-m-10.noMargin,
  #header20 .col-m-10.noMargin-s {
    width: calc(10 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-m-10.border {
    width: calc((10 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-m-10.borderWithMargin {
    width: calc((10 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-m-11 {
    width: calc((11 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-m-11.noMargin,
  #header20 .col-m-11.noMargin-s {
    width: calc(11 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-m-11.border {
    width: calc((11 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-m-11.borderWithMargin {
    width: calc((11 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .col-m-12 {
    width: calc((12 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }
  #header20 .col-m-12.noMargin,
  #header20 .col-m-12.noMargin-s {
    width: calc(12 / 12 * 100% - 0 * 1px);
  }
  #header20 .col-m-12.border {
    width: calc((12 / 12 * 100%) - 1px - 0 * 1px);
  }
  #header20 .col-m-12.borderWithMargin {
    width: calc((12 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
  #header20 .flex-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #header20 #direction .item {
    flex-wrap: wrap;
  }
  #header20 .flex-container .item {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: inherit;
  }
  #header20 .flex-container .item.stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  #header20 .row.flex-container {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #header20 #changeLanguage * .chLangTitl {
    margin-top: 0;
  }
}
@media screen and (min-width: 1365px) {
  #header20 .a5elt,
  #header20 .a5etf,
  #header20 .menu20 .menu20Content ul {
    position: relative;
  }
  #block-ocmsheaderblock #header20 #ucartzLogo img {
    margin: 7px auto !important;
  }
  #header20 .a6dU7e,
  #header20 .a6dU7eb,
  #header20 .a6dU7ec {
    position: relative;
    text-decoration: none;
  }
  #header20 .menu20 .contentTitle {
    line-height: 62px;
    font-size: 1.3em;
  }
  #header20 .menu20 ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: end;
  }
  #header20 .menu20 ul.l2 .contentTitle {
    color: #173567;
    font-weight: 700;
    float: none;
    margin: 0;
  }
  #header20 .menu20 ul li.l1 {
    margin: 0;
    padding: 0 3px;
    width: fit-content;
  }
  #header20 .menu20 ul li,
  #header20 .menu20 ul li .menu20Content a {
    list-style: none;
    font-size: 18px;
  }
  #header20 .menu20 ul li .menu20Content a {
    text-decoration: none;
  }
  #header20 .menu20 ul li .menu20Content a span {
    color: #555;
    font-weight: 400;
    text-decoration: none !important;
  }
  #header20 .menu20 ul .menuTitle {
    padding: 1.6rem 0.35rem;
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    margin: 0;
  }
  #header20 .menu20 ul .menuTitle.dropdown-toggle {
    background: 0 0;
    border: 0;
    margin: 0;
  }
  #header20.cabezal-fixed .menu20 ul li .menu20Content,
  .page-noticia-ampliada #header20 .menu20 ul li .menu20Content {
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 3px 3px,
      rgba(0, 0, 0, 0.15) 0 3px 3px;
    background: #fff;
    left: 50%;
    max-width: 80%;
    border-radius: 0 0 10px 10px;
    transform: translate(-50%, 0);
    border-top: 2px solid #173567;
    position: absolute;
    width: 100%;
    display: none;
  }
  #header20 .menu20 ul .menuTitle.btn {
    padding: 5px 12px;
  }
  #header20 .menu20 ul li .menu20Content {
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 3px 3px,
      rgba(0, 0, 0, 0.15) 0 3px 3px;
    display: none;
    position: absolute;
    background: #fff;
    left: 50%;
    width: 100%;
    max-width: 80%;
    top: 92px;
    border-radius: 0 0 10px 10px;
    transform: translate(-50%, 0);
    border-top: 2px solid #173567;
  }
  .page-noticia-ampliada #header20 .menu20 ul li .menu20Content {
    top: 81px;
  }
  #header20.cabezal-fixed .menu20 ul li .menu20Content {
    top: 75px;
  }
  #header20 .menu20 .menu20Content {
    display: none;
    cursor: initial;
    overflow: hidden;
    padding: 0;
  }
  #header20 .menu20 .menu20Content .discover {
    line-height: 62px;
    font-size: 1em;
    float: none;
    cursor: pointer;
  }
  #header20 .menu20 .menu20Content .title {
    color: #173567;
    padding: 25px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.1rem;
    border-bottom: 1px solid #e6e6e6;
  }
  #header20 .menu20 .menu20Content li:last-child .title {
    border-bottom: none;
  }
  #header20 .menu20 .menu20Content .title img {
    height: 20px;
  }
  #header20 .menu20 .menu20Content .title.noL3 {
    padding: 0 !important;
  }
  #header20 .menu20 .menu20Content .title.noL3 a {
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
  }
  #header20 .menu20 .menu20Content .title a {
    padding: 0;
    text-align: left;
  }
  #header20 .menu20 .menu20Content .title.hovered,
  #header20 .menu20 .menu20Content .title:hover {
    color: #173567;
    background: linear-gradient(
      90deg,
      rgba(23, 53, 103, 0.1) 0,
      rgba(23, 53, 103, 0) 100%
    );
  }
  #header20 .menu20 .menu20Content .title.hovered.noL3:after,
  #header20 .menu20 .menu20Content .title:hover.noL3:after {
    background: 0 0;
    float: none;
    display: block;
  }
  #header20 .menu20 .menu20Content .l3Title {
    margin: 1em 0 0 8px;
    width: 100%;
  }
  #header20 .menu20 .menu20Content .l3 {
    height: 100vh;
  }
  #header20 .menu20 .menu20Content .l3 li {
    padding-left: 1em;
    box-sizing: border-box;
  }
  #header20 .menu20 .menu20Content hr {
    width: 98%;
    clear: both;
    border-color: #ccc;
    margin: 0;
  }
  #header20 .menu20 .menu20Content .quickAction {
    color: #122844;
    line-height: 62px;
  }
  #header20 .menu20 .menu20Content .offBg2 hr {
    margin-top: 0;
    border-color: #bef1ff;
  }
  #header20 .menu20 .menu20Content .fakeColumn {
    height: 100vh;
    position: absolute;
    top: 0;
    z-index: 0;
    width: 250px;
  }
  #header20 .menu20 .menu20Content .fakeColumn.fC2 {
    margin-left: calc((4.5 / 12 * 100%) - 5 * 1px);
  }
  #header20 .menu20 .menu20Content .fakeColumn.fC3 {
    margin-left: calc(((4.5 / 12 * 100%) - 5 * 1px) * 2);
  }
  #header20 .menu20 .menu20Content ul:not(.l3) {
    margin: 2em 0;
  }
  #header20 .menu20 .menu20Content ul.l2 {
    margin: 0.5em 0 2em;
    padding: 0;
  }
  #header20 .menu20 .menu20Content ul li:not(.col-s-6) {
    width: 100%;
    float: none;
    padding: 0;
  }
  #header20 .menu20 .menu20Content ul li:not(.col-s-6) .content {
    display: none;
    position: absolute !important;
    right: 0;
    top: 0;
    overflow: hidden;
  }
  #header20 .menu20 .menu20Content ul li:not(.col-s-6).hovered .content,
  #header20 .menu20 .menu20Content ul li:not(.col-s-6):hover .content {
    display: block;
    z-index: 1;
  }
  #header20 .offBg {
    display: none;
  }
  #header20 .offBg2 {
    background-color: #ddf7ff;
  }
  #header20 .a5efd {
    animation: 0.8s opac;
  }
  @keyframes opac {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  #header20 .a5etf {
    animation: 0.4s animatetop;
  }
  #header20 .menu20 ul li.nav-item.idiomas a {
    width: fit-content;
  }
  @keyframes animatetop {
    from {
      top: -300px;
      opacity: 0;
    }
    to {
      top: 0;
      opacity: 1;
    }
  }
  #header20 .a5elt {
    animation: 0.4s animateleft;
  }
  @keyframes animateleft {
    from {
      left: -300px;
      opacity: 0;
    }
    to {
      left: 0;
      opacity: 1;
    }
  }
}
@media screen and (max-width: 1365px) {
  #header20 .menu20 .menu20Content .title:not(.noL3):before,
  #header20 .offBg #ucartzLogo:before {
    background: url("https://www.ucartz.com/img/header/chevron.svg") center
      center no-repeat;
    content: "";
  }
  #header20 .menu20 ul li.nav-item a {
    cursor: pointer;
    color: #173567 !important;
    padding: 0.8em 1em;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    margin: 0;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0 !important;
    font-size: 16px;
    text-align: left;
  }
  #header20 .menu20 ul li.nav-item:last-child a {
    border: 0;
  }
  #header20 .menu20 ul li.nav-item.idiomas a {
    width: fit-content;
    align-self: flex-start;
    text-decoration: none !important;
  }
  main#main {
    margin: 50px 0 0 !important;
  }
  #header20 {
    z-index: 999999999;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px 0;
    flex-wrap: wrap;
  }
  #header20 .eastSide .quickAction,
  #header20 .eastSide hr,
  #header20 .menu20 .menu20Content .title:not(.noL3).hidd:before,
  #header20 .menu20 .menu20Content ul.l3 .l3Title,
  #header20 .menu20 .menu20Content ul.l3 li a span,
  #header20 .menu20 .menuTitle.noL2:after,
  #header20 .offBg #ucartzLogo img,
  #header20 .support,
  #header20 .westSide .l2 a span,
  #header20 .westSide .txtRight a {
    display: none;
  }
  #header20 .westSide .l2 a {
    padding: 0.5em;
    cursor: pointer;
    text-decoration: none;
  }
  #header20 .westSide .l2 a:hover {
    color: #122844;
  }
  #header20 .eastSide {
    background-color: #ddf7ff;
    margin: 0 !important;
    width: 100% !important;
  }
  #header20 .eastSide a {
    text-decoration: none;
    padding: 0.5em 1.5em;
  }
  #header20 #profilIcon {
    display: block !important;
    float: right;
    margin-right: -1em;
  }
  #header20 #profileContainer {
    background: #def8ff;
    padding: 1em;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
  }
  #header20 #profileContainer .card {
    background: #fff;
    box-shadow: 0 0 6px #000e9c1a;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
  }
  #header20 #profileContainer .card p {
    text-align: left;
  }
  #header20 #profileContainer .card img {
    max-width: 120px;
    margin-top: 1em;
  }
  #header20 #profileContainer .card .link20 {
    padding: 1em;
    display: block;
  }
  #header20 .hamburger {
    display: inline-block;
    margin: 0;
    cursor: pointer;
  }
  #header20 .hamburger .line {
    width: 25px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin: 7px auto;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .cabezal-fixed#header20 .hamburger .line,
  .page-noticia-ampliada #header20 .hamburger .line {
    background-color: #173567;
  }
  #header20 .hamburger:hover {
    cursor: pointer;
  }
  #header20 .hamburger.is-active .line:nth-child(2) {
    opacity: 0;
  }
  #header20 .hamburger.is-active .line:first-child {
    -webkit-transform: translateY(5px) rotate(45deg);
    -ms-transform: translateY(5px) rotate(45deg);
    -o-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg);
    transform-origin: 25% 50%;
  }
  #header20 .hamburger.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    -ms-transform: translateY(-5px) rotate(-45deg);
    -o-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
    transform-origin: 33% 25%;
  }
  #header20 .offBg {
    background: #fff;
    height: 51px;
  }
  #header20 .offBg #ucartzLogo:before {
    height: 51px;
    width: 198px;
    display: inline-block;
  }
  @keyframes animatetop {
    from {
      top: -300px;
      opacity: 0;
    }
    to {
      top: 0;
      opacity: 1;
    }
  }
  #header20 .menu20 {
    display: none;
    position: relative;
    z-index: 9;
    background: #fff;
  }
  #header20 .menu20 .row {
    margin: 0;
    padding: 0 0 5px;
  }
  #header20 .menu20.is-active {
    display: block;
    animation: 0.4s animateleft;
    border-radius: 8px;
    overflow: hidden;
  }
  #header20 .menu20 .menu20Content {
    display: none;
    position: relative;
    animation: 0.4s animateleft;
  }
  #header20 .menu20 .menu20Content.is-active,
  #header20 .mobileSupportMenu {
    display: block;
  }
  #header20 .menu20 .menu20Content ul.l3 {
    display: none;
    overflow: hidden;
    padding: 0 0 0 1em;
  }
  #header20 .menu20 .menu20Content ul.l3 li {
    position: relative;
    animation: 0.4s animatetop;
  }
  #header20 .menu20 .menu20Content ul.l3 li a {
    text-decoration: none;
  }
  #header20 .menu20 .menu20Content .title a:hover,
  #header20 .menu20 .menu20Content .title:hover,
  #header20 .menu20 .menu20Content ul.l3 li a:hover {
    color: #00185e !important;
  }
  #header20 .menu20 .menu20Content .title,
  #header20 .menu20 .menu20Content ul.l2 li {
    width: 100%;
  }
  #header20 .menu20 .menu20Content .title,
  #header20 .menu20 .menu20Content .title a {
    padding: 0;
    cursor: pointer;
    text-decoration: none;
  }
  #header20 .menu20 .menu20Content .title a,
  #header20 .menu20 .menu20Content .title a a {
    padding: 0.8rem;
    display: block;
  }
  #header20 .menu20 .menu20Content .title:not(.noL3):before {
    float: right;
    font-size: 1.6em;
    font-weight: 900;
    margin: 0 1em 0.1em 0.5em;
    height: 18px;
    width: 18px;
    position: relative;
    animation: 0.4s animateleft;
  }
  #header20 .menu20 .menu20Content .title:not(.noL3).active:before {
    transform: rotate(180deg);
  }
  #header20 .menu20 .menu20Content .title:not(.noL3).nbfr:before {
    background: 0 0;
  }
  #header20 .menu20 .menuTitle {
    cursor: pointer;
    color: #173567 !important;
    padding: 0.8em 1em;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
    text-decoration: none;
  }
  #header20 .menu20 .menuTitle:after {
    content: "";
    float: right;
    font-size: 1.6em;
    font-weight: 600;
    margin: 0.15em 0.1em 0;
    background: url("/storage/app/media/flecha-megamenu.svg") center center
      no-repeat;
    height: 20px;
    width: 20px;
    transform: rotate(0);
    position: relative;
    animation: 0.4s animateleft;
    display: block;
  }
  @keyframes animateleft {
    from {
      left: -300px;
      opacity: 0;
    }
    to {
      left: 0;
      opacity: 1;
    }
  }
  #header20 .menu20 .menuTitle.active {
    color: #173567;
    background: linear-gradient(
      90deg,
      rgba(23, 53, 103, 0.1) 0,
      rgba(23, 53, 103, 0) 100%
    );
  }
  #header20 .menu20 .menuTitle.active:after {
    float: left;
    transform: rotate(180deg);
    margin-left: -5px;
    margin-right: 10px;
  }
  #header20 .menu20 ul {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  #header20 .menu20 ul li {
    list-style: none;
    width: 100%;
  }
  #header20 .menu20 ul li a {
    box-sizing: border-box;
  }
  #header20 .mobileSupportMenu .menu20,
  #header20 .mobileSupportMenu .menu20 .menu20Content {
    background-color: #000e9c;
  }
  #header20 .mobileSupportMenu .menu20 .menuTitle {
    border-color: #0022b2;
    text-decoration: none;
  }
  #header20 .mobileSupportMenu .menu20 .menuTitle:after {
    background: url(/storage/app/media/flecha-item-megamenu.svg) center center
      no-repeat;
  }
  body div#main {
    margin: 50px auto 0 !important;
  }
}
div.dialog-off-canvas-main-canvas #header {
  min-height: initial !important;
}
.btn-megamenu {
  color: #173567;
  background-color: #fff;
  border-color: #173567;
  margin-top: 20px !important;
  display: block;
  width: fit-content;
}
.btn-megamenu:hover {
  background-color: #1735670f;
}
.flecha-item-megamenu,
.flecha-item-megamenu-azul {
  height: 25px;
  display: none;
  width: 25px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 9999;
  bottom: -10px;
}
.flecha-item-megamenu-azul {
  bottom: -15px;
}
.baseline ul {
  flex-direction: column;
  margin: 0 !important;
}
.baseline ul li {
  list-style-type: disc !important;
  margin: 0;
}
.caja-alianzas-megamenu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 5px 10px;
  justify-items: center;
  align-items: center;
}
.alianzas-megamenu {
  margin-bottom: 20px;
}
@media (min-width: 991px) and (max-width: 1275px) {
  #header20 .menu20 ul li:hover .menu20Content,
  #header20.cabezal-fixed .menu20 ul li:hover .menu20Content {
    top: 95px;
  }
  .flecha-item-megamenu,
  .flecha-item-megamenu-azul {
    display: none !important;
  }
}
.page-noticia-ampliada .contenido-ampliado {
  padding-top: 130px;
}
.page-noticia-ampliada .card {
  background-color: #f9f9f9;
  padding: 10px 20px 15px;
  margin: 10px 0;
  border-radius: 10px;
}
.titulo-ultimas-noticias {
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  margin: 30px 20px 15px;
  padding-bottom: 10px;
  font-size: 1.8rem;
}
h5 {
  font-size: 18px;
  line-height: 1.4;
}
.testimionios-noticias {
  background: #17356712;
  padding: 25px 35px 20px;
  border-left: 4px solid #1735672e;
}
.caja-resaltada {
  padding: 25px 30px 30px !important;
  border-radius: 10px;
  background: #173567;
  background: linear-gradient(
    146deg,
    rgba(23, 53, 103, 0.0783963243500525) 0,
    rgba(23, 53, 103, 0) 100%
  );
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.caja-resaltada.bloque-enlaces {
  padding: 15px 30px 20px !important;
  margin-top: 20px;
}
.caja-resaltada li::marker {
  color: #173567;
}
.caja-alianzas-megamenu.caja-resaltada {
  padding: 10px 15px !important;
  margin-top: 10px;
  grid-template-columns: repeat(5, 1fr) !important;
}
.linea-titulo-megamenu {
  margin: -5px 0 20px;
  display: block;
  width: 50px;
  height: 4px;
  background: #3daf48;
  border-radius: 5px;
}
.caja-sector-publico a,
.certificacion-megamenu {
  background: linear-gradient(
    146deg,
    rgba(23, 53, 103, 0.06) 0,
    rgba(23, 53, 103, 0) 100%
  );
}
#header20 .menu20 .menu20Content .con-que-contamos-grid {
  margin: 0 !important;
  grid-gap: 15px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
#header20 .menu20 .menu20Content .con-que-contamos-grid > :nth-child(5) {
  grid-column: 2;
}
.certificacion-megamenu {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px;
  border-radius: 10px;
}
.certificacion-megamenu img {
  width: 30px;
  margin: 0 15px 0 0 !important;
}
.certificacion-megamenu p,
.megamenu-reconocimientos.grid-iniciativa-megamenu p {
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 18px;
  margin-bottom: 10px;
}
#header20 .menu20 .menu20Content .card-body {
  padding: 0 1rem;
}
#header20 .menu20 .menu20Content .card-img-top.img-responsive {
  padding: 4px;
  background: linear-gradient(
    146deg,
    rgba(23, 53, 103, 0.0783963243500525) 0,
    rgba(23, 53, 103, 0) 100%
  );
  margin-top: 20px;
}
.caja-sector-publico {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.grid-iniciativa-megamenu,
.page-calidad-de-software .grid-staff {
  grid-template-columns: repeat(3, 1fr);
}
.caja-sector-publico a {
  text-align: center !important;
  padding: 20px;
  border-radius: 8px;
}
.caja-sector-publico a:hover {
  background: linear-gradient(
    96deg,
    rgba(23, 53, 103, 0.08) 0,
    rgba(23, 53, 103, 0.06) 100%
  ) !important;
}
.page-calidad-de-software .item-destacado img {
  background: linear-gradient(291deg, rgb(155 255 241) 0, #bed2ff 100%);
  border-radius: 100%;
  width: 180px;
  padding: 20px;
  margin: 0 auto;
}
.page-calidad-de-software .icono-landing {
  flex: none;
}
.page-calidad-de-software .item-ia {
  font-weight: 400;
}
.page-calidad-de-software .grid-certificaciones-ti {
  grid-template-columns: repeat(4, 1fr);
}
.page-calidad-de-software h2 {
  font-weight: 500;
}
.page-calidad-de-software .grid-certificaciones-ti div {
  background: #bcd5fc4d;
  border: 2px solid #b9defe42;
  font-size: 1.2em;
  color: #2c3e4f;
}
.caja-linkedin,
.item-infra-publico {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.page-calidad-de-software .grid-certificaciones-ti div:nth-child(2) {
  background: #afe6e733;
}
.page-calidad-de-software .grid-certificaciones-ti div:nth-child(3) {
  background: #9dfccb33;
}
.page-calidad-de-software .grid-certificaciones-ti div:nth-child(4) {
  background: #d4ffa921;
}
.page-calidad-de-software .grid-certificaciones-ti div .ico-certificados {
  background: #d8e8ff;
}
.page-calidad-de-software
  .grid-certificaciones-ti
  div:nth-child(2)
  .ico-certificados {
  background: #d8f7f4;
}
.page-calidad-de-software
  .grid-certificaciones-ti
  div:nth-child(3)
  .ico-certificados {
  background: #d5fbe7;
}
.grid-certificaciones-ti div:nth-child(4) .ico-certificados {
  background: #f0ffe0;
}
.grid-iniciativa-megamenu {
  display: grid;
  grid-gap: 20px;
  text-align: center !important;
  color: #2c3e4f;
  font-weight: 600;
  font-size: 19px;
}
.grid-iniciativa-megamenu img {
  background: linear-gradient(
    291deg,
    rgb(131 211 111) 0,
    rgb(225 239 113) 100%
  );
  border-radius: 100%;
  width: 120px;
  padding: 10px;
  margin: 20px auto;
}
.megamenu-reconocimientos.grid-iniciativa-megamenu img {
  background: 0 0;
  border-radius: 0;
  width: auto;
  padding: 0;
  margin: 20px auto;
}
.page-ia-para-todo .item-destacado img,
.page-prueba-pagina .item-destacado img {
  margin: 0 auto;
  max-width: 150px;
}
.page-ia-para-todo .noticias-consultoria.contenido-noticias,
.page-prueba-pagina .noticias-consultoria.contenido-noticias {
  background: linear-gradient(64deg, #bed2ff 0, rgb(190 255 241) 100%);
  padding: 6em 0 5em;
  margin: 3em 0;
}
.page-prueba-pagina .noticias-consultoria.contenido-noticias {
  margin-bottom: 0;
}
.infografia-ia {
  max-width: 700px;
  width: 100%;
  margin: 100px auto 0;
}
.page-noticia-ampliada #header20 .card {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
}
.navbar-brand {
  width: 250px;
  background-image: url(/storage/app/media/logotipo-20-sofis-solutions.svg);
  height: 51px;
  margin: 1rem 0;
}
.navbar.cabezal-ampliados .navbar-brand,
.navbar.cabezal-fixed .navbar-brand,
.page-noticia-ampliada .navbar-brand {
  background-image: url(/storage/app/media/logotipo-20-sofis-solutions.svg);
  width: 259px;
  height: 44px;
}
.infografia-infra-publica {
  max-width: 500px;
  width: 100%;
  margin: 60px auto 0;
}
.page-infraestructura-publica-digital .grid-ia {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  row-gap: 60px;
  margin: 50px 0 100px;
}
.page-infraestructura-publica-digital .grid-ia.grid-infra-publica {
  row-gap: 30px;
}
.page-infraestructura-publica-digital .grid-ia img {
  background: linear-gradient(
    146deg,
    rgb(159 12 127 / 12%) 0,
    rgb(179 15 144 / 0%) 100%
  );
}
.item-infra-publico {
  line-height: 24px;
  font-size: 18px;
  font-weight: 400;
  padding: 35px !important;
  background: #173567;
  background: linear-gradient(
    146deg,
    rgb(159 12 127 / 12%) 0,
    rgb(179 15 144 / 0%) 100%
  );
}
.caja-linkedin,
.proyectos-infra-publico {
  background: linear-gradient(
    146deg,
    rgba(23, 53, 103, 0.0783963243500525) 0,
    rgba(23, 53, 103, 0) 100%
  );
}
.item-infra-publico:nth-child(2),
.page-infraestructura-publica-digital .item-ia:nth-child(2) img {
  background: linear-gradient(
    146deg,
    rgb(63 12 159 / 12%) 0,
    rgb(87 15 179 / 0%) 100%
  );
}
.item-infra-publico:nth-child(3),
.page-infraestructura-publica-digital .item-ia:nth-child(3) img {
  background: linear-gradient(
    146deg,
    rgb(12 83 159 / 12%) 0,
    rgb(15 102 179 / 0%) 100%
  );
}
.item-infra-publico:nth-child(4),
.page-infraestructura-publica-digital .item-ia:nth-child(4) img {
  background: linear-gradient(
    146deg,
    rgb(12 159 140 / 12%) 0,
    rgb(15 179 165 / 0%) 100%
  );
}
.item-infra-publico:nth-child(5),
.page-infraestructura-publica-digital .item-ia:nth-child(5) img {
  background: linear-gradient(
    146deg,
    rgb(12 159 31 / 12%) 0,
    rgb(54 179 15 / 0%) 100%
  );
}
.item-infra-publico:nth-child(6),
.page-infraestructura-publica-digital .item-ia:nth-child(6) img {
  background: linear-gradient(
    146deg,
    rgb(115 159 12 / 12%) 0,
    rgb(152 179 15 / 0%) 100%
  );
}
.item-infra-publico:nth-child(7),
.page-infraestructura-publica-digital .item-ia:nth-child(7) img {
  background: linear-gradient(
    146deg,
    rgb(159 88 12 / 12%) 0,
    rgb(179 115 15 / 0%) 100%
  );
}
.item-infra-publico:nth-child(8),
.page-infraestructura-publica-digital .item-ia:nth-child(8) img {
  background: linear-gradient(
    146deg,
    rgb(159 12 12 / 12%) 0,
    rgb(179 15 15 / 0%) 100%
  );
}
.item-infra-publico span {
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
}
.proyectos-infra-publico {
  padding: 5em 0;
}
#mc_embed_signup_scroll .d-none,
.menu20Content .content.activeContent {
  display: block !important;
}
#mc_embed_signup_scroll input::placeholder {
  color: #fff !important;
}
.item-infra-publico img {
  position: absolute;
  background: 0 0 !important;
  width: 300px;
  bottom: -85px;
  opacity: 0.06;
  left: -85px;
  z-index: -1;
}
.caja-enlaces-infra {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}
.grid-cmmi-organizaciones,
.grid-sprofesionales {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.caja-enlaces-infra a img {
  padding: 15px 7px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 10px;
}
.caja-enlaces-infra a img.logo-biona-infra {
  padding: 27px 7px 15px;
}
.caja-linkedin {
  padding: 30px;
  border: 1px solid #0a66c229;
}
.caja-linkedin img {
  position: absolute;
  bottom: -41px;
  width: 200px;
  left: -53px;
  opacity: 0.3;
}
.caja-videos-ia {
  margin-bottom: -4em;
}
.page-biona-bpm .btn.btn-primary.oc-loader {
  margin-right: 15px !important;
}
.logotipo-sprofesionales {
  max-width: 370px;
  margin: 30px auto;
}
.grid-sprofesionales {
  grid-gap: 20px;
  margin: 40px 0;
}
.grid-sprofesionales a {
  background-color: #161616;
  border-radius: 20px;
  text-align: center;
  color: #fff !important;
  text-decoration: none;
  padding: 20px 20px 30px;
  background-image: url(/storage/app/media/s-fondo-sprofesionales.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.grid-cmmi-organizaciones img,
.grid-cmmi-sofis img,
.img-cmmi {
  background: linear-gradient(
    125deg,
    #1d2d5c 0,
    #0f69a0 25%,
    #00a4e4 50%,
    #36ac91 75%,
    #6cb33f 100%
  );
}
.grid-sprofesionales a:hover {
  background-color: #252525;
}
.grid-sprofesionales a img {
  width: 80px;
  margin: 0 auto 10px;
}
.portada-cmmi,
.portada-cmmi h1 {
  color: #fff;
  text-shadow: none;
}
.portada-cmmi span {
  font-weight: 300;
  font-size: 20px;
  text-shadow: none;
}
.portada-cmmi img {
  max-width: 320px;
  width: 100%;
}
.grid-cmmi-organizaciones {
  grid-gap: 50px;
}
.grid-cmmi-sofis {
  display: grid;
  grid-gap: 50px;
  grid-template-columns: repeat(3, 1fr);
}
.grid-cmmi-organizaciones img,
.grid-cmmi-sofis img {
  border-radius: 100%;
  width: 70px;
  padding: 15px;
  margin: 0 auto 20px;
  overflow: visible;
}
.grid-cmmi-organizaciones .item-ia,
.grid-cmmi-sofis .item-ia {
  font-weight: 400;
  color: #2c3e4f;
  text-align: center;
}
.img-cmmi {
  border-radius: 50px;
  margin: 0 20px;
  border: 10px solid transparent;
}
.lista-cmmi {
  list-style-image: url(/storage/app/media/list-image-cmmi.png);
}
.lista-cmmi li {
  padding: 5px;
}
.caja-linkedin img.img-certificado-cmmi {
  display: block;
  position: relative;
  opacity: 1;
  margin: 30px auto 20px;
  width: 250px;
  border-radius: 25px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  bottom: 0;
  left: 0;
}
.caja-linkedin img.img-certificado-cmmi:hover {
  box-shadow: rgb(100 100 111 / 37%) 0 7px 29px 0;
}
.grid-cmmi-organizaciones .certificacion-megamenu {
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 18px;
}
.grid-cmmi-organizaciones .certificacion-megamenu img {
  width: 70px;
  margin: 10px auto !important;
  background: 0 0;
}
.grid-valores {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  text-align: center;
}
.grid-valores .item-ia {
  font-weight: 400;
  padding: 25px 15px;
  border-radius: 10px;
  background: linear-gradient(
    146deg,
    rgba(23, 53, 103, 0.06) 0,
    rgba(23, 53, 103, 0) 100%
  );
}
.grid-valores img {
  border-radius: 100%;
  width: 70px;
  padding: 15px;
  margin: 0 auto 20px;
  overflow: visible;
  background: linear-gradient(310deg, #173567 0, #264f93 100%);
}
.listado-ods-megamenu {
  display: flex;
  flex-wrap: wrap;
}
ul.pagination.justify-content-center {
    display: flex;
}
.navbar .btn-terciary {
    color: #fff !important;
    background-color: #173567;
    border-color: #173567;
}
@media (max-width: 991px) {
  .grid-flip-card {
    grid-template-columns: repeat(2, 1fr);
  }
  .grilla-bpm {
    grid-template-columns: repeat(1, 1fr);
    margin-top: -50px;
  }
  .newsletter-biona {
    background-image: none;
  }
  .newsletter-biona .input-group-biona {
    width: 100%;
  }
  .grid-ia,
  .grid-ia-big-data,
  .grid-staff,
  .grid-valores,
  .proyectos-destacado-ia {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
  }
  .page-biona-bpm .portadas-bg {
    display: none;
  }
}
@media (max-width: 768px) {
  .grid-biona-bpm,
  .grid-biona-ia,
  .grid-certificaciones-ti,
  .grid-cmmi-organizaciones,
  .grid-cmmi-sofis,
  .grid-flip-card,
  .grid-modalidades,
  .grid-sprofesionales,
  .tecnologias-staff .grid-ia {
    grid-template-columns: repeat(1, 1fr);
  }
  #header-container .d-flex {
    flex-direction: column;
  }
  .icono-landing {
    margin: -100px 0 20px;
  }
  .titulo-hero-biona {
    font-size: 36px;
    line-height: 40px;
  }
  .inforgrafia-biona-portada {
    max-width: 350px;
    margin-top: 30px;
  }
  .subtitulo-hero-biona {
    line-height: 22px;
  }
  .hoja-bpm {
    margin: 0 auto;
  }
  .grid-biona-bpm {
    grid-gap: 20px;
  }
  .grid-certificaciones-ti {
    margin: 30px 0;
  }
  .page-proyectos-de-ti .caja-contenido-staff {
    margin: 0 0 20px;
  }
  .infografia-servicios {
    margin: 60px auto 0;
  }
  .landing-bg {
    width: auto;
  }
  .portada-cmmi#header-container {
    height: auto !important;
  }
  .portada-cmmi#header-container .info-portada {
    padding: 90px 0 20px;
  }
}
@media screen and (min-width: 600px) {
  body#newSite {
    margin-top: -7px !important;
  }
}
@media screen and (max-width: 600px) {
  #header20 .l-show,
  #header20 .m-show,
  #header20 .s-hide {
    display: none;
  }
  #header20 .s-show {
    display: block;
  }
  #header20 .col-s-center {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
  }
}

.grid-portada {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        width: 100%;
        height: 100%;
    }

    .div1 { 
        grid-area: 1 / 1 / 3 / 3; 
        display: flex;
        align-items: end;
    }
    .div1, .div2 { 
        overflow: hidden;
        position:relative;
        transition: background-size 0.6s ease; /* animación suave */
        text-decoration: none;
        padding:0 !important;
        
    }
    .div2{
        display: flex;
        align-items: end;
      }  
    .div2:nth-child(2) {
      grid-area: 1 / 3 / 2 / 4; 
    }
    .div2:nth-child(3) {
      grid-area: 2 / 3 / 3 / 4; 
    }
    .div2:nth-child(4) {
      grid-area: 2 / 4 / 3 / 5; 
    }
    .div2:nth-child(5) {
      grid-area: 1 / 4 / 2 / 5; 
    }
    .div2 span:nth-of-type(3), .div1 span:nth-of-type(3) {
          background: #173567;
        display: block;
        z-index: 999;
        padding: 20px;
        width: 100%;
    }
    .img-noticia-portada {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-position: center;
        background-size: cover;
         transition: transform 0.5s ease;
        transform: scale(1); 
        z-index: 0;
    }
    .div2 .img-noticia-portada {
        height: 75%;
    }
    
    .div1 .img-noticia-portada {
        height: 85%;
    }

    .div2:hover .img-noticia-portada, .div1:hover .img-noticia-portada  {
        transform: scale(1.1);
    }
    .titulo-noticia-portada{
        position: relative;
        z-index:10;
        color: #fff;
        font-size: 21px;
        line-height: 28px;
        font-weight: 600;
    }
    .fecha-noticia-portada{
        position: relative;
        z-index: 10;
        color: #fff;
        display: block;
}
   .grid-portada .subtitulo-hero, .grid-portada .titulo-hero {
        text-shadow: 2px 2px 5px #00000094;
      z-index: 10;
      position: relative;
      color: #fff;
      width: 100%;
        text-decoration: none;
}


@media (max-width: 992px) {

.grid-portada {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.div1 { 
  grid-area: 1 / 1 / 5 / 2; 
}

.div2:nth-child(2) { grid-area: 5 / 1 / 6 / 2; }
.div2:nth-child(3) { grid-area: 6 / 1 / 7 / 2; }
.div2:nth-child(4) { grid-area: 7 / 1 / 8 / 2; }
.div2:nth-child(5) { grid-area: 8 / 1 / 9 / 2; }
.div2 span:nth-of-type(3) {
    background: transparent;
}
.grid-portada .gradient-portadas-menu {
    background: linear-gradient(358deg, rgb(23 53 103) 0, rgb(23 53 103 / 87%) 25%, rgb(23 53 103 / 72%) 50%, rgb(23 53 103 / 71%) 75%, rgb(23 53 103 / 90%) 100%);
    top: 0;
    z-index: 9;
}
.grid-portada .div1 .gradient-portadas-menu {
    background:linear-gradient(358deg, rgb(23 53 103) 0, rgb(23 53 103 / 87%) 25%, rgb(23 53 103 / 72%) 50%, rgb(23 53 103 / 0%) 75%, rgb(23 53 103 / 0%) 100%);
    top: 0;
    z-index: 9;
}

.div2 {
    align-items: center;
}
.titulo-noticia-portada {
    font-size: 20px;
    line-height: 25px;
}
.subtitulo-hero p {
    font-size: 2.6rem;
    line-height: 2.9rem;
}

}