.logoCarousel {
  margin: 0px auto;
}
.slick-slide {
  margin: 10px;
  height: auto;
}
.wrapper .slick-dots li button:before {
  font-size: 20px;
  color: #3e3e3d;
}
.wrapper .slick-dots li button:hover:before,
.slick-dots li.slick-active button:before {
  color: #B92D32 !important;
  opacity: 1;
}
.quote-font-icon {
  position: absolute;
  right: 1.5rem;
  bottom: 1rem;
}
.quote-font-icon.reverse {
  transform: scale(-1);
  position: absolute;
  left: 1.5rem;
  top: 1rem;
  right: auto;
  bottom: auto;
}
.slick-slide > .wrapper {
  position: relative;
  padding: 2rem 7rem;
}
section .wrapper.carousel {
  max-width: 1500px;
  margin: 0 auto;
}
.repcon-box.cols-1 > .r-control,
.repcon-box.cols-1 > .r-assembly {
  width: 100%;
}
.repcon-box.cols-1 > .r-control.es6-btn.r-control,
.repcon-box.cols-1 > .r-assembly.es6-btn.r-control {
  width: 100%;
}
.repcon-box.cols-1 > .r-control.box,
.repcon-box.cols-1 > .r-assembly.box {
  width: 100%;
}
.repcon-box.cols-1 > .r-control:nth-child(1),
.repcon-box.cols-1 > .r-assembly:nth-child(1) {
  padding-right: 0;
}
.repcon-box.cols-1.main-first > .r-control:first-child {
  width: 100%;
}
@media screen and (min-width: 611px) {
  .repcon-box.cols-1.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .repcon-box.cols-1.main-first > .r-control:first-child {
    width: calc(200% - 2rem);
  }
}
.repcon-box.cols-1.r-gallery > .list-elements > .repcon-element {
  width: calc(100% - 0.4rem);
}
.repcon-box.cols-1.r-gallery > .list-elements > .repcon-element > *[class*='font-icon']:before {
  font-size: 50 !important;
}
.repcon-box.cols-1 .r-box {
  width: 100%;
  vertical-align: top;
}
.repcon-box.cols-1.r-full-calendar .s-month {
  width: 100%;
}
.repcon-box.cols-1:not(.diagram) > .r-control {
  width: calc(100% - 2rem);
}
@media screen and (max-width: 610px) {
  .repcon-box.cols-1:not(.diagram) > .r-control {
    width: 100%;
  }
}
.repcon-box.grid-1 {
  grid-template-columns: repeat(1, 1fr);
}
.repcon-box.cols-2 > .r-control,
.repcon-box.cols-2 > .r-assembly {
  width: 50%;
}
.repcon-box.cols-2 > .r-control.es6-btn.r-control,
.repcon-box.cols-2 > .r-assembly.es6-btn.r-control {
  width: 50%;
}
.repcon-box.cols-2 > .r-control.box,
.repcon-box.cols-2 > .r-assembly.box {
  width: 50%;
}
.repcon-box.cols-2 > .r-control:nth-child(2),
.repcon-box.cols-2 > .r-assembly:nth-child(2) {
  padding-right: 0;
}
.repcon-box.cols-2.main-first > .r-control:first-child {
  width: 100%;
}
@media screen and (min-width: 611px) {
  .repcon-box.cols-2.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .repcon-box.cols-2.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
.repcon-box.cols-2.r-gallery > .list-elements > .repcon-element {
  width: calc(50% - 0.4rem);
}
.repcon-box.cols-2.r-gallery > .list-elements > .repcon-element > *[class*='font-icon']:before {
  font-size: 25 !important;
}
.repcon-box.cols-2 .r-box {
  width: 50%;
  vertical-align: top;
}
.repcon-box.cols-2.r-full-calendar .s-month {
  width: 50%;
}
.repcon-box.cols-2:not(.diagram) > .r-control {
  width: calc(50% - 2rem);
}
@media screen and (max-width: 610px) {
  .repcon-box.cols-2:not(.diagram) > .r-control {
    width: 100%;
  }
}
.repcon-box.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.repcon-box.cols-3 > .r-control,
.repcon-box.cols-3 > .r-assembly {
  width: 33.33333333%;
}
.repcon-box.cols-3 > .r-control.es6-btn.r-control,
.repcon-box.cols-3 > .r-assembly.es6-btn.r-control {
  width: 33.33333333%;
}
.repcon-box.cols-3 > .r-control.box,
.repcon-box.cols-3 > .r-assembly.box {
  width: 33.33333333%;
}
.repcon-box.cols-3 > .r-control:nth-child(3),
.repcon-box.cols-3 > .r-assembly:nth-child(3) {
  padding-right: 0;
}
.repcon-box.cols-3.main-first > .r-control:first-child {
  width: 100%;
}
@media screen and (min-width: 611px) {
  .repcon-box.cols-3.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .repcon-box.cols-3.main-first > .r-control:first-child {
    width: calc(66.66666667% - 2rem);
  }
}
.repcon-box.cols-3.r-gallery > .list-elements > .repcon-element {
  width: calc(33.33333333% - 0.4rem);
}
.repcon-box.cols-3.r-gallery > .list-elements > .repcon-element > *[class*='font-icon']:before {
  font-size: 16.66666667 !important;
}
.repcon-box.cols-3 .r-box {
  width: 33.33333333%;
  vertical-align: top;
}
.repcon-box.cols-3.r-full-calendar .s-month {
  width: 33.33333333%;
}
.repcon-box.cols-3:not(.diagram) > .r-control {
  width: calc(33.33333333% - 2rem);
}
@media screen and (max-width: 610px) {
  .repcon-box.cols-3:not(.diagram) > .r-control {
    width: 100%;
  }
}
.repcon-box.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.repcon-box.cols-4 > .r-control,
.repcon-box.cols-4 > .r-assembly {
  width: 25%;
}
.repcon-box.cols-4 > .r-control.es6-btn.r-control,
.repcon-box.cols-4 > .r-assembly.es6-btn.r-control {
  width: 25%;
}
.repcon-box.cols-4 > .r-control.box,
.repcon-box.cols-4 > .r-assembly.box {
  width: 25%;
}
.repcon-box.cols-4 > .r-control:nth-child(4),
.repcon-box.cols-4 > .r-assembly:nth-child(4) {
  padding-right: 0;
}
.repcon-box.cols-4.main-first > .r-control:first-child {
  width: 100%;
}
@media screen and (min-width: 611px) {
  .repcon-box.cols-4.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .repcon-box.cols-4.main-first > .r-control:first-child {
    width: calc(50% - 2rem);
  }
}
.repcon-box.cols-4.r-gallery > .list-elements > .repcon-element {
  width: calc(25% - 0.4rem);
}
.repcon-box.cols-4.r-gallery > .list-elements > .repcon-element > *[class*='font-icon']:before {
  font-size: 12.5 !important;
}
.repcon-box.cols-4 .r-box {
  width: 25%;
  vertical-align: top;
}
.repcon-box.cols-4.r-full-calendar .s-month {
  width: 25%;
}
.repcon-box.cols-4:not(.diagram) > .r-control {
  width: calc(25% - 2rem);
}
@media screen and (max-width: 610px) {
  .repcon-box.cols-4:not(.diagram) > .r-control {
    width: 100%;
  }
}
.repcon-box.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.repcon-box.cols-5 > .r-control,
.repcon-box.cols-5 > .r-assembly {
  width: 20%;
}
.repcon-box.cols-5 > .r-control.es6-btn.r-control,
.repcon-box.cols-5 > .r-assembly.es6-btn.r-control {
  width: 20%;
}
.repcon-box.cols-5 > .r-control.box,
.repcon-box.cols-5 > .r-assembly.box {
  width: 20%;
}
.repcon-box.cols-5 > .r-control:nth-child(5),
.repcon-box.cols-5 > .r-assembly:nth-child(5) {
  padding-right: 0;
}
.repcon-box.cols-5.main-first > .r-control:first-child {
  width: 100%;
}
@media screen and (min-width: 611px) {
  .repcon-box.cols-5.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .repcon-box.cols-5.main-first > .r-control:first-child {
    width: calc(40% - 2rem);
  }
}
.repcon-box.cols-5.r-gallery > .list-elements > .repcon-element {
  width: calc(20% - 0.4rem);
}
.repcon-box.cols-5.r-gallery > .list-elements > .repcon-element > *[class*='font-icon']:before {
  font-size: 10 !important;
}
.repcon-box.cols-5 .r-box {
  width: 20%;
  vertical-align: top;
}
.repcon-box.cols-5.r-full-calendar .s-month {
  width: 20%;
}
.repcon-box.cols-5:not(.diagram) > .r-control {
  width: calc(20% - 2rem);
}
@media screen and (max-width: 610px) {
  .repcon-box.cols-5:not(.diagram) > .r-control {
    width: 100%;
  }
}
.repcon-box.grid-5 {
  grid-template-columns: repeat(5, 1fr);
}
.repcon-box.cols-6 > .r-control,
.repcon-box.cols-6 > .r-assembly {
  width: 16.66666667%;
}
.repcon-box.cols-6 > .r-control.es6-btn.r-control,
.repcon-box.cols-6 > .r-assembly.es6-btn.r-control {
  width: 16.66666667%;
}
.repcon-box.cols-6 > .r-control.box,
.repcon-box.cols-6 > .r-assembly.box {
  width: 16.66666667%;
}
.repcon-box.cols-6 > .r-control:nth-child(6),
.repcon-box.cols-6 > .r-assembly:nth-child(6) {
  padding-right: 0;
}
.repcon-box.cols-6.main-first > .r-control:first-child {
  width: 100%;
}
@media screen and (min-width: 611px) {
  .repcon-box.cols-6.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .repcon-box.cols-6.main-first > .r-control:first-child {
    width: calc(33.33333333% - 2rem);
  }
}
.repcon-box.cols-6.r-gallery > .list-elements > .repcon-element {
  width: calc(16.66666667% - 0.4rem);
}
.repcon-box.cols-6.r-gallery > .list-elements > .repcon-element > *[class*='font-icon']:before {
  font-size: 8.33333333 !important;
}
.repcon-box.cols-6 .r-box {
  width: 16.66666667%;
  vertical-align: top;
}
.repcon-box.cols-6.r-full-calendar .s-month {
  width: 16.66666667%;
}
.repcon-box.cols-6:not(.diagram) > .r-control {
  width: calc(16.66666667% - 2rem);
}
@media screen and (max-width: 610px) {
  .repcon-box.cols-6:not(.diagram) > .r-control {
    width: 100%;
  }
}
.repcon-box.grid-6 {
  grid-template-columns: repeat(6, 1fr);
}
.white-bg {
  background-color: #FFFFFF !important;
}
.white-bg.button-elem:hover {
  background-color: #cccccc !important;
}
.white-color,
.repcon-html .white-icon-color:before {
  color: #FFFFFF;
}
.repcon-html .white-icon-bg:before {
  background-color: #FFFFFF;
}
.light-grey-1-bg {
  background-color: #ECECEC !important;
}
.light-grey-1-bg.button-elem:hover {
  background-color: #b9b9b9 !important;
}
.light-grey-1-color,
.repcon-html .light-grey-1-icon-color:before {
  color: #ECECEC;
}
.repcon-html .light-grey-1-icon-bg:before {
  background-color: #ECECEC;
}
.light-grey-2-bg {
  background-color: #D9D9D9 !important;
}
.light-grey-2-bg.button-elem:hover {
  background-color: #a6a6a6 !important;
}
.light-grey-2-color,
.repcon-html .light-grey-2-icon-color:before {
  color: #D9D9D9;
}
.repcon-html .light-grey-2-icon-bg:before {
  background-color: #D9D9D9;
}
.light-grey-3-bg {
  background-color: #C5C5C5 !important;
}
.light-grey-3-bg.button-elem:hover {
  background-color: #929292 !important;
}
.light-grey-3-color,
.repcon-html .light-grey-3-icon-color:before {
  color: #C5C5C5;
}
.repcon-html .light-grey-3-icon-bg:before {
  background-color: #C5C5C5;
}
.grey-1-bg {
  background-color: #B1B1B0 !important;
}
.grey-1-bg.button-elem:hover {
  background-color: #7e7e7d !important;
}
.grey-1-color,
.repcon-html .grey-1-icon-color:before {
  color: #B1B1B0;
}
.repcon-html .grey-1-icon-bg:before {
  background-color: #B1B1B0;
}
.grey-2-bg {
  background-color: #9B9B9B !important;
}
.grey-2-bg.button-elem:hover {
  background-color: #686868 !important;
}
.grey-2-color,
.repcon-html .grey-2-icon-color:before {
  color: #9B9B9B;
}
.repcon-html .grey-2-icon-bg:before {
  background-color: #9B9B9B;
}
.grey-3-bg {
  background-color: #868685 !important;
}
.grey-3-bg.button-elem:hover {
  background-color: #535352 !important;
}
.grey-3-color,
.repcon-html .grey-3-icon-color:before {
  color: #868685;
}
.repcon-html .grey-3-icon-bg:before {
  background-color: #868685;
}
.dark-grey-1-bg {
  background-color: #6F6F6E !important;
}
.dark-grey-1-bg.button-elem:hover {
  background-color: #3c3c3b !important;
}
.dark-grey-1-color,
.repcon-html .dark-grey-1-icon-color:before {
  color: #6F6F6E;
}
.repcon-html .dark-grey-1-icon-bg:before {
  background-color: #6F6F6E;
}
.dark-grey-2-bg {
  background-color: #585757 !important;
}
.dark-grey-2-bg.button-elem:hover {
  background-color: #252424 !important;
}
.dark-grey-2-color,
.repcon-html .dark-grey-2-icon-color:before {
  color: #585757;
}
.repcon-html .dark-grey-2-icon-bg:before {
  background-color: #585757;
}
.dark-grey-3-bg {
  background-color: #3E3E3D !important;
}
.dark-grey-3-bg.button-elem:hover {
  background-color: #0b0b0a !important;
}
.dark-grey-3-color,
.repcon-html .dark-grey-3-icon-color:before {
  color: #3E3E3D;
}
.repcon-html .dark-grey-3-icon-bg:before {
  background-color: #3E3E3D;
}
.red-1-bg {
  background-color: #B92D32 !important;
}
.red-1-bg.button-elem:hover {
  background-color: #67191c !important;
}
.red-1-color,
.repcon-html .red-1-icon-color:before {
  color: #B92D32;
}
.repcon-html .red-1-icon-bg:before {
  background-color: #B92D32;
}
.red-2-bg {
  background-color: #982D2C !important;
}
.red-2-bg.button-elem:hover {
  background-color: #491615 !important;
}
.red-2-color,
.repcon-html .red-2-icon-color:before {
  color: #982D2C;
}
.repcon-html .red-2-icon-bg:before {
  background-color: #982D2C;
}
.red-3-bg {
  background-color: #7C2723 !important;
}
.red-3-bg.button-elem:hover {
  background-color: #2c0e0d !important;
}
.red-3-color,
.repcon-html .red-3-icon-color:before {
  color: #7C2723;
}
.repcon-html .red-3-icon-bg:before {
  background-color: #7C2723;
}
.black-bg {
  background-color: #000000 !important;
}
.black-bg.button-elem:hover {
  background-color: #000000 !important;
}
.black-color,
.repcon-html .black-icon-color:before {
  color: #000000;
}
.repcon-html .black-icon-bg:before {
  background-color: #000000;
}
.blue-1-bg {
  background-color: #016EB6 !important;
}
.blue-1-bg.button-elem:hover {
  background-color: #003151 !important;
}
.blue-1-color,
.repcon-html .blue-1-icon-color:before {
  color: #016EB6;
}
.repcon-html .blue-1-icon-bg:before {
  background-color: #016EB6;
}
.fire-1-bg {
  background-color: #D9272E !important;
}
.fire-1-bg.button-elem:hover {
  background-color: #83171b !important;
}
.fire-1-color,
.repcon-html .fire-1-icon-color:before {
  color: #D9272E;
}
.repcon-html .fire-1-icon-bg:before {
  background-color: #D9272E;
}
html body {
  font-family: Roboto;
}
.repcon-html .navbar p {
  font-size: 0.9rem;
}
/* Barra de navegación */
.repcon-html .navbar {
  padding: 0.5rem 1rem;
  background-color: red;
}
@media screen and (min-width: 1000px) {
  .repcon-html .navbar {
    padding: 1.5rem 1rem;
  }
}
@media screen and (min-width: 1000px) {
  .repcon-html .navbar .navbar-brand {
    margin-left: 2rem;
  }
}
.repcon-html .navbar .navbar-brand img {
  max-height: 50px;
}
.repcon-html .navbar > div {
  display: flex;
}
.repcon-html .navbar .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.repcon-html .navbar .container-fluid .btn {
  padding: 0 1em;
  border: 1px solid white;
  margin-right: 2rem;
}
@media screen and (max-width: 1000px) {
  .repcon-html .navbar .container-fluid .btn {
    display: none;
  }
}
.repcon-html .navbar .container-fluid .btn p {
  color: white;
  text-transform: uppercase;
}
.repcon-html .navbar .responsive-icon {
  display: none;
}
.repcon-html .navbar .submenu {
  display: none;
}
.repcon-html .navbar li:hover {
  color: grey;
}
.repcon-html .navbar .submenuTitle {
  padding: 1rem;
}
.repcon-html .navbar .nav-item > p {
  cursor: default;
}
.repcon-html .navbar .nav-item .nav-link {
  cursor: pointer;
}
.repcon-html .navbar .nav-item .submenuTitle {
  cursor: default;
  padding-left: 0;
  padding-right: 0;
  font-weight: 700;
}
@media screen and (min-width: 1000px) {
  .repcon-html .navbar .nav-item {
    font-size: 0.75em;
  }
}
@media screen and (min-width: 1200px) {
  .repcon-html .navbar .nav-item {
    font-size: 0.9em;
  }
}
@media screen and (min-width: 1000px) {
  .repcon-html .navbar .nav-item:hover .submenu:not(:empty) {
    display: flex;
    position: absolute;
    background-color: #3e3e3d;
    opacity: 1;
    padding: 1rem;
  }
}
.repcon-html .navbar .nav-item:nth-child(n+4):hover .submenu:not(:empty) {
  transform: translate(-50%);
}
.repcon-html .navbar .nav-item .submenu .submenuBlock {
  margin: 1rem;
}
.repcon-html .navbar .nav-item .submenu ul {
  list-style: none;
}
.repcon-html .navbar .nav-item .submenu ul li {
  margin-left: 0;
  margin-right: 0;
}
@media screen and (min-width: 1000px) {
  .repcon-html .navbar .nav-item .submenu .submenuBlock + .submenuBlock {
    border-left: 1px solid rgba(255, 255, 250, 0.3);
    padding-left: 1.5rem;
  }
}
.repcon-html .navbar .nav-item .submenu ul + li {
  margin-top: 2rem;
}
@media screen and (max-width: 1000px) {
  #language-selector {
    padding-top: 1em;
  }
}
#language-selector .invisible {
  display: none;
}
#language {
  background-color: #3E3E3D;
  border: #3E3E3D;
  color: white;
}
#language:focus {
  outline: none;
  border: #3E3E3D;
}
.repcon-html .navbar .navbar-content {
  display: flex;
  list-style: none;
  flex-grow: 1;
  align-items: baseline;
  justify-content: center;
  position: relative;
}
.repcon-html .navbar .navbar-content .lang {
  margin-right: 2rem;
  display: flex;
}
.repcon-html .navbar .navbar-content .lang a {
  color: white;
  padding: 0 0.5em 0 0.3em;
  font-size: 0.8em;
}
.repcon-html .navbar .navbar-content .lang a:first-child {
  border-right: 1px solid white;
}
.repcon-html .navbar .navbar-content .lang a:last-child {
  padding-right: 0;
}
.repcon-html .navbar .navbar-content .lang a:hover {
  color: gray;
}
.repcon-html .navbar .navbar-nav li {
  margin: 0.2rem 0.8rem;
}
.repcon-html .navbar .navbar-nav li.search-item {
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .repcon-html .navbar .navbar-nav li.search-item {
    display: none;
  }
}
.repcon-html .navbar .navbar-nav li p,
.repcon-html .navbar .navbar-nav li a {
  color: inherit;
  width: 100%;
}
.navbar-additional-content {
  display: none;
}
@media screen and (max-width: 1000px) {
  body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
  }
  html {
    height: -webkit-fill-available;
  }
  .repcon-html .navbar .navbar-content {
    display: none !important;
    height: 0;
  }
  .repcon-html .navbar .responsive-icon {
    display: block;
  }
  .repcon-html .navbar .responsive-icon:hover {
    cursor: pointer;
  }
  .repcon-html .navbar .responsive-icon .line {
    width: 40px;
    height: 3px;
    background-color: #fff;
    display: block;
    margin: 6px auto;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
  }
  .repcon-html .navbar .nav-item:nth-child(n+3):hover .submenu:not(:empty) {
    transform: translate(0);
  }
  .repcon-html .navbar .nav-item .submenu ul li {
    display: none;
  }
  .repcon-html .navbar .nav-item .submenu ul + ul {
    border-left: initial;
    padding: 0;
  }
  .repcon-html .navbar .submenuTitle {
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 1000px) and screen and (min-width: 990px) {
  .repcon-html .navbar .nav-item:hover .submenu:not(:empty) {
    display: block;
    position: relative;
  }
}
.open {
  overflow: hidden;
  /* Barra de navegación */
}
.open.repcon-html .navbar .responsive-icon,
.open .repcon-html .navbar .responsive-icon {
  z-index: 200;
}
.open.repcon-html .navbar .responsive-icon .line:nth-child(2),
.open .repcon-html .navbar .responsive-icon .line:nth-child(2) {
  opacity: 0;
}
.open.repcon-html .navbar .responsive-icon .line:nth-child(1),
.open .repcon-html .navbar .responsive-icon .line:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}
.open.repcon-html .navbar .responsive-icon .line:nth-child(3),
.open .repcon-html .navbar .responsive-icon .line:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}
.open.repcon-html .navbar-content,
.open .repcon-html .navbar-content {
  height: 100vh;
  position: fixed;
  display: block !important;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: #3E3E3D;
  z-index: -1;
}
.open.repcon-html .navbar-content .lang,
.open .repcon-html .navbar-content .lang {
  display: none;
}
.open.repcon-html .navbar-content .navbar-nav,
.open .repcon-html .navbar-content .navbar-nav {
  display: inline-block;
  padding: 80px 10% 120px 10%;
  width: 100%;
  overflow: scroll;
  height: 100%;
}
.open.repcon-html .navbar-content .navbar-nav::-webkit-scrollbar,
.open .repcon-html .navbar-content .navbar-nav::-webkit-scrollbar {
  display: none;
}
.open.repcon-html .navbar-content .navbar-nav #language-selector,
.open .repcon-html .navbar-content .navbar-nav #language-selector {
  margin: 0;
  padding: 1em 0;
  display: flex;
  justify-content: space-between;
}
.open.repcon-html .navbar-content .navbar-nav .nav-item,
.open .repcon-html .navbar-content .navbar-nav .nav-item {
  margin: 0;
  padding: 1em 0;
  border-bottom: 1px solid #B1B1B0;
  display: flex;
  justify-content: space-between;
}
.open.repcon-html .navbar-content .navbar-nav .nav-item:after,
.open .repcon-html .navbar-content .navbar-nav .nav-item:after {
  content: '\276F';
  padding-left: 0.2em;
  font-size: 1.2em;
  position: absolute;
  right: 10%;
  z-index: -1;
}
.open.repcon-html .navbar-content .navbar-nav .submenu,
.open .repcon-html .navbar-content .navbar-nav .submenu {
  display: block;
  transition: all 0.3s ease-in-out;
  background: #3E3E3D;
  z-index: 1;
  top: 0;
  left: 100%;
  height: 100vh;
  width: 100%;
  position: absolute;
  padding: 80px 10% 120px 10%;
}
.open.repcon-html .navbar-content .navbar-nav .submenu .submenuTitle,
.open .repcon-html .navbar-content .navbar-nav .submenu .submenuTitle {
  padding: 1em 0 0;
  color: gray;
}
.open.repcon-html .navbar-content .navbar-nav .submenu li,
.open .repcon-html .navbar-content .navbar-nav .submenu li {
  display: block;
  padding: 0.5em 0;
}
.open.repcon-html .navbar-content .navbar-nav .submenu li:first-child,
.open .repcon-html .navbar-content .navbar-nav .submenu li:first-child {
  padding: 1em 0 0.5em 0;
}
.open.repcon-html .navbar-content .navbar-nav .submenu #back,
.open .repcon-html .navbar-content .navbar-nav .submenu #back {
  padding: 1em 0;
  border-bottom: 1px solid #B1B1B0;
}
.open.repcon-html .navbar-content .navbar-nav .submenu #back:before,
.open .repcon-html .navbar-content .navbar-nav .submenu #back:before {
  content: '\276E';
  padding-right: 0.4em;
  font-size: 1.2em;
}
.open.repcon-html .navbar-content .navbar-nav .submenu.open-sub,
.open .repcon-html .navbar-content .navbar-nav .submenu.open-sub {
  left: 0%;
  overflow: scroll;
}
.open.repcon-html .navbar-content .navbar-nav .submenu.open-sub::-webkit-scrollbar,
.open .repcon-html .navbar-content .navbar-nav .submenu.open-sub::-webkit-scrollbar {
  display: none;
}
.open.repcon-html .navbar-content .navbar-additional-content,
.open .repcon-html .navbar-content .navbar-additional-content {
  display: block;
  background-color: #B92D32;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 1em 10%;
  z-index: 1;
}
.open.repcon-html .navbar-content .navbar-additional-content p,
.open .repcon-html .navbar-content .navbar-additional-content p {
  color: #fff;
}
.open.repcon-html .navbar-content .navbar-additional-content #___gcse_0,
.open .repcon-html .navbar-content .navbar-additional-content #___gcse_0 {
  width: 100%;
  margin-bottom: 0.5em;
}
.open.repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only,
.open .repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only {
  width: 100%;
}
.open.repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only .gsc-search-box,
.open .repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only .gsc-search-box {
  position: relative;
}
.open.repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only .gsc-search-box .gsc-input,
.open .repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only .gsc-search-box .gsc-input {
  padding: 0;
  width: 100%;
}
.open.repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only .gsc-search-box .gsc-input .gsc-input-box,
.open .repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only .gsc-search-box .gsc-input .gsc-input-box {
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.open.repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only .gsc-search-box .gsc-input .gsc-input-box .gsib_b,
.open .repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only .gsc-search-box .gsc-input .gsc-input-box .gsib_b {
  display: none;
}
.open.repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only .gsc-search-box .gsc-input .gsc-input-box .gsib_a,
.open .repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only .gsc-search-box .gsc-input .gsc-input-box .gsib_a {
  padding: 0;
}
.open.repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only .gsc-search-box td.gsc-search-button,
.open .repcon-html .navbar-content .navbar-additional-content #___gcse_0 .gsc-control-searchbox-only .gsc-search-box td.gsc-search-button {
  position: absolute;
  right: 0;
  margin: 0;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.open.repcon-html .navbar-content .navbar-additional-content input[name="search"],
.open .repcon-html .navbar-content .navbar-additional-content input[name="search"] {
  border: 1px solid white !important;
  background-color: transparent !important;
  width: 100%;
  box-shadow: none;
  padding: 0.5em 0 0.5em 1em !important;
  margin-bottom: 1em;
  color: #fff;
  background: url("data:image/svg+xml,%3Csvg class='svg-icon search-icon' aria-labelledby='title desc' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.9 19.7'%3E%3Ctitle id='title'%3ESearch Icon%3C/title%3E%3Cdesc id='desc'%3EA magnifying glass icon.%3C/desc%3E%3Cg class='search-path' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='square' d='M18.5 18.3l-5.4-5.4'/%3E%3Ccircle cx='8' cy='8' r='7'/%3E%3C/g%3E%3C/svg%3E") no-repeat 95% 50% !important;
  background-size: 16px !important;
}
@media screen and (min-width: 610px) {
  .open.repcon-html .navbar-content .navbar-additional-content input[name="search"],
  .open .repcon-html .navbar-content .navbar-additional-content input[name="search"] {
    width: 50%;
  }
}
.open.repcon-html .navbar-content .navbar-additional-content input[name="search"]::placeholder,
.open .repcon-html .navbar-content .navbar-additional-content input[name="search"]::placeholder {
  content: "Search";
  color: #fff;
  opacity: 0.5;
}
.open.repcon-html .navbar-content .navbar-additional-content .contact-container,
.open .repcon-html .navbar-content .navbar-additional-content .contact-container {
  display: flex;
  justify-content: space-between;
}
.open.repcon-html .navbar-content .navbar-additional-content .contact-container .contact-btn,
.open .repcon-html .navbar-content .navbar-additional-content .contact-container .contact-btn {
  border: 1px solid #fff;
  padding: 0.2em 1em;
}
.open.repcon-html .navbar-content .navbar-additional-content .contact-container a[class*="-font-icon"]:before,
.open .repcon-html .navbar-content .navbar-additional-content .contact-container a[class*="-font-icon"]:before {
  font-size: 1.2em;
}
.open.repcon-html .navbar-content .navbar-additional-content .contact-container > div,
.open .repcon-html .navbar-content .navbar-additional-content .contact-container > div {
  display: flex;
  align-items: center;
}
.open.repcon-html .navbar-content .navbar-additional-content .contact-container > div .lang-burger,
.open .repcon-html .navbar-content .navbar-additional-content .contact-container > div .lang-burger {
  margin-left: 1em;
}
.open.repcon-html .navbar-content .navbar-additional-content .contact-container > div .lang-burger a,
.open .repcon-html .navbar-content .navbar-additional-content .contact-container > div .lang-burger a {
  color: white;
  padding: 0 0.3em 0 0.5em;
}
.open.repcon-html .navbar-content .navbar-additional-content .contact-container > div .lang-burger a:first-child,
.open .repcon-html .navbar-content .navbar-additional-content .contact-container > div .lang-burger a:first-child {
  border-right: 1px solid white;
}
.open.repcon-html .navbar-content .navbar-additional-content .contact-container > div .lang-burger a:last-child,
.open .repcon-html .navbar-content .navbar-additional-content .contact-container > div .lang-burger a:last-child {
  padding-right: 0;
}
.open.repcon-html .navbar-content .navbar-additional-content .rrss,
.open .repcon-html .navbar-content .navbar-additional-content .rrss {
  display: flex;
  align-items: center;
}
.open .submenuTitle {
  padding: 0;
}
.open.repcon-html nav.navbar,
.open .repcon-html nav.navbar {
  padding: 0;
}
.open.repcon-html nav.navbar .container-fluid,
.open .repcon-html nav.navbar .container-fluid {
  padding: 0.5rem 1rem;
  background-color: #3E3E3D;
}
.open .scrollButton,
.open .contact-naviagtion-button {
  display: none;
}
.show-form.open .scrollButton,
.show-form.open .contact-naviagtion-button {
  display: block;
}
.bg-primary .arrow-down-font-icon {
  position: absolute;
  bottom: 0;
  left: 50%;
  color: white;
}
.bg-primary .arrow-down-font-icon:before {
  font-size: 1.4rem;
}
.repcon-html .navbar .submenuTitle p {
  font-weight: bold;
}
.repcon-html .navbar .submenuTitle {
  padding: 1rem;
}
.repcon-html .diagram-assembly {
  padding: 3rem 0;
}
/* Padding derecho entre el objeto que está a la izda y el de la derecha entre 2 columnas */
@media screen and (max-width: 990px) {
  .repcon-box.cols-2 > .r-assembly {
    width: 100%;
  }
}
@media screen and (min-width: 990px) {
  .repcon-box.cols-2 > .r-assembly:first-child,
  .repcon-box.cols-2 > .r-assembly.first {
    padding-right: 3rem !important;
    padding-left: 0 !important;
  }
  .repcon-box.cols-2 > .r-assembly.last {
    padding-right: 0 !important;
    padding-left: 3rem !important;
  }
}
.repcon-box.cols-2 > .r-assembly.first {
  order: 0;
}
.repcon-box.cols-2 > .r-assembly.last {
  order: 1;
}
.repcon-box.r-assembly.cols-2 > .r-assembly:first-child p {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 990px) {
  .videoCard > .cols-2 {
    display: flex;
    justify-content: space-between;
  }
}
.videoCard > .cols-2 > div {
  width: 100%;
}
@media screen and (min-width: 990px) {
  .videoCard > .cols-2 > div {
    width: 49%;
  }
}
.videoCard > .cols-2 > div:first-child {
  padding-bottom: 3rem;
}
@media screen and (min-width: 990px) {
  .videoCard > .cols-2 > div:first-child {
    padding-bottom: 0;
    padding-right: 3rem !important;
  }
}
@media screen and (min-width: 990px) {
  .videoCard > .cols-2 > div img,
  .videoCard > .cols-2 > div video,
  .videoCard > .cols-2 > div iframe {
    margin-top: 100px;
  }
}
.videoCard > .cols-2 > div div {
  margin-bottom: 40px;
}
.separator-list {
  margin: 2rem 0;
}
.repcon-box.cols-4.square-list > .r-control {
  height: calc(25vw - 6rem);
  max-height: calc(375px - 2rem);
}
.repcon-html .cols-4.square-list > .r-control {
  border: 1px solid;
  padding: 0rem !important;
  text-align: center;
  margin: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.repcon-box.cols-5.square-list > .r-control {
  height: 200px;
}
.repcon-html .cols-5.square-list > .r-control {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.repcon-html .cols-5.square-list > .r-control .r-control[class*="sap_"]:before,
.repcon-html .cols-5.square-list > .r-control .r-control[class*="infor-"]:before {
  font-size: 1.6vw;
}
@media screen and (max-width: 1000px) {
  .repcon-html .cols-5.square-list > .r-control .r-control[class*="sap_"]:before,
  .repcon-html .cols-5.square-list > .r-control .r-control[class*="infor-"]:before {
    font-size: 2.4vw !important;
  }
}
@media screen and (max-width: 610px) {
  .repcon-html .cols-5.square-list > .r-control .r-control[class*="sap_"]:before,
  .repcon-html .cols-5.square-list > .r-control .r-control[class*="infor-"]:before {
    font-size: 6.8vw !important;
  }
}
.repcon-html .square-list > .r-control > a > * {
  padding: 1rem;
}
.repcon-html .square-list > .r-control > div > * {
  font-size: 2vw;
}
@media screen and (min-width: 1300px) {
  .repcon-html .square-list > .r-control > div > * {
    font-size: 0.8vw;
  }
}
.repcon-html img {
  max-width: 100%;
}
.repcon-html .section-wrapper > div > img {
  margin: 3rem 0;
}
.repcon-html .r-assembly[class*="width-"] > img {
  width: 100%;
}
.repcon-html .list-count > div:before {
  min-width: 70px;
}
.repcon-box.row > .button-elem {
  margin: 2rem 0;
  text-align: center;
}
.repcon-html .repcon-box.list-count[class*=cols] > div {
  width: 100%;
  padding: 2rem 0;
}
@media screen and (min-width: 610px) {
  .repcon-html .repcon-box.list-count[class*=cols] > div {
    padding: 2rem;
    width: 50%;
  }
}
.repcon-html .repcon-box.list-count.cols-2 > div {
  width: 100%;
  padding: 2rem 0;
}
@media screen and (min-width: 610px) and (max-width: 1200px) {
  .repcon-html .repcon-box.list-count.cols-2 > div:nth-child(even) {
    padding: 2rem 0 2rem 2rem;
  }
  .repcon-html .repcon-box.list-count.cols-2 > div:nth-child(odd) {
    padding: 2rem 2rem 2rem 0;
  }
}
@media screen and (min-width: 610px) {
  .repcon-html .repcon-box.list-count.cols-2 > div {
    width: 50%;
    padding: 2rem;
  }
}
@media screen and (min-width: 990px) {
  .repcon-html .repcon-box.list-count.cols-3 > div {
    width: 33.3333333%;
  }
}
@media screen and (min-width: 990px) {
  .repcon-html .repcon-box.list-count.cols-4 > div {
    width: 25%;
  }
}
@media screen and (min-width: 990px) {
  .repcon-html .repcon-box.list-count.cols-5 > div {
    width: 40%;
  }
}
.repcon-html .list-count.cols-3 + .row > .button-elem {
  width: calc(33.3333% - 2rem - 70px);
  text-align: center;
}
.repcon-html .slick-track {
  display: flex;
}
.repcon-html .slick-track .main.wrapper.r-control {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.slick-slide img {
  margin: 0 auto;
}
.repcon-html .list-count h3 + p {
  margin-top: 0.5rem;
}
.repcon-html .slick-dots {
  bottom: -3rem;
}
.list-count h3.red-1-color:hover {
  color: #3e3e3d;
  cursor: pointer;
}
.repcon-html .dark-grey-3-bg hr {
  border: none;
  border-top: 1px solid;
  margin: 2rem 0;
}
.paragraph + .paragraph {
  margin-top: 0.5rem;
}
.repcon-html .repcon-box.align-center[class*="cols-"] {
  align-items: center;
}
.repcon-html .repcon-box.align-end[class*="cols-"] {
  align-items: flex-end;
}
.repcon-html .r-assembly.align-text:first-child {
  padding: 6rem 3rem 2rem;
}
.repcon-box.list-count.cols-2 > .r-control {
  width: 50%;
}
.repcon-box.list-count.cols-3 > .r-control {
  width: 33.3333333%;
}
.repcon-box.list-count.cols-4 > .r-control {
  width: 25%;
}
.separator-list > .r-control:nth-last-child(n+2) {
  border-bottom: 1px solid #ffffff;
}
.separator-list > .r-control:last-child {
  border-bottom: none;
}
.black-bg {
  background-color: #3E3E3D !important;
}
.verticalmargin {
  margin-bottom: 3rem;
}
/* ------------------------------------------------------ footer --------------------------------------- */
#footer .cols-2 {
  align-items: start;
}
#footer .cols-2 .footerDesc {
  width: 100%;
}
@media screen and (min-width: 990px) {
  #footer .cols-2 .footerDesc {
    width: 70%;
    padding-right: 1rem;
  }
}
#footer .cols-2 .footerDesc h2 {
  padding-top: 0;
  padding-bottom: 1rem;
}
#footer .cols-2 .footerDesc p {
  font-size: 1em;
}
#footer .btn-contact {
  padding: 0.5rem 2rem;
  font-size: 1.2em;
  border: 2px solid #fff;
  cursor: pointer;
}
@media screen and (max-width: 990px) {
  #footer .btn-contact {
    margin-top: 2rem;
  }
}
#footer .btn-contact:hover {
  background-color: #fff;
}
#footer .btn-contact:hover p {
  color: #B92D32;
}
#footer .btn-contact p {
  color: white;
  font-weight: 500;
}
#footer .repcon-box.cols-3 {
  width: 100%;
}
@media screen and (min-width: 990px) {
  #footer .repcon-box.cols-3 {
    width: auto;
  }
}
#footer .repcon-box ul {
  margin: 1em 2em 1em 0;
}
#footer .repcon-box ul:last-child {
  margin: 1em 0 1em 0;
}
#footer .repcon-box li {
  list-style: none;
}
#footer .repcon-box li:first-child {
  text-transform: uppercase;
}
#footer .about {
  margin-top: 1em;
  border-left: none;
  width: 50%;
}
@media screen and (min-width: 1200px) {
  #footer .about {
    width: auto;
    padding-left: 1em;
    border-left: 1px solid gray;
  }
}
#footer p {
  color: #C5C5C5;
  font-size: 0.9em;
}
#footer .rrss {
  padding-top: 0.5em;
}
#footer .copyright {
  padding: 1em 2em;
  font-size: 0.8em;
  display: block;
}
@media screen and (min-width: 990px) {
  #footer .copyright {
    display: flex;
  }
}
@media screen and (max-width: 745px) {
  #footer .copyright span,
  #footer .copyright > div {
    width: 100%;
  }
}
#footer .copyright a {
  padding: 0 0.5em;
  white-space: nowrap;
}
@media screen and (min-width: 990px) {
  #footer .copyright a {
    padding-left: 0.75em;
  }
}
/* ------------------------------------------------------ pág. Index --------------------------------------- */
/* Cambiar el tamaño de la flechita de la imagen de portada */
.bg-primary .arrow-down-font-icon:before {
  font-size: 2.4rem;
}
/* borde en cuadrados con iconos */
.repcon-html .cols-4.square-list > .r-control {
  border: 1px solid rgba(181, 169, 169, 0.5);
}
/* padding y ancho en pie de video */
.footerVideo {
  padding: 0.5rem 2rem;
  max-width: 100%;
}
/* Quitar la separación entre el pie de video (caja gris) y el video */
.repcon-html video {
  display: block;
}
/* strong en el video de company (Empresas que confían en Semantic Systems) */
strong {
  font-weight: bolder;
}
#wakeUpCall {
  padding: 0;
}
#wakeUpCall .wakeUpCall {
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  padding: 3em 0;
}
#wakeUpCall .button-elem {
  margin: 2rem 0;
}
#wakeUpCall .button-elem p {
  color: #fff !important;
}
#wakeUpCall .button-elem:hover p {
  color: #B92D32 !important;
}
/* separación de los iconos y enlaces del pie de página (linkedin y youtube) */
.margin_left {
  padding-left: 0.5rem;
}
/* ------------------------------------------------------ pág. Factory --------------------------------------- */
/* Seccion que es repcon Factory */
.repcon-html #whatIs > div > div:first-of-type {
  font-size: 1rem;
  line-height: 1.4;
}
@media screen and (min-width: 990px) {
  .repcon-html #whatIs > div > div:first-of-type {
    padding: 0 4rem;
  }
}
.repcon-html #whatIs > div:not(.image-flex) img {
  margin: 3rem 0;
}
/* Seccion detailedFeatures */
.repcon-html #detailedFeatures .logos {
  margin-bottom: 1em;
}
.repcon-html #detailedFeatures .section-wrapper > div:first-child {
  margin-bottom: 1em;
}
/* subtítulo "Características" */
.repcon-html h3 {
  font-size: 26px;
  padding: 1.5rem 0;
}
/* Tamaño y padding de título de lista con número */
.repcon-html .list-count h3 {
  font-size: 18px;
  padding: 0;
}
h3 + .separator-list {
  margin-top: 0;
}
/* color de la línea que separa el listado con viñeta */
.separator-listFactory > .r-control:nth-last-child(n+2) {
  border-bottom: 1px solid #6F6F6E;
}
/* caja gris dentro de la llamada de atención (Modalidades)  */
.wakeUpBox {
  width: 30vw !important;
  padding: 1.5rem;
  margin-left: 10rem;
  opacity: 0.9;
}
/* tamaño logos  */
.logos {
  height: 40px;
}
/* Distancia entre imagen y lista de texto en la sección: Captura de datos en planta -> Qué aporta  */
.repcon-html .r-assembly.align-text:first-child {
  padding: 6rem 3rem 2rem;
}
/* Sección Soluciones repcon 5 columnas */
.repcon-html .repcon-box[class*="cols-5"] {
  text-align: center;
}
/* Sección Soluciones repcon 5 columnas --> para que sea cuadrado*/
.repcon-box.cols-5 > .r-control {
  padding: 1rem;
  border: 1px solid #B92D32;
}
.quotes_persona {
  margin-bottom: 1rem;
}
@media screen and (max-width: 610px) {
  .carousel .slick-slide > .wrapper.r-control {
    padding: 2rem;
  }
}
.carousel .slick-slide .quote-font-icon::before {
  width: 57px;
  height: 57px;
  display: block;
  font-size: 53px;
  margin: 0 auto;
  line-height: normal;
}
@media screen and (max-width: 610px) {
  .carousel .slick-slide .quote-font-icon.reverse {
    position: relative;
    left: inherit;
    top: inherit;
  }
}
.videoCard h3 {
  padding-top: 0;
}
/* ------------------------------------------------------ Pág. Comunicación ----------------------------------------- */
/* quitar el padding dcho del video situado a la izquierda para que tengan el mismo tamaño los 2 */
.repcon-box.cols-2.videoSinPadding > .r-assembly:first-child {
  padding-right: 0;
}
/* Magazine quitar fondo gris cuando hover */
.image-wrapper:hover:after {
  background: none;
}
/* Magazine alineación img a la izquierda */
.repcon-box.box-list > .magazine {
  align-items: flex-start;
}
/* ------------------------------------------------------ Pág. interior Caso Éxito ----------------------------------------- */
/*  líneas arriba y abajo y espacio */
.quotes_testimonio {
  padding: 2rem;
}
/* quitar línea de la lista */
.separator-list.separator-listSinLinea > .r-control {
  border-bottom: none;
}
/* centrar video */
.container-fluid.videoCenter {
  display: flex;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
/* centrar comillas testimonio */
.quote-font-icon.reverse.comillasTestimonio {
  position: static;
}
/* Cambiar tamaño de las comillas*/
.quote-font-icon.reverse.comillasTestimonio.comillasTestimonio:before {
  width: 100px;
  font-size: 100px;
  margin-bottom: 2rem;
}
/* espacio entre parrafo y 2 columnas (Objetivos | Beneficios */
.repcon-box.cols-2.espaciadocexito {
  margin-top: 3rem;
}
/* Espacio en sección testimonio entre la frase dicha y el nombre, empresa...*/
.espacioParrafo {
  padding-bottom: 1rem;
}
/* espacio a la derecha en la columna de Beneficios alcanzados  */
.r-assembly.espaciodcha {
  padding-left: 3rem;
}
/* Cambio de tamaño del video a 1000px*/
.footerVideoCenter {
  padding: 0.5rem 2rem;
  max-width: 100%;
  width: 1000px;
}
/* --------------------------------------------------- Pág. interior Webinars -------------------------------------------*/
input[type="submit"] {
  background: none !important;
  color: #B92D32 !important;
  border: none;
  padding: 0 50% 0 40% !important;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-overflow: clip !important;
}
input[type="submit"][disabled] {
  color: #B1B1B0 !important;
}
div .separator-list.separator-listFactory.espacioarriba {
  margin-top: -1rem;
}
#card.dark-grey-3-bg .button-elem:hover p {
  color: #B92D32 !important;
}
#card.dark-grey-3-bg .button2 a,
#card.dark-grey-3-bg .button2 p {
  color: white;
}
#card.white-bg .light-grey-2-bg .button-elem:hover,
#card.transparent-bg .light-grey-2-bg .button-elem:hover {
  box-shadow: 0px 0px 0px 2px #B92D32 inset;
  background-color: white !important;
}
#card.white-bg .light-grey-2-bg .button-elem:hover a,
#card.transparent-bg .light-grey-2-bg .button-elem:hover a {
  color: #B92D32;
}
#card .button2 {
  margin-top: 1em;
}
#card .button2 a:hover {
  color: #B92D32 !important;
}
#card .button2 a:hover p {
  color: #B92D32 !important;
}
#card .button2.text-right a {
  display: flex;
  align-items: center;
  justify-content: end;
}
#card .button-elem {
  margin-top: 2em;
}
#card .button-elem.white-text {
  border-color: white;
}
#card .button-elem.white-text a {
  color: white;
}
#card .button-elem.red-1-text {
  border-color: #B92D32;
}
#card .button-elem.red-1-text a {
  color: #B92D32;
}
#card .button-elem.black {
  border-color: #000;
}
#card .button-elem.black a {
  color: #000;
}
#card.cv {
  max-width: 600px;
}
#card.cv .box-list > .r-control > div.image-wrapper:hover:after {
  background: rgba(0, 0, 0, 0);
}
#card.cv .box-list > .r-control > div.image-wrapper:hover img {
  transform: none;
}
#card.cv .box-list > .r-control > div.image-wrapper img {
  border-radius: 10em;
  width: 200px;
  margin: 0 auto;
}
#card.cv .box-list > .r-control > div .main {
  order: 1;
  text-align: center;
}
#card.cv .box-list > .r-control > div .main h4 {
  justify-content: center;
  font-size: 1.4em;
}
#card.cv .box-list > .r-control > div .main .subtitle span {
  display: block;
}
#card.cv .box-list > .r-control > div .row {
  order: 2;
  text-align: center;
}
#card.cv .box-list > .r-control > div .row .button-elem {
  margin-top: 0.5em;
}
#card.cv .box-list > .r-control > div hr {
  order: 3;
}
#card.cv .box-list > .r-control > div p {
  order: 4;
}
/* --------------------------------------------------- Pág. interior Podcast -------------------------------------------*/
.repcon-box.cols-2 > .r-assembly > video.alineararriba {
  margin-top: 23px;
}
/* ---------------------------------------------------- Pág. más webinars ----------------------------------------------*/
.repcon-html .repcon-box.box-list > .r-control.line-box.borde_gris {
  border: 0.5px solid #B1B1B0;
}
/* -------------------------------------------------------- Media Queries ---------------------------------------------- */
@media screen and (max-width: 1500px) {
  .repcon-html .repcon-box.box-list.cols-3 > div {
    width: calc(33.333333% - 2rem);
  }
}
@media screen and (max-width: 1200px) {
  .repcon-html .repcon-box.box-list.cols-4 > div {
    width: calc(50% - 2rem);
  }
  .repcon-html .repcon-box.box-list.cols-5 > div {
    width: calc(80% - 2rem);
  }
}
@media screen and (max-width: 990px) {
  .repcon-html .repcon-box.cols-4.square-list > .r-control {
    width: calc(50% - 2rem);
    height: calc(50vw - 6rem);
  }
  .repcon-html .cols-5.square-list > .r-control {
    width: calc(33% - 2rem) !important;
    padding: 4rem 0;
    margin-bottom: 2rem;
  }
  .repcon-html .cols-3.box-list > div {
    width: calc(50% - 2rem);
  }
  .repcon-html .list-count.cols-3 + .row > .button-elem {
    width: calc(50% - 2rem - 70px);
  }
  .repcon-html .repcon-box[class*="cols-"] > .r-assembly[class*="width-"] {
    width: 100% !important;
  }
  .repcon-html .navbar .submenuTitle {
    padding: 0;
  }
  .repcon-html .navbar .nav-item .submenu ul + ul {
    border-left: initial;
    padding: 0;
  }
  .repcon-html .navbar .submenuTitle p {
    font-weight: normal;
  }
  .repcon-html .navbar .nav-item .submenu ul {
    margin: 0;
  }
  .wakeUpCall > .dark-grey-3-bg.wakeUpBox {
    width: 70vw !important;
    margin: auto !important;
  }
}
@media screen and (max-width: 610px) {
  .repcon-html .repcon-box.square-list[class*="cols-"] {
    flex-direction: column;
  }
  .repcon-html .repcon-box.square-list[class*="cols-"] > .r-control {
    width: 50vw !important;
    margin: 1rem auto;
  }
  .repcon-html .repcon-box.square-list[class*="cols-"] > .r-control:has(.r-control[class*="sap_"]) {
    height: 50vw !important;
  }
  .repcon-html .repcon-box.square-list[class*="cols-"] > .r-control:has(.r-control[class*="infor-"]) {
    height: 50vw !important;
  }
  .repcon-html .list-count.cols-3 + .row > .button-elem {
    width: calc(100% - 2rem);
    text-align: center;
  }
  .repcon-html .repcon-box.box-list.cols-3 > div,
  .repcon-html .repcon-box.box-list.cols-4 > div {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
/* --------------------------------------------------------------------------------------------------------------------- */
.repcon-html h1 {
  margin: 5vw;
}
.repcon-html [class*="-icon"]:before {
  font-size: 1rem;
  display: inline;
}
header .repcon-box .button-elem {
  margin: 0rem 1rem;
}
header .header-title,
#header-page .header-title {
  margin: 0;
  padding: 0 8%;
}
.menu > div {
  padding-top: 80px;
}
.header-title {
  position: relative;
  top: 50%;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
  font-size: 3em !important;
  line-height: 1.2 !important;
}
@media screen and (min-width: 610px) {
  .header-title {
    font-size: 6vw !important;
  }
}
@media screen and (min-width: 1200px) {
  .header-title {
    font-size: 4em !important;
  }
}
.repcon-html {
  counter-reset: listNumber;
}
.repcon-html .box-list .repcon-box.row > .button-elem {
  margin: 0;
}
.repcon-html .repcon-box.box-list > .r-control.line-box {
  border: 2px solid;
}
.repcon-html .repcon-box.box-list > .r-control.line-box .image-wrapper {
  border-bottom: 2px solid;
}
.repcon-html .box-list > .r-control.line-box > div:not(.image-wrapper),
.repcon-html .box-list > .r-control[class*="-bg"] > div:not(.image-wrapper) {
  padding: 1rem 0;
}
.repcon-html .box-list > .r-control.line-box.with-padding > div:not(.image-wrapper),
.repcon-html .box-list > .r-control[class*="-bg"].with-padding > div:not(.image-wrapper) {
  padding: 1rem 2rem;
}
.repcon-html .box-list .repcon-box.row > .button-elem.block-button {
  width: calc(100% + 4rem);
  margin: 0 -2rem -1rem;
}
.repcon-html .repcon-box.box-list > .r-control.line-box {
  border: 1px solid #ffffff;
}
.repcon-html .repcon-box.box-list > .r-control.line-box .image-wrapper {
  border: none;
}
.repcon-html .repcon-box.box-list > .r-control .image-wrapper,
.repcon-html .repcon-box.box-list > .r-control .image-non-wrapper {
  height: 200px;
}
.repcon-html .light-grey-line-color .r-control a {
  height: 100% !important;
}
.repcon-html .light-grey-line-color .r-control a img {
  object-fit: cover !important;
  height: 100% !important;
  padding: 0% !important;
}
.repcon-html .square-list .r-control:before {
  font-size: 3.5em;
}
.repcon-html .square-list .r-control[class*="sap_"]:before {
  font-size: 2.35vw;
}
@media screen and (max-width: 990px) {
  .repcon-html .square-list .r-control[class*="sap_"]:before {
    font-size: 4.5vw !important;
  }
}
@media screen and (max-width: 610px) {
  .repcon-html .square-list .r-control[class*="sap_"]:before {
    font-size: 6.8vw !important;
  }
}
.repcon-html .email {
  width: 50%;
  background-color: white;
  margin: 1% 10%;
  padding: 1% 5%;
}
.repcon-html .email input[type="text"] {
  box-shadow: none;
  border: none;
  display: inline-block;
  width: 99%;
  height: 20px;
}
.repcon-html .email input[type="text"] ~ * {
  display: inline-block;
  width: 1%;
  height: 20px;
  margin: auto;
}
.repcon-html .diagram-assembly {
  padding: 2rem 0;
}
.repcon-html .diagram:first-child {
  padding-left: 11%;
  border-bottom: 1px solid;
}
.repcon-html .diagram:first-child > .r-control:after {
  content: "";
  height: 1rem;
  width: 1px;
  border-right: 1px solid;
  display: block;
  margin: 0 auto;
}
.repcon-html .diagram:last-child {
  padding-right: 11%;
  justify-content: flex-end;
}
.repcon-html .diagram:last-child > .r-control:before {
  content: "";
  height: 1rem;
  width: 1px;
  border-right: 1px solid;
  display: block;
  margin: 0 auto;
}
.repcon-html .diagram .r-control {
  text-align: center;
  line-height: normal;
}
.repcon-html .diagram .r-control p {
  flex-grow: 1;
}
@media screen and (max-width: 990px) {
  .diagram-assembly {
    display: flex;
  }
  .repcon-html .diagram {
    width: 50%;
    flex-direction: column;
  }
  .repcon-html .diagram:first-child {
    padding-top: 11%;
    padding-left: 0;
    border-right: 1px solid;
    border-bottom: none;
    align-items: flex-end;
  }
  .repcon-html .diagram:first-child > .r-control:after {
    content: "";
    height: 1px;
    width: 3rem;
    border-top: 1px solid;
    display: block;
    position: absolute;
    top: 45px;
    border-right: none;
    right: 0;
  }
  .repcon-html .diagram:last-child {
    padding-bottom: 11%;
    justify-content: unset;
  }
  .repcon-html .diagram:last-child > .r-control:before {
    content: "";
    height: 1px;
    width: 3rem;
    border-top: 1px solid;
    display: block;
    position: absolute;
    top: 45px;
    border-right: none;
    left: 0;
  }
  .repcon-html .diagram .r-control {
    width: auto;
    max-width: 200px;
    position: relative;
  }
  .repcon-html .r-assembly[class*="cols-"]:not(.list-count):not(.diagram):not(.box-list) {
    display: block;
  }
  .repcon-html .r-assembly[class*="cols-"]:not(.list-count):not(.diagram):not(.box-list) > .r-assembly,
  .repcon-html .r-assembly[class*="cols-"]:not(.list-count):not(.diagram):not(.box-list) > .r-control {
    width: 100%;
    padding: 0;
  }
}
.repcon-html .dark-grey-3-bg .square-list.white-line-color * {
  padding: 1rem;
}
.repcon-html .dark-grey-3-bg .square-list.white-line-color .r-control {
  border-color: white;
}
.repcon-html .dark-grey-3-bg .square-list.white-line-color .r-control:hover {
  background-color: transparent;
}
.repcon-html .dark-grey-3-bg .square-list > .r-control:hover {
  background-color: white;
}
.repcon-html .dark-grey-3-bg .square-list > .r-control:hover a {
  color: #B92D32;
}
.repcon-html .white-bg .square-list.light-grey-line-color .r-control,
.repcon-html .light-grey-1-bg .square-list.light-grey-line-color .r-control {
  border-color: #ECECEC;
}
.repcon-html .white-bg .square-list.light-grey-line-color .r-control:hover,
.repcon-html .light-grey-1-bg .square-list.light-grey-line-color .r-control:hover {
  background-color: #ECECEC !important;
  padding: 0px;
}
.repcon-html .white-bg .square-list:not(.light-grey-line-color) > .r-control:hover,
.repcon-html .light-grey-1-bg .square-list:not(.light-grey-line-color) > .r-control:hover {
  background-color: #B92D32;
}
.repcon-html .white-bg .square-list:not(.light-grey-line-color) > .r-control:hover .r-control:before,
.repcon-html .light-grey-1-bg .square-list:not(.light-grey-line-color) > .r-control:hover .r-control:before,
.repcon-html .white-bg .square-list:not(.light-grey-line-color) > .r-control:hover a,
.repcon-html .light-grey-1-bg .square-list:not(.light-grey-line-color) > .r-control:hover a,
.repcon-html .white-bg .square-list:not(.light-grey-line-color) > .r-control:hover p,
.repcon-html .light-grey-1-bg .square-list:not(.light-grey-line-color) > .r-control:hover p {
  color: #fff;
}
.search-container {
  display: none;
  position: absolute;
  top: 2.8em;
  background-color: #3E3E3D;
  color: white;
  width: 80%;
  padding-bottom: 8%;
}
@media screen and (max-width: 1102px) {
  .search-container {
    top: 5em;
  }
}
@media screen and (max-width: 1000px) {
  .search-container {
    display: none;
  }
}
.search-container #___gcse_1 {
  width: 80%;
  margin: 0 auto;
  padding-top: 8%;
}
.search-container #___gcse_1 .gsc-control-searchbox-only {
  width: 100%;
}
.search-container #___gcse_1 .gsc-control-searchbox-only .gsc-search-box {
  position: relative;
}
.search-container #___gcse_1 .gsc-control-searchbox-only .gsc-search-box .gsc-input {
  padding: 0;
  width: 100%;
}
.search-container #___gcse_1 .gsc-control-searchbox-only .gsc-search-box .gsc-input .gsc-input-box {
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.search-container #___gcse_1 .gsc-control-searchbox-only .gsc-search-box .gsc-input .gsc-input-box .gsib_b {
  display: none;
}
.search-container #___gcse_1 .gsc-control-searchbox-only .gsc-search-box .gsc-input .gsc-input-box .gsib_a {
  padding: 0;
  display: grid;
}
.search-container #___gcse_1 .gsc-control-searchbox-only .gsc-search-box .gsc-search-button {
  position: absolute;
  right: 0;
  margin: 0;
  height: 100%;
  opacity: 0;
  padding: 0;
  cursor: pointer;
}
.search-container #___gcse_1 .gsc-control-searchbox-only .gsc-search-box .gsc-search-button-v2 {
  padding: 0;
  width: 100%;
}
.search-container #___gcse_1 label {
  color: white;
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
}
.search-container #___gcse_1 input[name="search"] {
  border-bottom: 1px solid white !important;
  background-color: transparent !important;
  width: 100%;
  box-shadow: none;
  padding: 1em 0 0.5em 1em !important;
  margin-bottom: 1em;
  color: #fff;
  background: url("data:image/svg+xml,%3Csvg class='svg-icon search-icon' aria-labelledby='title desc' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.9 19.7'%3E%3Ctitle id='title'%3ESearch Icon%3C/title%3E%3Cdesc id='desc'%3EA magnifying glass icon.%3C/desc%3E%3Cg class='search-path' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='square' d='M18.5 18.3l-5.4-5.4'/%3E%3Ccircle cx='8' cy='8' r='7'/%3E%3C/g%3E%3C/svg%3E") no-repeat 98% 70% !important;
  background-size: 26px !important;
  font-size: 26px;
}
.search-container #___gcse_1 input[name="search"]::placeholder {
  color: #fff;
  opacity: 0.5;
  font-size: 26px;
  padding-left: 0.5em;
}
.search-container #close-button {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  margin: 40px;
}
.search-container #close-button i {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  margin-top: 10px;
  background: #fff;
  opacity: 1;
  left: 0;
}
.search-container #close-button i:nth-child(1) {
  transform: rotate(45deg);
}
.search-container #close-button i:nth-child(2) {
  transform: rotate(-45deg);
}
.solutions li {
  width: calc(50% - 2rem);
}
.locations {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 3em;
}
.locations address {
  text-align: center;
  font-style: normal;
}
a {
  color: #212121;
  text-decoration: none;
}
a:focus {
  outline: none;
}
section {
  overflow: visible;
  position: relative;
}
.white-color:not(.apply-before),
.white-color:not(.apply-before) div:not([class*="-color"]) {
  color: #FFFFFF !important;
}
h1,
h2,
h4 {
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
[class*="-font-icon"]:before {
  font-weight: normal;
}
.r-assembly[class*="width-"],
.repcon-box[class*="cols-"] > .r-assembly {
  display: inline-block;
  vertical-align: top;
}
.repcon-box .button-elem.line-button,
.repcon-box .button-elem.text-button {
  background-color: transparent;
}
.repcon-box .button-elem {
  box-shadow: none;
  min-width: 0;
  display: inline-flex;
  vertical-align: middle;
  cursor: pointer;
  justify-content: center;
  padding: 0.8rem 1.4rem;
  transition: all 0.15s;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  border-radius: 1px;
}
.repcon-box .button-elem:not(.line-button):not(.text-button) {
  color: #fff;
}
#contact-navigation-form .button-elem {
  box-shadow: none;
  min-width: 0;
  display: inline-flex;
  vertical-align: middle;
  cursor: pointer;
  justify-content: center;
  padding: 0.8rem 1.4rem;
  transition: all 0.15s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  border-radius: 1px;
  border: 2px solid #d12101;
  text-align: center;
}
.project-subtitle {
  padding: 4rem 2rem 0;
  text-align: center;
  font-size: 32px !important;
  font-weight: 700;
  line-height: 33px !important;
  margin: 0 auto;
}
@media screen and (min-width: 610px) {
  .project-subtitle {
    padding: 4rem 4rem 0;
  }
}
@media screen and (min-width: 1600px) {
  .project-subtitle {
    padding: 4rem 0 0;
    max-width: 1500px;
  }
}
#whatIs .image-flex .content-box {
  display: flex;
  align-items: center;
  padding: 0 !important;
}
@media screen and (max-width: 610px) {
  #whatIs .image-flex .content-box {
    flex-direction: column;
  }
}
#whatIs .image-flex .content-box div:first-child {
  order: 1;
  padding-left: 2em;
}
@media screen and (max-width: 610px) {
  #whatIs .image-flex .content-box div:first-child {
    border-left: 2px solid #B92D32;
  }
}
#whatIs .image-flex .content-box div:last-child {
  order: 0;
  width: 170px;
  padding-right: 2em;
  border-right: 2px solid #B92D32;
}
#whatIs .image-flex .content-box div:last-child img {
  margin: 0;
  height: 2em;
}
@media screen and (max-width: 610px) {
  #whatIs .image-flex .content-box div:last-child {
    width: 100%;
    border-right: none;
    padding-right: 0;
    padding-bottom: 2em;
  }
  #whatIs .image-flex .content-box div:last-child img {
    padding: 0 2em;
  }
}
#whatIs .image-flex-center .content-box {
  display: flex;
  align-items: center;
  padding: 6 !important;
  margin-left: calc(50% - 200px);
}
@media screen and (max-width: 610px) {
  #whatIs .image-flex-center .content-box {
    flex-direction: column;
    margin-left: -20px;
  }
}
#whatIs .image-flex-center .content-box div:first-child {
  order: 1;
  padding-left: 4em;
  width: 20em;
}
@media screen and (max-width: 610px) {
  #whatIs .image-flex-center .content-box div:first-child {
    border-left: 2px solid white;
  }
}
#whatIs .image-flex-center .content-box div:last-child {
  order: 0;
  width: 170px;
  padding-right: 1em;
  border-right: 2px solid white;
}
#whatIs .image-flex-center .content-box div:last-child img {
  margin: 0;
}
@media screen and (max-width: 610px) {
  #whatIs .image-flex-center .content-box div:last-child {
    width: 60%;
    border-right: none;
    padding-right: 0;
    padding-bottom: 2em;
  }
  #whatIs .image-flex-center .content-box div:last-child img {
    padding: 0 2em;
  }
}
#whatIs .not-image .content-box {
  padding: 0 !important;
}
#orderedList .simpleList .list-count > div {
  padding: 2rem 0;
}
#orderedList .simpleList .list-count > div:before {
  display: none;
}
#orderedList .simpleList .list-count > div h4 {
  padding: 0 0 0.5em 0;
}
@media screen and (min-width: 610px) {
  #orderedList .simpleList .list-count > div:nth-child(odd) {
    padding: 2rem 2rem 2rem 0;
  }
  #orderedList .simpleList .list-count > div:nth-child(even) {
    padding: 2rem 0 2rem 2rem;
  }
}
#orderedList .borderList .list-count > div {
  border-left: 5px solid #B92D32;
  padding: 1rem;
  margin-bottom: 2rem;
}
#orderedList .borderList .list-count > div:before {
  display: none;
}
#whatIS.white-bg + #orderedList.white-bg {
  padding-top: 0;
}
#list-list .cols-3 > div {
  padding: 1em 0;
  width: 100%;
}
@media screen and (min-width: 610px) {
  #list-list .cols-3 > div {
    padding: 1em;
    width: 50%;
  }
}
@media screen and (min-width: 1300px) {
  #list-list .cols-3 > div {
    width: 33.333333%;
  }
}
#list-list .cols-3 > div img {
  margin: 0;
  float: left;
  width: 6rem;
  height: fit-content;
}
#list-list .cols-3 > div p {
  margin-left: 1em;
  position: relative;
  left: 90px;
}
#list-list .cols-3 > div ul li {
  list-style-type: disc !important;
  position: relative;
  left: 100px;
  font-size: 17px;
}
#img-list {
  padding-top: 0 !important;
}
#img-list ol {
  list-style-type: none;
}
#img-list .cols-2 > div {
  display: flex;
  padding: 1em 0;
  width: 100%;
}
@media screen and (min-width: 610px) {
  #img-list .cols-2 > div {
    padding: 1em;
    width: 50%;
  }
}
@media screen and (min-width: 1300px) {
  #img-list .cols-2 > div {
    width: 50%;
  }
}
#img-list .cols-2 > div img {
  margin: 0;
  width: 6rem;
  height: fit-content;
}
#img-list .cols-2 > div p {
  margin-left: 1em;
}
#img-list .cols-3 > div {
  display: flex;
  padding: 1em 0;
  width: 100%;
}
@media screen and (min-width: 610px) {
  #img-list .cols-3 > div {
    padding: 1em;
    width: 50%;
  }
}
@media screen and (min-width: 1300px) {
  #img-list .cols-3 > div {
    width: 33.333333%;
  }
}
#img-list .cols-3 > div img {
  margin: 0;
  width: 6rem;
  height: fit-content;
}
#img-list .cols-3 > div p {
  margin-left: 0em;
  margin-bottom: 1em;
}
#img-list .cols-4 > div {
  display: flex;
  padding: 1em 0;
  width: 100%;
}
@media screen and (min-width: 610px) {
  #img-list .cols-4 > div {
    padding: 1em;
    width: 50%;
  }
}
@media screen and (min-width: 1300px) {
  #img-list .cols-4 > div {
    width: 25%;
  }
}
#img-list .cols-4 > div img {
  margin: 0;
  width: 6rem;
  height: fit-content;
}
#img-list .cols-4 > div p {
  margin-left: 1em;
}
#img-list .cols-5 > div {
  display: flex;
  padding: 1em 0;
  width: 100%;
}
@media screen and (min-width: 610px) {
  #img-list .cols-5 > div {
    padding: 1em;
    width: 50%;
  }
}
@media screen and (min-width: 1300px) {
  #img-list .cols-5 > div {
    width: 20%;
  }
}
#img-list .cols-5 > div img {
  margin: 0;
  width: 6rem;
  height: fit-content;
}
#img-list .cols-5 > div p {
  margin-left: 1em;
  color: white !important;
}
#img-list .speakers > div {
  display: flex;
  justify-content: center;
  padding: 1em 0;
  width: 100%;
}
@media screen and (min-width: 610px) {
  #img-list .speakers > div {
    padding: 1em;
  }
}
#img-list .speakers > div a {
  text-align: center;
}
#img-list .speakers > div p {
  display: flex;
  flex-direction: column;
}
#img-list .speakers > div p span:first-child,
#img-list .speakers > div p span:last-child {
  font-weight: bold;
}
#img-list .speakers > div img {
  width: 10em;
  height: 10em;
  border-radius: 10em;
  margin-bottom: 1em;
}
@media screen and (min-width: 610px) {
  #img-list .speakers.cols-4 > div,
  #img-list .speakers.cols-3 > div,
  #img-list .speakers.cols-2 > div {
    width: 50%;
  }
}
@media screen and (min-width: 990px) {
  #img-list .speakers.cols-4 > div,
  #img-list .speakers.cols-3 > div {
    width: 33.333333%;
  }
}
@media screen and (min-width: 1200px) {
  #img-list .speakers.cols-4 > div {
    width: 25%;
  }
}
#img-list .list > div h3 {
  padding-top: 0;
}
#img-list .list > div ol li {
  list-style: disc;
  margin-left: 1.3em;
}
#img-list .list > div ol li p {
  margin-left: 0px;
  margin-bottom: 10px;
}
.repcon-html .r-progressbar {
  display: block !important;
  position: relative;
  float: none;
  height: auto;
  padding: 1em 0 2rem 0;
}
.repcon-html .r-progressbar label:after {
  position: relative;
  font-family: icons;
  font-size: 2em;
  color: #B92D32;
  content: "\F1D9";
  left: -0.5em;
}
.repcon-html .r-progressbar label p {
  width: fit-content;
  transform: translateX(-50%);
}
.repcon-html .r-progressbar label ~ .progressbar-children .ticks {
  top: 0.5rem;
}
.repcon-html .r-progressbar .progress {
  width: 100%;
  position: relative;
  display: block;
  height: 5px;
  border-radius: 200px;
  overflow: hidden;
  background: #ccc;
  box-shadow: 0 1px 1px #ddd inset;
}
.repcon-html .r-progressbar .progress .progressbar-value {
  background-color: #B92D32;
  height: 100%;
  transition: width 0.2s ease;
}
.repcon-html .r-progressbar .progressbar-children {
  display: flex;
  flex-wrap: wrap;
  padding: 0.219rem;
}
.repcon-html .r-progressbar .progressbar-children .progressbar-labels {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.repcon-html .r-progressbar .progressbar-children .progressbar-labels > *:first-child,
.repcon-html .r-progressbar .progressbar-children .progressbar-labels > *:last-child {
  padding: 0;
}
.repcon-html .r-progressbar .progressbar-children .progressbar-labels p:last-child {
  text-align: end;
}
.repcon-html .r-progressbar .progressbar-children .progressbar-labels p span {
  display: block;
  color: #B92D32;
}
.repcon-html .r-progressbar .progressbar-children .ticks {
  position: relative;
  top: -1.5rem;
  width: 100%;
}
.repcon-html .r-progressbar .progressbar-children .ticks label {
  justify-content: flex-end;
  position: absolute;
  margin: -0.3rem 0rem !important;
}
.repcon-html .r-progressbar .progressbar-children .ticks label p {
  cursor: default;
}
.repcon-html .r-progressbar .progressbar-children .ticks label.align-bottom {
  top: 2rem;
  margin: 0rem !important;
}
.repcon-html .r-progressbar .progressbar-children .ticks label.align-bottom:before {
  top: -1.3rem;
}
.repcon-html .r-progressbar .progressbar-children .ticks label:before {
  content: "|";
  position: absolute;
  top: 0.6rem;
  right: -2px;
}
.repcon-html.smticdigital .bg-primary {
  min-height: 100vh;
}
.repcon-html.smticdigital .bg-primary .header-title {
  background-image: linear-gradient(0deg, transparent, transparent 25%, transparent 25%, transparent 75%, #fff 75%), linear-gradient(90deg, #fff, #fff 25%, transparent 25%, transparent 75%, transparent 75%), linear-gradient(180deg, transparent, transparent 25%, transparent 25%, transparent 75%, #fff 75%), linear-gradient(270deg, transparent, transparent 25%, transparent 25%, transparent 75%, transparent 75%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  padding: 0.5em;
  line-height: 1;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-size: 3px 100%, 100% 3px, 3px 100%, 100% 3px;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 80%;
}
@media screen and (max-width: 610px) {
  .repcon-html.smticdigital .bg-primary .header-title {
    width: 90%;
  }
}
.repcon-html.smticdigital .bg-primary .header-title span {
  width: 100%;
}
.repcon-html.smticdigital .bg-primary .header-title span:nth-child(1) {
  font-size: 0.3em;
  text-transform: uppercase;
  line-height: 1;
}
.repcon-html.smticdigital .bg-primary .header-title span:nth-child(3) {
  font-size: 0.4em;
  padding-bottom: 1em;
}
.repcon-html.smticdigital .bg-primary .header-title span:nth-child(4),
.repcon-html.smticdigital .bg-primary .header-title span:nth-child(5) {
  font-size: 0.6em;
  line-height: 0.9;
}
.repcon-html.smticdigital .bg-primary .button-elem {
  text-transform: uppercase;
}
@media screen and (max-width: 610px) {
  .repcon-html.smticdigital .bg-primary .button-elem {
    margin-top: 2em;
    width: 90%;
  }
}
.repcon-html.smticdigital .bg-primary .button-elem.white-color p {
  color: white !important;
  font-size: 1em;
}
#faq img,
#diary img {
  height: 50px;
}
#faq h2,
#diary h2 {
  padding: 1.5rem 0;
}
#faq h3,
#diary h3 {
  padding-top: 0;
  font-size: 1.8em;
}
#faq h3 span,
#diary h3 span {
  font-size: 0.8em;
}
#faq .addCalendar > div,
#diary .addCalendar > div {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
#faq .addCalendar > div a,
#diary .addCalendar > div a {
  margin: 0 0.2em;
}
#faq .content-box,
#diary .content-box {
  margin: 1.5em 0;
  background-color: #fff;
  padding: 1.5em;
}
#faq .content-box div:not(.diaryHeader),
#diary .content-box div:not(.diaryHeader) {
  display: flex;
  align-items: center;
}
#faq .content-box div:not(.diaryHeader) img,
#diary .content-box div:not(.diaryHeader) img {
  width: 3em;
  height: 3em;
  border-radius: 10em;
  margin: 0 1em;
}
#faq .content-box div:not(.diaryHeader) p,
#diary .content-box div:not(.diaryHeader) p {
  text-align: left;
}
#faq .content-box div:not(.diaryHeader):not(:last-child),
#diary .content-box div:not(.diaryHeader):not(:last-child) {
  margin-bottom: 0.5em;
}
#faq .content-box .diaryHeader,
#diary .content-box .diaryHeader {
  border-bottom: 1px solid white;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
#faq .content-box .diaryHeader > div,
#diary .content-box .diaryHeader > div {
  display: flex;
  justify-content: space-between;
}
#faq .content-box .diaryHeader > div h4,
#diary .content-box .diaryHeader > div h4 {
  font-size: 1.2em;
  padding: 0;
  text-align: left;
}
#faq .content-box .diaryHeader > div h4 span,
#diary .content-box .diaryHeader > div h4 span {
  text-align: right;
}
#faq .content-box .diaryHeader > div h4 span:after,
#diary .content-box .diaryHeader > div h4 span:after {
  content: "\276F";
  font-size: 1.2em;
  display: inline-block;
  margin-left: 0.5em;
  transform: rotate(90deg);
}
@media screen and (max-width: 610px) {
  #faq .content-box .diaryHeader > div h4,
  #diary .content-box .diaryHeader > div h4 {
    order: 2;
  }
}
#faq .content-box .diaryHeader > div p,
#diary .content-box .diaryHeader > div p {
  min-width: 120px;
  text-align: end;
}
#faq .content-box .diaryHeader > div p:before,
#diary .content-box .diaryHeader > div p:before {
  content: '\1F550';
}
#faq .content-box .diaryHeader > p,
#diary .content-box .diaryHeader > p {
  opacity: 0;
  height: 0;
  max-height: 0;
  text-align: left;
  color: #6F6F6E;
  transition: max-height 1s linear;
}
#faq .content-box .diaryHeader.open > p,
#diary .content-box .diaryHeader.open > p {
  opacity: 1;
  height: auto;
  max-height: 600px;
  padding-top: 0.5em;
}
#faq .content-box .diaryHeader.open > div h4 span,
#diary .content-box .diaryHeader.open > div h4 span {
  text-align: right;
}
#faq .content-box .diaryHeader.open > div h4 span:after,
#diary .content-box .diaryHeader.open > div h4 span:after {
  transform: rotate(-90deg);
}
@media screen and (max-width: 610px) {
  #faq .content-box .diaryHeader > div,
  #diary .content-box .diaryHeader > div {
    flex-direction: column;
    align-items: flex-start;
  }
  #faq .content-box .diaryHeader > div h4,
  #diary .content-box .diaryHeader > div h4 {
    order: 2;
  }
  #faq .content-box .diaryHeader > div p,
  #diary .content-box .diaryHeader > div p {
    order: 1;
    margin-bottom: 0.5em;
    text-align: left;
  }
  #faq .content-box div:not(.diaryHeader) img,
  #diary .content-box div:not(.diaryHeader) img {
    margin-left: 0;
  }
  #faq .content-box div:not(.diaryHeader) p:first-child,
  #diary .content-box div:not(.diaryHeader) p:first-child {
    display: none;
  }
}
#faq .content-box .diaryHeader p {
  color: #B1B1B0 !important;
}
#faq h2 {
  padding-bottom: 4rem;
}
#faq .content-box {
  margin: 0;
  padding-top: 0;
}
#faq .diaryHeader {
  margin-bottom: 0;
}
#faq .diaryHeader h4 {
  position: relative;
  width: 100%;
  padding-right: 2.5em !important;
}
#faq .diaryHeader h4 span {
  display: flex;
  align-items: center;
  text-align: left !important;
}
#faq .diaryHeader h4 span:after {
  position: absolute;
  right: 1em;
}
@media screen and (min-width: 990px) {
  #cardOrderedList > .cols-2 {
    display: flex;
  }
}
#cardOrderedList > .cols-2 > div {
  width: 100%;
}
@media screen and (min-width: 990px) {
  #cardOrderedList > .cols-2 > div:first-child {
    width: 50%;
  }
  #cardOrderedList > .cols-2 > div:last-child {
    width: 50%;
  }
}
@media screen and (min-width: 990px) {
  #cardOrderedList > .cols-2 img,
  #cardOrderedList > .cols-2 video,
  #cardOrderedList > .cols-2 iframe {
    margin-top: 80px;
  }
}
#cardOrderedList #orderedList {
  padding: 0 0 4rem 0rem;
}
@media screen and (max-width: 990px) {
  #cardOrderedList #orderedList {
    padding: 0 0 4rem 0;
  }
}
@media screen and (min-width: 990px) {
  #cardOrderedList #orderedList h2 {
    padding-top: 0;
  }
}
@media screen and (min-width: 610px) {
  #cardOrderedList #orderedList .r-control:nth-child(odd) {
    padding: 2rem 2rem 2rem 0;
  }
  #cardOrderedList #orderedList .r-control:nth-child(even) {
    padding: 2rem 0 2rem 2rem;
  }
}
.repcon-html .repcon-box[class*="grid-"] {
  display: grid;
  grid-gap: 3em;
}
.repcon-html #gallery div[class*="cols-"] .r-assembly {
  padding: 1em !important;
}
.repcon-html #gallery div[class*="grid-"] {
  margin-top: 2em;
}
.repcon-html #gallery div[class*="grid-"] .r-assembly img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.repcon-html #gallery div[class*="grid-"] .r-assembly iframe {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .repcon-html #gallery .grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 990px) {
  .repcon-html #gallery .grid-4,
  .repcon-html #gallery .grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 610px) {
  .repcon-html #gallery .grid-4,
  .repcon-html #gallery .grid-3,
  .repcon-html #gallery .grid-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
iframe {
  border: none;
}
#contact-bg,
#contact-box {
  top: 0;
  left: 0;
  height: 100%;
}
#contact-box {
  position: fixed;
  width: 100%;
  z-index: -1;
  opacity: 0;
  transition: z-index 0.4s linear 0.4s, opacity 0.4s linear;
}
#contact-box.active {
  z-index: 3000;
  opacity: 1;
  transition: none;
  overflow: auto;
}
#contact-box.active #contact-navigation-form {
  position: relative;
  z-index: 2000;
  height: 100%;
  overflow: auto;
  opacity: 1;
  transition: opacity 0.2s ease 0.8s;
  margin: 0;
  background-image: url(../img/home/world-map.png);
  background-repeat: no-repeat;
  background-position: center calc(100% + 200px);
  background-size: 125%;
}
#contact-box.active #contact-navigation-form form {
  margin: 1em 0;
  height: auto;
}
#contact-box.active #contact-navigation-form form:before {
  content: '\f145';
  font-family: icons;
  display: block;
  font-size: 1.5em;
  margin: 1em auto;
  text-align: center;
}
#contact-box.active + .contact-naviagtion-button {
  background: #fff;
  transition: background 0.45s ease;
  right: 2rem;
  animation: contactBtn 0.8s cubic-bezier(0.55, 0, 0.1, 1) 0.5s forwards;
  transform: scale(0);
}
#contact-box.active + .contact-naviagtion-button .contact:before {
  color: #d12421;
  padding-top: 0.5em;
  transition: color 0.4s ease;
  content: '\f124';
}
@keyframes contactBtn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
#contact-box.active #contact-navigation-bg {
  z-index: 1999;
  border-radius: 0;
  height: 100%;
  width: 50%;
  transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1), z-index 0.1s ease;
  min-width: 480px;
  bottom: 0;
  right: 0;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
#contact-box.active #contact-bg {
  opacity: 0.4;
  transition: opacity 0.3s ease;
  z-index: 1998;
}
#contact-box .button-elem {
  width: 45%;
  display: inline-block !important;
  border-radius: 2px;
  font-weight: 700;
}
#contact-box .button-elem + .button-elem {
  margin-left: calc(10% - 4px);
}
#contact-box .button-elem p {
  color: #d12101;
}
#contact-box .button-elem p.success {
  border-color: #43A047;
  color: #43A047;
}
#contact-box h2 {
  text-align: left;
}
#contact-box .tlfns {
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
}
#contact-box h2.tlfn {
  font-size: 1.4em;
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contact-box h2.tlfn a {
  white-space: nowrap;
}
#contact-box #contact-navigation-bg {
  background: #fff;
  box-shadow: none;
  cursor: default;
  overflow: hidden;
  z-index: -1;
  transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1), z-index 0.8s ease 0.8s, border-radius 0.8s ease 0.2s;
  min-width: 0;
  bottom: 1em;
}
#contact-box #contact-navigation-form {
  opacity: 0;
  padding: 3em 5em;
  transition: opacity 0.2s ease;
}
#contact-box #contact-navigation-form form {
  width: auto;
  position: relative;
}
#contact-box #contact-navigation-form form > * {
  display: block;
}
#contact-box #contact-navigation-form form > .line-ctrl.half {
  display: inline-block;
  width: 49%;
}
#contact-box #contact-bg {
  position: fixed;
  width: 100%;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.3s ease 0.4s, z-index 0.3s ease 0.4s;
  z-index: -1;
}
#contact-box #contact-info {
  background-repeat: no-repeat;
  height: auto;
  background-size: contain;
  background-position: center;
}
#contact-box #contact-info a {
  transition: color 0.2s ease;
}
#contact-box #contact-info a:hover {
  color: #d12101;
}
#contact-box #contact-info * {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
}
#contact-box .line-ctrl {
  display: inline-block;
  max-width: 99%;
  padding: 0.3em 0;
  position: relative;
  vertical-align: top;
}
#contact-box .line-ctrl label {
  font-size: 1em;
  position: relative;
  top: 2em;
  z-index: 1;
  transition: all 0.2s ease;
  color: #444;
  cursor: pointer;
  padding: 0.25em 0;
  align-items: center;
}
#contact-box .line-ctrl textarea {
  resize: none;
}
#contact-box .line-ctrl:after {
  left: 50%;
  right: 50%;
  transition: all 0.2s ease;
}
#contact-box .line-ctrl label,
#contact-box .politic input {
  display: none;
}
#contact-box .line-ctrl input,
#contact-box .line-ctrl textarea {
  border: none;
  background-color: transparent;
  width: 100%;
  display: block;
  font: 0.9em Roboto !important;
  max-width: 100%;
  margin: 0.3em 0;
  outline: 0;
  position: relative;
  transition: border 0.2s ease;
  color: #444;
  font-weight: 300 !important;
}
#contact-box .line-ctrl input,
#contact-box .line-ctrl textarea {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  padding: 0.8em;
  font-size: 1em;
  border-bottom: none;
  box-shadow: none;
}
#contact-box .line-ctrl input:focus,
#contact-box .line-ctrl input:hover,
#contact-box .line-ctrl label:hover + input {
  padding-left: 0.8em;
  border-bottom: none;
}
#contact-box .line-ctrl input::-webkit-input-placeholder,
#contact-box .line-ctrl textarea::-webkit-input-placeholder {
  color: #999;
}
#contact-box .line-ctrl.focused label,
#contact-box .line-ctrl.has-content label {
  top: 0;
  color: #fff;
  opacity: 0.5;
}
#contact-box .line-ctrl.error:after,
#contact-box .line-ctrl.focused:after,
#contact-box .line-ctrl:after {
  height: 2px;
  background: #36C;
  margin-top: -0.4em;
  z-index: 1;
  position: absolute;
  content: '';
}
#contact-box .line-ctrl input:focus,
#contact-box .line-ctrl input:hover,
#contact-box .line-ctrl label:hover + input {
  border: none;
  box-shadow: none;
}
#contact-box .line-ctrl.error:after,
#contact-box .line-ctrl.focused:after {
  left: 0;
  right: 0;
}
#contact-box .line-ctrl.error:after {
  background: #d44c3c;
}
#contact-box .politic {
  padding: 0.8em 0;
}
#contact-box .politic * {
  color: #444;
}
#contact-box .politic a {
  text-decoration: underline;
}
#contact-box .politic label {
  cursor: pointer;
  position: relative;
  display: block;
}
#contact-box .politic label:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5em;
  border-radius: 1px;
  background: rgba(0, 0, 0, 0.1);
  border: 2px solid transparent;
  transition: border 0.2s ease;
}
#contact-box .politic input:checked + label:after {
  content: '';
  width: 6px;
  height: 12px;
  border-right: 2px solid #d12421;
  border-bottom: 2px solid #d12421;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 3px;
  left: 7px;
  animation: tick 0.15s ease;
}
#contact-box .politic .error + label:before {
  border: 2px solid #d12101;
}
@keyframes tick {
  0% {
    transform: scale(0) rotate(45deg);
  }
  100% {
    transform: scale(1) rotate(45deg);
  }
}
#contact-box .social-bar a {
  display: inline-block;
  margin-right: 15%;
}
#contact-box .social-bar a:before {
  font-size: 2rem;
  margin: 0;
  padding: 0;
  vertical-align: sub;
}
#contact-box #html_recaptcha .error > div {
  box-shadow: 0 2px 0 #d44c3c;
}
#contact-box table {
  border-spacing: 0px;
  border-color: #f8f8f8;
}
#contact-box td {
  padding: 0.5rem;
}
@media screen and (max-width: 900px) {
  #contact-box.active #contact-navigation-bg {
    width: 80%;
  }
}
@media screen and (max-width: 599px) {
  #contact-box h2 {
    padding: 0;
    background: 0 0;
  }
  #contact-box #ofices {
    position: relative;
    left: 0;
    bottom: 0;
    margin: 2em 0;
  }
  #contact-box .tlfns {
    display: flex;
    justify-content: space-between;
    margin: 1em 0;
  }
  #contact-box.active #contact-navigation-bg {
    width: 100%;
    min-width: 300px;
  }
  #contact-box .line-ctrl {
    padding: 0.3em 0;
  }
  #contact-box .line-ctrl.focused:after {
    left: 0;
    right: 0;
  }
}
@media only screen and (max-width: 480px) {
  #contact-box #contact-navigation-form {
    padding: 1.5em !important;
  }
  #contact-box h2.tlfn {
    font-size: 1.2em !important;
  }
  #contact-box .social-bar a:before {
    font-size: 1.5rem !important;
  }
}
#contact-navigation-bg,
.contact-naviagtion-button {
  background-color: #d12421;
  cursor: pointer;
  position: fixed;
  z-index: 3000;
  border-radius: 50%;
  right: 1em;
  bottom: 2em;
  box-shadow: 0 2px 2px 0 rgba(102, 102, 102, 0.54);
  transition: background 0.45s ease 0.8s;
  width: 65px;
  height: 65px;
}
.contact-naviagtion-button .contact:before {
  content: '\f145';
  color: #fff;
  font-family: icons;
  font-size: 1.8em;
  text-align: center;
  padding-top: 20%;
  display: block;
  transition: color 0.4s ease 0.8s;
  line-height: 35px;
}
.contact-naviagtion-button + section {
  position: fixed !important;
  top: 0;
  width: 100%;
  height: 550px !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.white-bg {
  background-color: #FFFFFF !important;
}
.white-bg.button-elem:hover {
  background-color: #cccccc !important;
}
.white-color,
.repcon-html .white-icon-color:before {
  color: #FFFFFF;
}
.repcon-html .white-icon-bg:before {
  background-color: #FFFFFF;
}
.light-grey-1-bg {
  background-color: #ECECEC !important;
}
.light-grey-1-bg.button-elem:hover {
  background-color: #b9b9b9 !important;
}
.light-grey-1-color,
.repcon-html .light-grey-1-icon-color:before {
  color: #ECECEC;
}
.repcon-html .light-grey-1-icon-bg:before {
  background-color: #ECECEC;
}
.light-grey-2-bg {
  background-color: #D9D9D9 !important;
}
.light-grey-2-bg.button-elem:hover {
  background-color: #a6a6a6 !important;
}
.light-grey-2-color,
.repcon-html .light-grey-2-icon-color:before {
  color: #D9D9D9;
}
.repcon-html .light-grey-2-icon-bg:before {
  background-color: #D9D9D9;
}
.light-grey-3-bg {
  background-color: #C5C5C5 !important;
}
.light-grey-3-bg.button-elem:hover {
  background-color: #929292 !important;
}
.light-grey-3-color,
.repcon-html .light-grey-3-icon-color:before {
  color: #C5C5C5;
}
.repcon-html .light-grey-3-icon-bg:before {
  background-color: #C5C5C5;
}
.grey-1-bg {
  background-color: #B1B1B0 !important;
}
.grey-1-bg.button-elem:hover {
  background-color: #7e7e7d !important;
}
.grey-1-color,
.repcon-html .grey-1-icon-color:before {
  color: #B1B1B0;
}
.repcon-html .grey-1-icon-bg:before {
  background-color: #B1B1B0;
}
.grey-2-bg {
  background-color: #9B9B9B !important;
}
.grey-2-bg.button-elem:hover {
  background-color: #686868 !important;
}
.grey-2-color,
.repcon-html .grey-2-icon-color:before {
  color: #9B9B9B;
}
.repcon-html .grey-2-icon-bg:before {
  background-color: #9B9B9B;
}
.grey-3-bg {
  background-color: #868685 !important;
}
.grey-3-bg.button-elem:hover {
  background-color: #535352 !important;
}
.grey-3-color,
.repcon-html .grey-3-icon-color:before {
  color: #868685;
}
.repcon-html .grey-3-icon-bg:before {
  background-color: #868685;
}
.dark-grey-1-bg {
  background-color: #6F6F6E !important;
}
.dark-grey-1-bg.button-elem:hover {
  background-color: #3c3c3b !important;
}
.dark-grey-1-color,
.repcon-html .dark-grey-1-icon-color:before {
  color: #6F6F6E;
}
.repcon-html .dark-grey-1-icon-bg:before {
  background-color: #6F6F6E;
}
.dark-grey-2-bg {
  background-color: #585757 !important;
}
.dark-grey-2-bg.button-elem:hover {
  background-color: #252424 !important;
}
.dark-grey-2-color,
.repcon-html .dark-grey-2-icon-color:before {
  color: #585757;
}
.repcon-html .dark-grey-2-icon-bg:before {
  background-color: #585757;
}
.dark-grey-3-bg {
  background-color: #3E3E3D !important;
}
.dark-grey-3-bg.button-elem:hover {
  background-color: #0b0b0a !important;
}
.dark-grey-3-color,
.repcon-html .dark-grey-3-icon-color:before {
  color: #3E3E3D;
}
.repcon-html .dark-grey-3-icon-bg:before {
  background-color: #3E3E3D;
}
.red-1-bg {
  background-color: #B92D32 !important;
}
.red-1-bg.button-elem:hover {
  background-color: #67191c !important;
}
.red-1-color,
.repcon-html .red-1-icon-color:before {
  color: #B92D32;
}
.repcon-html .red-1-icon-bg:before {
  background-color: #B92D32;
}
.red-2-bg {
  background-color: #982D2C !important;
}
.red-2-bg.button-elem:hover {
  background-color: #491615 !important;
}
.red-2-color,
.repcon-html .red-2-icon-color:before {
  color: #982D2C;
}
.repcon-html .red-2-icon-bg:before {
  background-color: #982D2C;
}
.red-3-bg {
  background-color: #7C2723 !important;
}
.red-3-bg.button-elem:hover {
  background-color: #2c0e0d !important;
}
.red-3-color,
.repcon-html .red-3-icon-color:before {
  color: #7C2723;
}
.repcon-html .red-3-icon-bg:before {
  background-color: #7C2723;
}
.black-bg.button-elem:hover {
  background-color: #000000 !important;
}
.black-color,
.repcon-html .black-icon-color:before {
  color: #000000;
}
.repcon-html .black-icon-bg:before {
  background-color: #000000;
}
.repcon-box.cols-7 > .r-control,
.repcon-box.cols-7 > .r-assembly {
  width: 14.28571429%;
}
.repcon-box.cols-7 > .r-control.es6-btn.r-control,
.repcon-box.cols-7 > .r-assembly.es6-btn.r-control {
  width: 14.28571429%;
}
.repcon-box.cols-7 > .r-control.box,
.repcon-box.cols-7 > .r-assembly.box {
  width: 14.28571429%;
}
.repcon-box.cols-7 > .r-control:nth-child(7),
.repcon-box.cols-7 > .r-assembly:nth-child(7) {
  padding-right: 0;
}
.repcon-box.cols-7.main-first > .r-control:first-child {
  width: 100%;
}
@media screen and (min-width: 611px) {
  .repcon-box.cols-7.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .repcon-box.cols-7.main-first > .r-control:first-child {
    width: calc(28.57142857% - 2rem);
  }
}
.repcon-box.cols-7.r-gallery > .list-elements > .repcon-element {
  width: calc(14.28571429% - 0.4rem);
}
.repcon-box.cols-7.r-gallery > .list-elements > .repcon-element > *[class*='font-icon']:before {
  font-size: 7.14285714 !important;
}
.repcon-box.cols-7 .r-box {
  width: 14.28571429%;
  vertical-align: top;
}
.repcon-box.cols-7.r-full-calendar .s-month {
  width: 14.28571429%;
}
.repcon-box.cols-7:not(.diagram) > .r-control {
  width: calc(14.28571429% - 2rem);
}
@media screen and (max-width: 610px) {
  .repcon-box.cols-7:not(.diagram) > .r-control {
    width: 100%;
  }
}
.repcon-box.grid-7 {
  grid-template-columns: repeat(7, 1fr);
}
.repcon-box.cols-8 > .r-control,
.repcon-box.cols-8 > .r-assembly {
  width: 12.5%;
}
.repcon-box.cols-8 > .r-control.es6-btn.r-control,
.repcon-box.cols-8 > .r-assembly.es6-btn.r-control {
  width: 12.5%;
}
.repcon-box.cols-8 > .r-control.box,
.repcon-box.cols-8 > .r-assembly.box {
  width: 12.5%;
}
.repcon-box.cols-8 > .r-control:nth-child(8),
.repcon-box.cols-8 > .r-assembly:nth-child(8) {
  padding-right: 0;
}
.repcon-box.cols-8.main-first > .r-control:first-child {
  width: 100%;
}
@media screen and (min-width: 611px) {
  .repcon-box.cols-8.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .repcon-box.cols-8.main-first > .r-control:first-child {
    width: calc(25% - 2rem);
  }
}
.repcon-box.cols-8.r-gallery > .list-elements > .repcon-element {
  width: calc(12.5% - 0.4rem);
}
.repcon-box.cols-8.r-gallery > .list-elements > .repcon-element > *[class*='font-icon']:before {
  font-size: 6.25 !important;
}
.repcon-box.cols-8 .r-box {
  width: 12.5%;
  vertical-align: top;
}
.repcon-box.cols-8.r-full-calendar .s-month {
  width: 12.5%;
}
.repcon-box.cols-8:not(.diagram) > .r-control {
  width: calc(12.5% - 2rem);
}
@media screen and (max-width: 610px) {
  .repcon-box.cols-8:not(.diagram) > .r-control {
    width: 100%;
  }
}
.repcon-box.grid-8 {
  grid-template-columns: repeat(8, 1fr);
}
.repcon-box.cols-9 > .r-control,
.repcon-box.cols-9 > .r-assembly {
  width: 11.11111111%;
}
.repcon-box.cols-9 > .r-control.es6-btn.r-control,
.repcon-box.cols-9 > .r-assembly.es6-btn.r-control {
  width: 11.11111111%;
}
.repcon-box.cols-9 > .r-control.box,
.repcon-box.cols-9 > .r-assembly.box {
  width: 11.11111111%;
}
.repcon-box.cols-9 > .r-control:nth-child(9),
.repcon-box.cols-9 > .r-assembly:nth-child(9) {
  padding-right: 0;
}
.repcon-box.cols-9.main-first > .r-control:first-child {
  width: 100%;
}
@media screen and (min-width: 611px) {
  .repcon-box.cols-9.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .repcon-box.cols-9.main-first > .r-control:first-child {
    width: calc(22.22222222% - 2rem);
  }
}
.repcon-box.cols-9.r-gallery > .list-elements > .repcon-element {
  width: calc(11.11111111% - 0.4rem);
}
.repcon-box.cols-9.r-gallery > .list-elements > .repcon-element > *[class*='font-icon']:before {
  font-size: 5.55555556 !important;
}
.repcon-box.cols-9 .r-box {
  width: 11.11111111%;
  vertical-align: top;
}
.repcon-box.cols-9.r-full-calendar .s-month {
  width: 11.11111111%;
}
.repcon-box.cols-9:not(.diagram) > .r-control {
  width: calc(11.11111111% - 2rem);
}
@media screen and (max-width: 610px) {
  .repcon-box.cols-9:not(.diagram) > .r-control {
    width: 100%;
  }
}
.repcon-box.grid-9 {
  grid-template-columns: repeat(9, 1fr);
}
.repcon-box.cols-10 > .r-control,
.repcon-box.cols-10 > .r-assembly {
  width: 10%;
}
.repcon-box.cols-10 > .r-control.es6-btn.r-control,
.repcon-box.cols-10 > .r-assembly.es6-btn.r-control {
  width: 10%;
}
.repcon-box.cols-10 > .r-control.box,
.repcon-box.cols-10 > .r-assembly.box {
  width: 10%;
}
.repcon-box.cols-10 > .r-control:nth-child(10),
.repcon-box.cols-10 > .r-assembly:nth-child(10) {
  padding-right: 0;
}
.repcon-box.cols-10.main-first > .r-control:first-child {
  width: 100%;
}
@media screen and (min-width: 611px) {
  .repcon-box.cols-10.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .repcon-box.cols-10.main-first > .r-control:first-child {
    width: calc(20% - 2rem);
  }
}
.repcon-box.cols-10.r-gallery > .list-elements > .repcon-element {
  width: calc(10% - 0.4rem);
}
.repcon-box.cols-10.r-gallery > .list-elements > .repcon-element > *[class*='font-icon']:before {
  font-size: 5 !important;
}
.repcon-box.cols-10 .r-box {
  width: 10%;
  vertical-align: top;
}
.repcon-box.cols-10.r-full-calendar .s-month {
  width: 10%;
}
.repcon-box.cols-10:not(.diagram) > .r-control {
  width: calc(10% - 2rem);
}
@media screen and (max-width: 610px) {
  .repcon-box.cols-10:not(.diagram) > .r-control {
    width: 100%;
  }
}
.repcon-box.grid-10 {
  grid-template-columns: repeat(10, 1fr);
}
.repcon-box.cols-11 > .r-control,
.repcon-box.cols-11 > .r-assembly {
  width: 9.09090909%;
}
.repcon-box.cols-11 > .r-control.es6-btn.r-control,
.repcon-box.cols-11 > .r-assembly.es6-btn.r-control {
  width: 9.09090909%;
}
.repcon-box.cols-11 > .r-control.box,
.repcon-box.cols-11 > .r-assembly.box {
  width: 9.09090909%;
}
.repcon-box.cols-11 > .r-control:nth-child(11),
.repcon-box.cols-11 > .r-assembly:nth-child(11) {
  padding-right: 0;
}
.repcon-box.cols-11.main-first > .r-control:first-child {
  width: 100%;
}
@media screen and (min-width: 611px) {
  .repcon-box.cols-11.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .repcon-box.cols-11.main-first > .r-control:first-child {
    width: calc(18.18181818% - 2rem);
  }
}
.repcon-box.cols-11.r-gallery > .list-elements > .repcon-element {
  width: calc(9.09090909% - 0.4rem);
}
.repcon-box.cols-11.r-gallery > .list-elements > .repcon-element > *[class*='font-icon']:before {
  font-size: 4.54545455 !important;
}
.repcon-box.cols-11 .r-box {
  width: 9.09090909%;
  vertical-align: top;
}
.repcon-box.cols-11.r-full-calendar .s-month {
  width: 9.09090909%;
}
.repcon-box.cols-11:not(.diagram) > .r-control {
  width: calc(9.09090909% - 2rem);
}
@media screen and (max-width: 610px) {
  .repcon-box.cols-11:not(.diagram) > .r-control {
    width: 100%;
  }
}
.repcon-box.grid-11 {
  grid-template-columns: repeat(11, 1fr);
}
.repcon-box.cols-12 > .r-control,
.repcon-box.cols-12 > .r-assembly {
  width: 8.33333333%;
}
.repcon-box.cols-12 > .r-control.es6-btn.r-control,
.repcon-box.cols-12 > .r-assembly.es6-btn.r-control {
  width: 8.33333333%;
}
.repcon-box.cols-12 > .r-control.box,
.repcon-box.cols-12 > .r-assembly.box {
  width: 8.33333333%;
}
.repcon-box.cols-12 > .r-control:nth-child(12),
.repcon-box.cols-12 > .r-assembly:nth-child(12) {
  padding-right: 0;
}
.repcon-box.cols-12.main-first > .r-control:first-child {
  width: 100%;
}
@media screen and (min-width: 611px) {
  .repcon-box.cols-12.main-first > .r-control:first-child {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .repcon-box.cols-12.main-first > .r-control:first-child {
    width: calc(16.66666667% - 2rem);
  }
}
.repcon-box.cols-12.r-gallery > .list-elements > .repcon-element {
  width: calc(8.33333333% - 0.4rem);
}
.repcon-box.cols-12.r-gallery > .list-elements > .repcon-element > *[class*='font-icon']:before {
  font-size: 4.16666667 !important;
}
.repcon-box.cols-12 .r-box {
  width: 8.33333333%;
  vertical-align: top;
}
.repcon-box.cols-12.r-full-calendar .s-month {
  width: 8.33333333%;
}
.repcon-box.cols-12:not(.diagram) > .r-control {
  width: calc(8.33333333% - 2rem);
}
@media screen and (max-width: 610px) {
  .repcon-box.cols-12:not(.diagram) > .r-control {
    width: 100%;
  }
}
.repcon-box.grid-12 {
  grid-template-columns: repeat(12, 1fr);
}
.hoverEffect,
body,
html {
  height: auto;
  font-family: Roboto;
}
:after,
:before,
body {
  font-size: 0.9rem;
  padding: 0;
  margin: 0;
}
body,
html {
  width: 100%;
  color: #444;
  padding: 0;
  margin: 0;
}
.button-elem a p {
  white-space: normal;
}
.grecaptcha-badge {
  left: 0 !important;
  bottom: 0 !important;
}
.tecnologia #detailedFeatures img:not([src*="."]) {
  display: none;
}
.tecnologia #detailedFeatures.red-1-bg p {
  color: white!important;
}
.tecnologia #detailedFeatures .separator-listFactory > .r-control:nth-last-child(n+2) {
  border-bottom: 1px solid #B92D32;
}
.tecnologia #detailedFeatures .button-elem.line-button {
  border: 2px solid #3E3E3D;
}
.tecnologia #detailedFeatures .button-elem.line-button:hover {
  border: 2px solid #B92D32 !important;
  background-color: #B92D32 !important;
}
.tecnologia #detailedFeatures .button-elem.line-button:hover p {
  color: white!important;
}
.tecnologia #detailedFeatures .r-assembly:not(.last):not(.first) {
  display: flex;
}
.tecnologia #detailedFeatures .r-assembly:not(.last):not(.first) img {
  padding: 0 3rem;
  margin: 0 auto;
}
.tecnologia #boxList .section-wrapper > div:first-child.cols-2 .r-assembly {
  width: 100%;
}
.tecnologia #boxList .section-wrapper > div:first-child.cols-2 .r-assembly h2 {
  text-align: center;
}
.tecnologia #boxList .square-list > .r-control {
  border: none;
  border-radius: 5px;
  box-shadow: none;
}
.tecnologia #boxList .square-list > .r-control .r-control:before {
  font-size: 8em;
}
.tecnologia #boxList .square-list > .r-control:hover a {
  color: white;
}
.tecnologia #boxList .square-list > .r-control a {
  color: #3E3E3D;
}
.tecnologia #boxList.light-grey-1-bg .square-list {
  justify-content: center;
}
.tecnologia #boxList.light-grey-1-bg .square-list > .r-control:hover {
  background-color: transparent;
  cursor: default;
}
.tecnologia #boxList.light-grey-1-bg .square-list > .r-control:hover p,
.tecnologia #boxList.light-grey-1-bg .square-list > .r-control:hover .r-control:before {
  color: #3E3E3D !important;
}
.tecnologia #orderedList .section-wrapper > div h3 {
  padding-top: 0 !important;
}
.tecnologia #orderedList .section-wrapper > div:first-child p {
  text-align: left;
}
.tecnologia #whatIS > div.image-left .content-box,
.tecnologia #whatIS > div.image-right .content-box {
  display: flex;
}
.tecnologia #whatIS > div.image-left .content-box > div:first-child,
.tecnologia #whatIS > div.image-right .content-box > div:first-child {
  width: 60%;
  padding-right: 2rem;
}
.tecnologia #whatIS > div.image-left .content-box > div:last-child,
.tecnologia #whatIS > div.image-right .content-box > div:last-child {
  width: 40%;
  padding-left: 3rem;
}
.tecnologia #whatIS > div.image-left .content-box > div:first-child {
  order: 1;
  padding-right: 0;
  padding-left: 2rem;
}
.tecnologia #whatIS > div.image-left .content-box > div:last-child {
  padding-right: 3rem;
  padding-left: 0;
}
.tecnologia #whatIS > div.image-right .content-box > div:first-child {
  padding-right: 3rem;
  padding-left: 0;
}
.tecnologia #whatIS > div.image-right .content-box > div:last-child {
  order: 1;
  padding-right: 0;
  padding-left: 0;
}
.tecnologia #whatIS h3 {
  font-size: 1.5rem;
  color: #3E3E3D;
}
.tecnologia #img-list h2 {
  font-size: 1.2rem;
}
.tecnologia .bg-primary {
  background-position: center;
}
.tecnologia h2 {
  line-height: normal!important;
}
.repcon-page #orderedList {
  padding-top: 0;
}
.repcon-subpage header + section > div {
  padding-top: 80px;
}
.repcon-subpage #boxList {
  padding-top: 0;
}
.repcon-subpage #boxList .section-wrapper > div:not(.square-list) .r-assembly {
  width: 100%;
}
.repcon-subpage #boxList .square-list > .r-control {
  border: none;
  box-shadow: none;
  border-radius: 5px;
}
.repcon-subpage #boxList .square-list > .r-control:nth-child(odd) {
  margin-left: 0;
}
.repcon-subpage #boxList .square-list > .r-control:nth-child(even) {
  margin-right: 0;
}
.repcon-subpage #boxList .square-list > .r-control a {
  display: flex;
  cursor: default;
  color: #B92D32;
}
.repcon-subpage #boxList .square-list > .r-control .r-control {
  box-shadow: 4px 4px 3px lightgray;
  border-radius: 5px;
  padding: 0;
  height: 100%;
  margin-top: 1rem;
}
.repcon-subpage #boxList .square-list > .r-control .r-control:before {
  font-size: 4rem;
}
.repcon-subpage #boxList .square-list > .r-control p {
  text-align: left;
  display: flex;
  flex-direction: column;
}
.repcon-subpage #boxList .square-list > .r-control p span {
  font-weight: bold;
  font-size: 1.3rem;
  padding-bottom: 0.5rem;
}
.repcon-subpage #boxList .square-list > .r-control p strong {
  display: contents;
}
.repcon-subpage #boxList .square-list > .r-control:hover {
  background-color: transparent!important;
}
.repcon-subpage #boxList .square-list > .r-control:hover a {
  color: white;
}
.repcon-subpage #boxList .square-list > .r-control:hover p {
  color: #585757 !important;
}
.repcon-subpage #boxList .square-list > .r-control:hover .r-control:before {
  color: #B92D32;
}
.repcon-subpage .backButton {
  margin: 0 auto;
  max-width: 1500px;
  display: flex;
  justify-content: end;
}
.repcon-subpage .backButton .goBack {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  position: relative;
  background-color: #B92D32;
}
.repcon-subpage .backButton .goBack:after {
  content: "\2794";
  transform: rotate(180deg);
  color: white;
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  font-size: 2rem;
}
.repcon-subpage .backButton .goBack:hover:after {
  transform: rotate(180deg) scale(1.1);
  transition: ease-in;
}
.builder-page #boxList.white-bg,
.repconia-page #boxList.white-bg {
  padding-top: 0;
}
.builder-page #boxList.white-bg .section-wrapper > div:not(.square-list) .r-assembly,
.repconia-page #boxList.white-bg .section-wrapper > div:not(.square-list) .r-assembly {
  width: 100%;
}
.builder-page #boxList.white-bg .square-list > .r-control,
.repconia-page #boxList.white-bg .square-list > .r-control {
  border: none;
  box-shadow: none;
  border-radius: 5px;
}
.builder-page #boxList.white-bg .square-list > .r-control:nth-child(odd),
.repconia-page #boxList.white-bg .square-list > .r-control:nth-child(odd) {
  margin-left: 0;
}
.builder-page #boxList.white-bg .square-list > .r-control:nth-child(even),
.repconia-page #boxList.white-bg .square-list > .r-control:nth-child(even) {
  margin-right: 0;
}
.builder-page #boxList.white-bg .square-list > .r-control a,
.repconia-page #boxList.white-bg .square-list > .r-control a {
  display: flex;
  cursor: default;
  color: #B92D32;
}
.builder-page #boxList.white-bg .square-list > .r-control .r-control,
.repconia-page #boxList.white-bg .square-list > .r-control .r-control {
  box-shadow: 4px 4px 3px lightgray;
  border-radius: 5px;
  padding: 0;
  height: 100%;
  margin-top: 1rem;
}
.builder-page #boxList.white-bg .square-list > .r-control .r-control:before,
.repconia-page #boxList.white-bg .square-list > .r-control .r-control:before {
  font-size: 4rem;
}
.builder-page #boxList.white-bg .square-list > .r-control p,
.repconia-page #boxList.white-bg .square-list > .r-control p {
  text-align: left;
  display: flex;
  flex-direction: column;
}
.builder-page #boxList.white-bg .square-list > .r-control p span,
.repconia-page #boxList.white-bg .square-list > .r-control p span {
  font-weight: bold;
  font-size: 1.3rem;
  padding-bottom: 0.5rem;
}
.builder-page #boxList.white-bg .square-list > .r-control p strong,
.repconia-page #boxList.white-bg .square-list > .r-control p strong {
  display: contents;
}
.builder-page #boxList.white-bg .square-list > .r-control:hover,
.repconia-page #boxList.white-bg .square-list > .r-control:hover {
  background-color: transparent!important;
}
.builder-page #boxList.white-bg .square-list > .r-control:hover a,
.repconia-page #boxList.white-bg .square-list > .r-control:hover a {
  color: white;
}
.builder-page #boxList.white-bg .square-list > .r-control:hover p,
.repconia-page #boxList.white-bg .square-list > .r-control:hover p {
  color: #585757 !important;
}
.builder-page #boxList.white-bg .square-list > .r-control:hover .r-control:before,
.repconia-page #boxList.white-bg .square-list > .r-control:hover .r-control:before {
  color: #B92D32;
}
.builder-page #boxList.white-bg + #whatIS,
.repconia-page #boxList.white-bg + #whatIS {
  padding-top: 1rem!important;
}
.builder-page #whatIS + #cardOrderedList,
.repconia-page #whatIS + #cardOrderedList {
  padding-top: 0!important;
}
.builder-page #whatIS.light-grey-1-bg,
.repconia-page #whatIS.light-grey-1-bg {
  padding: 4rem 4rem 4rem 4rem;
}
.builder-page #whatIS.light-grey-1-bg > div.image-right .content-box > div:last-child,
.repconia-page #whatIS.light-grey-1-bg > div.image-right .content-box > div:last-child {
  display: flex;
  margin: auto;
  justify-content: center;
}
.builder-page #whatIS.light-grey-1-bg img,
.repconia-page #whatIS.light-grey-1-bg img {
  padding: 0 4rem;
}
.builder-page.repcon-html .light-grey-1-bg + .repcon-box,
.repconia-page.repcon-html .light-grey-1-bg + .repcon-box {
  padding: 4rem;
}
.builder-page.repcon-html .light-grey-1-bg + .repcon-box .line-button,
.repconia-page.repcon-html .light-grey-1-bg + .repcon-box .line-button {
  border: 2px solid #3E3E3D;
}
.builder-page.repcon-html .light-grey-1-bg + .repcon-box .line-button p,
.repconia-page.repcon-html .light-grey-1-bg + .repcon-box .line-button p {
  color: #3E3E3D !important;
}
.builder-page.repcon-html .light-grey-1-bg + .repcon-box .line-button:hover,
.repconia-page.repcon-html .light-grey-1-bg + .repcon-box .line-button:hover {
  border-color: #B92D32;
}
.builder-page.repcon-html .light-grey-1-bg + .repcon-box .line-button:hover p,
.repconia-page.repcon-html .light-grey-1-bg + .repcon-box .line-button:hover p {
  color: white!important;
}
.builder-page #cardOrderedList > .cols-2 > div:first-child,
.repconia-page #cardOrderedList > .cols-2 > div:first-child {
  width: 30%!important;
}
.builder-page #cardOrderedList > .cols-2 > div:first-child img,
.repconia-page #cardOrderedList > .cols-2 > div:first-child img {
  margin-top: 2rem;
}
.builder-page #cardOrderedList > .cols-2 > div:last-child,
.repconia-page #cardOrderedList > .cols-2 > div:last-child {
  width: 70%!important;
}
.repconia-page #cardOrderedList {
  padding-bottom: 0;
}
@media screen and (min-width: 990px) {
  .repconia-page #cardOrderedList #orderedList {
    padding-bottom: 0;
  }
}
.repconia-page #cardOrderedList .first img {
  margin-bottom: 0;
}
.repconia-page #whatIS.light-grey-1-bg + #whatIS.light-grey-1-bg {
  padding-top: 0!important;
}
.repconia-page #card .section-wrapper {
  display: flex;
  flex-direction: column;
}
.repconia-page #card .section-wrapper p {
  order: 1;
}
.repconia-page #card .section-wrapper h2 {
  order: 0;
}
.repconia-page #card .section-wrapper .box-list {
  order: 2;
}
@media screen and (max-width: 990px) {
  .tecnologia .bg-primary {
    min-height: 40vh;
  }
  .tecnologia #cardOrderedList .repcon-box.cols-2 > .r-assembly.first {
    order: 1;
  }
  .tecnologia #cardOrderedList .repcon-box.cols-2 > .r-assembly img {
    margin: 0!important;
    height: 20vh;
    object-fit: cover;
    width: 100%;
  }
  .tecnologia #detailedFeatures .last + .r-assembly {
    padding-bottom: 4rem;
  }
  .tecnologia #detailedFeatures .first + .r-assembly {
    padding-top: 4rem;
  }
  .tecnologia #boxList .square-list > .r-control .r-control:before {
    font-size: 4em;
  }
  .tecnologia #whatIS.light-grey-1-bg img {
    padding: 0!important;
  }
  .tecnologia #whatIS > div.image-left .content-box > div:last-child,
  .tecnologia #whatIS > div.image-right .content-box > div:last-child {
    padding-right: 0!important;
    padding-left: 0!important;
  }
  .builder-page #cardOrderedList > .cols-2 > div:first-child,
  .repconia-page #cardOrderedList > .cols-2 > div:first-child,
  .builder-page #cardOrderedList > .cols-2 > div:last-child,
  .repconia-page #cardOrderedList > .cols-2 > div:last-child {
    width: 100%!important;
  }
  .builder-page #boxList .square-list > .r-control,
  .repconia-page #boxList .square-list > .r-control,
  .repcon-subpage #boxList .square-list > .r-control {
    width: 100%!important;
    margin: 0!important;
  }
}
@media screen and (max-width: 610px) {
  .tecnologia #whatIS > div .content-box {
    flex-direction: column;
  }
  .tecnologia #whatIS > div .content-box > div {
    padding-left: 0!important;
    padding-right: 0!important;
    width: 100%!important;
  }
  .tecnologia #whatIS > div.image-left .content-box > div:last-child {
    padding-bottom: 1rem!important;
  }
  .tecnologia #whatIS.light-grey-1-bg img {
    padding: 0 4rem !important;
  }
  .tecnologia #boxList .square-list > .r-control {
    width: 100%!important;
  }
  .tecnologia #boxList .square-list > .r-control .r-control:before {
    font-size: 5em;
  }
  .builder-page #whatIS.light-grey-1-bg,
  .repconia-page #whatIS.light-grey-1-bg {
    padding: 4rem 2rem 0 2rem;
  }
}
#semantic-systems,
#aitor-duo,
#alex-rayon,
#alfredo-paya,
#ana-ayerbe,
#ana-isabel,
#asier-alonso,
#cristina-martin,
#cristina-murillo,
#david-montia,
#enrique-solano,
#francisca-rubio,
#fernando-ramirez,
#gorka-varela,
#ibai-pertika,
#iban-madariaga,
#inaki-suarez,
#isidro-garcia,
#ivan-jimenez,
#jose-ahedo,
#javier-montemayor,
#joseramon-valle,
#jose-valiente,
#josu-diaz,
#juan-azor,
#juan-miguel-marquez,
#juan-pedro-martinez,
#jesus-lizarraga,
#laura-marron,
#manuel-ransan,
#manuel-vilchez,
#marc-monin,
#nagore-brazal,
#norberto-lopez,
#oscar-mogollon,
#pablo-garcia,
#raquel-ramos,
#raul-berjillos,
#raul-orduna,
#santiago-alfaro,
#santiago-mercado,
#susana-perez,
#txema-taboas,
#unai-izagirre {
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  display: flex;
}
#semantic-systems:target,
#aitor-duo:target,
#alex-rayon:target,
#alfredo-paya:target,
#ana-ayerbe:target,
#ana-isabel:target,
#asier-alonso:target,
#cristina-martin:target,
#cristina-murillo:target,
#david-montia:target,
#enrique-solano:target,
#francisca-rubio:target,
#fernando-ramirez:target,
#gorka-varela:target,
#ibai-pertika:target,
#iban-madariaga:target,
#inaki-suarez:target,
#isidro-garcia:target,
#ivan-jimenez:target,
#jose-ahedo:target,
#javier-montemayor:target,
#joseramon-valle:target,
#jose-valiente:target,
#josu-diaz:target,
#juan-azor:target,
#juan-miguel-marquez:target,
#juan-pedro-martinez:target,
#jesus-lizarraga:target,
#laura-marron:target,
#manuel-ransan:target,
#manuel-vilchez:target,
#marc-monin:target,
#nagore-brazal:target,
#norberto-lopez:target,
#oscar-mogollon:target,
#pablo-garcia:target,
#raquel-ramos:target,
#raul-berjillos:target,
#raul-orduna:target,
#santiago-alfaro:target,
#santiago-mercado:target,
#susana-perez:target,
#txema-taboas:target,
#unai-izagirre:target {
  visibility: visible;
  opacity: 1;
  z-index: 10;
}
#semantic-systems .r-control,
#aitor-duo .r-control,
#alex-rayon .r-control,
#alfredo-paya .r-control,
#ana-ayerbe .r-control,
#ana-isabel .r-control,
#asier-alonso .r-control,
#cristina-martin .r-control,
#cristina-murillo .r-control,
#david-montia .r-control,
#enrique-solano .r-control,
#francisca-rubio .r-control,
#fernando-ramirez .r-control,
#gorka-varela .r-control,
#ibai-pertika .r-control,
#iban-madariaga .r-control,
#inaki-suarez .r-control,
#isidro-garcia .r-control,
#ivan-jimenez .r-control,
#jose-ahedo .r-control,
#javier-montemayor .r-control,
#joseramon-valle .r-control,
#jose-valiente .r-control,
#josu-diaz .r-control,
#juan-azor .r-control,
#juan-miguel-marquez .r-control,
#juan-pedro-martinez .r-control,
#jesus-lizarraga .r-control,
#laura-marron .r-control,
#manuel-ransan .r-control,
#manuel-vilchez .r-control,
#marc-monin .r-control,
#nagore-brazal .r-control,
#norberto-lopez .r-control,
#oscar-mogollon .r-control,
#pablo-garcia .r-control,
#raquel-ramos .r-control,
#raul-berjillos .r-control,
#raul-orduna .r-control,
#santiago-alfaro .r-control,
#santiago-mercado .r-control,
#susana-perez .r-control,
#txema-taboas .r-control,
#unai-izagirre .r-control {
  max-width: 600px;
  height: fit-content;
  max-height: 100vh;
  margin: auto;
  padding: 3em;
  overflow: auto;
}
#semantic-systems .r-control > div,
#aitor-duo .r-control > div,
#alex-rayon .r-control > div,
#alfredo-paya .r-control > div,
#ana-ayerbe .r-control > div,
#ana-isabel .r-control > div,
#asier-alonso .r-control > div,
#cristina-martin .r-control > div,
#cristina-murillo .r-control > div,
#david-montia .r-control > div,
#enrique-solano .r-control > div,
#francisca-rubio .r-control > div,
#fernando-ramirez .r-control > div,
#gorka-varela .r-control > div,
#ibai-pertika .r-control > div,
#iban-madariaga .r-control > div,
#inaki-suarez .r-control > div,
#isidro-garcia .r-control > div,
#ivan-jimenez .r-control > div,
#jose-ahedo .r-control > div,
#javier-montemayor .r-control > div,
#joseramon-valle .r-control > div,
#jose-valiente .r-control > div,
#josu-diaz .r-control > div,
#juan-azor .r-control > div,
#juan-miguel-marquez .r-control > div,
#juan-pedro-martinez .r-control > div,
#jesus-lizarraga .r-control > div,
#laura-marron .r-control > div,
#manuel-ransan .r-control > div,
#manuel-vilchez .r-control > div,
#marc-monin .r-control > div,
#nagore-brazal .r-control > div,
#norberto-lopez .r-control > div,
#oscar-mogollon .r-control > div,
#pablo-garcia .r-control > div,
#raquel-ramos .r-control > div,
#raul-berjillos .r-control > div,
#raul-orduna .r-control > div,
#santiago-alfaro .r-control > div,
#santiago-mercado .r-control > div,
#susana-perez .r-control > div,
#txema-taboas .r-control > div,
#unai-izagirre .r-control > div {
  display: flex;
  flex-direction: column;
}
#semantic-systems .r-control > div.image-wrapper:hover:after,
#aitor-duo .r-control > div.image-wrapper:hover:after,
#alex-rayon .r-control > div.image-wrapper:hover:after,
#alfredo-paya .r-control > div.image-wrapper:hover:after,
#ana-ayerbe .r-control > div.image-wrapper:hover:after,
#ana-isabel .r-control > div.image-wrapper:hover:after,
#asier-alonso .r-control > div.image-wrapper:hover:after,
#cristina-martin .r-control > div.image-wrapper:hover:after,
#cristina-murillo .r-control > div.image-wrapper:hover:after,
#david-montia .r-control > div.image-wrapper:hover:after,
#enrique-solano .r-control > div.image-wrapper:hover:after,
#francisca-rubio .r-control > div.image-wrapper:hover:after,
#fernando-ramirez .r-control > div.image-wrapper:hover:after,
#gorka-varela .r-control > div.image-wrapper:hover:after,
#ibai-pertika .r-control > div.image-wrapper:hover:after,
#iban-madariaga .r-control > div.image-wrapper:hover:after,
#inaki-suarez .r-control > div.image-wrapper:hover:after,
#isidro-garcia .r-control > div.image-wrapper:hover:after,
#ivan-jimenez .r-control > div.image-wrapper:hover:after,
#jose-ahedo .r-control > div.image-wrapper:hover:after,
#javier-montemayor .r-control > div.image-wrapper:hover:after,
#joseramon-valle .r-control > div.image-wrapper:hover:after,
#jose-valiente .r-control > div.image-wrapper:hover:after,
#josu-diaz .r-control > div.image-wrapper:hover:after,
#juan-azor .r-control > div.image-wrapper:hover:after,
#juan-miguel-marquez .r-control > div.image-wrapper:hover:after,
#juan-pedro-martinez .r-control > div.image-wrapper:hover:after,
#jesus-lizarraga .r-control > div.image-wrapper:hover:after,
#laura-marron .r-control > div.image-wrapper:hover:after,
#manuel-ransan .r-control > div.image-wrapper:hover:after,
#manuel-vilchez .r-control > div.image-wrapper:hover:after,
#marc-monin .r-control > div.image-wrapper:hover:after,
#nagore-brazal .r-control > div.image-wrapper:hover:after,
#norberto-lopez .r-control > div.image-wrapper:hover:after,
#oscar-mogollon .r-control > div.image-wrapper:hover:after,
#pablo-garcia .r-control > div.image-wrapper:hover:after,
#raquel-ramos .r-control > div.image-wrapper:hover:after,
#raul-berjillos .r-control > div.image-wrapper:hover:after,
#raul-orduna .r-control > div.image-wrapper:hover:after,
#santiago-alfaro .r-control > div.image-wrapper:hover:after,
#santiago-mercado .r-control > div.image-wrapper:hover:after,
#susana-perez .r-control > div.image-wrapper:hover:after,
#txema-taboas .r-control > div.image-wrapper:hover:after,
#unai-izagirre .r-control > div.image-wrapper:hover:after {
  background: rgba(0, 0, 0, 0);
}
#semantic-systems .r-control > div.image-wrapper:hover img,
#aitor-duo .r-control > div.image-wrapper:hover img,
#alex-rayon .r-control > div.image-wrapper:hover img,
#alfredo-paya .r-control > div.image-wrapper:hover img,
#ana-ayerbe .r-control > div.image-wrapper:hover img,
#ana-isabel .r-control > div.image-wrapper:hover img,
#asier-alonso .r-control > div.image-wrapper:hover img,
#cristina-martin .r-control > div.image-wrapper:hover img,
#cristina-murillo .r-control > div.image-wrapper:hover img,
#david-montia .r-control > div.image-wrapper:hover img,
#enrique-solano .r-control > div.image-wrapper:hover img,
#francisca-rubio .r-control > div.image-wrapper:hover img,
#fernando-ramirez .r-control > div.image-wrapper:hover img,
#gorka-varela .r-control > div.image-wrapper:hover img,
#ibai-pertika .r-control > div.image-wrapper:hover img,
#iban-madariaga .r-control > div.image-wrapper:hover img,
#inaki-suarez .r-control > div.image-wrapper:hover img,
#isidro-garcia .r-control > div.image-wrapper:hover img,
#ivan-jimenez .r-control > div.image-wrapper:hover img,
#jose-ahedo .r-control > div.image-wrapper:hover img,
#javier-montemayor .r-control > div.image-wrapper:hover img,
#joseramon-valle .r-control > div.image-wrapper:hover img,
#jose-valiente .r-control > div.image-wrapper:hover img,
#josu-diaz .r-control > div.image-wrapper:hover img,
#juan-azor .r-control > div.image-wrapper:hover img,
#juan-miguel-marquez .r-control > div.image-wrapper:hover img,
#juan-pedro-martinez .r-control > div.image-wrapper:hover img,
#jesus-lizarraga .r-control > div.image-wrapper:hover img,
#laura-marron .r-control > div.image-wrapper:hover img,
#manuel-ransan .r-control > div.image-wrapper:hover img,
#manuel-vilchez .r-control > div.image-wrapper:hover img,
#marc-monin .r-control > div.image-wrapper:hover img,
#nagore-brazal .r-control > div.image-wrapper:hover img,
#norberto-lopez .r-control > div.image-wrapper:hover img,
#oscar-mogollon .r-control > div.image-wrapper:hover img,
#pablo-garcia .r-control > div.image-wrapper:hover img,
#raquel-ramos .r-control > div.image-wrapper:hover img,
#raul-berjillos .r-control > div.image-wrapper:hover img,
#raul-orduna .r-control > div.image-wrapper:hover img,
#santiago-alfaro .r-control > div.image-wrapper:hover img,
#santiago-mercado .r-control > div.image-wrapper:hover img,
#susana-perez .r-control > div.image-wrapper:hover img,
#txema-taboas .r-control > div.image-wrapper:hover img,
#unai-izagirre .r-control > div.image-wrapper:hover img {
  transform: none;
}
#semantic-systems .r-control > div.image-wrapper img,
#aitor-duo .r-control > div.image-wrapper img,
#alex-rayon .r-control > div.image-wrapper img,
#alfredo-paya .r-control > div.image-wrapper img,
#ana-ayerbe .r-control > div.image-wrapper img,
#ana-isabel .r-control > div.image-wrapper img,
#asier-alonso .r-control > div.image-wrapper img,
#cristina-martin .r-control > div.image-wrapper img,
#cristina-murillo .r-control > div.image-wrapper img,
#david-montia .r-control > div.image-wrapper img,
#enrique-solano .r-control > div.image-wrapper img,
#francisca-rubio .r-control > div.image-wrapper img,
#fernando-ramirez .r-control > div.image-wrapper img,
#gorka-varela .r-control > div.image-wrapper img,
#ibai-pertika .r-control > div.image-wrapper img,
#iban-madariaga .r-control > div.image-wrapper img,
#inaki-suarez .r-control > div.image-wrapper img,
#isidro-garcia .r-control > div.image-wrapper img,
#ivan-jimenez .r-control > div.image-wrapper img,
#jose-ahedo .r-control > div.image-wrapper img,
#javier-montemayor .r-control > div.image-wrapper img,
#joseramon-valle .r-control > div.image-wrapper img,
#jose-valiente .r-control > div.image-wrapper img,
#josu-diaz .r-control > div.image-wrapper img,
#juan-azor .r-control > div.image-wrapper img,
#juan-miguel-marquez .r-control > div.image-wrapper img,
#juan-pedro-martinez .r-control > div.image-wrapper img,
#jesus-lizarraga .r-control > div.image-wrapper img,
#laura-marron .r-control > div.image-wrapper img,
#manuel-ransan .r-control > div.image-wrapper img,
#manuel-vilchez .r-control > div.image-wrapper img,
#marc-monin .r-control > div.image-wrapper img,
#nagore-brazal .r-control > div.image-wrapper img,
#norberto-lopez .r-control > div.image-wrapper img,
#oscar-mogollon .r-control > div.image-wrapper img,
#pablo-garcia .r-control > div.image-wrapper img,
#raquel-ramos .r-control > div.image-wrapper img,
#raul-berjillos .r-control > div.image-wrapper img,
#raul-orduna .r-control > div.image-wrapper img,
#santiago-alfaro .r-control > div.image-wrapper img,
#santiago-mercado .r-control > div.image-wrapper img,
#susana-perez .r-control > div.image-wrapper img,
#txema-taboas .r-control > div.image-wrapper img,
#unai-izagirre .r-control > div.image-wrapper img {
  border-radius: 10em;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}
#semantic-systems .r-control > div .main,
#aitor-duo .r-control > div .main,
#alex-rayon .r-control > div .main,
#alfredo-paya .r-control > div .main,
#ana-ayerbe .r-control > div .main,
#ana-isabel .r-control > div .main,
#asier-alonso .r-control > div .main,
#cristina-martin .r-control > div .main,
#cristina-murillo .r-control > div .main,
#david-montia .r-control > div .main,
#enrique-solano .r-control > div .main,
#francisca-rubio .r-control > div .main,
#fernando-ramirez .r-control > div .main,
#gorka-varela .r-control > div .main,
#ibai-pertika .r-control > div .main,
#iban-madariaga .r-control > div .main,
#inaki-suarez .r-control > div .main,
#isidro-garcia .r-control > div .main,
#ivan-jimenez .r-control > div .main,
#jose-ahedo .r-control > div .main,
#javier-montemayor .r-control > div .main,
#joseramon-valle .r-control > div .main,
#jose-valiente .r-control > div .main,
#josu-diaz .r-control > div .main,
#juan-azor .r-control > div .main,
#juan-miguel-marquez .r-control > div .main,
#juan-pedro-martinez .r-control > div .main,
#jesus-lizarraga .r-control > div .main,
#laura-marron .r-control > div .main,
#manuel-ransan .r-control > div .main,
#manuel-vilchez .r-control > div .main,
#marc-monin .r-control > div .main,
#nagore-brazal .r-control > div .main,
#norberto-lopez .r-control > div .main,
#oscar-mogollon .r-control > div .main,
#pablo-garcia .r-control > div .main,
#raquel-ramos .r-control > div .main,
#raul-berjillos .r-control > div .main,
#raul-orduna .r-control > div .main,
#santiago-alfaro .r-control > div .main,
#santiago-mercado .r-control > div .main,
#susana-perez .r-control > div .main,
#txema-taboas .r-control > div .main,
#unai-izagirre .r-control > div .main {
  order: 1;
  text-align: center;
}
#semantic-systems .r-control > div .main h4,
#aitor-duo .r-control > div .main h4,
#alex-rayon .r-control > div .main h4,
#alfredo-paya .r-control > div .main h4,
#ana-ayerbe .r-control > div .main h4,
#ana-isabel .r-control > div .main h4,
#asier-alonso .r-control > div .main h4,
#cristina-martin .r-control > div .main h4,
#cristina-murillo .r-control > div .main h4,
#david-montia .r-control > div .main h4,
#enrique-solano .r-control > div .main h4,
#francisca-rubio .r-control > div .main h4,
#fernando-ramirez .r-control > div .main h4,
#gorka-varela .r-control > div .main h4,
#ibai-pertika .r-control > div .main h4,
#iban-madariaga .r-control > div .main h4,
#inaki-suarez .r-control > div .main h4,
#isidro-garcia .r-control > div .main h4,
#ivan-jimenez .r-control > div .main h4,
#jose-ahedo .r-control > div .main h4,
#javier-montemayor .r-control > div .main h4,
#joseramon-valle .r-control > div .main h4,
#jose-valiente .r-control > div .main h4,
#josu-diaz .r-control > div .main h4,
#juan-azor .r-control > div .main h4,
#juan-miguel-marquez .r-control > div .main h4,
#juan-pedro-martinez .r-control > div .main h4,
#jesus-lizarraga .r-control > div .main h4,
#laura-marron .r-control > div .main h4,
#manuel-ransan .r-control > div .main h4,
#manuel-vilchez .r-control > div .main h4,
#marc-monin .r-control > div .main h4,
#nagore-brazal .r-control > div .main h4,
#norberto-lopez .r-control > div .main h4,
#oscar-mogollon .r-control > div .main h4,
#pablo-garcia .r-control > div .main h4,
#raquel-ramos .r-control > div .main h4,
#raul-berjillos .r-control > div .main h4,
#raul-orduna .r-control > div .main h4,
#santiago-alfaro .r-control > div .main h4,
#santiago-mercado .r-control > div .main h4,
#susana-perez .r-control > div .main h4,
#txema-taboas .r-control > div .main h4,
#unai-izagirre .r-control > div .main h4 {
  justify-content: center;
  font-size: 1.4em;
}
#semantic-systems .r-control > div .main .subtitle span,
#aitor-duo .r-control > div .main .subtitle span,
#alex-rayon .r-control > div .main .subtitle span,
#alfredo-paya .r-control > div .main .subtitle span,
#ana-ayerbe .r-control > div .main .subtitle span,
#ana-isabel .r-control > div .main .subtitle span,
#asier-alonso .r-control > div .main .subtitle span,
#cristina-martin .r-control > div .main .subtitle span,
#cristina-murillo .r-control > div .main .subtitle span,
#david-montia .r-control > div .main .subtitle span,
#enrique-solano .r-control > div .main .subtitle span,
#francisca-rubio .r-control > div .main .subtitle span,
#fernando-ramirez .r-control > div .main .subtitle span,
#gorka-varela .r-control > div .main .subtitle span,
#ibai-pertika .r-control > div .main .subtitle span,
#iban-madariaga .r-control > div .main .subtitle span,
#inaki-suarez .r-control > div .main .subtitle span,
#isidro-garcia .r-control > div .main .subtitle span,
#ivan-jimenez .r-control > div .main .subtitle span,
#jose-ahedo .r-control > div .main .subtitle span,
#javier-montemayor .r-control > div .main .subtitle span,
#joseramon-valle .r-control > div .main .subtitle span,
#jose-valiente .r-control > div .main .subtitle span,
#josu-diaz .r-control > div .main .subtitle span,
#juan-azor .r-control > div .main .subtitle span,
#juan-miguel-marquez .r-control > div .main .subtitle span,
#juan-pedro-martinez .r-control > div .main .subtitle span,
#jesus-lizarraga .r-control > div .main .subtitle span,
#laura-marron .r-control > div .main .subtitle span,
#manuel-ransan .r-control > div .main .subtitle span,
#manuel-vilchez .r-control > div .main .subtitle span,
#marc-monin .r-control > div .main .subtitle span,
#nagore-brazal .r-control > div .main .subtitle span,
#norberto-lopez .r-control > div .main .subtitle span,
#oscar-mogollon .r-control > div .main .subtitle span,
#pablo-garcia .r-control > div .main .subtitle span,
#raquel-ramos .r-control > div .main .subtitle span,
#raul-berjillos .r-control > div .main .subtitle span,
#raul-orduna .r-control > div .main .subtitle span,
#santiago-alfaro .r-control > div .main .subtitle span,
#santiago-mercado .r-control > div .main .subtitle span,
#susana-perez .r-control > div .main .subtitle span,
#txema-taboas .r-control > div .main .subtitle span,
#unai-izagirre .r-control > div .main .subtitle span {
  display: block;
}
#semantic-systems .r-control > div .row,
#aitor-duo .r-control > div .row,
#alex-rayon .r-control > div .row,
#alfredo-paya .r-control > div .row,
#ana-ayerbe .r-control > div .row,
#ana-isabel .r-control > div .row,
#asier-alonso .r-control > div .row,
#cristina-martin .r-control > div .row,
#cristina-murillo .r-control > div .row,
#david-montia .r-control > div .row,
#enrique-solano .r-control > div .row,
#francisca-rubio .r-control > div .row,
#fernando-ramirez .r-control > div .row,
#gorka-varela .r-control > div .row,
#ibai-pertika .r-control > div .row,
#iban-madariaga .r-control > div .row,
#inaki-suarez .r-control > div .row,
#isidro-garcia .r-control > div .row,
#ivan-jimenez .r-control > div .row,
#jose-ahedo .r-control > div .row,
#javier-montemayor .r-control > div .row,
#joseramon-valle .r-control > div .row,
#jose-valiente .r-control > div .row,
#josu-diaz .r-control > div .row,
#juan-azor .r-control > div .row,
#juan-miguel-marquez .r-control > div .row,
#juan-pedro-martinez .r-control > div .row,
#jesus-lizarraga .r-control > div .row,
#laura-marron .r-control > div .row,
#manuel-ransan .r-control > div .row,
#manuel-vilchez .r-control > div .row,
#marc-monin .r-control > div .row,
#nagore-brazal .r-control > div .row,
#norberto-lopez .r-control > div .row,
#oscar-mogollon .r-control > div .row,
#pablo-garcia .r-control > div .row,
#raquel-ramos .r-control > div .row,
#raul-berjillos .r-control > div .row,
#raul-orduna .r-control > div .row,
#santiago-alfaro .r-control > div .row,
#santiago-mercado .r-control > div .row,
#susana-perez .r-control > div .row,
#txema-taboas .r-control > div .row,
#unai-izagirre .r-control > div .row {
  order: 2;
  text-align: center;
}
#semantic-systems .r-control > div .row .button-elem,
#aitor-duo .r-control > div .row .button-elem,
#alex-rayon .r-control > div .row .button-elem,
#alfredo-paya .r-control > div .row .button-elem,
#ana-ayerbe .r-control > div .row .button-elem,
#ana-isabel .r-control > div .row .button-elem,
#asier-alonso .r-control > div .row .button-elem,
#cristina-martin .r-control > div .row .button-elem,
#cristina-murillo .r-control > div .row .button-elem,
#david-montia .r-control > div .row .button-elem,
#enrique-solano .r-control > div .row .button-elem,
#francisca-rubio .r-control > div .row .button-elem,
#fernando-ramirez .r-control > div .row .button-elem,
#gorka-varela .r-control > div .row .button-elem,
#ibai-pertika .r-control > div .row .button-elem,
#iban-madariaga .r-control > div .row .button-elem,
#inaki-suarez .r-control > div .row .button-elem,
#isidro-garcia .r-control > div .row .button-elem,
#ivan-jimenez .r-control > div .row .button-elem,
#jose-ahedo .r-control > div .row .button-elem,
#javier-montemayor .r-control > div .row .button-elem,
#joseramon-valle .r-control > div .row .button-elem,
#jose-valiente .r-control > div .row .button-elem,
#josu-diaz .r-control > div .row .button-elem,
#juan-azor .r-control > div .row .button-elem,
#juan-miguel-marquez .r-control > div .row .button-elem,
#juan-pedro-martinez .r-control > div .row .button-elem,
#jesus-lizarraga .r-control > div .row .button-elem,
#laura-marron .r-control > div .row .button-elem,
#manuel-ransan .r-control > div .row .button-elem,
#manuel-vilchez .r-control > div .row .button-elem,
#marc-monin .r-control > div .row .button-elem,
#nagore-brazal .r-control > div .row .button-elem,
#norberto-lopez .r-control > div .row .button-elem,
#oscar-mogollon .r-control > div .row .button-elem,
#pablo-garcia .r-control > div .row .button-elem,
#raquel-ramos .r-control > div .row .button-elem,
#raul-berjillos .r-control > div .row .button-elem,
#raul-orduna .r-control > div .row .button-elem,
#santiago-alfaro .r-control > div .row .button-elem,
#santiago-mercado .r-control > div .row .button-elem,
#susana-perez .r-control > div .row .button-elem,
#txema-taboas .r-control > div .row .button-elem,
#unai-izagirre .r-control > div .row .button-elem {
  margin-top: 0.5em;
  border: none;
}
#semantic-systems .r-control > div .row .button-elem p,
#aitor-duo .r-control > div .row .button-elem p,
#alex-rayon .r-control > div .row .button-elem p,
#alfredo-paya .r-control > div .row .button-elem p,
#ana-ayerbe .r-control > div .row .button-elem p,
#ana-isabel .r-control > div .row .button-elem p,
#asier-alonso .r-control > div .row .button-elem p,
#cristina-martin .r-control > div .row .button-elem p,
#cristina-murillo .r-control > div .row .button-elem p,
#david-montia .r-control > div .row .button-elem p,
#enrique-solano .r-control > div .row .button-elem p,
#francisca-rubio .r-control > div .row .button-elem p,
#fernando-ramirez .r-control > div .row .button-elem p,
#gorka-varela .r-control > div .row .button-elem p,
#ibai-pertika .r-control > div .row .button-elem p,
#iban-madariaga .r-control > div .row .button-elem p,
#inaki-suarez .r-control > div .row .button-elem p,
#isidro-garcia .r-control > div .row .button-elem p,
#ivan-jimenez .r-control > div .row .button-elem p,
#jose-ahedo .r-control > div .row .button-elem p,
#javier-montemayor .r-control > div .row .button-elem p,
#joseramon-valle .r-control > div .row .button-elem p,
#jose-valiente .r-control > div .row .button-elem p,
#josu-diaz .r-control > div .row .button-elem p,
#juan-azor .r-control > div .row .button-elem p,
#juan-miguel-marquez .r-control > div .row .button-elem p,
#juan-pedro-martinez .r-control > div .row .button-elem p,
#jesus-lizarraga .r-control > div .row .button-elem p,
#laura-marron .r-control > div .row .button-elem p,
#manuel-ransan .r-control > div .row .button-elem p,
#manuel-vilchez .r-control > div .row .button-elem p,
#marc-monin .r-control > div .row .button-elem p,
#nagore-brazal .r-control > div .row .button-elem p,
#norberto-lopez .r-control > div .row .button-elem p,
#oscar-mogollon .r-control > div .row .button-elem p,
#pablo-garcia .r-control > div .row .button-elem p,
#raquel-ramos .r-control > div .row .button-elem p,
#raul-berjillos .r-control > div .row .button-elem p,
#raul-orduna .r-control > div .row .button-elem p,
#santiago-alfaro .r-control > div .row .button-elem p,
#santiago-mercado .r-control > div .row .button-elem p,
#susana-perez .r-control > div .row .button-elem p,
#txema-taboas .r-control > div .row .button-elem p,
#unai-izagirre .r-control > div .row .button-elem p {
  margin: 0;
  color: white!important;
}
#semantic-systems .r-control > div hr,
#aitor-duo .r-control > div hr,
#alex-rayon .r-control > div hr,
#alfredo-paya .r-control > div hr,
#ana-ayerbe .r-control > div hr,
#ana-isabel .r-control > div hr,
#asier-alonso .r-control > div hr,
#cristina-martin .r-control > div hr,
#cristina-murillo .r-control > div hr,
#david-montia .r-control > div hr,
#enrique-solano .r-control > div hr,
#francisca-rubio .r-control > div hr,
#fernando-ramirez .r-control > div hr,
#gorka-varela .r-control > div hr,
#ibai-pertika .r-control > div hr,
#iban-madariaga .r-control > div hr,
#inaki-suarez .r-control > div hr,
#isidro-garcia .r-control > div hr,
#ivan-jimenez .r-control > div hr,
#jose-ahedo .r-control > div hr,
#javier-montemayor .r-control > div hr,
#joseramon-valle .r-control > div hr,
#jose-valiente .r-control > div hr,
#josu-diaz .r-control > div hr,
#juan-azor .r-control > div hr,
#juan-miguel-marquez .r-control > div hr,
#juan-pedro-martinez .r-control > div hr,
#jesus-lizarraga .r-control > div hr,
#laura-marron .r-control > div hr,
#manuel-ransan .r-control > div hr,
#manuel-vilchez .r-control > div hr,
#marc-monin .r-control > div hr,
#nagore-brazal .r-control > div hr,
#norberto-lopez .r-control > div hr,
#oscar-mogollon .r-control > div hr,
#pablo-garcia .r-control > div hr,
#raquel-ramos .r-control > div hr,
#raul-berjillos .r-control > div hr,
#raul-orduna .r-control > div hr,
#santiago-alfaro .r-control > div hr,
#santiago-mercado .r-control > div hr,
#susana-perez .r-control > div hr,
#txema-taboas .r-control > div hr,
#unai-izagirre .r-control > div hr {
  order: 3;
  margin: 1rem 0;
}
#semantic-systems .r-control > div p,
#aitor-duo .r-control > div p,
#alex-rayon .r-control > div p,
#alfredo-paya .r-control > div p,
#ana-ayerbe .r-control > div p,
#ana-isabel .r-control > div p,
#asier-alonso .r-control > div p,
#cristina-martin .r-control > div p,
#cristina-murillo .r-control > div p,
#david-montia .r-control > div p,
#enrique-solano .r-control > div p,
#francisca-rubio .r-control > div p,
#fernando-ramirez .r-control > div p,
#gorka-varela .r-control > div p,
#ibai-pertika .r-control > div p,
#iban-madariaga .r-control > div p,
#inaki-suarez .r-control > div p,
#isidro-garcia .r-control > div p,
#ivan-jimenez .r-control > div p,
#jose-ahedo .r-control > div p,
#javier-montemayor .r-control > div p,
#joseramon-valle .r-control > div p,
#jose-valiente .r-control > div p,
#josu-diaz .r-control > div p,
#juan-azor .r-control > div p,
#juan-miguel-marquez .r-control > div p,
#juan-pedro-martinez .r-control > div p,
#jesus-lizarraga .r-control > div p,
#laura-marron .r-control > div p,
#manuel-ransan .r-control > div p,
#manuel-vilchez .r-control > div p,
#marc-monin .r-control > div p,
#nagore-brazal .r-control > div p,
#norberto-lopez .r-control > div p,
#oscar-mogollon .r-control > div p,
#pablo-garcia .r-control > div p,
#raquel-ramos .r-control > div p,
#raul-berjillos .r-control > div p,
#raul-orduna .r-control > div p,
#santiago-alfaro .r-control > div p,
#santiago-mercado .r-control > div p,
#susana-perez .r-control > div p,
#txema-taboas .r-control > div p,
#unai-izagirre .r-control > div p {
  order: 4;
  margin-left: 0;
}
#juan-miguel-marquez .row.repcon-box.text-left {
  display: none;
}
a.popup-cerrar {
  position: absolute;
  top: 3px;
  right: 3px;
  background-color: #333;
  padding: 7px 10px;
  font-size: 20px;
  text-decoration: none;
  line-height: 1;
  color: #fff;
}
#close:target {
  opacity: 0;
  visibility: hidden;
}
body * {
  box-sizing: border-box;
  margin: 0;
  /* padding: 0; */
}
body,
input,
textarea + .cke_editable,
textarea,
select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 14.4px;
  color: #3d3d3d;
}
#footer {
  color: gray;
}
#footer a {
  color: inherit;
}
#footer a:hover {
  color: white;
}
#footer a:hover p {
  color: white;
}
#footer .footer img {
  height: 60px;
}
#footer .footer ul > ul {
  display: inline-flex;
}
#footer .footer > * {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#footer .copyright {
  position: relative;
  text-align: center;
  background-color: black;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.repcon-html section.menu {
  padding: 0;
}
.repcon-html img {
  max-width: 100%;
}
.repcon-html .navbar {
  position: fixed;
  z-index: 3;
  width: 100%;
  padding: 1rem;
  top: 0;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.repcon-html .navbar > div {
  display: flex;
}
.repcon-html .navbar .container-fluid {
  display: flex;
}
.repcon-html .navbar .navbar-nav {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.repcon-html .navbar .navbar-nav li {
  margin: 0.2rem 0.8rem;
}
.repcon-html .navbar .navbar-nav li p,
.repcon-html .navbar .navbar-nav li a {
  color: inherit;
}
.repcon-html .r-assembly p + .button-elem {
  margin-top: 3rem;
}
.repcon-html .r-assembly[class*="cols-"] {
  display: flex;
  flex-wrap: wrap;
}
.repcon-html h1 {
  font-size: 70px;
  line-height: 82px;
}
.repcon-html h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
  padding: 2rem 0;
}
.repcon-html h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.repcon-html h4 {
  padding: 1rem 0;
}
.repcon-html .subtitle {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 0.5em;
}
.repcon-html p {
  font-size: 16px;
  line-height: 23px;
  color: #585757;
}
.repcon-html .list-count {
  counter-reset: listNumber;
}
.repcon-html .list-count > div {
  padding: 2rem;
  display: flex;
}
.repcon-html .list-count > div:before {
  counter-increment: listNumber;
  content: "0" counter(listNumber);
  font-size: 48px;
  font-weight: 500;
  line-height: 48px;
  margin-right: 0.5rem;
  color: #B1B1B0;
  width: 70px;
}
.repcon-html .button-elem p {
  color: inherit !important;
  font-weight: 400;
}
.repcon-html .button-elem.line-button {
  border: 2px solid #3E3E3D;
  font-size: 13px;
  font-weight: 600;
  line-height: 15;
  box-shadow: none;
  padding: 0.3rem 1rem;
  margin: 0;
  display: inline-flex;
  cursor: pointer;
  color: #585757;
}
.repcon-html .button-elem.line-button:hover {
  background-color: #b92d3b !important;
  border-color: #b92d3b;
}
.repcon-html .button-elem.line-button:hover a {
  color: white;
}
.repcon-html .button-elem.line-button p {
  color: inherit;
}
.repcon-html .button-elem.line-button:hover {
  box-shadow: none;
}
.repcon-html .text-center > h1 {
  justify-content: center;
}
.repcon-html .text-center {
  text-align: center;
  justify-content: center;
}
.repcon-html .text-center h1,
.repcon-html .text-center h2,
.repcon-html .text-center h3,
.repcon-html .text-center h4 {
  text-align: center;
  display: block;
}
.repcon-html .text-right {
  text-align: right;
}
.repcon-html .text-right h3 {
  text-align: right;
  display: block;
}
.repcon-html .text-left {
  text-align: left;
}
.repcon-html .text-left h1,
.repcon-html .text-left h2,
.repcon-html .text-left h3,
.repcon-html .text-left h4 {
  text-align: left;
  display: block;
}
.repcon-html .r-control.round-icon:before {
  width: 57px;
  height: 57px;
  display: block;
  font-size: 53px;
  margin: 0 auto;
  line-height: normal;
}
.repcon-html .r-control.round-icon:before,
.r-control[class*="icon-bg"]:before {
  padding: 16px;
  box-shadow: none;
}
.dark-grey-3-bg {
  background-color: #3E3E3D;
  color: white;
}
.dark-grey-3-bg p {
  color: #B1B1B0;
}
.dark-grey-3-bg .button-elem.line-button {
  border-color: white;
  color: white;
}
.dark-grey-3-bg .button-elem.line-button a {
  color: inherit;
}
.dark-grey-3-bg .button-elem.line-button:hover {
  background-color: white !important;
  border-color: white;
}
.dark-grey-3-bg .button-elem.line-button:hover a {
  color: #b92d3b;
}
.separator-list > .r-control {
  border-bottom: 1px solid;
  padding: 0.5rem;
}
.separator-list > .r-control p:before {
  margin-right: 0.5rem;
}
.repcon-html section {
  padding: 4rem 2rem;
}
@media screen and (min-width: 610px) {
  .repcon-html section {
    padding: 4rem;
  }
}
.repcon-html section.text-center * {
  text-align: center;
  justify-content: center;
}
.repcon-html section .section-wrapper {
  max-width: 1500px;
  margin: 0 auto;
}
.bg-primary {
  min-height: 60vh;
  background-size: cover;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.index .bg-primary {
  min-height: 100vh;
}
@media screen and (max-width: 1020px) {
  .index .bg-primary .section-wrapper.repcon-box > div {
    width: 100%;
  }
}
.index .bg-primary .button-elem {
  text-transform: uppercase;
  width: 90%;
  margin-top: 2em;
}
.r-section[class*="cols-"] > *:last-child {
  padding-right: 0;
}
.r-section[class*="cols-"] > *:first-child {
  padding-left: 0;
}
.r-section[class*="cols-"] > * {
  padding: 0 1rem;
}
.square-list {
  display: flex;
}
.square-list > .r-control {
  border: 1px solid;
  padding: 1rem !important;
  text-align: center;
  margin: 1rem;
}
.square-list > .r-control:first-child {
  margin-left: 0;
}
.square-list > .r-control:last-child {
  margin-right: 0;
}
.image-non-wrapper,
.image-wrapper {
  overflow: hidden;
  position: relative;
}
.image-non-wrapper img,
.image-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.image-wrapper:hover img {
  transform: scale(1.1);
}
.image-wrapper:hover:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
}
.repcon-box.r-assembly.box-list > .r-control {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.repcon-box.r-assembly.box-list > .r-control .image-wrapper,
.repcon-box.r-assembly.box-list > .r-control .image-non-wrapper {
  height: 300px;
}
.reverse-icon p {
  margin-left: 0;
}
.reverse-icon:before {
  order: 10;
  margin-left: 0.5rem;
}
.repcon-html .button-elem.main-list-button {
  color: #B1B1B0;
}
.repcon-html .button-elem.main-list-button p {
  margin-left: 0;
}
.repcon-html .button-elem.main-list-button:before {
  order: 10;
  margin-left: 0.5rem;
}
.repcon-html .button-elem.main-list-button:hover {
  background-color: transparent !important;
  color: #B92D32;
}
.r-control .main ~ p {
  flex-grow: 1;
}
@media screen and (max-width: 990px) {
  .repcon-html .repcon-box.cols-4 > .r-control {
    width: 50%;
  }
  .repcon-box.cols-4.main-first > .r-control:first-child {
    width: 100%;
    padding: 1rem 0;
  }
  .repcon-box.cols-4.main-first > .r-control:nth-child(2) {
    padding-left: 0;
  }
  .repcon-box.cols-4.main-first > .r-control:last-child {
    padding-right: 0;
  }
}
.repcon-html .repcon-box[class*="cols-"] {
  display: flex;
  flex-wrap: wrap;
}
.repcon-box.box-list > .r-control {
  display: flex;
  flex-direction: column;
  margin: 1rem;
}
.repcon-box.box-list > .r-control hr {
  display: none;
}
.repcon-box.box-list > .r-control.separator hr {
  all: initial;
  border-top: 0.5px solid gray;
  margin: 1rem 0;
}
.repcon-box.box-list > .r-control.podcast.r-control {
  background-color: #D9D9D9;
  margin: 1rem;
  width: calc(23%);
  padding: 0 !important;
}
.repcon-box.box-list > .r-control.magazine.r-control .image-non-wrapper,
.repcon-box.box-list > .r-control.magazine.r-control .image-wrapper {
  height: 400px;
}
.repcon-box.box-list > .r-control.magazine.r-control .image-non-wrapper,
.repcon-box.box-list > .r-control.magazine.r-control .image-wrapper img {
  object-fit: contain;
}
.repcon-box.box-list > .r-control .image-non-wrapper,
.repcon-box.box-list > .r-control .image-wrapper {
  height: 300px;
}
.repcon-box.box-list > .r-control > *:not(.image-wrapper):not(.image-non-wrapper) {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.repcon-html .button2 p {
  display: inline;
}
*,
:after,
:before,
body {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 2.5em;
  line-height: 1.1em;
  font-weight: 400;
}
h2 {
  font-size: 1.8rem;
}
h3 {
  font-size: 1.5rem;
  line-height: 1.5em;
}
h4 {
  font-weight: 500;
  color: #5b5b5f;
  font-size: 1rem;
  line-height: 1.2em;
}
h2,
h3 {
  font-weight: 300;
  color: #5b5b5f;
}
.linkedin-icon:before {
  content: "\f16e";
}
.gplus-icon:before {
  content: "\f15a";
}
.youtube-icon:before {
  content: "\f1c9";
}
.rss-icon:before {
  content: "\f18f";
}
.aliance-icon:before {
  content: '\f105';
}
.college-icon:before {
  content: '\f131';
}
.group-icon:before {
  content: '\f1c3';
}
.data-center-icon:before {
  content: '\f185';
}
.data-base-icon:before {
  content: '\f137';
}
.app-icon:before {
  content: '\f172';
}
.servers-icon:before {
  content: '\f138';
}
.backup-icon:before {
  content: '\f113';
}
.support-icon:before {
  content: '\f1a4';
}
.tasks-icon:before {
  content: '\f1a7';
}
.investigation-icon:before {
  content: '\f164';
}
.search-icon:before {
  content: '\f193';
}
.down-icon:before {
  content: '\f13f';
}
.rocket-icon:before {
  content: '\f18c';
}
.rocket-line-icon:before {
  content: '\f18d';
}
.app2-icon:before {
  content: '\f109';
}
.chart-line-icon:before {
  content: '\f126';
}
.chat-line-icon:before {
  content: '\f128';
}
.user-icon:before {
  content: '\f1b1';
}
.stopwatch-icon:before {
  content: '\f1a3';
}
.document-icon:before {
  content: '\f13c';
}
.eye-icon:before {
  content: '\f147';
}
.code-icon:before {
  content: '\f14a';
}
.home-icon:before {
  content: '\f1ca';
}
.graph-icon:before {
  content: '\f15c';
}
.integrate-icon:before {
  content: '\f163';
}
.folder-open-icon:before {
  content: '\f159';
}
.vista2-icon:before {
  content: '\f1b7';
}
.video-line-icon:before {
  content: '\f1b5';
}
.photo-icon:before {
  content: '\f182';
}
.code2-icon:before {
  content: '\f12c';
}
.calendar-icon:before {
  content: '\f120';
}
.calc-icon:before {
  content: '\f1cb';
}
.bell-line-icon:before {
  content: '\f119';
}
.airplane-line-icon:before {
  content: '\f103';
}
.car-icon:before {
  content: '\f125';
}
.wrench-icon:before {
  content: '\f1c6';
}
.cog-line-icon:before {
  content: '\f130';
}
.wheelbarrow-icon:before {
  content: '\f1bb';
}
.box-icon:before {
  content: '\f11f';
}
.basket-icon:before {
  content: '\f114';
}
.bat-full-icon:before {
  content: '\f115';
}
.light-line-icon:before {
  content: '\f1d0';
}
.factory-line-icon:before {
  content: '\f1ce';
}
.camion-line-icon:before {
  content: '\f1d2';
}
.ray-line-icon:before {
  content: '\f1c4';
}
.tag-line-icon:before {
  content: '\f1a6';
}
.world-line-icon:before {
  content: '\f1d3';
}
.pencil-icon:before {
  content: '\f181';
}
.clock-icon:before {
  content: '\f12b';
}
.copy-icon:before {
  content: '\f136';
}
.download-line-icon:before {
  content: '\f141';
}
.connect-icon:before {
  content: '\f135';
}
.logic-icon:before {
  content: '\f1d5';
}
.gramatic-icon:before {
  content: '\f1d6';
}
.perspective4-icon:before {
  content: '\f1b9';
}
.dinamic-icon:before {
  content: '\f139';
}
.puzzle-icon:before {
  content: '\f187';
}
.w3c-icon:before {
  content: '\f1ba';
}
.plano2d-icon:before {
  content: '\f1d8';
}
.solido2d-icon:before {
  content: '\f1d7';
}
.flow-split-icon:before {
  content: '\f154';
}
.flow-split1-icon:before {
  content: '\f155';
}
.clipboard-icon:before {
  content: '\f129';
}
.add-icon:before {
  content: '\f160';
}
.left-icon:before {
  content: '\f106';
}
.lock-icon-line:before {
  content: '\f174';
}
.lock-icon:before {
  content: '\f173';
}
.info-icon:before {
  content: '\f162';
}
.computer-icon:before {
  content: '\f1c0';
}
.params-icon:before {
  content: '\f17f';
}
.invoices-icon:before {
  content: '\f166';
}
.include-icon:before {
  content: '\f161';
}
.list-add-icon:before {
  content: '\f171';
}
[class*="-icon"]:before {
  font-size: 3rem;
  font-family: icons;
  display: block;
}
.slideshar-icon:before {
  content: '\f197';
}
.maps-icon:before {
  content: '\f1d9';
}
.solutions li,
ul li {
  list-style-type: none;
}
#___gcse_0,
.button-gray,
.content-middle,
.semantic-objetive,
.separated,
body.show-form,
body.show-menu,
section {
  overflow: hidden;
}
.blocklist li[class*="-icon"]:before {
  font-size: 2rem;
  font-family: icons;
  padding: 0.5rem;
  display: inline-block;
  vertical-align: middle;
}
.basicinline li h4 + * {
  margin-top: 10px;
}
.basicinline.r-inline.r-left,
.basicinline.r-inline.twocolumn {
  text-align: left;
}
.basicinline.r-inline div,
.basicinline.semantic-inline div {
  display: inline-block;
  width: 60%;
  text-align: left;
  vertical-align: top;
  margin-left: 7%;
  margin-top: 10px;
}
.basicinline li h4 {
  color: #d12421;
}
.basicinline.r-inline.col-display {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 530px;
}
.a-carrousel,
.portada-carrousel {
  white-space: nowrap;
  height: 30rem;
  transition: none;
  position: relative;
}
.basicinline.r-inline.col-display li img {
  width: 3em;
}
.basicinline.r-inline.col-display li li {
  text-align: left;
  padding: 0;
  width: 100%;
}
.basicinline.r-inline.twocolumn > li {
  width: 48%;
  text-align: left;
}
.basicinline.r-inline > li {
  width: 33.33333%;
  margin-right: -4px;
  max-width: none;
}
.basicinline.semantic-inline > li {
  width: 49%;
  min-width: 350px;
  max-width: none;
}
.basicinline.r-box,
.basicinline.services {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.basicinline.r-inline img,
.basicinline.semantic-inline img {
  display: inline-block;
}
.basicinline img.icons {
  width: 3rem;
  padding-bottom: 0.5em;
}
.basicinline img {
  display: block;
  margin: 0 auto;
  width: 6rem;
}
.basicinline.r-box li {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 2rem 3rem 3rem;
  min-width: 300px;
  margin: 20px;
}
.basicinline.services a {
  margin-top: 2rem;
  box-shadow: none;
}
article.necessaries .basicinline li {
  letter-spacing: -0.02rem;
  vertical-align: top;
}
.basicinline {
  padding-top: 2em;
}
.basicinline li,
.s-img li {
  padding: 1rem;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
}
.basicinline li {
  display: inline-block;
  font-family: Roboto;
  width: 20%;
  max-width: 350px;
}
.s-img img {
  width: 7rem;
  display: block;
  vertical-align: top;
  margin: 0 auto;
}
.s-img li {
  color: #fff;
  display: inline-block;
  width: 20%;
  font-weight: 100;
  font-size: 1.05rem;
}
article.necessaries h2 {
  padding-bottom: 1.5rem;
}
article.necessaries {
  position: relative;
  overflow: hidden;
  width: 100%;
  list-style: none;
  text-align: center;
  margin: 0 auto;
}
.separated {
  position: relative;
  background-color: #f9f9f9;
}
.semantic-objetive {
  position: relative;
  background: linear-gradient(140deg, #1b1b1b, #6F6F6F);
  color: #fff;
}
.semantic-objetive h1 {
  display: block;
}
.semantic-objetive h2 {
  color: #fff;
}
.semantic-objetive h3,
.semantic-objetive h4 {
  color: #fff;
  font-weight: 300;
}
.basicinline-img li {
  width: 24%;
  color: #fff;
  font-weight: 100;
  font-size: 1.05rem;
}
.a-carrousel {
  display: block;
}
article.aliances {
  position: relative;
  width: 100%;
  list-style: none;
  text-align: center;
  margin: 0 auto;
}
.a-carrousel ul li {
  margin: 3em;
}
article.aliances li {
  width: 140px;
  vertical-align: middle;
  margin-top: 3em;
  padding: 0 1.5rem;
  display: inline-block;
}
[class*=portada-img] h2,
[class*=semantic-img] h2 {
  font-size: 2.7rem;
  max-width: 1500px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  font-weight: 300;
}
.portada-img1 {
  background-image: url(../img/home/Ley-crea-crece.webp);
}
.portada-img2 {
  background-image: url(../img/home/semantic2.jpg);
}
.portada-img3 {
  background-image: url(../img/home/unidad-aplicaciones.jpg);
}
.portada-img4 {
  background-image: url(../img/home/semantic9.jpg);
}
.portada-carrousel {
  display: block;
}
[class*=portada-img] {
  background-size: cover;
  background-position: 50% 50%!important;
  height: 35rem;
  display: inline-block;
  width: 100%;
  opacity: 0;
  margin-right: -4px;
  position: relative;
  vertical-align: top;
  transition: all 8s ease-in, opacity 0.45s ease;
}
[class*=portada-img].active {
  opacity: 1;
  transition: all 8s ease-in, opacity 0.45s ease;
  background-position: center bottom !important;
}
[class*=portada-img] h2 {
  width: 50%;
  height: 50%;
  white-space: normal;
  position: relative;
  top: 550px;
  opacity: 0;
  transition: all 1.2s cubic-bezier(0.55, 0, 0.1, 1) 0.45s, opacity 2s linear 1s;
  display: block;
  font-weight: 400;
}
[class*=portada-img].active h2 {
  top: 5em;
  opacity: 1;
}
[class*=portada-img].static {
  transition: none;
  opacity: 1;
  background-position: center !important;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
[class*=portada-img].active.static h2 {
  top: auto;
  height: auto;
  transition: none;
  line-height: normal;
}
.r-carrousel {
  white-space: nowrap;
  height: 30rem;
  position: relative;
  display: block;
  width: 100%;
}
[class*=semantic-img] {
  background-size: cover;
  background-position: 50% 50%!important;
  height: 100%;
  display: inline-block;
  width: 100%;
  opacity: 0;
  margin-right: -3px;
  position: relative;
  vertical-align: top;
  transition: all 8s ease-in, opacity 0.45s ease, left 0s;
}
.content-middle,
.graficsimg,
.products > a,
.solution-industry,
.solution-sector {
  vertical-align: middle;
}
[class*=semantic-img].active {
  opacity: 1;
  transition: all 8s ease-in, opacity 0.45s ease, left 0s;
  background-position: center bottom !important;
}
[class*=semantic-img]:before {
  width: 100%;
  height: 100%;
  content: '';
  background: #000;
  position: absolute;
  opacity: 0.4;
}
[class*=semantic-img] h2 {
  width: 50%;
  height: 50%;
  white-space: normal;
  position: relative;
  top: 550px;
  opacity: 0;
  transition: all 1.2s cubic-bezier(0.55, 0, 0.1, 1) 0.45s, opacity 2s linear 1s;
  display: block;
}
.header-app,
.header-sistems {
  height: 100%;
  position: relative;
  z-index: -1;
  padding-left: 5em;
  background-size: cover;
  min-height: 550px;
}
.products > a,
.solutions li {
  transition: box-shadow 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}
[class*=semantic-img].active h2 {
  top: 3em;
  opacity: 1;
}
@keyframes easeInText {
  0% {
    top: 5em;
    opacity: 0;
  }
  20%,
  80% {
    top: 3em;
    opacity: 1;
  }
}
@keyframes changeimg {
  0%,
  15% {
    left: 0;
  }
  20%,
  35% {
    left: -100%;
  }
  40%,
  55% {
    left: -200%;
  }
  60%,
  75% {
    left: -300%;
  }
  80%,
  95% {
    left: -400%;
  }
  100% {
    left: -500%;
  }
}
.slider {
  width: 30%;
  padding-top: 2rem;
  text-align: left;
}
.header-sistems {
  background-image: url(../img/home/data_center3.jpg);
}
.header-app {
  background-image: url(../img/home/unidad-aplicaciones.jpg);
}
.tecnology:before {
  content: '\f13d';
  font-family: icons;
  color: #d12421;
  padding: 0.3rem;
  font-size: 0.7rem;
  position: absolute;
  left: 0;
  top: -2px;
}
.header-title > h1:after,
.logo:before {
  content: '';
}
li.tecnology {
  padding: 0.2rem 0 0.2rem 24px;
  text-transform: uppercase;
  line-height: 1.5rem;
  position: relative;
  text-align: left;
}
h2 + p,
h3 + a,
h3 + img,
h6 + p {
  margin-top: 8px;
}
.disponibility {
  width: 15em;
  height: 15em;
  border-radius: 10em;
  border: 1px solid #efefef;
  text-align: center;
  margin: 2em auto;
}
.disponibility p {
  font-size: 4.5em;
  color: #efefef;
  padding: 0.8em 0;
  text-align: center;
}
.content-middle p.download-line-icon:before,
.content-middle p.home-icon:before {
  display: inline-block;
  margin-right: 1rem;
  font-size: 2rem!important;
  color: #868686;
}
.content-middle p {
  display: inline-block;
}
.content-middle p:nth-child(2),
.content-middle p:nth-child(4) {
  padding: 1rem 0;
}
.content-middle img.computer {
  width: 30rem;
  clear: both;
  display: block;
}
.content-middle .app {
  width: 30rem;
  bottom: 0;
  position: absolute;
}
.content-middle img.icon {
  width: 20rem;
  float: right;
}
.content-middle img {
  width: 25rem;
  display: block;
  max-width: 100%;
}
.content-middle {
  width: 70%;
  padding: 0 10% 0 0;
  display: inline-block;
  margin-right: -4px;
}
.graficsimg {
  width: 30%;
  display: inline-block;
}
.b-img > .content-middle + .content-middle {
  width: 35%;
}
.b-img > .content-middle {
  width: 60%;
}
.b-img > .graficsimg {
  width: 40%;
}
article.content-middle > div.content-middle {
  width: 45%;
}
.content-middle > .content-middle > img {
  width: 8em;
}
.content-middle div,
.content-middle > .content-middle {
  padding: 1em 0;
}
#header-page {
  height: 100%;
  min-height: 550px;
  background-size: cover;
  background: -webkit-linear-gradient(180deg, #e5e5e5, #33333f);
  background: -moz-linear-gradient(54deg, #8f8f8f, #1b1b1b);
  background: -o-linear-gradient(54deg, #8f8f8f, #1b1b1b);
  background: linear-gradient(180deg, #e5e5e5, #33333f);
  position: relative;
  z-index: 0;
}
#header-page.header-semantic {
  background-image: url(../img/home/semantic-systems.jpg) !important;
  background-position: 50% 30%;
}
.page-aeronautico {
  background-image: url(../img/sector/sector-aeronautico.jpg) !important;
}
.page-caldereria {
  background-image: url(../img/sector/sector-caldereria-productos-metalicos.jpg) !important;
}
.page-construccion {
  background-image: url(../img/sector/sector-construccion.jpg) !important;
}
.page-distribucion-materiales {
  background-image: url(../img/sector/sector-distribucion-materiales.jpg) !important;
}
.page-mobiliario {
  background-image: url(../img/sector/sector-mobiliario.jpg) !important;
}
.page-componentes-plastico {
  background-image: url(../img/sector/sector-componentes-plastico.jpg) !important;
}
.page-automocion {
  background-image: url(../img/sector/sector-automocion.jpg) !important;
}
.page-carroceros {
  background-image: url(../img/sector/sector-carroceros.jpg) !important;
}
.page-distribucion-repuestos {
  background-image: url(../img/sector/sector-distribucion-repuestos.jpg) !important;
}
.page-sistemas-iluminacion {
  background-image: url(../img/sector/sector-sistemas-iluminacion.jpg) !important;
}
.page-servicios {
  background-image: url(../img/sector/sector-servicios.jpg) !important;
}
.page-bienes-equipo-electrico {
  background-image: url(../img/sector/sector-bienes-equipo-electricos.jpg) !important;
}
.page-bienes-equipo-maquinaria {
  background-image: url(../img/sector/sector-bienes-equipo-maquinaria.jpg) !important;
}
.page-bienes-equipo-transporte {
  background-image: url(../img/sector/sector-bienes-equipo-transporte.jpg) !important;
}
.page-bienes-equipo-siderurgia {
  background-image: url(../img/sector/sector-bienes-equipo-siderurgia.jpg) !important;
}
.page-aplicacicones-unit {
  background-image: url(../img/home/unidad-aplicaciones.jpg) !important;
}
.page-aplicacicones {
  background-image: url(../img/unidades/aplicacion-header.jpg) !important;
}
.page-outsourcing {
  background-image: url(../img/unidades/data-center.jpg) !important;
}
.page-ticketbai {
  background-image: url(../img/repcon/repcon_ticketbai.png) !important;
}
.repcon_suiteFactory {
  background-image: url(../img/repcon/repcon-suite-Factory.jpg) !important;
}
.gracias_webinar {
  background-image: url(../img/gracias/gracias_webinar.png) !important;
}
.page-sii {
  background-image: url(../img/repcon/repcon_sii.png) !important;
}
.page-services {
  background-image: url(../img/servicios/recepcion.jpg) !important;
}
.page-industry {
  background-image: url(../img/home/semantic1.jpg) !important;
}
.page-tema {
  background-image: url(../img/temas/coding.jpg) !important;
}
.page-photocontent {
  background-image: url(../img/architecture.jpg) !important;
  background-size: cover;
}
.page-architecture {
  background-image: url(../img/home/architecture.jpg) !important;
  background-size: cover;
  padding: 15% 8%;
}
.page-repcon {
  background-image: url(../img/page-repcon.png) !important;
  background-size: cover;
}
.imgcenter {
  width: 50%;
}
.red {
  color: #d12421;
}
.grey {
  color: #888;
}
.white {
  color: #fff;
}
.header-title > h1 {
  color: #FFF;
  font-weight: 300;
  font-size: 3.5rem;
  font-family: Roboto;
  text-align: left;
  line-height: 1em;
  padding: 0.5em 0;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
}
.products,
.repcon-app h2 {
  text-align: center;
  display: block;
}
.header-title > h1:after {
  background: #d12421;
  position: absolute;
  height: 100%;
  left: -100em;
  right: -3em;
  opacity: 0.6;
  z-index: -1;
  top: 0;
  transform: skewX(-10deg);
}
.repcon > article img.logotipe-repcon {
  width: 20%;
  position: relative;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.header-title > p {
  color: #FFF;
  padding: 1em 0;
}
.repcon img {
  bottom: 0;
  top: auto;
  position: absolute;
  right: 0;
  z-index: -1;
}
.repcon_product img {
  margin-right: 0;
  position: absolute;
  top: 4em;
  left: calc(30% + 8em);
  height: 100%;
}
.repcon_product > article img.logotipe-repcon {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  height: 4em;
}
.repcon-app {
  padding: 8rem 0!important;
  background: linear-gradient(120deg, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 15, 0.8));
}
.products {
  position: relative;
}
article.products:after {
  width: 90%;
  height: 30em;
  background: #000;
  display: block;
  border-radius: 999em;
  margin: 0 auto;
  opacity: 0.4;
  -webkit-filter: blur(109px);
  z-index: 0;
  position: absolute;
  transform: scaleY(0.15);
  bottom: -14em;
  left: 5%;
}
.header-title > h4,
.logo-r,
.products img,
.products > a,
.solutions li {
  position: relative;
}
.products img {
  text-align: left;
  display: block;
  max-width: 100%;
  height: auto;
  top: 30px;
}
.products > a {
  display: inline-block;
  width: 17%;
  padding: 1em;
  background-color: #fff;
  height: 25em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin: 0;
  z-index: 1;
  background: linear-gradient(120deg, #f4f4f4 60%, rgba(201, 201, 201, 0.8)) !important;
}
.products > a:first-of-type,
.products > a:last-of-type {
  height: 20em;
}
.products > a:nth-child(2n) {
  height: 22em;
}
.products > a:hover {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  z-index: 2;
}
.solutiones-medida img {
  top: 40px;
}
.logo-r {
  height: 8em;
  left: calc(48% - 8em);
}
img.logotipe-repcon {
  max-height: 4em;
  max-width: 100%;
}
.header-title > h4 {
  color: #FFF;
  padding: 1em 0;
  top: -40px;
}
.sol-img {
  top: 2em;
}
.products h4 {
  text-align: center !important;
}
.solutions {
  margin: 0 -1em;
  display: flex;
  flex-wrap: wrap;
}
.solution-industry {
  width: 100%;
  padding: 2rem 0;
}
.solution-sector {
  display: inline-block;
  width: 80%;
}
.solution-sector h4 {
  color: #d12421;
}
.solutions li:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.solutions li {
  display: block;
  margin: 1rem;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  vertical-align: top;
  cursor: pointer;
  border-radius: 2px;
}
.solutions.industry li {
  width: auto;
  height: auto;
  display: block;
  cursor: default;
  box-shadow: none;
}
.solutions.industry h2 {
  display: inline-block;
  width: 90%;
  vertical-align: middle;
}
.solutions.industry p {
  padding-top: 1em;
}
.solutions li > a {
  width: 100%;
  display: block;
  padding: 2rem;
}
.solutions img {
  display: inline-block;
  vertical-align: middle;
  padding-right: 1em;
  max-height: 4em;
  max-width: 18%;
}
.main-header {
  position: fixed;
  background-color: transparent;
  width: 100%;
  z-index: 3000;
  top: 0;
  transition: background 0.2s ease 0.2s;
}
.main-header:hover {
  background: rgba(255, 255, 255, 0.9);
}
body.show-menu .main-header:hover {
  background: 0 0;
  transition: background 0.2s ease;
}
.logo {
  display: block;
  float: left;
  width: 7em;
  height: 5em;
  font-size: 1em;
  padding: 1em;
}
.logo:before {
  background: url(../img/logotype/semantic-systems.png) center center / auto 100% no-repeat;
  display: block;
  width: 100%;
  height: 100%;
}
body {
  overflow-y: scroll;
  overflow-x: hidden;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
section {
  padding: 3em 8%;
  background: #fff;
}
section h2 {
  display: block;
}
h3.semantic-title {
  font-weight: 500;
  color: #d12421;
  font-style: italic;
}
.button-gray {
  border: 2px solid #d12421;
  position: relative;
  font-family: Roboto;
  color: #d12421;
  display: inline-block;
  padding: 1em 3.5em;
}
.content-services .button-gray,
.header-title .button-gray,
.button-gray.red {
  background: #d12421;
  color: #fff;
  margin: 15px;
}
.content-services .button-gray .hoverEffect,
.header-title .button-gray .hoverEffect {
  display: none;
}
.hoverEffect {
  position: absolute;
  left: 50%;
  top: 0;
  right: 50%;
  bottom: 0;
  width: auto;
  z-index: 0;
  transition: left 0.2s, right 0.2s, opacity 0.5s;
  transform: skewX(20deg);
  opacity: 0;
  background-image: -webkit-linear-gradient(left, #d12421 0, #d3201a 100%);
  background-image: -moz-linear-gradient(left, #d12421 0, #d3201a 100%);
  background-image: -o-linear-gradient(left, #d12421 0, #d3201a 100%);
  background-image: linear-gradient(to right, #d12421 0, #d3201a 100%);
  color: #d12421;
}
.button-gray.red .hoverEffect {
  background: white;
}
.button-gray.red:hover span {
  color: #d12421;
}
.button-gray:hover .hoverEffect {
  left: -10px;
  right: -10px;
  transition: left 0.2s, right 0.2s, opacity 0.5s;
  opacity: 1;
}
.button-gray span,
.button-gray:hover span {
  transition: color 0.8s ease;
}
.button-gray:hover span {
  position: relative;
  color: #fff;
}
.not-found {
  position: relative!important;
  width: 100%;
  display: block;
  padding: 0;
  z-index: -1;
  min-height: 550px;
}
.not-found img {
  width: 100%;
  opacity: 0.3;
  top: 0;
  position: absolute;
  bottom: 0;
  height: 100%;
}
.not-found h1 {
  position: relative;
  text-align: center;
  color: #fff;
  opacity: 0.32;
  font-size: 59em;
  font-weight: 900;
  letter-spacing: -93px;
  margin-left: -4%;
  width: 100%;
}
.not-found h3 {
  position: absolute;
  top: 46%;
  font-size: 5em;
  opacity: 0.5;
  font-weight: 400;
  color: #909090;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 960px) {
  .not-found h1 {
    font-size: 46em !important;
  }
  .content-sector article:after {
    background: #2F2F2F !important;
    opacity: 0.6 !important;
    width: 500%!important;
    height: 500%!important;
    transform: rotate(0) !important;
    left: -30% !important;
    top: -30% !important;
  }
  .content-sector article p {
    z-index: 2!important;
    opacity: 1 !important;
  }
}
@media only screen and (max-width: 800px) {
  .not-found h1 {
    font-size: 40em!important;
    margin-left: -7%;
  }
  .not-found h3 {
    font-size: 3em !important;
  }
}
@media only screen and (max-width: 600px) {
  .not-found h1 {
    font-size: 30em!important;
    margin-left: -7%;
  }
  .not-found h3 {
    font-size: 3em !important;
  }
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 2rem !important;
  }
  h2 {
    font-size: 1.3rem;
  }
  h3 {
    font-size: 1.1rem;
  }
  .not-found h1 {
    font-size: 22em!important;
    margin-left: -7%;
    letter-spacing: -41px;
    top: calc(550px - 1.5em);
  }
  .not-found h3 {
    font-size: 3em !important;
  }
  .basicinline.r-inline > li {
    min-width: 100%;
    padding: 1rem 0;
  }
  .basicinline.r-inline img {
    width: 20%;
  }
  .basicinline.r-inline div {
    width: 70%;
    margin-left: 3%;
  }
  .products img {
    display: none !important;
  }
  .products h4 {
    margin-left: 8em;
  }
  .products > a {
    display: block!important;
    width: 90% !important;
  }
  .logo-r {
    height: 6.5em !important;
    left: calc(43% - 6.5em);
  }
  .graficsimg {
    width: 60%!important;
    right: 0 !important;
  }
  .products div {
    background-size: 8em;
    background-color: transparent;
    background-repeat: no-repeat;
    height: inherit;
  }
  .products a:nth-child(1) > div {
    background-image: url(../img/repcon/icono-configurador.png);
  }
  .products a:nth-child(2) > div {
    background-image: url(../img/repcon/icono-krp.png);
  }
  .products a:nth-child(3) > div {
    background-image: url(../img/repcon/icono-soluciones-medida.png);
  }
  .products a:nth-child(4) > div {
    background-image: url(../img/repcon/icono-invoices.png);
  }
  .products a:nth-child(5) > div {
    background-image: url(../img/repcon/icono-pc.png);
  }
  #contact-navigation-form {
    padding: 1.5em !important;
  }
  #contact-box h2.tlfn {
    font-size: 1.2em !important;
  }
  .social-bar a:before {
    font-size: 1.5rem !important;
  }
  .divcontent {
    padding: 10% 8% !important;
  }
  .content-sector article {
    width: 100%!important;
    height: 8em !important;
  }
  .content-sector article p {
    max-width: 100% !important;
  }
  .newline {
    display: initial !important;
  }
  .header-title > h1:after {
    right: -1em !important;
  }
  .basicinline.semantic-inline > li {
    min-width: 300px!important;
    padding: 1rem 0 !important;
  }
  .responsive li,
  div.content-middle.responsive {
    width: 100% !important;
  }
  .basicinline.semantic-inline div {
    width: 55%!important;
    margin-left: 5% !important;
  }
}
#home {
  height: 100%;
  min-height: 550px;
  width: 100%;
  display: block;
  padding: 0;
  position: relative;
  z-index: -1;
}
#home p {
  color: #fff;
  font-family: Roboto;
  font-size: 2em;
  line-height: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
}
#home img {
  bottom: 0;
  padding-right: 5em;
  width: 800px;
  max-width: 35em;
  top: auto;
  position: absolute;
  left: calc(100% - 28em);
}
#home article {
  position: relative;
  top: 100px;
  max-width: 20em;
  min-height: 20em;
  background-color: #d12421;
  padding: 3em 3em 0;
  float: left;
  z-index: 1;
}
#home article > h1 {
  color: #fff;
  font-size: 1.5em;
  margin-top: 0;
  font-family: Roboto;
  font-weight: 700;
  text-align: left;
  line-height: 1em;
  letter-spacing: -0.02em;
}
#home article > h2 {
  color: #fff;
  font-size: 0.6em;
  font-family: Roboto;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1em;
  margin: 0;
  padding-top: 3.5em;
}
#home a:not(class*="button-") {
  font-size: 0.8em;
  color: #fff;
}
@media only screen and (max-width: 960px) {
  .logo:before {
    content: '';
    background: url(../img/logotype/logo_web.png) center center / contain no-repeat;
    display: block;
    width: 60%;
  }
}
.gsc-control-cse,
.gsib_a input {
  background: 0 0 !important;
}
#___gcse_0,
#search-ico,
.search {
  display: inline-block;
}
.search {
  position: relative;
  margin-right: 2em;
  width: calc(100% - 100px);
  z-index: -1;
}
.show-menu .search {
  width: calc(80% - 100px);
  z-index: 0;
}
.search.active {
  width: 80%;
}
#search-ico {
  color: #d12421;
  z-index: 1;
  cursor: pointer;
  pointer-events: none;
  transform: scale(0);
  transition: transform 0.35s ease 0.35s;
}
.show-menu #search-ico {
  transform: scale(0);
}
#search-ico:before {
  content: '\f193';
  font-family: icons;
  font-size: 1.8em;
  line-height: 0.8em;
}
form.gsc-search-box {
  margin-bottom: 0 !important;
}
.gsc-control-cse {
  padding: 0!important;
  border: none !important;
}
/* .gsc-search-button-v2,
    .gsc-search-button-v2:hover,
    .gsc-search-button-v2:focus {
        background-color: rgba(209, 36, 33, 1) !important;
        border: none !important;
        padding: .5rem 1rem !important;
        cursor: pointer !important;
        transform: scale(0);
        transition: transform .25s ease;
    } */
td .gsc-search-button svg:focus {
  outline: #d12421 auto 5px;
}
/* .show-menu .gsc-search-button-v2 {
        transform: scale(1);
        transition: transform .25s ease;
    } */
.gsst_a .gscb_a {
  color: #d12421 !important;
}
input.gsc-search-button {
  width: 2.5em !important;
  height: 2.5em !important;
  padding: 0!important;
  opacity: 0;
}
.gsc-input-box {
  border: none!important;
  background-color: transparent !important;
}
td.gsc-search-button {
  width: 40px!important;
  cursor: pointer;
  position: absolute;
}
.gsc-input-box-focus,
.gsc-input-box-hover {
  box-shadow: none !important;
}
/* #___gcse_0 {
        border-top: 0;
        width: auto;
        vertical-align: top;
        left: 100%;
        right: 27px;
        transition: left .35s ease .2s;
        position: absolute
    } */
.show-menu #___gcse_0 {
  left: 0;
  transition-delay: 0.35s;
  overflow: visible;
}
.gsc-adBlock,
.gsc-adBlockVertical {
  display: none !important;
}
.gsc-results {
  width: 100% !important;
}
#search .gsc-selected-option-container,
.gsc-selected-option-container {
  width: auto !important;
}
.gsc-webResult .gsc-result {
  margin: 1em auto!important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 1em!important;
  max-width: 1500px;
}
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b,
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b {
  color: #a31010 !important;
}
.gs-result .gs-title,
.gs-result .gs-title * {
  text-decoration: none !important;
}
.gs-imageResult div.gs-visibleUrl,
.gs-webResult div.gs-visibleUrl {
  color: #777 !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #a31010 !important;
  font-size: 1.2em !important;
  outline: 0;
  background: 0 0 !important;
}
#soluciones li li:hover,
.nav-title,
#solutions li li:hover {
  color: #444;
}
.gsc-above-wrapper-area {
  margin: 0 1em;
}
#search div#body {
  margin-top: 0;
  padding-top: 5em;
}
.gsc-results .gsc-cursor-box {
  max-width: 1500px;
  margin: 1em auto !important;
}
.gsc-thinWrapper {
  width: 100%!important;
  float: none !important;
}
body .gs-error-result .gs-snippet,
body .gs-no-results-result .gs-snippet {
  border: 1px solid #d12421;
  background: rgba(209, 36, 33, 0.2);
}
.second-wrapper > ul {
  display: block;
}
.second-wrapper > ul > li {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  position: relative;
}
#contact-box h2.tlfn a,
.second-wrapper > ul {
  white-space: nowrap;
}
.second-wrapper > ul > li:hover a {
  background: 0 0;
}
.second-wrapper > ul > li li:hover a {
  background-color: rgba(255, 255, 255, 0.2);
}
.second-wrapper > ul > li > ul {
  margin: 82px 2em 2em;
}
.second-wrapper > ul li {
  margin-left: 0;
  transition: margin-left 0.45s cubic-bezier(0.55, 0, 0.1, 1);
}
#soluciones li li,
#solutions li li,
#investigación li li {
  padding: 0.2em;
  display: block;
  font-size: 1.8em;
  color: #d12421;
  font-weight: 700;
}
#soluciones ul ul li,
#soluciones ul ul li a,
#solutions ul ul li,
#solutions ul ul li a {
  font-size: 1em;
  cursor: pointer;
  padding-left: 0.5em;
}
#investigación ul ul li,
#investigación ul ul li a {
  font-size: 1em;
  cursor: pointer;
  padding-left: 0.5em;
}
#investigación li li:hover,
.nav-title {
  color: #444;
}
.back-btn {
  position: relative;
  font-size: 2em;
  width: 1em;
  height: auto;
  cursor: pointer;
  transition: all 0.35s ease;
  display: inline-block;
  text-align: left;
  left: -10px;
  z-index: -1;
  transform: scale(0);
  float: left;
}
.back-btn.active {
  z-index: 0;
  transform: scale(1);
  transition: all 0.35s ease 0.2s;
}
.back-btn:hover {
  color: #d12421;
}
.language {
  position: absolute;
  font-size: 1.2em;
  z-index: -1;
  float: left;
  transform: scale(0);
  transition: all 0.35s ease;
  left: 4em;
  top: 1.2em;
}
.show-menu .language {
  z-index: 0;
  transform: scale(1);
  transition: all 0.35s ease 0.5s;
}
.language a {
  color: #d12421;
}
.language a:hover {
  color: black;
}
.language-separated {
  font-size: 1.5em;
  display: inline-block;
  font-weight: 300;
  top: 0.12em;
  position: relative;
}
.second-wrapper > ul {
  left: 0;
  transition: all 0.45s ease, opacity 0.2s ease;
  opacity: 0;
  width: 100%;
  height: 0;
}
.second-wrapper > ul.active {
  opacity: 1;
  width: 100%;
  height: auto;
  transition: all 0.45s ease, opacity 0.2s ease;
}
.repcon-box .tab-nav {
  font-size: 0;
  position: relative;
  color: #ffffff;
  width: auto;
  outline: 0;
  transform: none;
}
.repcon-box .tab-nav li {
  padding: 1em;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  color: inherit;
  transition: border 0.2s ease;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
  opacity: 0.4;
  width: calc(33% - 2em);
  line-height: 1.4em;
}
.actions-title,
.button-bar h2 {
  color: #fff;
  font-weight: 300;
  vertical-align: middle;
}
.repcon-box .tab-nav li.active-tab {
  opacity: 1;
}
.repcon-box .tab-nav li:hover {
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
.repcon-box .border-tab {
  height: 2px;
  width: auto;
  background-color: #fff;
  position: absolute;
  margin-top: -2px;
  left: 0;
  right: 100%;
  transition: right 0.2s ease, left 0.2s ease 0.1s;
}
.repcon-box .border-tab.reverse {
  transition: left 0.2s ease, right 0.2s ease 0.1s;
}
.repcon-box.tab-box {
  position: relative;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.soluciones .repcon-box.tab-box {
  height: 3.4em;
  opacity: 1;
}
.button-bar h2 {
  display: inline-block;
  opacity: 0;
  transition: all 0.2s ease;
  margin-top: 0.3em;
  margin-bottom: -0.3em;
}
.button-bar h2:first-of-type {
  opacity: 1;
  margin: 0;
  width: auto;
  max-width: 300px;
}
.button-bar h2:nth-child(2) {
  transition-delay: 0.2s;
}
.soluciones .button-bar h2 {
  opacity: 1;
  margin: 0;
}
.soluciones .button-bar h2:first-of-type {
  margin-top: 0.3em;
  margin-bottom: -0.3em;
  transition: all 0.2s ease;
  opacity: 0;
  width: 0;
  max-width: 0;
}
.soluciones .button-bar h2:nth-child(2) {
  transition-delay: 0.2s;
}
/* .nav-wrapper img {
        -webkit-filter: grayscale(1);
        -ms-filter: grayscale(1);
        filter: grayscale(1);
        margin: 0 .5em 0 auto;
        width: 1.5em;
        vertical-align: middle
    } */
#clientes img,
.content img {
  -webkit-filter: grayscale(1);
}
/* .nav-btn {
        width: 2em;
        height: 2em;
        display: inline-block;
        background: #fff
    } */
.button-bar {
  padding: 1.5em 2em;
  text-align: right;
}
.soluciones .button-bar {
  padding-bottom: 0;
}
.first-wrapper .button-bar {
  padding: 1em 2em;
  width: auto;
  right: 0;
  left: 0;
  height: 4.8em;
}
.header,
.show-menu .header {
  left: 50%;
  margin-left: 0;
}
.header {
  z-index: 100;
  width: auto;
  top: 0;
  position: fixed!important;
  overflow: visible;
  display: block;
  right: 0;
  height: 72px;
  transition: all 0.45s cubic-bezier(0.55, 0, 0.1, 1) 0.2s;
}
.header .actions .search {
  opacity: 0;
}
.show-menu .header .actions .search {
  opacity: 1;
  transition-delay: 0.45s;
}
.animated-back span,
.animated-menu2 span,
.animated-menu2 span:before {
  transition: all 0.35s cubic-bezier(0.55, 0, 0.5, 1);
}
.animated-menu2 {
  width: 35px;
  height: 24px;
  display: inline-block !important;
  padding: 0!important;
  cursor: pointer;
}
.animated-menu2 span {
  width: 35px;
  height: 4px;
  border-radius: 4px;
  display: block;
  position: relative;
  top: 0;
  transform-style: preserve-3d;
}
.animated-back span {
  transform: rotate(180deg);
  transform-origin: center;
  width: 2.2em;
  left: 0.3em;
}
.animated-menu2 span:after,
.animated-menu2 span:before {
  content: '';
  width: 35px;
  height: 4px;
  border-radius: 4px;
  display: block;
  position: absolute;
  left: 0;
}
.animated-close span {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.animated-menu2 span:before {
  top: 10px;
}
.animated-menu2 span:after {
  transition: all 0.35s cubic-bezier(0.55, 0, 0.5, 1);
  top: 20px;
}
.animated-back span:after,
.animated-back span:before {
  width: 1.3em;
  margin: 0;
  transition: all 0.35s cubic-bezier(0.55, 0, 0.5, 1);
}
.animated-back span:before {
  transform: rotate(45deg);
  top: 0.04em;
  left: 1em;
}
.animated-back span:after {
  transform: rotate(-45deg);
  bottom: 0.04em;
  left: 1em;
}
.animated-close span:before {
  transform: rotate(-45deg) translate3d(-5.71px, -6px, 0);
  opacity: 0;
}
.animated-close span:after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}
.animated-close.animated-back span {
  transform: rotate(180deg);
  transform-origin: center;
  background-color: #fff;
}
.animated-back.animated-close span:after {
  bottom: 0.04em;
  left: 1em;
  transform-origin: right top;
}
.animated-back.animated-close span:before {
  bottom: 0.04em;
  left: 1em;
  transform-origin: right bottom;
}
.animated-menu2 span,
.animated-menu2 span:after,
.animated-menu2 span:before {
  background-color: #d44c3c;
  transition-delay: 0.4s;
}
.active .animated-menu2 span,
.active .animated-menu2 span:after,
.active .animated-menu2 span:before {
  transition-delay: 0s;
}
.actions-title {
  border-left: 0;
  font-size: 1.2em;
  display: none;
  height: 1.3em;
  overflow: hidden;
}
.actions-title li {
  opacity: 0;
  transition: margin 0.5s ease, opacity 0.2s ease;
  line-height: 1.3em;
}
.actions-title li:first-of-type {
  margin-top: 0;
  opacity: 1;
}
.soluciones .actions-title li:first-of-type {
  margin-top: -1.3em;
  opacity: 0;
}
.soluciones .actions-title li {
  opacity: 1;
}
#logo {
  width: 77px;
  margin: 1.2em 1em;
}
@media (max-width: 1300px) {
  .repcon-box.tab-box {
    display: block;
    left: 0;
    transform: inherit;
    width: 100%;
    text-align: center;
  }
  .active .actions-title {
    opacity: 1;
    transition: opacity 0.2s ease 0.4s;
  }
  #logo {
    left: 3em;
    position: relative;
    width: 45px;
    margin: 0.7em 0;
  }
  .soluciones .actions-title li:first-of-type {
    margin-top: -1.2em;
  }
  .basicinline.r-inline > li {
    width: 50%;
  }
}
.back-btn:after {
  content: '\f106';
  font-family: icons;
  display: block;
  font-weight: 700;
  font-size: 1.3rem;
}
.down {
  cursor: pointer;
}
.down ul {
  height: 0;
  overflow: hidden;
  transition: height 0.45s cubic-bezier(0.55, 0, 0.1, 1);
}
.down.active {
  color: #444 !important;
}
.newline,
.notice1 p {
  font-weight: 400;
  font-family: Roboto;
}
.button-elem {
  margin: 0.3em 0;
  position: relative;
  vertical-align: middle;
  display: inline-block !important;
}
.line-button > p:not(.btn-contact):not(#label-enviar):not(#reset-form) {
  background: 0 0;
  box-shadow: none;
  color: #fff;
  border: 2px solid #d12101;
  opacity: 0.8;
  transition: opacity 0.2s ease;
  border-radius: 2px;
  cursor: pointer;
  display: block;
  font-size: 0.9em;
  line-height: 1.35em;
  padding: 0.8em 1.8em;
  text-align: center;
}
.notice1 p {
  text-align: left;
}
.line-button > p:hover {
  opacity: 1;
}
.banner {
  width: 100%;
  padding: 0 1.5em;
  background-color: #2c2c2c;
  overflow: auto;
}
.banner p,
.notice1 p {
  color: #fff;
  line-height: 1em;
  padding: 1em;
}
.banner > * {
  float: left;
  width: 16.66666%;
}
.banner .notice1 {
  border-left: 0.1em solid #fff;
}
.notice1 p {
  font-size: 1em;
  vertical-align: top;
}
.content-column {
  vertical-align: middle;
}
article.sistems h2,
article.sistems p {
  text-align: right;
  color: #fff;
}
.notice1 img {
  width: 4em;
  height: 3em;
  display: none;
}
.notice1:hover,
.notice:active {
  background-color: #d12421;
}
.notice1 img:hover {
  border: 4px solid #d44c3c;
}
.newline {
  display: block;
}
.content img {
  position: absolute;
}
.content {
  padding: 0;
  width: 100%;
  display: block;
  overflow: auto;
}
.content article {
  width: 50%;
  float: left;
  transition: background 1s ease;
}
.content article:hover {
  background-position: 50% 80%;
}
.content article a {
  height: 15em;
  padding: 3.8em 8%;
  display: block;
}
article.aplications p {
  color: #fff;
}
article.aplications h2 {
  color: #fff;
}
.content-center {
  text-align: center;
}
.content-center h1 {
  display: block;
}
article.aplications {
  background: url(../img/home/aplication-index.jpg) center no-repeat;
  background-size: cover;
}
article.sistems {
  background: url(../img/home/sistemas-index.jpg) center no-repeat;
  background-size: cover;
}
.circled {
  border: 2px solid #d12421;
  width: 3em;
  height: 3em;
  border-radius: 4em;
  margin: 0.3em auto 0;
  font-size: 3em;
  padding: 0.6em 0.4em;
}
.solutions-tic {
  background-image: url(../img/soluciones_tic.png);
  background-repeat: no-repeat;
  background-position: 170%;
  background-size: 79%;
}
span[id*=aliances-] {
  background-repeat: no-repeat;
  display: inline-block;
  height: 80px;
  width: 80px;
}
span#aliances-infor {
  background-image: url(../img/aliances/infor_.png);
}
span#aliances-sarenet {
  background-image: url(../img/aliances/sarenet_.png);
}
span#aliances-sap {
  background-image: url(../img/aliances/sap_.png);
}
span#aliances-telefonica {
  background-image: url(../img/partners/telefonica_.png);
}
span#aliances-bt {
  background-image: url(../img/aliances/bt_.png);
}
span#aliances-qlikview {
  background-image: url(../img/aliances/qlikview_.png);
}
span#aliances-repcon {
  background-image: url(../img/aliances/repcon_.png);
}
span#aliances-sage {
  background-image: url(../img/aliances/sage_.png);
}
span#aliances-microsoft {
  background-image: url(../img/aliances/microsoft_.png);
}
span#aliances-cisco {
  background-image: url(../img/aliances/cisco_.png);
}
span#aliances-cherwell {
  background-image: url(../img/aliances/cherwell_.png);
}
span#aliances-commvault {
  background-image: url(../img/aliances/commvault_.png);
}
span#aliances-dell {
  background-image: url(../img/aliances/dell_.png);
}
span#aliances-fortinet {
  background-image: url(../img/aliances/fortinet_.png);
}
span#aliances-centreon {
  background-image: url(../img/aliances/centreon_.png);
}
span#aliances-linux {
  background-image: url(../img/aliances/linux_.png);
}
span#aliances-oracle {
  background-image: url(../img/aliances/oracle_.png);
}
span#aliances-redhat {
  background-image: url(../img/aliances/redhat_.png);
}
span#aliances-vodafone {
  background-image: url(../img/aliances/vodafone_.png);
}
span#aliances-wmware {
  background-image: url(../img/aliances/vmware_.png);
}
span#aliances-bt:hover,
span#aliances-centreon:hover,
span#aliances-cherwell:hover,
span#aliances-cisco:hover,
span#aliances-commvault:hover,
span#aliances-dell:hover,
span#aliances-fortinet:hover,
span#aliances-infor:hover,
span#aliances-linux:hover,
span#aliances-microsoft:hover,
span#aliances-oracle:hover,
span#aliances-qlikview:hover,
span#aliances-redhat:hover,
span#aliances-repcon:hover,
span#aliances-sage:hover,
span#aliances-sap:hover,
span#aliances-sarenet:hover,
span#aliances-telefonica:hover,
span#aliances-vodafone:hover,
span#aliances-wmware:hover {
  background-position: 0 -89px;
}
.content-services {
  background: -webkit-linear-gradient(-75deg, #7C7C7C, #DBD9D9);
  background: -moz-linear-gradient(-75deg, #7C7C7C, #DBD9D9);
  background: -o-linear-gradient(-75deg, #7C7C7C, #DBD9D9);
  background: linear-gradient(-75deg, #7C7C7C, #DBD9D9);
  position: relative;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.content-services-final {
  background: -webkit-linear-gradient(190deg, #DBD9D9, #FFF);
  position: relative;
}
.solutionsimg {
  width: 35rem!important;
  position: absolute;
  bottom: -60px;
  right: 0;
}
.divcontent {
  padding: 8%;
}
.content-gradient {
  background: linear-gradient(120deg, rgba(209, 36, 33, 0.8) 60%, rgba(209, 80, 33, 0.8));
  position: relative;
  overflow: hidden;
  color: #fff;
}
.content-gradient h2,
.content-gradient h3,
.content-gradient h4 {
  color: #fff;
}
.content-sector {
  padding: 0;
  display: block;
  margin: 0;
  overflow: auto;
}
.content-sector article {
  width: 25%;
  height: 20em;
  background-size: cover;
  float: left;
  padding: 2em;
  position: relative;
  overflow: hidden;
}
.content-sector article p {
  font-size: 0.9rem;
  color: #fff;
  font-family: Roboto;
  font-weight: 500;
  top: 45%;
  position: relative;
  text-align: center;
  margin: 0;
  max-width: 20em;
  z-index: -2;
  opacity: 0;
}
.content-sector article:hover > p {
  z-index: 200;
  opacity: 1;
  transition: opacity 0.5s ease;
}
.content-sector article:after {
  content: '';
  background: rgba(209, 36, 33, 0.8);
  width: 160%;
  height: 160%;
  display: block;
  position: absolute;
  top: 100%;
  transform: rotate(-45deg);
  left: 100%;
  transition: all 0.2s ease;
}
.content-sector article:hover:after {
  left: -30%;
  top: -30%;
}
article.bigdata {
  background-image: url(../img/temas/big-data-index.webp);
}
article.mobility {
  background-image: url(../img/temas/movilidad-index.webp);
}
article.cloud {
  background-image: url(../img/temas/cloud-computing-index.webp);
}
article.business {
  background-image: url(../img/temas/businnes-intelligence-index.webp);
}
article.collaboration {
  background-image: url(../img/temas/colaboracion-social-index.webp);
}
article.management {
  background-image: url(../img/temas/gestion-contenidos-index.webp);
}
article.security {
  background-image: url(../img/temas/seguridad-it-index.webp);
}
article.outsourcing {
  background-image: url(../img/temas/outsourcing-it-index.webp);
}
.content-column {
  display: inline-block;
  width: 25%;
  padding: 0 1%;
  margin-right: -4px;
}
#clientes li,
#clientes li > div,
#copyright,
#quotes,
.column-grid-2,
a.maps-icon:before {
  position: relative;
}
input[type=email] {
  width: 25em;
  margin: 1em 1em 0 0;
  display: inline-block;
  max-width: calc(100% - 160px);
  border: none;
  outline: 0;
  padding: 0.5em 0.8em;
  vertical-align: bottom;
  border-radius: 0;
}
.column-grid-2,
.column-grid-2 + .column-grid-2 {
  text-align: right;
}
/*.column-grid-2:first-of-type {
        display: none
    }*/
.column-grid-2 {
  display: inline-block;
  width: 100%;
  margin-right: -4px;
  vertical-align: middle;
  padding: 0 1%;
  z-index: 1;
}
.content-column a {
  padding: 0.3em 0;
}
.column-grid-2 p,
.content-column a,
.content-column p {
  text-decoration: none;
  color: #666;
  font-size: 0.8rem;
  display: block;
  text-align: left;
}
#clientes,
#copyright,
#quotes {
  text-align: center;
}
#copyright a {
  color: #484848;
  margin-left: 1rem;
}
.column-grid-2 p {
  color: #999;
}
#copyright {
  background-color: #e3e3e3;
  padding: 0.5em;
  font-size: 0.8em;
  color: #484848;
}
a.maps-icon:before {
  font-size: 1.2rem;
  margin-left: 0;
  padding-right: 0.3em;
  display: inline-block;
  margin-top: 0.2em;
}
.rss-icon:before,
.slideshar-icon:before,
.youtube-icon:before,
.linkedin-icon:before {
  font-size: 1.5rem;
  padding: 0 1rem;
  /*  line-height: 1rem; */
  display: inline-block;
}
#clientes ul {
  display: flex;
  flex-wrap: wrap;
}
#clientes li {
  width: 33.33%;
  margin-bottom: 0.3em;
  height: 8em;
  overflow: hidden;
  cursor: default;
}
#clientes li:before {
  content: '';
  background: #f2f2f2;
  position: absolute;
  left: 0.3em;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  transition: background 0.3s 0.1s;
}
#clientes li > div {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1em;
  transition: top 0.4s ease;
  top: 0;
}
#clientes li.active-client:before,
#clientes li:hover:before {
  background: rgba(242, 242, 242, 0);
  transition: background 0.3s;
  border: 1px solid #efefef;
}
#clientes li.active-client > div,
#clientes li:hover > div {
  top: -8em;
  transition: top 0.4s ease;
}
#clientes .cName {
  margin-top: 1em;
  font-weight: 700;
}
#clientes .cJob {
  font-size: 0.9em;
  font-style: italic;
  margin-top: 0.3em;
}
#clientes img {
  max-width: 100px;
  margin-top: 12px;
}
#quotes {
  padding-top: 3em;
  height: 15em;
}
#clientes blockquote {
  font-size: 1.5em;
  font-weight: 300;
  position: absolute;
  width: 100%;
  opacity: 0;
  margin-top: 2em;
  transition: all 0.5s ease;
}
#clientes blockquote::before,
#clientes blockquote:after {
  font-size: 3.5em;
  font-family: "Times New Roman", Times, serif;
  color: #ccc;
}
#clientes blockquote strong {
  font-weight: 400;
}
#clientes blockquote::before {
  content: "\201F";
  position: relative;
  margin-top: -7em;
  margin-left: -0.6em;
  transform: scaleY(-1);
  display: inline-block;
  padding-top: 0.5em;
  margin-bottom: -1em;
}
#clientes blockquote:after {
  content: '\02EE';
  position: absolute;
  margin-top: 0.3em;
}
#clientes blockquote.active-quote {
  opacity: 1;
  margin-top: 0;
  transition: all 0.5s ease 0.1s;
}
#clientes .user img {
  -webkit-clip-path: circle(28px at 50% 50%);
  -webkit-filter: initial;
  max-height: 60px;
  opacity: 0;
  transform: translateY(-10px);
  transition: transform 0.4s ease, opacity 0.4s;
}
#clientes li.active-client .user img,
#clientes li:hover .user img {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.4s 0.3s ease, opacity 0.3s 0.3s;
}
#clientes .user p {
  opacity: 0;
  transition: opacity 0.2s;
}
#clientes li.active-client .user p,
#clientes li:hover .user p {
  opacity: 1;
  transition: opacity 0.2s 0.2s;
}
.basicinline + .button-gray {
  margin-top: 4em;
}
.basicinline.services li {
  border: 2px solid #d12421;
  padding: 2rem 2rem 4rem;
  min-width: 300px;
  margin: 20px;
  position: relative;
  border-radius: 0;
}
.basicinline.services li h4 {
  color: #d12421;
  border-bottom: 1px solid #eee;
  padding-bottom: 1rem;
  position: relative;
}
.basicinline.services li h4 + * {
  margin: 1em 0;
}
.basicinline.services a {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: linear-gradient(to right, #d12421 0, #d3201a 100%);
  color: #fff;
}
.basicinline.services a .hoverEffect {
  display: none;
}
div#body,
div#inner-body,
div.inner-body {
  position: relative;
}
@media screen and (max-width: 1500px) {
  div#body,
  div#inner-body,
  div.inner-body {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
}
div#body {
  background: #eee;
  margin-top: 550px;
}
div#inner-body,
div.inner-body {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0;
  top: -3em;
}
.inner-body + .inner-body {
  top: 0;
  margin-bottom: 0;
  margin-top: 1em;
}
div#inner-body + section {
  margin: 3px auto 0;
  padding: 3em 0;
  max-width: 1500px;
  background: 0 0;
}
div#inner-body + section > * {
  padding-left: 8%;
  padding-right: 8%;
}
#alert-cookies {
  position: fixed;
  top: 0;
  background: #333;
  color: #fff;
  width: 100%;
  padding: 1em;
  transition: top 0.2s ease;
  z-index: 200000;
  text-align: center;
}
#alert-cookies.hide {
  top: -80px;
  transition: top 0.2s ease;
}
#alert-cookies p {
  color: #fff;
  display: inline-block;
}
#alert-cookies a {
  color: #999;
}
.btn-cookie {
  background: #00C3A9;
  padding: 0.5em 1em;
  border-radius: 2px;
  margin: 0 1em;
  cursor: pointer;
}
.landing {
  opacity: 1 !important;
}
.landing .button-elem {
  background-color: #d12421;
  width: 25%;
}
.landing a {
  text-decoration: none;
  color: #d12421;
}
/********LOCALITATION*****/
.layout-section {
  position: relative;
  font-size: 1.4em;
  overflow: hidden;
  padding-top: 5em;
  padding: 3em 0;
}
#localizacion {
  padding: 0;
}
#localizacion .menu-location {
  position: absolute;
  left: 0;
  z-index: 2;
  width: 25%;
  height: 100%;
  background-color: #fff;
  text-align: center;
  margin-left: 10%;
  padding: 0.5em;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#localizacion .menu-location ul {
  position: relative;
  display: block;
  font-size: 0.65em;
  text-align: left;
  border-bottom: 1px solid #ddd;
  padding: 1em;
}
#localizacion > img {
  display: none;
  width: 100%;
}
#localizacion .menu-location ul > li {
  line-height: 1.5em;
  color: #747474;
}
#localizacion .menu-location ul > li > h3:hover {
  color: #d12421;
}
#localizacion .controllers-location {
  position: absolute;
  top: 4em;
  right: 4em;
  z-index: 2;
}
#localizacion #map-location {
  width: 100%;
  height: 800px;
  z-index: 1;
}
.gm-style {
  font-family: Roboto, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
}
.gm-style img {
  max-width: none;
}
#localizacion .controllers-location li {
  position: relative;
  width: 2em;
  height: 2em;
  background-color: #d12421;
  cursor: pointer;
  margin-top: 0.5em;
  display: inline-block;
  top: 0;
}
#localizacion .controllers-location #house:before {
  content: "\f1ca";
  font-family: icons;
  font-size: 1.2rem;
  display: block;
  text-align: center;
  color: #fff;
  padding-top: 0.5em;
}
#localizacion .controllers-location #zoom-in:before {
  content: "\f160";
  font-family: icons;
  font-size: 1.2rem;
  display: block;
  text-align: center;
  color: #fff;
  padding-top: 0.5em;
}
#localizacion .controllers-location #zoom-out:before {
  content: "\f1df";
  font-family: icons;
  font-size: 1.2rem;
  display: block;
  text-align: center;
  color: #fff;
  padding-top: 0.5em;
}
#localizacion .menu-location ul h3 {
  cursor: pointer;
}
@media screen and (max-width: 900px) {
  #localizacion .menu-location {
    width: 30%;
  }
}
@media screen and (max-width: 700px) {
  #localizacion .menu-location {
    width: 40%;
  }
}
@media screen and (max-width: 580px) {
  #localizacion .menu-location {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 1.2em;
    padding: 0em 3.5em;
    margin-left: 0;
  }
  #localizacion > img {
    display: block;
  }
  .layout-section {
    font-size: 1em;
    padding-top: 3em;
  }
  #localizacion .controllers-location {
    display: none;
  }
  #localizacion #map-location {
    width: 100%;
    height: 300px;
  }
  #localizacion .menu-location {
    border-top: 1px solid #afafaf;
  }
}
/*****FIN LOCALITATION*****/
@media screen and (min-width: 1501px) {
  div#inner-body {
    padding: 0 100px;
  }
  div#inner-body section {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
}
@media screen and (max-width: 1500px) {
  div#inner-body,
  div.inner-body {
    top: 0;
  }
  .content-sector article {
    height: 15em;
  }
  .gsc-results .gsc-cursor-box,
  .gsc-webResult .gsc-result {
    margin: 1em !important;
  }
}
@media screen and (max-width: 1200px) {
  #clientes blockquote {
    font-size: 1.4em;
  }
  [class*=portada-img] h2 {
    width: 80%;
  }
  .content-sector article {
    width: 25%;
  }
}
@media screen and (max-width: 1080px) {
  .portada-img1,
  .portada-img1.active {
    background-position: right bottom !important;
  }
  .products > a {
    width: 19%;
    height: 19em;
  }
  .products > a:first-of-type,
  .products > a:last-of-type {
    height: 14em;
  }
  .products > a:nth-child(2n) {
    height: 16em;
  }
  .content-column {
    width: 25%;
  }
  .products img {
    top: 5px;
    width: 80%;
    margin: 0 auto;
  }
  .solutiones-medida img {
    top: 30px;
  }
}
@media screen and (max-width: 900px) {
  h1 {
    font-size: 2.7rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  h3 {
    font-size: 1.3rem;
  }
  .content-column,
  .content-sector article {
    width: 33.333%;
  }
  .content-column {
    vertical-align: top;
  }
  .products h4,
  .products img {
    vertical-align: middle;
    position: relative;
  }
  .content-middle {
    float: none;
    padding-right: 0;
    width: 100%!important;
    text-align: center;
  }
  .content-middle h2 {
    justify-content: center;
  }
  .responsive-box .content-middle {
    width: 70%!important;
    padding-right: 10%;
    text-align: left;
  }
  .responsive-box .graficsimg {
    width: 30%;
    display: inline-block;
  }
  .solutionsimg {
    margin: -3em auto;
    text-align: center;
    display: block;
    position: relative;
    width: 100%!important;
    bottom: -2em;
  }
  .products h4,
  .products img,
  .products > a {
    display: inline-block;
  }
  .products > a {
    width: 49%;
    margin: 0 auto 5px;
    height: 10em!important;
    position: relative;
  }
  .products img {
    left: 0;
    float: right;
    width: 25%;
  }
  .products h4 {
    margin-top: 2em;
    float: left;
    max-width: 75%;
    text-align: left !important;
  }
  .content-middle img,
  .content-middle > .content-middle > img,
  .graficsimg {
    margin: 0 auto;
  }
  .solutiones-medida img {
    top: 0;
    width: 32%;
  }
  article.products:after {
    bottom: -16em;
    width: 80%;
    left: 10%;
  }
  .basicinline.r-inline:not(.col-display) > li {
    width: 100%;
  }
  .logo-r {
    left: calc(46.5% - 8em);
  }
  .b-img > .content-middle {
    width: 100%!important;
    text-align: left;
  }
  .b-img > .graficsimg {
    width: 73%!important;
    display: block;
    position: relative;
  }
  .graficsimg {
    padding-top: 1em;
    display: block;
    width: 60%;
  }
  div.content-middle {
    width: 50%!important;
    vertical-align: top;
  }
  .blocklist > li {
    text-align: left;
    width: 100%;
  }
  .basicinline li {
    width: 30%;
  }
  .repcon_product img {
    left: 0;
  }
  .basicinline.services li {
    min-width: 280px;
  }
}
@media screen and (max-width: 800px) {
  .products img {
    width: 30%;
  }
  .products h4 {
    max-width: 60%;
  }
  .basicinline.r-inline.col-display {
    height: 570px;
  }
  .solutions li {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  h3 {
    font-size: 1.3rem;
    line-height: 1.3em;
  }
  [class*=portada-img] h2 {
    width: 100%;
    padding: 0 20px;
    left: 0;
    font-size: 2rem;
  }
  .content article {
    width: 100%;
  }
  .content-sector article {
    width: 50%;
  }
  .content-middle {
    float: none;
    width: 100%;
  }
  .content-middle img {
    width: 90%;
    margin: 0 auto;
  }
  .logo {
    opacity: 1;
    transition: opacity 0.2s ease 0.35s;
    position: relative;
    z-index: 101;
  }
  .show-menu .logo {
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 0;
  }
  .solutions li {
    width: 100%;
  }
  #soluciones li li,
  #solutions li li {
    padding: 0.5em 0.4em;
  }
  .basicinline li {
    width: 49%;
  }
  #clientes li {
    width: 50%;
    height: 7em;
  }
  #clientes blockquote {
    font-size: 1rem;
  }
  #clientes li.active-client > div:first-of-type,
  #clientes li:hover > div:first-of-type {
    margin-top: 0;
  }
  #clientes blockquote#quote5.active-quote {
    margin-top: -2em;
  }
  #clientes img {
    margin-top: 0;
  }
  .repcon_product img {
    display: block;
    position: relative;
    left: -65%;
    top: -17%;
    margin-bottom: -1em;
    z-index: 0;
  }
  #alert-cookies > * {
    font-size: 0.8em;
  }
  article.aliances li {
    width: 50%;
    margin-right: -4px;
  }
  .imgcenter {
    width: 75%;
  }
  .basicinline.r-inline.col-display {
    height: auto;
  }
  .basicinline.r-inline.col-display li {
    width: 100%;
  }
  .responsive-box {
    display: flex;
    flex-direction: column-reverse;
  }
  .responsive-box .content-middle {
    width: 100%!important;
    padding-right: 0;
  }
  .responsive-box .graficsimg {
    margin-top: 0;
    margin-bottom: 1em;
    max-width: 150px;
    min-width: 100px;
  }
}
@media only screen and (max-width: 480px) {
  .basicinline.r-inline > li {
    min-width: 100%;
    padding: 1rem 0;
  }
  .basicinline.r-inline img {
    width: 20%;
  }
  .basicinline.r-inline div {
    width: 70%;
    margin-left: 3%;
  }
  .solutions img {
    max-height: 5em;
    max-width: 30%;
    padding-bottom: 0.5em;
    margin-right: -4px;
  }
  .solution-sector {
    width: 69%;
  }
  .content-column a {
    padding: 0.8em 0;
  }
}
.legal a {
  text-decoration: underline;
  color: #D12421;
  cursor: pointer;
}
.legal ul {
  padding-left: 40px;
  margin: 1em 0;
  font-size: 1rem;
  color: #5b5b5f;
}
.legal p {
  font-size: 1rem;
}
.legal li {
  list-style: decimal;
}
.legal li + li {
  margin-top: 1em;
}
.legal {
  padding: 6% 8%;
}
.legal li li {
  list-style: circle;
}
.legal p + p {
  margin-top: 1em;
}
.legal input {
  display: none;
}
.legal label {
  cursor: pointer;
  position: relative;
}
.legal label:before {
  content: '';
  width: 20px;
  height: 20px;
  background: white;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5em;
  border-radius: 1px;
}
.legal label:before {
  border: 1px solid #999;
  margin-right: 0.2em;
}
.legal input:checked + label:before {
  border: 1px solid #d12421;
  background: #d12421;
}
.legal input:checked + label:after {
  content: '';
  width: 6px;
  height: 12px;
  border-right: 2px solid #d12421;
  border-bottom: 2px solid #d12421;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 3px;
  left: 7px;
  animation: tick 0.15s ease;
}
.legal input:checked + label:after {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
#close-admin {
  background-color: grey;
}
div#alert-cookies p ~ a {
  margin-left: 1rem;
}
#fichaTecnica {
  text-align: left;
}
#fichaTecnica h2 {
  margin: 2rem 0;
  font-weight: 500;
  font-size: 25px;
  color: #d12421;
}
#fichaTecnica p {
  margin: 2rem 0;
  font-size: 16px;
  line-height: 1.5rem;
}
#fichaTecnica .participantes p {
  line-height: 2rem;
  font-size: 20px;
  padding: 0 0 0 1rem;
  border-left: 5px solid #eee;
}
#fichaTecnica .semantic p {
  line-height: 2rem;
  font-size: 20px;
  padding: 0 0 0 1rem;
  border-left: 5px solid #5b5b5b;
}
.innovacion label {
  font-size: 18px;
  color: #5b5b5f;
  font-weight: 500;
  padding: 1rem 2rem;
}
.innovacion label:hover {
  background-color: #d12421;
  font-weight: 500;
  color: white;
  border-radius: 10px 10px 0 0;
}
.tab-buttons {
  border-bottom: 3px solid #d02421;
  padding: 1rem 0;
  min-width: 600px;
}
.tab-buttons .active {
  background-color: #d12421;
  font-weight: 500;
  color: white;
  border-radius: 10px 10px 0 0;
}
.tab-buttons .hidden {
  display: none;
}
.tab-buttons .active label {
  background-color: #d12421;
  font-weight: 500;
  color: white;
  border-radius: 10px 10px 0 0;
}
.tabs {
  display: none;
}
.tabs.active {
  display: block;
}
#noticias {
  margin: 2rem 0;
}
#multimedia {
  margin: 2rem 0;
}
.project_dates {
  display: flex;
  justify-content: space-between;
}
.lineContainer {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 25px;
}
.line {
  height: 40px;
  display: flex;
  justify-content: center;
  width: 95%;
  align-items: center;
}
.line::after {
  content: '';
  width: 100%;
  background-color: #ddd;
  height: 1.5px;
}
.circleStart,
.circleEnd {
  width: 15px;
  height: 15px;
  background-color: #d12421;
  border-radius: 50%;
}
.grupo-spri {
  height: 58px;
  margin: 1rem 1rem 0 0;
}
.cdti {
  height: 58px;
  margin: 1rem 1rem 0 0;
}
.project_dates p {
  margin-top: 0 !important;
}
.process_point {
  margin-left: 96.5%;
  margin-left: var(--timeline-margin-left);
}
h2.proyectos_investigacion {
  font-weight: 500;
  text-align: center;
  margin: 0rem 0 2rem 0;
  font-size: 25px;
  color: #d12421;
  display: block;
}
h2.product_descr {
  font-weight: 500;
  text-align: center;
  font-size: 25px;
  color: #d12421;
}
p.box_content {
  line-height: 1.5rem;
  margin: 1.5rem 0;
}
p.state {
  color: #666;
}
h4.product_content {
  text-align: left;
  line-height: 2rem;
  font-weight: 400;
  margin: 1.5rem 0;
}
.content-center .points p {
  text-align: left;
  margin: 2rem 0;
  font-size: 16px;
  width: 20rem;
  border-left: 5px solid #d12421;
  padding: 1rem 1rem;
}
.points {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.repcon-box.r-timeline {
  padding: 1rem;
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.repcon-box.r-timeline > div:first-child {
  position: relative;
  margin: 0 2rem;
  overflow: hidden;
  padding-bottom: 3px;
}
.repcon-box.r-timeline > div:first-child:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  left: 0;
  background: linear-gradient(to right, white, transparent);
}
.repcon-box.r-timeline > div:first-child:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  right: 0;
  top: 0;
  background: linear-gradient(to left, white, transparent);
}
.repcon-box.r-timeline .slider {
  margin: 0;
  transition: margin 0.2s ease;
}
.repcon-box.r-timeline .line {
  background: #aaa;
  height: 3px;
  margin-top: 3px;
}
.repcon-box.r-timeline .mark {
  height: 3px;
  background: #d12421;
  margin-top: -3px;
  transition: width 0.2s ease;
}
.repcon-box.r-timeline .button-elem.line-button {
  padding: 10px;
  border-radius: 20px;
  position: absolute;
  top: 30px;
  left: 0;
}
.repcon-box.r-timeline .button-elem.line-button:before {
  font-weight: bold;
}
.repcon-box.r-timeline .button-elem.line-button + .line-button {
  left: auto;
  right: 0;
}
.repcon-box.r-timeline ul {
  white-space: nowrap;
  list-style-type: none;
}
.repcon-box.r-timeline ul li {
  position: relative;
  width: 33%;
  text-align: center;
  display: inline-block;
  margin-right: -4px;
}
.repcon-box.r-timeline ul li label {
  display: inline-flex;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  margin-bottom: 4px;
}
.repcon-box.r-timeline ul li > p {
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  margin-bottom: 4px;
}
.repcon-box.r-timeline ul li p {
  display: inline-block;
  cursor: pointer;
}
.repcon-box.r-timeline ul li p:before {
  content: "";
  width: 5px;
  height: 5px;
  border: 2px solid #999;
  position: absolute;
  top: 100%;
  border-radius: 5px;
  left: calc(50% - 5px);
  background-color: white;
}
.repcon-box.r-timeline ul li.active p:before,
.repcon-box.r-timeline ul li p:hover:before {
  border-color: #d12421;
}
.repcon-box.r-timeline ul li.current p:before,
.repcon-box.r-timeline ul li p:hover:before,
.repcon-box.r-timeline ul li label:hover p:before {
  background-color: #d12421;
}
.repcon-box.r-timeline ul li.current p {
  cursor: default;
}
.repcon-box.r-timeline .timeline_content {
  padding: 1rem;
}
.repcon-box.r-timeline .step_content {
  position: absolute;
  opacity: 0;
  transform: translateX(-100%);
  left: 0;
  transition: transform 0.5s ease;
  width: 100%;
}
.repcon-box.r-timeline .right .step_content {
  transform: translateX(100%);
}
.repcon-box.r-timeline .step_content.active,
.repcon-box.r-timeline .right .step_content.active {
  position: relative;
  transform: translateX(0);
  opacity: 1;
  transition: transform 0.5s ease;
}
.repcon-box.r-timeline .right.slide .step_content.active {
  transform: translateX(-100%);
}
.repcon-box.r-timeline .slide .step_content.active {
  transform: translateX(100%);
}
.repcon-box.r-timeline.center .step_content {
  justify-content: center;
}
/* Añadir */
.repcon-box.r-timeline .slider {
  width: 100%;
  padding: 0;
}
.repcon-box.r-timeline ul li p:before {
  box-sizing: unset;
}
.repcon-box.r-timeline .line {
  display: block;
}
.arrow-left-font-icon:before {
  content: "\F106" !important;
}
.arrow-right-font-icon:before {
  content: "\F107" !important;
}
.repcon-box.r-timeline .button-elem.line-button {
  line-height: normal;
}
.repcon-box.r-timeline * {
  line-height: normal;
}
.r-timeline .r-assembly > .head-group {
  display: flex !important;
  justify-content: space-between;
  padding: 0.8rem 1.4rem;
  position: relative;
  z-index: 10;
  width: 100%;
}
.r-timeline .repcon-box.r-control {
  width: 23.799rem;
  padding: 0.219rem 1.4rem;
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.r-timeline .repcon-box.r-control.r-label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
}
.r-timeline .has-caption span.second-title {
  font-size: 12px;
  width: 100%;
  line-height: 15.6px;
  display: flex;
}
.r-timeline.center .has-caption span.second-title {
  justify-content: center;
}
.r-timeline h4 {
  padding: 0;
}
.r-timeline h4 > p {
  font-weight: normal;
  font-family: 'Roboto';
  white-space: normal;
  font-size: 18px;
  color: #d12421;
}
.r-timeline h4 > p span {
  color: #585757;
}
.repcon-box.r-timeline.center .step_content {
  justify-content: center;
  text-align: center;
}
.repcon-box.r-timeline.center .step_content .head-group {
  justify-content: center;
}
.r-timeline .disabled {
  pointer-events: none;
  cursor: default !important;
}
.r-timeline .button-elem.disabled {
  opacity: 0.4;
}
.light-grey-1-bg .repcon-box.r-timeline > div:first-child:before {
  background: linear-gradient(to right, #ECECEC, transparent);
}
.light-grey-1-bg .repcon-box.r-timeline > div:first-child:after {
  background: linear-gradient(to left, #ECECEC, transparent);
}