:root {
  --color_100: #00003D;
  /* --color_110: #2c2c99; */
  --color_110: #00003C;
  /* --color_120: #0869a4; */
  --color_120: #81AFC8;
  /* --color_120: #00A8C0; */
  --color_130: #A6D1EB;
  --color_200: #FFD500;


}


*[class^=fa-] {
  color: var(--color_100);
}

@font-face {
  font-family: 'Font Awesome Light';
  src: url('../fonts/fa-light-300.woff2') format('woff2'),
  url('../fonts/fa-light-300.ttf') format('ttf');
}
@font-face {
  font-family: 'Font Awesome Regular';
  src: url('../fonts/fa-regular-400.woff2') format('woff2'),
  url('../fonts/fa-regular-400.ttf') format('ttf');
}
@font-face {
  font-family: 'Font Awesome Sharp';
  src: url('../fonts/fa-sharp-solid-900.woff2') format('woff2'),
  url('../fonts/fa-sharp-solid-900.ttf') format('ttf');
}
@font-face {
  font-family: 'Font Awesome Solid';
  src: url('../fonts/fa-solid-900.woff2') format('woff2'),
  url('../fonts/fa-solid-900.ttf') format('ttf');
}
@font-face {
  font-family: 'Font Awesome Thin';
  src: url('../fonts/fa-thin-100.woff2') format('woff2'),
  url('../fonts/fa-thin-100.ttf') format('ttf');
}
@font-face {
  font-family: 'Roboto Regular';
  src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
  url('../fonts/Roboto-Regular.ttf') format('ttf');
}
@font-face {
  font-family: 'Karnov Display';
  src: url('../fonts/karnovdisplay.woff2') format('woff2');
}

* {
  font-family: 'Roboto Regular';
}

.fa-solid {
  font-family: 'Font Awesome Solid';
}
.fa-light {
  font-family: 'Font Awesome Light';
}

header.wk-header {
  padding: 0 15px !important;
}
.wk-header>.wk-header-container  {
  /* border: solid 1px black; */
  max-width: 1400px !important;

}


.new_logo {
  height: 85px;
}
.new_logo img {
  max-width: 100% !important;
}

#wk-product-name,
.wk-more-button.wk-icon-menu {
  height: 51px;
}

.wk-navbar {
  background-color: var(--color_100) !important;
}
.wk-navbar .wk-navbar-container {
  background-color: var(--color_100) !important;
}
.wk-navbar .wk-nav>li>a {
  background-color: var(--color_100) !important;
}
.wk-navbar .wk-nav>li>a:hover {
  background-color: var(--color_120) !important;
}
.wk-navbar .wk-nav>li>a.btn-destacado {
  background-color: var(--color_200) !important;
  color: black !important;
}
.wk-navbar .wk-nav>li>a.btn-destacado:hover {
  background-color: var(--color_200) !important;
}
.wk-navbar .wk-nav>li.wk-active {
  background-color: var(--color_120) !important;
}


nav#subnav-complylaw.subnavbar {
  background-color: var(--color_120) !important;
}
nav#subnav-complylaw.subnavbar .wk-nav>li>a {
  background-color: var(--color_120) !important;
}
nav#subnav-complylaw.subnavbar .wk-nav>li>a:hover {
  background-color: var(--color_130) !important;
  color: black;
}

nav#subnav-complylaw.subnavbar, nav#subnav-complylaw.subnavbar .wk-navbar-container, nav#subnav-complylaw.subnavbar .wk-nav>li>a {
  background-color: var(--color_120) !important;
}

.wk-product-name, .wk-product-name-bar {
  background-color: var(--color_100) !important;
}
.wk-navbar .wk-product-name::after {
  background-color: var(--color_100) !important;
}
.wk-product-name a, .wk-product-name-bar a {
  color: white !important;
}
.wk-product-name:hover {
  background-color: var(--color_120) !important;
}

.wk-navbar .wk-nav>li.wk-active>a, .wk-navbar .wk-nav>li:hover>a {
  background-color: var(--color_120) !important;
}


.wk-modal .wk-modal-content .wk-modal-header .wk-modal-title, .wk-nav>li>a {
  font-family: 'Roboto Regular' !important;
}

.modulo-canal-etico-01 h1, .modulo-canal-etico-01 h2 {
  font-style: normal !important;
  color: black !important;
}

.wk-button-primary, .wk-button-success.wk-button, .wk-button-success[wk-button], .wk-button[wk-context=success], [wk-context=success][wk-button], button.wk-button-success, button[wk-context=success] {
  border-radius: 4px;
  background-color: var(--color_200) !important;
  color: black;

}

.wk-button-success.wk-button:hover, .wk-button-success[wk-button]:hover, .wk-button[wk-context=success]:hover:hover, [wk-context=success][wk-button]:hover, button.wk-button-success:hover, button[wk-context=success]:hover {
  color: black;
}

.wrapper-details .wrapper-caption h1 {
  font-style: normal !important;
}


h1 em,
h3 em {
  font-family: "Karnov Display" !important;
  font-style: normal !important;
}

h3, h5 {
  font-family: "Roboto Regular" !important;
}



.wrapper-details .wrapper-caption {
  background-color: white !important;
  color: black !important;
}











#caption-responsive {
  display: none;
}


.color-wkBlue {
  color: var(--color_100);
}
.color-wkGreen {
  color: var(--color_200);
}
.color-wkGrey {
  color: #474747;
}
.color-wkWhite {
  color: #FFF;
}
.color-wkGrey.subname {
  font-size: 0.8em;
}
.bgBlue {
  background-color: var(--color_110) !important;
}
.bgBlueLight {
  background-color: var(--color_120) !important;
}
.bgWhite {
  background-color: #FFF !important;
}
.bgGreen {
  background-color: var(--color_200) !important;
}
.bgGreenLight {
  background-color: #d0e4ab !important;
}
.bgGreyLight {
  background-color: #DADADA !important;
}
.bgTransparent {
  background-color: transparent !important;
  border: none !important;
}
.wk-icon-chevron-right {
  font-weight: 600;
}
.font-bold{
  font-weight: bold;
}

.btn-destacado {
  background: #E5202E !important;
}
.btn-destacado:hover {
  background: var(--color_130) !important;
}


.block-center {
  display: block;
  margin: auto;
}

iframe {
  width: 100%;
  height: 400px;

}
.wrapper-dropdown-menu {
  display: none;
  position: absolute;
  background: var(--color_130);
  padding: 10px 15px;
}
.wrapper-dropdown-menu > a {
  margin-top: 10px;
  margin-bottom: 10px;
}
.hide {
  display: none;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}
.txt-right {
  text-align: right;
}

.wk-featured-hero-shop .wk-hero-container .wk-hero-header,
.wk-hero .wk-hero-container .wk-hero-header {
  position: fixed;
  z-index: 10;
}
.wk-hero .wk-hero-container .wk-hero-details .caption-container .caption h5 {
  font-size: 33px;
  line-height: 40px;
}
header.wk-header {
  background-color: rgba(239, 239, 239, 0.9) !important;
}
.wk-hero-container.padding-top-header {
  height: 34rem;
}
/* .wk-hero-container.padding-top-header .wk-header-container.flex-spb{
  padding: 0.5625rem 0 0 0;
} */
.wk-hero-container.padding-top-header .wk-header-container.flex-spb a {
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

 /*.wk-header-container a.logo-wke {
  margin-top: 28px !important;
} */

.wk-header-container a.logo-wke img {
  max-width: 330px;
}


section {
  padding-bottom: 40px;
}
section article {
  padding-top: 40px;
  padding-bottom: 40px;
}
.logotxt {
  font-size: 1.4em;
}
.wk-fix-me {
  position: fixed;
  width: 100%;
  z-index: 10;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
}
.flex-spb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}
.flex-vertical-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
}
.franziska {
  /* font-family: "Franziska","Times New Roman",Times,serif; */
  font-family: "Karnov Display" !important;
  font-style: normal !important;
}
.fira-sans {
  /* font-family: "Fira Sans","Helvetica Neue",Helvetica,"Roboto",Arial,sans-serif; */
  font-family: "Roboto Regular" !important;
}
p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 100;
}
strong {
  font-weight: 600;
}
section h3 {
  font-weight: 400;
  color: var(--color_100);
  margin-bottom: 20px;
}
.wk-feature {
  margin-bottom: 0;
}
.wk-hero {
  padding-bottom: 0;
}
.figcaption-title {
  position: relative;
  z-index: 1;
  padding: 10px;
  background: #FFF;
  text-align: center;
  font-size: 2em;
}
.figcaption-title_left {
  left: -3rem;
}
.figcaption-title_right {
  right: -3rem;
}
.wk-icon-plus {
  font-size: 0.7em;
}
ul.wk-nav li a.home {
  padding-left: 18px;
  padding-top: 18px;
}
ul.wk-navbar-dropdown-container {
  padding: 0 10px 10px 10px !important;
}
li.wk-navbar-dropdown-column {
  padding-top: 25px !important;
}
.caption h1 {
  font-weight: 400;
  font-style: italic;
}
h1 {
  margin-bottom: 20px;
}
.clear {
  clear: both;
}
@media all and (max-width: 1225px){
  .wk-row {
    padding: 0 15px;
  }
}
.full-button {
  width: 100% !important;
  font-size: 1.1em;
}
.block-auto {
  display: block;
  margin: auto;
}
.padding-md {
  padding: 15px;
}
.nomargin-right {
  margin-right: 0 !important;
}
.wk-item-75 {
  width: 75%;
}
.wk-item-66 {
  width: 66%;
}
.wk-item-50 {
  width: 50%;
}
.wk-item-45 {
  width: 45%;
}
.wk-item-33 {
  width: 33%;
}
.wk-item-25 {
  width: 25%;
}
.wk-feature  {
  margin-top: 170px;
}
.wk-feature figure .wk-feature-figure-image {
  max-height: 100% !important;
  margin-bottom: -6px;
}
figcaption.wk-feature-heading {
  margin-top: -40rem !important;
}
p a {
  text-decoration: underline;
}
p a:hover {
  text-decoration: none;
}
.section-tab {
  display: inline-block;
  background: var(--color_100);
  padding: 8px 30px;
  margin-bottom: 20px;
}
.section-tab .section-tab_title {
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 400;
}
th a:hover {
  color: black;
}



.wrapper-details {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.wrapper-details .wrapper-caption {
  width: 50%;
  background-color: white !important;
  padding: 20px;
  color: black !important;
  margin-inline: auto;
}

.wrapper-details .wrapper-caption * {
  color: black !important;
}
.wrapper-details .wrapper-caption h1 {
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
}
@media all and (max-width: 1024px) {
  .wrapper-details .wrapper-caption {
    width: 75%;
  }
}
@media all and (max-width: 768px) {
  .wrapper-details .wrapper-caption {
    width: 100%;
  }
}
@media all and (max-width: 599px) {
  footer {
    margin-bottom: 50px;
  }
}














.wk-header-container.flex-spb::after {
  content: "";
  display: none;
}

#wk-product-name a {
  color: white;
}
#wk-product-name a:hover {
  color: black;
}


.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

.padding-block {
  padding-top: 40px;
  padding-bottom: 40px;
}

.padding-block ul li {
  font-size: 18px;
  font-weight: 100;
  margin-top: 5px;
  margin-bottom: 5px;
}
.wk-navbar .wk-nav > li > a:hover,
.wk-navbar .wk-nav > li > a:focus {
  text-decoration: none;
}


nav#subnav-complylaw.subnavbar,
nav#subnav-complylaw.subnavbar .wk-navbar-container,
nav#subnav-complylaw.subnavbar .wk-nav>li>a {
  background: var(--color_130);
}
nav#subnav-complylaw.subnavbar .wk-nav>li>a.active,
nav#subnav-complylaw.subnavbar .wk-nav>li>a:hover {
  background: #57a6d6;
}
.wk-navbar .wk-nav>li>a {
  height: 51px;
  padding: .84375rem 11px !important;
}

nav#subnav-complylaw.subnavbar {
  position: relative;
  z-index: 0;
}

/* .wk-hero-container.padding-top-header.no-image {
  height: 190px;
} */

.wk-hero-header.login{
  height: 150px;
}

.wk-hero-container.auto-height {
  height: 168px;
}



.titleCaption {
  font-weight: 400;
  font-size: 35px;
  line-height: 39px;
  color: white;
  padding: 5px 15px;
}
.wk-feature-heading p {
  font-size: 0.7em;
}

.opinion-size{
  font-size: 0.9em;
}



#wrapper-solucion-modular h3 {
  font-size: 2.5em
}
#wrapper-solucion-modular .logos-solucion-modular {
  max-width: 915px;
  margin: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#wrapper-solucion-modular .logos-solucion-modular a {
  margin-bottom: 30px;
}
#wrapper-solucion-modular .logos-solucion-modular p {
  width: 230px;
}
#wrapper-solucion-modular .logos-solucion-modular p .txt-comply,
#wrapper-solucion-modular .logos-solucion-modular p .txt-law {
  font-size: 2.5em;
  font-weight: 500;
}

#wrapper-solucion-modular .logos-solucion-modular p .producto {
  display: block;
  font-size: 0.8em;
  font-weight: 400;
  color: #474747;
  margin-top: -2px;
  margin-right: 6px;
}
#wrapper-solucion-modular .logos-solucion-modular.second-line {
  margin-top: 20px;
}

@media all and (max-width: 733px) {
  #wrapper-solucion-modular .logos-solucion-modular {
    padding: 0 75px;
  }
}
@media all and (max-width: 655px) {
  #wrapper-solucion-modular .logos-solucion-modular {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}




#video-home {
  max-width: 560px;
}
.wk-video-player-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
  height: 0;
}
.wk-video-player-wrapper iframe,
.wk-video-player-wrapper object,
.wk-video-player-wrapper embed {
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* .wk-video-player-wrapper .wk-icon-youtube {
  position: absolute;
  z-index: 1;
  top: calc(50% - 40px);
  left: 40%;
  font-size: 80px;
  color: red;
  transition: all 0.3s ease-in-out;
}
.wk-video-player-wrapper .wk-icon-youtube:hover {
  cursor: pointer;
  color: black;
} */











/*
FOOTER
*/

footer h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #bfbfbf;
}
footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer ul li {
  margin-bottom: 10px;
}
footer ul li a,
footer ul li span {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  color: #FFF;
  padding-bottom: 2px;
}
footer ul li a:hover {
  text-decoration: none;
  color: white;
  border-bottom: solid 2px white;
}



footer ul.wrapper-social-icons li a {
  margin-left: 8px;
}
footer ul.wrapper-social-icons li a span {
  transition: all 0.3s ease-in-out;
}
footer ul.wrapper-social-icons li a:hover {
  border-bottom: none;
}
footer ul.wrapper-social-icons li a:hover span {
  color: var(--color_200);
}




footer section.top {
  background: #757575;
  padding: 20px 15px;
  margin: 0;
}
footer section.bottom {
  margin: 0;
}






footer section.bottom {
  background: #F6F6F6;
  padding: 20px 15px;
}

footer section.bottom ul li a {
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
  color: #757575;
  padding-bottom: 2px;
  margin-right: 25px;
}
footer section.bottom ul li a:hover {
  border-bottom: solid 2px #000;
}





@media all and (max-width: 600px) {
  footer section.top .wrapper-top-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
  }
  footer section.top .wrapper-top-content div:last-child {
    text-align: center;
    margin-top: 20px;
  }
  ul.wrapper-social-icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  footer section.bottom ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
  }

  footer .footer-column .wk-logo-large  {
    display: block;
  }
  footer ul li a,
  footer ul li span {
    font-size: 14px;
    line-height: 14px;
  }

}



.go-to-top.in {
  display: block;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  right: 0;
  margin: 5px 8px;
}
.go-to-top {
  display: none;
}



#capaefectos-cookie {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 122, 195, 0.9);
  border-top: solid 4px var(--color_130);
  display: none;
  padding-bottom: 20px;
}
.envuelve-cookies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 95%;
  margin: auto;
}
.envuelve-cookies .logowk {
  width: 200px;
}
.envuelve-cookies .texto-cookie {
  width: 75%;
  font-family: "Fira Sans","Helvetica Neue",Helvetica,"Roboto",Arial,sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: white;
  padding-right: 80px;
}
.envuelve-cookies .texto-cookie h2 {
  font-size: 18px;
  color: white;
}
.envuelve-cookies .texto-cookie a {
  color: white;
  text-decoration: underline;
}
.envuelve-cookies .texto-cookie a:hover {
  text-decoration: none;
}
#cerrar-cookie {
  position: absolute;
  top: 20px;
  right: 20px;
  border: solid 1px white;
  width: 40px;
  height: 47px;
}

nav.wk-navbar ul.wk-more-menu li.menu-device-complylaw {
  display: none;
}
nav.wk-navbar ul.wk-more-menu li.menu-device-complylaw.in {
  display: block;
}
.menu-device-complylaw.in {
  background: #57a6d6;
  width: 58px;
  padding-top: 15px;
  padding-left: 17px;
}
nav#subnav-complylaw.subnavbar,
nav#subnav-complylaw.subnavbar .wk-navbar-container,
nav#subnav-complylaw.subnavbar .wk-nav>li>a {
  background: var(--color_130);
}
nav#subnav-complylaw.subnavbar {
  position: relative;
  z-index: -10;
}
nav#subnav-complylaw .wk-nav.open {
  top: 0;
}

@media all and (max-width: 805px) {
  nav.wk-navbar ul.wk-more-menu.in {
    display: flex;
  }
}


@media all and (max-width: 600px) {
  .envuelve-cookies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    padding: 20px;
  }
  .envuelve-cookies .texto-cookie {
    width: 100%;
    padding-right: 0;
  }
}

@media all and (min-width: 37.5rem) and (max-width: 79.06rem) {
	.wk-navbar .wk-more-menu {
		display: block;
	}
	.wk-navbar .wk-nav {
		display: none;
	}
	.wk-navbar .wk-product-name {
		float: initial;
		text-align: right;
	}
	.wk-navbar .wk-nav.open {
    position: absolute;
		top: 3rem;
		width: 100%;
  }
	.wk-nav > li {
    float: initial;
  }

  .wk-navbar .wk-nav .wk-navbar-dropdown {
    width: 100%;
  }
  .wk-navbar .wk-nav a {
    display: flex;
    justify-content: flex-start;
  }
}


@media all and (max-width: 600px) {
  .wk-navbar .wk-nav a {
    display: flex;
    justify-content: flex-start;
  }
  .wk-navbar .wk-nav>li>a [class*=wk-icon-chevron] {
    transform: rotate(90deg);
  }
}

.wk-field-error {
  font-size: 0.8em;
  visibility: visible;
}



@media all and (max-width: 667px) {
  .wrapper-details {
    bottom: 0%;
  }
  .wrapper-details .wrapper-caption h1 {
    font-size: 28px;
  }
  button.go-to-top.in {
    width: 100px;
  }
  footer {
    margin-bottom: 0;
  }
}
@media all and (max-width: 568px) {
  .wrapper-details {
    bottom: 0%;
  }
  h1.franziska.color-wkGreen {
    font-size: 8vw;
  }
  footer a[class^=wk-icon-] {
    font-size: 20px;
  }
  footer section.bottom ul li a {
    font-size: 14px;
  }
}

@media all and (max-width: 414px) {
  .padding-block p {
    font-size: 16px;
    line-height: 1.5em;
  }
  .wk-header .wk-logo img {
    max-width: 150px;
    margin-left: 5px;
  }
  .wk-header-container a.logo-wke {
    margin-top: 12px !important;
    margin-right: 5px !important;
  }
}





/***
SERGI: 09/07/2019
 - TAGS ANIMADAS DE LA HOME
    - Cambio de orden: 28/11/2019
****/

article#wrapper-tags {
  /* margin-top: 75px; */
  overflow: hidden;
}
article#wrapper-tags h3 {
  font-size: 3em;
  /* color: var(--color_110); */
  margin-bottom: 15px;
  font-weight: 400;
}
.wrapper-tag {
  position: relative;
  margin-bottom: 50px;
}
.wrapper-tag img {
  position: absolute;
  transition: all 1s ease-in-out;
  max-width: 110px;
  height: auto;
}
.wrapper-tag .tag {
  position: absolute;
  transition: all 1s ease-in-out;
  transition-delay: 0.5s;
  opacity: 0;
  width: 500px;
  padding: 10px;
  background: ghostwhite;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.wrapper-tag .tag:hover {
  cursor: default;
}
.wrapper-tag .tag:hover .button-div {
  bottom: 0;
}
.wrapper-tag .tag p.logo {
  padding-top: 10px;
  font-size: 40px;
  font-weight: 500;
  display: inline-block;
}
.wrapper-tag .tag p.logo span.producto {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: black;
  font-weight: 100;
}
.wrapper-tag .tag p.logo.margin-right {
  margin-left: 57%;
}
.wrapper-tag .tag p {
  font-size: 16px;
  margin-bottom: 4px;
  line-height: 22px;
}
.wrapper-tag .tag .button-div {
  transition: all 0.3s ease-in-out;
  position: absolute;
  bottom: -70px;
  left: 0px;
  background: rgba(43, 43, 43, 0.7);
  width: 100%;
  padding: 10px;
}
.wrapper-tag .tag .button-div a {
  display: block;
  width: 200px;
}
.wrapper-tag .tag .button-div a:hover {
  color: black;
}
.wrapper-tag .tag .button-div a::before {
  color: black;
}


.wrapper-tag .dots {
  position: absolute;
  z-index: -1;
  top: 10px;
  font-size: 40px;
  opacity: 0;
  transition: all 1s ease-in-out;
  transition-delay: 1.3s;
}


#wrapper-tag-canal-etico,
#wrapper-tag-privacidad,
#wrapper-tag-penal,
#wrapper-tag-fiscal,
#wrapper-tag-igualdad,
#wrapper-tag-evidencias,
#wrapper-tag-oovv {
  height: 200px;
}


/* SET: TAG CANAL ETICO */
#canal-etico-icon {
  left: -10%;
  top: 18%;
}
#canal-etico-icon.animated {
  left: 10%;
}
#canal-etico-tag {
  border-left: solid 4px var(--color_200);
  right: -500px;
  z-index: 2;
}
#canal-etico-tag.animated {
  opacity: 1;
  right: 100px;
}
#canal-etico-dots {
  color: var(--color_200);
  left: 40%;
  top: 25%;
  z-index: 1;
}
#canal-etico-dots.animated {
  opacity: 1;
  left: 20%;
}
/* END: TAG CANAL ETICO */



/* SET: TAG PENAL */
#penal-icon {
  right: -10%;
  top: 11%;
}
#penal-icon.animated {
  right: 10%;
}
#penal-tag {
  border-right: solid 4px var(--color_100);
  left: -500px;
  z-index: 2;
}
#penal-tag.animated {
  opacity: 1;
  left: 100px;
}
#penal-dots {
  color: var(--color_100);
  right: 40%;
  top: 20%;
  z-index: 1;
}
#penal-dots.animated {
  opacity: 1;
  right: 20%;
}
/* END: TAG PENAL */




/* SET: TAG PRIVACIDAD */
#privacidad-icon {
  left: -10%;
  top: 18%;
}
#privacidad-icon.animated {
  left: 10%;
}
#privacidad-tag {
  border-left: solid 4px var(--color_200);
  right: -500px;
  z-index: 2;
}
#privacidad-tag.animated {
  opacity: 1;
  right: 100px;
}
#privacidad-dots {
  color: var(--color_200);
  left: 40%;
  top: 25%;
  z-index: 1;
}
#privacidad-dots.animated {
  opacity: 1;
  left: 20%;
}
/* END: TAG PRIVACIDAD */






/* SET: TAG igualdad */
#igualdad-icon {
  right: -10%;
  top: 11%;
}
#igualdad-icon.animated {
  right: 10%;
}
#igualdad-tag {
  border-right: solid 4px var(--color_100);
  left: -500px;
  z-index: 2;
}
#igualdad-tag.animated {
  opacity: 1;
  left: 100px;
}
#igualdad-dots {
  color: var(--color_100);
  right: 40%;
  top: 20%;
  z-index: 1;
}
#igualdad-dots.animated {
  opacity: 1;
  right: 20%;
}
/* END: TAG igualdad */




/* SET: TAG fiscal */
#fiscal-icon {
  right: -10%;
  top: 18%;
}
#fiscal-icon.animated {
  left: 10%;
}
#fiscal-tag {
  border-left: solid 4px var(--color_200);
  right: -500px;
  z-index: 2;
}
#fiscal-tag.animated {
  opacity: 1;
  right: 100px;
}
#fiscal-dots {
  color: var(--color_200);
  left: 40%;
  top: 25%;
  z-index: 1;
}
#fiscal-dots.animated {
  opacity: 1;
  left: 20%;
}
/* END: TAG fiscal */






/* SET: TAG evidencias */
#evidencias-icon {
  left: -10%;
  top: 18%;
}
#evidencias-icon.animated {
  left: 10%;
}
#evidencias-tag {
  border-left: solid 4px var(--color_200);
  right: -500px;
  z-index: 2;
}
#evidencias-tag.animated {
  opacity: 1;
  right: 100px;
}
#evidencias-dots {
  color: var(--color_200);
  left: 40%;
  top: 25%;
  z-index: 1;
}
#evidencias-dots.animated {
  opacity: 1;
  left: 20%;
}
/* END: TAG evidencias */






/* SET: TAG oovv */
#oovv-icon {
  right: -10%;
  top: 11%;
}
#oovv-icon.animated {
  right: 10%;
}
#oovv-tag {
  border-right: solid 4px var(--color_100);
  left: -500px;
  z-index: 2;
}
#oovv-tag.animated {
  opacity: 1;
  left: 100px;
}
#oovv-dots {
  color: var(--color_100);
  right: 40%;
  top: 20%;
  z-index: 1;
}
#oovv-dots.animated {
  opacity: 1;
  right: 20%;
}
/* END: TAG oovv */

@media all and (max-width: 950px) {
  #penal-icon.animated,
  #igualdad-icon.animated,
  #oovv-icon.animated {
    right: 0%;
  }

  #privacidad-icon.animated,
  #fiscal-icon.animated,
  #evidencias-icon.animated{
    left: 0%;
  }

  #penal-dots.animated,
  #igualdad-dots.animated,
  #oovv-dots.animated {
    right: 4%;
  }

  #privacidad-dots.animated,
  #fiscal-dots.animated,
  #evidencias-dots.animated {
    left: 4%;
  }

  #penal-tag.animated,
  #igualdad-tag.animated,
  #oovv-tag.animated {
    left: 15px;
  }

  #privacidad-tag.animated,
  #fiscal-tag.animated,
  #evidencias-tag.animated{
    right: 15px;
  }
}



@media all and (max-width: 800px) {
  header.wk-header {
    padding: 0 !important;
  }
  header a img {
    max-height: 30px !important;
    height: 30px !important;
  }
  header a img.logo_aranzadilaley {
    max-height: 15px !important;
    height: 15px !important;
  }
  .wk-header .wk-logo {
    margin-top: 6px !important;
    margin-bottom: 0 !important;

  }
  article#wrapper-tags {
    margin-top: 0;
    padding-bottom: 0;
  }
  #wrapper-tag-penal,
  #wrapper-tag-igualdad,
  #wrapper-tag-oovv {
    top: 15px;
  }
  #wrapper-tag-penal,
  #wrapper-tag-canal-etico,
  #wrapper-tag-privacidad,
  #wrapper-tag-fiscal,
  #wrapper-tag-evidencias,
  #wrapper-tag-igualdad {
    height: 228px;
  }

  .wrapper-tag {
    /* border: solid 1px red; */
    margin-bottom: 75px;
  }
  .wrapper-tag img,
  .wrapper-tag .dots {
    display: none;
  }
  .tag .new_logo img {
    display: block;
  }
  #canal-etico-tag.animated {
    left: 0;
  }
  .wrapper-tag .tag {
    width: 100%;
    overflow: visible;
  }
  #penal-tag.animated,
  #igualdad-tag.animated,
  #oovv-tag.animated {
    left: 0px;
    border-right: none;
    border-left: solid 4px var(--color_100);
  }

  #privacidad-tag.animated,
  #fiscal-tag.animated,
  #evidencias-tag.animated{
    right: 0px;
  }
  .wrapper-tag .tag p.logo.margin-right {
    margin-left: 0;
  }
  .wrapper-tag .tag .button-div {
    bottom: -68px;
    left: -4px;
    width: 101%;
  }
  .wrapper-tag .tag:hover .button-div {
    bottom: -68px;
  }
}


@media all and (max-width: 600px) {
  .wrapper-tag .tag .button-div a {
    margin-bottom: 0;
  }
}




#que-es-complylaw {
  background: white;
  position: relative;
  padding-top: 40px;
}
/* #que-es-complylaw h1 {
  position: absolute;
  top: 0;
  display: inline-block;
  margin-top: 40px;
  padding: 5px 15px;
  color: white;
  font-weight: 400;
} */
#que-es-complylaw article.wrapper-que-es-complylaw {
  background: white;
  padding-bottom: 20px;
  /* margin-top: 50px; */
}
#marcos-normativos ul {
  font-size: 1.1em;
  font-weight: 100;
}
#marcos-normativos ul li {
  margin-bottom: 10px;
}



#a-quien-se-dirige {
  background: #DADADA;
  position: relative;
}
/* #a-quien-se-dirige h1 {
  position: absolute;
  top: 0;
  display: inline-block;
  margin-top: 0;
  padding: 5px 15px;
  color: white;
  font-weight: 400;
} */

#a-quien-se-dirige article.wrapper-a-quien-se-dirige {
  background: white;
  padding: 40px;
  margin-top: 50px;
}

/* CÓMO AYUDA COMPLYLAW */
section#como-ayuda-complylaw {
  padding-top: 40px;
}
/* section#como-ayuda-complylaw h1 {
  display: inline-block;
  margin-top: 0;
  padding: 5px 15px;
  color: white;
  font-weight: 400;
} */
.wrapper-tareas .wk-icon-header {
  width: 100%;
}
.wrapper-tareas .wk-icon-header-icon {
  background-color: var(--color_200);
  color: black;
}
.wrapper-tareas .wk-icon-header-icon span[class^=wk-icon] {
  position: absolute;
  left: 5px;
  top: 10px;
}
.wrapper-tareas .wk-feature-card-body {
  background: aliceblue;
  position: relative;
  left: 3px;
  min-height: 150px;
}







h2 a {
  color: var(--color_100);
}
h2 a:hover {
  color: var(--color_100);
  text-decoration: underline;
}














.bg-sm {
  display: none !important;
}

@media all and (max-width: 800px) {
  figure.wk-hero-image-wrapper .bg-lg {
    display: none !important;
    background-image: none !important;
  }
  figure.wk-hero-image-wrapper .bg-sm {
    display: block !important;
  }
  .wk-hero-container.padding-top-header {
    height: 350px;
  }
}

@media all and (max-width: 510px) {
  .wk-hero {
    height: 350px;
  }
  .wrapper-details{
    position: relative;
  }
  .wrapper-details > div.wk-row {
    padding: 0;
  }
  .wrapper-details .wrapper-caption h1 {
    margin: 0
  }
}




@media all and (max-width: 800px) {
  #caption {
    display: none;
  }
  #caption-responsive {
    padding: 15px;
    display: block;
  }
  #caption-responsive figcaption {
    padding: 10px;
    font-size: 1.4em;
    font-style: italic;
    font-weight: 100;
    color: white;
  }
  #caption-responsive figcaption .prod-name {
    font-family: "Fira Sans","Helvetica Neue",Helvetica,"Roboto",Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
  }

}





.wk-navbar .wk-navbar-container {
  max-width: 86rem !important;
}

ul.wk-nav li a span.new {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  color: red;
  font-weight: 500;
  padding-left: 4px;

}



h3.title {
  font-size: 30px !important;
}


[wk-feature=testimonial].wk-feature .wk-feature-heading, [wk-feature=testimonial].wk-feature figcaption {
  background-color: var(--color_120) !important;
}

.wk-icon-header {
  background-color: var(--color_120) !important;
}

.wk-feature .wk-feature-heading, .wk-feature h1 {
  font-style: normal !important;
}

ul.caret_right_list {
  list-style: none !important;
}

ul.caret_right_list li {
  margin-bottom: 20px;
  position: relative;
}

ul.caret_right_list li::after {
  position: absolute;
  font-family: 'Font Awesome Solid';
  content: "\f0da";
  color: hsl(50, 100%, 50%);
  font-size: 23px;
  font-weight: 900;
  top: 0px;
  left: -23px;
}





.m_auto {
  margin-inline: auto !important;
  display: block !important;
  max-width: fit-content;
}



.wrapper_title {
  display: flex;
  flex-direction: column;
  }
.wrapper_title h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 100;
  color: black !important;
}
.yellow_line {
  width: 80px;
  border: solid 3px var(--color_200);
  border-radius: 2px;
}

.pt_40 {
  padding-top: 40px !important;
}
.pb_40 {
  padding-bottom: 40px !important;
}
.pt_0 {
  padding-top: 0px !important;
}
.pb_0 {
  padding-bottom: 0px !important;
}

/* .garantia-item_100 {
  margin-top: 40px;
} */