:root {
  --color-primary: #36c;
  --color-secondary: #004884;
  --color-white: #fff;
  --color-black: #000;
  --color-gray-light: #f2f2f2;
  --color-text: #4b4b4b;
  --transition-ease: all 0.25s ease-in;
  --dymanic-slick-position-x: 5.25rem;
  --dymanic-img-radius-circle: 50%;
  --dymanic-img-radius-square: 0;
  --dymanic-img-radius-rounded: 0.875rem;
  --dymanic-ratio-square: 1/1;
  --dymanic-ratio-clasic: 4/3;
  --dymanic-ratio-clasic-vrt: 3/4;
  --dymanic-ratio-wide: 16/9;
  --dymanic-ratio-wide-vrt: 9/16;
  --dymanic-ratio-ultrawide: 21/9;
  --dymanic-ratio-ultrawide-vrt: 9/21;
  --dymanic-youtube-size-h: 300px;
  --dynamicl1-icon-size: 3rem;
  --dynamicl1-item-p: 1rem;
  --dynamicl1-py: 1.25rem;
  --dynamicl1-px: 1rem;
  --dynamicl1-card-bg: var(--color-gray-light);
  --dynamicl1-card-radius: 1rem;
  --dynamicl1-card-img: 4rem;
  --dynamicl2-img-size: 100px;
  --dynamicl2-item-p: 1rem;
  --dynamicl2-py: 1.25rem;
  --dynamicl2-px: 1rem;
  --dynamicl2-card-bg: var(--color-gray-light);
  --dynamicl2-card-radius: 1rem;
  --dynamicl3-img-size: 270px;
  --dynamicl3-date-sizew: 4.5rem;
  --dynamicl3-date-sizeh: 6rem;
  --dynamicl3-day-size: 2.5rem;
  --dynamicl3-month-size: 1.5rem;
  --dynamicl3-item-p: 1rem;
  --dynamicl3-py: 1.25rem;
  --dynamicl3-px: 1rem;
  --dynamicl3-card-bg: var(--color-gray-light);
  --dynamicl3-card-radius: 1rem;
  --dynamicl4-img-size: 350px;
  --dynamicl4-box-size: 8.35em;
  --dynamicl4-item-p: 1rem;
  --dynamicl4-py: 1.25rem;
  --dynamicl4-px: 1rem;
  --dynamicl4-card-bg: var(--color-gray-light);
  --dynamicl4-card-radius: 1rem;
  --dynamicl4-card-hrz-img: 150px;
  --dynamicl4-card-hrz-ratio: 4/3;
  --dynamicl4-card-date-size: 2.75rem;
  --dynamicl4-card-date-bg: var(--color-white);
  --dynamicl5-item-size: 200px;
  --dynamicl5-item-p: 1rem;
  --dynamicl6-img-sizew: 100%;
  --dynamicl6-img-sizeh: 100%;
  --dynamicl9-img-size: 270px;
}

	:root {
		--color-primary-a30:		#3366CC40;
		--color-primary-a50:		#3366CC80;
		--color-primary-a80:		#3366CCCC;
		--color-secondary-a30:		#00488440;
		--color-secondary-a50:		#00488480;
		--color-secondary-a80:		#004884CC;
		--filter-black:				brightness(0) saturate(100%);
		--filter-white:				brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(219deg) brightness(103%) contrast(101%);
	}
/* GENERAL */
.nxBlockDynamic a {
  text-decoration: none;
}
.nxBlockDynamic .blockContent.row > .slick-slider {
  width: 100%;
}
.nxBlockDynamic .image,
.nxBlockDynamic .mediaPosition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.item.dynamicYoutube > div:nth-child(1) {
  height: var(--dymanic-youtube-size-h);
  overflow: hidden;
}
.item.dynamicYoutube > div:nth-child(1) iframe {
  width: 100%;
  height: 100%;
}
.slick-slider [data-animation-in] {
  z-index: 0;
}
img[data-lazy] {
  width: 0 !important;
  height: 0 !important;
}
.nxFxHover {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.nxParallax {
  background-attachment: fixed !important /* TODO cambiar en media/css/user.min.css L40: .nxBlock background-COLOR: #FFFFFF*/;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.no-fecha .date,
.no-date .date {
  display: none !important;
}
.no-descripcion .description,
no-description .description {
  display: none !important;
}
.slick-prev:before {
  content: "\f053";
}
.slick-next:before {
  content: "\f054";
}
.slick-prev,
.slick-next {
  background-color: rgba(0,0,0,0.3);
  height: 40px;
  width: 40px;
  font-size: inherit;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
}
.slick-prev:before,
.slick-next:before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal normal normal 0.875rem/1 FontAwesome;
  font-size: inherit;
  color: var(--color-white);
  font-size: 1.5em;
  display: inline-block;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  width: 100%;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  background-color: var(--color-primary);
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  color: var(--color-white);
}
[class*="slider_main"] .slick-prev,
[class*="slider-main"] .slick-prev,
[class*="slider_main"] .slick-next,
[class*="slider-main"] .slick-next {
  width: 1.5rem;
  height: 1.5rem;
  background-color: transparent;
}
[class*="slider_main"] .slick-prev:hover,
[class*="slider-main"] .slick-prev:hover,
[class*="slider_main"] .slick-next:hover,
[class*="slider-main"] .slick-next:hover,
[class*="slider_main"] .slick-prev:focus,
[class*="slider-main"] .slick-prev:focus,
[class*="slider_main"] .slick-next:focus,
[class*="slider-main"] .slick-next:focus {
  background-color: transparent;
}
[class*="slider_main"] .slick-prev:hover:before,
[class*="slider-main"] .slick-prev:hover:before,
[class*="slider_main"] .slick-next:hover:before,
[class*="slider-main"] .slick-next:hover:before,
[class*="slider_main"] .slick-prev:focus:before,
[class*="slider-main"] .slick-prev:focus:before,
[class*="slider_main"] .slick-next:focus:before,
[class*="slider-main"] .slick-next:focus:before {
  color: var(--color-primary);
}
.slick-prev,
.defaultDynamic .slick-prev {
  left: 5px;
}
.slick-next,
.defaultDynamic .slick-next {
  right: 5px;
}
@media screen and (min-width: 992px) {
  [class*="slider_main"] .slick-prev,
  [class*="slider-main"] .slick-prev,
  [class*="slider_main"] .defaultDynamic .slick-prev,
  [class*="slider-main"] .defaultDynamic .slick-prev {
    left: var(--dymanic-slick-position-x);
  }
  [class*="slider_main"] .slick-next,
  [class*="slider-main"] .slick-next,
  [class*="slider_main"] .defaultDynamic .slick-next,
  [class*="slider-main"] .defaultDynamic .slick-next {
    right: var(--dymanic-slick-position-x);
  }
}
/*** PAGINADOR - BULLETS ***/
.nxBlockDynamicLinks ul {
  padding: 0;
  margin: 2em 0 1rem 0;
  list-style-type: none;
  text-align: center;
}
.nxBlockDynamicLinks ul li {
  list-style: none;
  display: inline-block;
  margin: 0.4em 1em;
}
.nxBlockDynamicLinks ul li a {
  color: var(--color-white);
  display: block;
}
.dotsDynamic {
  bottom: -1.25rem;
  display: block;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.dotsDynamic li {
  cursor: pointer;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.375rem;
  padding: 0;
  position: relative;
}
.dotsDynamic li button {
  background: none;
  border: none;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  border-radius: 50%;
  overflow: hidden;
}
.dotsDynamic li button:before {
  background-color: var(--color-Silver);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
  opacity: 1;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  outline: 1px solid rgba(255,255,255,0.25);
}
.dotsDynamic li button:hover:before {
  background-color: var(--color-secondary);
}
.dotsDynamic li.slick-active button:before {
  background-color: var(--color-primary);
  opacity: 1;
}
[class*="slider_main"] .dotsDynamic,
[class*="slider-main"] .dotsDynamic {
  bottom: 1.75rem;
}
.textPosition6 {
  float: left;
}
.textPosition6 a {
  text-align: left;
}
.textPosition6 a .fa {
  text-align: center;
  float: left;
  margin-right: 0.5rem;
}
.textPosition6 a .title {
  width: 82.5%;
  margin-bottom: 10px;
}
/* Estilo Diseño 2 - Fondo Oscuro */
.nxBlockDesign2 .dotsDynamic li button:before {
  background-color: rgba(255,255,255,0.5);
  -webkit-box-shadow: 0 0.188rem 0.25rem rgba(0,0,0,0.5);
          box-shadow: 0 0.188rem 0.25rem rgba(0,0,0,0.5);
}
.nxBlockDesign2 .dotsDynamic li button:hover:before {
  background-color: var(--color-white);
}
[class*="slider_main"] .dotsDynamic li button:before,
[class*="slider-main"] .dotsDynamic li button:before {
  background-color: rgba(255,255,255,0.5);
  -webkit-box-shadow: 0 0.188rem 0.25rem rgba(0,0,0,0.5);
          box-shadow: 0 0.188rem 0.25rem rgba(0,0,0,0.5);
}
[class*="slider_main"] .dotsDynamic li button:hover:before,
[class*="slider-main"] .dotsDynamic li button:hover:before {
  background-color: var(--color-white);
}
[class*="slider_main"] .dotsDynamic li.slick-active button:before,
[class*="slider-main"] .dotsDynamic li.slick-active button:before {
  background-color: var(--color-white);
}
/* Ajuste de la imagen en el contenedor */
.item.nxImgAdjustHeight > a > .image > img,
.item.nxImgAdjustHeight > div > a > img.youtube-player {
  height: 100%;
  width: auto;
  min-height: 100%;
  min-width: initial;
  margin: 0 auto;
}
.item.nxImgAdjustWidth > a > .image > img,
.item.nxImgAdjustWidth > div > a > img.youtube-player {
  height: auto;
  width: 100%;
/*TODO Center vertically*/
}
.item.nxImgAdjustContainer > a > .image > img,
.item.nxImgAdjustContainer > div > a > img.youtube-player {
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
/*TODO Center vertically*/
}
.item.nxImgAdjustExpand > a > .image > img,
.item.nxImgAdjustExpand > div > a > img.youtube-player {
  height: 100%;
  width: 100%;
}
/* DOCUMENTOS */
.documentos .icono .icon_class {
  display: block;
  height: 58px;
  width: 46px;
  margin: auto;
}
.documentos .pdf.background-img {
  background: url("../../Documentos/img/pdf.png") center no-repeat;
}
.documentos .doc.background-img {
  background: url("../../Documentos/img/doc.png") center no-repeat;
}
.documentos .rar.background-img {
  background: url("../../Documentos/img/rar.png") center no-repeat;
}
.documentos .zip.background-img {
  background: url("../../Documentos/img/zip.png") center no-repeat;
}
.documentos .xls.background-img {
  background: url("../../Documentos/img/xls.png") center no-repeat;
}
.documentos .ppt.background-img {
  background: url("../../Documentos/img/ppt.png") center no-repeat;
}
.documentos .default.background-img {
  background: url("../../Documentos/img/default.png") center no-repeat;
}
/* LAYOUT 1 */
.nxBlockDynamicLayout1 a {
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
  display: block;
}
.nxBlockDynamicLayout1 a .title {
  color: var(--color-text);
  font-family: var(--font-for-title);
  font-size: 1em;
  width: auto;
  display: block;
  text-align: center;
}
.nxBlockDynamicLayout1 a .mediaPosition {
  display: block;
  color: var(--color-primary);
  font-size: var(--dynamicl1-icon-size);
  height: 1.375em;
  line-height: 1.2;
  min-height: 1.375em;
  width: auto;
  text-align: center;
  padding: 0;
}
.nxBlockDynamicLayout1 a:hover {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout1 a:hover .mediaPosition,
.nxBlockDynamicLayout1 a:hover .title {
  color: var(--color-white);
}
.nxBlockDynamicLayout1 a .fa.fa-1x {
  font-size: 1.5em;
  height: 2em;
  line-height: 1.4em;
}
.nxBlockDynamicLayout1 a .fa.fa-2x {
  font-size: 2.5em;
  height: 1.7em;
  line-height: 1.3em;
}
.nxBlockDynamicLayout1 a .fa.fa-3x {
  font-size: 3.2em;
  height: 1.6em;
  line-height: 1.175em;
}
.nxBlockDynamicLayout1.nxBlockDesign2 {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout1.nxBlockDesign2 a .title,
.nxBlockDynamicLayout1.nxBlockDesign2 a .mediaPosition {
  color: var(--color-white);
}
.nxBlockDynamicLayout1.nxBlockDesign2 a:hover {
  background-color: var(--color-white);
}
.nxBlockDynamicLayout1.nxBlockDesign2 a:hover .title,
.nxBlockDynamicLayout1.nxBlockDesign2 a:hover .mediaPosition {
  color: var(--color-primary);
}
.nxBlockDynamicLayout1 .view1-color-secondary a .mediaPosition {
  color: var(--color-secondary);
}
.nxBlockDynamicLayout1 .view1-color-secondary a:hover {
  background-color: var(--color-secondary);
}
.nxBlockDynamicLayout1 .view1-color-secondary a:hover .mediaPosition,
.nxBlockDynamicLayout1 .view1-color-secondary a:hover .title {
  color: var(--color-white);
}
.nxBlockDynamicLayout1 .view1-color-text a .mediaPosition {
  color: var(--color-text);
}
.nxBlockDynamicLayout1 .view1-color-text a:hover {
  background-color: var(--color-text);
}
.nxBlockDynamicLayout1 .view1-color-text a:hover .mediaPosition,
.nxBlockDynamicLayout1 .view1-color-text a:hover .title {
  color: var(--color-white);
}
.nxBlockDynamicLayout1 .view1-color-white a .mediaPosition,
.nxBlockDynamicLayout1 .view1-color-white a .title {
  color: var(--color-white);
}
.nxBlockDynamicLayout1 .view1-color-white a:hover {
  background-color: var(--color-white);
}
.nxBlockDynamicLayout1 .view1-color-white a:hover .mediaPosition,
.nxBlockDynamicLayout1 .view1-color-white a:hover .title {
  color: var(--color-primary);
}
.nxBlockDynamicLayout1 [class*="view1-card"] .item {
  padding: calc(var(--dynamicl1-item-p) / 2) var(--dynamicl1-item-p);
}
.nxBlockDynamicLayout1 [class*="view1-card"] .item a {
  padding: var(--dynamicl1-py) var(--dynamicl1-px);
  background-color: var(--dynamicl1-card-bg);
  border-radius: var(--dynamicl1-card-radius);
}
.nxBlockDynamicLayout1 [class*="view1-card"] .item a .mediaPosition {
  width: var(--dynamicl1-card-img);
  height: var(--dynamicl1-card-img);
  line-height: var(--dynamicl1-card-img);
  color: var(--color-white);
  font-size: calc(var(--dynamicl1-icon-size) - 0.5rem);
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  margin-bottom: 0.5rem;
}
.nxBlockDynamicLayout1 [class*="view1-card"] .item a:hover .mediaPosition {
  background-color: rgba(0,0,0,0.5);
}
.nxBlockDynamicLayout1 .view1-card-primary .item a .mediaPosition {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout1 .view1-card-primary .item a:hover {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout1 .view1-card-secondary .item a .mediaPosition {
  background-color: var(--color-secondary);
}
.nxBlockDynamicLayout1 .view1-card-secondary .item a:hover {
  background-color: var(--color-secondary);
}
.nxBlockDynamicLayout1 .view1-card-white .item a {
  background-color: transparent;
  border: 1px solid var(--color-white);
}
.nxBlockDynamicLayout1 .view1-card-white .item a .mediaPosition {
  color: var(--color-primary);
  background-color: var(--color-white);
}
.nxBlockDynamicLayout1 .view1-card-white .item a .title {
  color: var(--color-white);
}
.nxBlockDynamicLayout1 .view1-card-white .item a:hover {
  background-color: var(--color-white);
}
.nxBlockDynamicLayout1 .view1-card-white .item a:hover .mediaPosition {
  color: var(--color-white);
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout1 .view1-card-white .item a:hover .title {
  color: var(--color-primary);
}
/* LAYOUT 2 */
.nxBlockDynamicLayout2 .item {
  text-align: center;
}
.nxBlockDynamicLayout2 .item a {
  display: block;
}
.nxBlockDynamicLayout2 .item a .image {
  border: 3px solid rgba(0,0,0,0.25);
  border-radius: 50%;
  height: var(--dynamicl2-img-size);
  margin: 0 auto 20px auto;
  overflow: hidden;
  width: var(--dynamicl2-img-size);
}
.nxBlockDynamicLayout2 .item a .image img {
  height: var(--dynamicl2-img-size);
  min-width: var(--dynamicl2-img-size);
  width: auto;
}
.nxBlockDynamicLayout2 .item a .title,
.nxBlockDynamicLayout2 .item a .description {
  display: block;
  margin-bottom: 1.1em;
  padding: 0 1em;
}
.nxBlockDynamicLayout2 .item a .title {
  font-size: 1em;
  font-family: var(--font-for-title);
}
.nxBlockDynamicLayout2 .item a:hover .image {
  border-color: var(--color-primary);
}
.nxBlockDynamicLayout2 .item a .btn-primary {
  background-color: transparent;
  border-color: var(--color-white);
}
.nxBlockDynamicLayout2.nxBlockDesign2 {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout2.nxBlockDesign2 a,
.nxBlockDynamicLayout2.nxBlockDesign2 a:hover,
.nxBlockDynamicLayout2.nxBlockDesign2 .title,
.nxBlockDynamicLayout2.nxBlockDesign2 h2 {
  color: var(--color-white);
}
.nxBlockDynamicLayout2.nxBlockDesign2 a:hover .image,
.nxBlockDynamicLayout2.nxBlockDesign2 a .image {
  border-color: var(--color-white);
}
.nxBlockDynamicLayout2.nxBlockDesign2 .slick-prev,
.nxBlockDynamicLayout2.nxBlockDesign2 .slick-next {
  color: var(--color-white);
  background-color: rgba(0,0,0,0.35);
}
.nxBlockDynamicLayout2.nxBlockDesign2 .slick-prev:hover,
.nxBlockDynamicLayout2.nxBlockDesign2 .slick-next:hover {
  background-color: var(--color-white);
}
.nxBlockDynamicLayout2.nxBlockDesign2 .slick-prev:hover:before,
.nxBlockDynamicLayout2.nxBlockDesign2 .slick-next:hover:before {
  color: var(--color-primary);
}
.nxBlockDynamicLayout2 [class*="view2-color"] .item,
.nxBlockDynamicLayout2 [class*="view2-card"] .item {
  padding: calc(var(--dynamicl2-item-p) / 2) var(--dynamicl2-item-p);
}
.nxBlockDynamicLayout2 [class*="view2-color"] .item a,
.nxBlockDynamicLayout2 [class*="view2-card"] .item a {
  padding: var(--dynamicl2-py) var(--dynamicl2-px);
  border-radius: var(--dynamicl1-card-radius);
}
.nxBlockDynamicLayout2 [class*="view2-color"] .item a .image,
.nxBlockDynamicLayout2 [class*="view2-card"] .item a .image {
  border: none;
}
.nxBlockDynamicLayout2 [class*="view2-color"] .item a .image img,
.nxBlockDynamicLayout2 [class*="view2-card"] .item a .image img {
  min-width: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.nxBlockDynamicLayout2 [class*="view2-color"] .item a .title,
.nxBlockDynamicLayout2 [class*="view2-card"] .item a .title,
.nxBlockDynamicLayout2 [class*="view2-color"] .item a .description,
.nxBlockDynamicLayout2 [class*="view2-card"] .item a .description {
  line-height: 1.25;
}
.nxBlockDynamicLayout2 [class*="view2-color"] .item a .title,
.nxBlockDynamicLayout2 [class*="view2-card"] .item a .title {
  margin-bottom: 0.5rem;
}
.nxBlockDynamicLayout2 [class*="view2-color"] .item a .description,
.nxBlockDynamicLayout2 [class*="view2-card"] .item a .description {
  margin-bottom: 0;
}
.nxBlockDynamicLayout2 .view2-color-primary .item a .image {
  border-color: var(--color-primary);
}
.nxBlockDynamicLayout2 .view2-color-primary .item a .title,
.nxBlockDynamicLayout2 .view2-color-primary .item a .description {
  color: var(--color-primary);
}
.nxBlockDynamicLayout2 .view2-color-primary .item a:hover {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout2 .view2-color-primary .item a:hover .image {
  border-color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-color-primary .item a:hover .title,
.nxBlockDynamicLayout2 .view2-color-primary .item a:hover .description {
  color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-color-secondary .item a .image {
  background-color: var(--color-secondary);
}
.nxBlockDynamicLayout2 .view2-color-secondary .item a .title,
.nxBlockDynamicLayout2 .view2-color-secondary .item a .description {
  color: var(--color-secondary);
}
.nxBlockDynamicLayout2 .view2-color-secondary .item a:hover {
  background-color: var(--color-secondary);
}
.nxBlockDynamicLayout2 .view2-color-secondary .item a:hover .image {
  border-color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-color-secondary .item a:hover .title,
.nxBlockDynamicLayout2 .view2-color-secondary .item a:hover .description {
  color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-color-text .item a .image {
  background-color: var(--color-text);
}
.nxBlockDynamicLayout2 .view2-color-text .item a .title,
.nxBlockDynamicLayout2 .view2-color-text .item a .description {
  color: var(--color-text);
}
.nxBlockDynamicLayout2 .view2-color-text .item a:hover {
  background-color: var(--color-text);
}
.nxBlockDynamicLayout2 .view2-color-text .item a:hover .image {
  border-color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-color-text .item a:hover .title,
.nxBlockDynamicLayout2 .view2-color-text .item a:hover .description {
  color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-color-white .item a .image {
  background-color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-color-white .item a .title,
.nxBlockDynamicLayout2 .view2-color-white .item a .description {
  color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-color-white .item a:hover {
  background-color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-color-white .item a:hover .image {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout2 .view2-color-white .item a:hover .title,
.nxBlockDynamicLayout2 .view2-color-white .item a:hover .description {
  color: var(--color-primary);
}
.nxBlockDynamicLayout2 [class*="view2-card"] .item {
  padding: calc(var(--dynamicl2-item-p) / 2) var(--dynamicl2-item-p);
}
.nxBlockDynamicLayout2 [class*="view2-card"] .item a {
  padding: var(--dynamicl2-py) var(--dynamicl2-px);
  background-color: var(--dynamicl2-card-bg);
  border-radius: var(--dynamicl2-card-radius);
}
.nxBlockDynamicLayout2 [class*="view2-card"] .item a .image img {
  width: 75%;
  height: 75%;
  -o-object-fit: contain;
     object-fit: contain;
}
.nxBlockDynamicLayout2 [class*="view2-card"] .item a .description {
  color: var(--color-text);
}
.nxBlockDynamicLayout2 .view2-card-primary .item a .image {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout2 .view2-card-primary .item a .image img {
  -webkit-filter: var(--filter-white);
          filter: var(--filter-white);
}
.nxBlockDynamicLayout2 .view2-card-primary .item a .title {
  color: var(--color-primary);
}
.nxBlockDynamicLayout2 .view2-card-primary .item a:hover {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout2 .view2-card-primary .item a:hover .image {
  background-color: rgba(0,0,0,0.35);
}
.nxBlockDynamicLayout2 .view2-card-primary .item a:hover .image img {
  -webkit-filter: var(--filter-white);
          filter: var(--filter-white);
}
.nxBlockDynamicLayout2 .view2-card-primary .item a:hover .title,
.nxBlockDynamicLayout2 .view2-card-primary .item a:hover .description {
  color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-card-secondary .item a .image {
  background-color: var(--color-secondary);
}
.nxBlockDynamicLayout2 .view2-card-secondary .item a .image img {
  -webkit-filter: var(--filter-white);
          filter: var(--filter-white);
}
.nxBlockDynamicLayout2 .view2-card-secondary .item a .title {
  color: var(--color-secondary);
}
.nxBlockDynamicLayout2 .view2-card-secondary .item a:hover {
  background-color: var(--color-secondary);
}
.nxBlockDynamicLayout2 .view2-card-secondary .item a:hover .image {
  background-color: rgba(0,0,0,0.35);
}
.nxBlockDynamicLayout2 .view2-card-secondary .item a:hover .image img {
  -webkit-filter: var(--filter-white);
          filter: var(--filter-white);
}
.nxBlockDynamicLayout2 .view2-card-secondary .item a:hover .title,
.nxBlockDynamicLayout2 .view2-card-secondary .item a:hover .description {
  color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-card-white .item a {
  background-color: transparent;
  border: 1px solid var(--color-white);
}
.nxBlockDynamicLayout2 .view2-card-white .item a .image {
  background-color: transparent;
}
.nxBlockDynamicLayout2 .view2-card-white .item a .image img {
  -webkit-filter: var(--filter-white);
          filter: var(--filter-white);
}
.nxBlockDynamicLayout2 .view2-card-white .item a .title,
.nxBlockDynamicLayout2 .view2-card-white .item a .description {
  color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-card-white .item a:hover {
  background-color: var(--color-white);
}
.nxBlockDynamicLayout2 .view2-card-white .item a:hover .image {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout2 .view2-card-white .item a:hover .image img {
  -webkit-filter: var(--filter-white);
          filter: var(--filter-white);
}
.nxBlockDynamicLayout2 .view2-card-white .item a:hover .title,
.nxBlockDynamicLayout2 .view2-card-white .item a:hover .description {
  color: var(--color-primary);
}
/* LAYOUT 3 */
.nxBlockDynamicLayout3 a {
  padding: 0 1em;
  display: block;
  width: 100%;
  overflow: hidden;
}
.nxBlockDynamicLayout3 a .date {
  color: var(--color-primary);
  float: left;
  width: 25%;
  padding: 1em;
  text-align: center;
  height: 6.25em;
}
.nxBlockDynamicLayout3 a .date span {
  display: block;
  line-height: 1.125em;
}
.nxBlockDynamicLayout3 a .date .day {
  font-size: 2.25em;
}
.nxBlockDynamicLayout3 a .date .month {
  font-size: 1.25em;
  font-weight: 400;
}
.nxBlockDynamicLayout3 a .image {
  width: 100%;
  height: var(--dynamicl3-img-size);
  overflow: hidden;
  position: relative;
  font-size: 0;
}
.nxBlockDynamicLayout3 a .image:after {
  color: var(--color-white);
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal normal normal 0.875rem/1 FontAwesome;
  font-size: inherit;
  margin-right: 0.3em;
  content: "\f002";
  font-size: 30px;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  z-index: 3;
}
.nxBlockDynamicLayout3 a .image img {
  height: 100%;
  margin: 0 auto;
  min-height: 100%;
  min-width: initial;
  width: auto;
}
.nxBlockDynamicLayout3 a .title {
  color: var(--color-text);
  font-family: var(--font-for-title);
  font-size: 1.2em;
  line-height: 1.125em;
  padding: 1em;
  width: 75%;
  height: 6.25em;
  overflow: hidden;
  display: block;
  float: right;
}
.nxBlockDynamicLayout3 a:hover .date {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.nxBlockDynamicLayout3 a:hover .image:before {
  background: var(--color-primary-a50);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}
.nxBlockDynamicLayout3 a:hover .title {
  color: var(--color-primary);
}
.nxBlockDynamicLayout3 [class*="view3-color"] .item a .image:after,
.nxBlockDynamicLayout3 [class*="view3-card"] .item a .image:after {
  display: none;
}
.nxBlockDynamicLayout3 [class*="view3-color"] .item a .image img,
.nxBlockDynamicLayout3 [class*="view3-card"] .item a .image img {
  min-height: inherit;
  min-width: initial;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.nxBlockDynamicLayout3 [class*="view3-color"] .item a .date,
.nxBlockDynamicLayout3 [class*="view3-card"] .item a .date {
  width: var(--dynamicl3-date-sizew);
  height: var(--dynamicl3-date-sizeh);
  padding: 0.375rem 0 0 0;
}
.nxBlockDynamicLayout3 [class*="view3-color"] .item a .date .day,
.nxBlockDynamicLayout3 [class*="view3-card"] .item a .date .day {
  font-family: var(--font-for-title);
  font-size: var(--dynamicl3-day-size);
  line-height: 1;
  margin-bottom: 0;
}
.nxBlockDynamicLayout3 [class*="view3-color"] .item a .date .month,
.nxBlockDynamicLayout3 [class*="view3-card"] .item a .date .month {
  font-family: var(--font-for-title-medium);
  font-size: var(--dynamicl3-month-size);
  line-height: 1;
  margin-bottom: 0;
}
.nxBlockDynamicLayout3 [class*="view3-color"] .item a .title,
.nxBlockDynamicLayout3 [class*="view3-card"] .item a .title {
  width: calc(100% - var(--dynamicl3-date-sizew));
  height: var(--dynamicl3-date-sizeh);
  font-size: 1rem;
  margin-bottom: 0;
  padding: 0.375rem 0.875rem;
}
.nxBlockDynamicLayout3 [class*="view3-color"] .item a:hover .image:before,
.nxBlockDynamicLayout3 [class*="view3-card"] .item a:hover .image:before {
  display: none;
}
.nxBlockDynamicLayout3 [class*="view3-color"] .item a:hover .image img,
.nxBlockDynamicLayout3 [class*="view3-card"] .item a:hover .image img {
  opacity: 0.5 !important;
}
.nxBlockDynamicLayout3 .view3-color-primary .item a .date .day,
.nxBlockDynamicLayout3 .view3-color-primary .item a .date .month {
  color: var(--color-primary);
}
.nxBlockDynamicLayout3 .view3-color-primary .item a:hover .image {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout3 .view3-color-primary .item a:hover .date {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout3 .view3-color-primary .item a:hover .date .day,
.nxBlockDynamicLayout3 .view3-color-primary .item a:hover .date .month {
  color: var(--color-white);
}
.nxBlockDynamicLayout3 .view3-color-primary .item a:hover .title {
  color: var(--color-white);
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout3 .view3-color-secondary .item a .date .day,
.nxBlockDynamicLayout3 .view3-color-secondary .item a .date .month {
  color: var(--color-secondary);
}
.nxBlockDynamicLayout3 .view3-color-secondary .item a:hover .image {
  background-color: var(--color-secondary);
}
.nxBlockDynamicLayout3 .view3-color-secondary .item a:hover .date {
  background-color: var(--color-secondary);
}
.nxBlockDynamicLayout3 .view3-color-secondary .item a:hover .date .day,
.nxBlockDynamicLayout3 .view3-color-secondary .item a:hover .date .month {
  color: var(--color-white);
}
.nxBlockDynamicLayout3 .view3-color-secondary .item a:hover .title {
  color: var(--color-white);
  background-color: var(--color-secondary);
}
.nxBlockDynamicLayout3 .view3-color-white .item a .image img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout3 .view3-color-white .item a .date .day,
.nxBlockDynamicLayout3 .view3-color-white .item a .date .month {
  color: var(--color-white);
}
.nxBlockDynamicLayout3 .view3-color-white .item a .title {
  color: var(--color-white);
}
.nxBlockDynamicLayout3 .view3-color-white .item a:hover .image {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout3 .view3-color-white .item a:hover .image img {
  opacity: 1 !important;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout3 .view3-color-white .item a:hover .date {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout3 .view3-color-white .item a:hover .date .day,
.nxBlockDynamicLayout3 .view3-color-white .item a:hover .date .month {
  color: var(--color-white);
}
.nxBlockDynamicLayout3 .view3-color-white .item a:hover .title {
  color: var(--color-primary);
  background-color: var(--color-white);
}
.nxBlockDynamicLayout3 [class*="view3-card"] .item {
  padding: 1em;
}
.nxBlockDynamicLayout3 [class*="view3-card"] .item a {
  padding: 0;
  background-color: var(--dynamicl3-card-bg);
  border-radius: var(--dynamicl3-card-radius);
}
.nxBlockDynamicLayout3 [class*="view3-card"] .item a.content-image {
  border-radius: var(--dynamicl3-card-radius) var(--dynamicl3-card-radius) 0 0;
}
.nxBlockDynamicLayout3 [class*="view3-card"] .item a.content-image .image {
  margin: 1rem 1rem 0 1rem;
  width: calc(100% - 2rem);
  border-radius: var(--dynamicl3-card-radius) var(--dynamicl3-card-radius) 0 0;
}
.nxBlockDynamicLayout3 [class*="view3-card"] .item a.content-image .image img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout3 [class*="view3-card"] .item a.content-box {
  padding: 0 1rem 1rem 1rem;
  border-radius: 0 0 var(--dynamicl3-card-radius) var(--dynamicl3-card-radius);
}
.nxBlockDynamicLayout3 [class*="view3-card"] .item a:hover.content-image .image img {
  opacity: 1 !important;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout3 .view3-card-secondary .item a .date .day,
.nxBlockDynamicLayout3 .view3-card-secondary .item a .date .month {
  color: var(--color-secondary);
}
.nxBlockDynamicLayout3 .view3-card-secondary .item a:hover .date {
  background-color: var(--color-secondary);
}
.nxBlockDynamicLayout3 .view3-card-secondary .item a:hover .date .day,
.nxBlockDynamicLayout3 .view3-card-secondary .item a:hover .date .month {
  color: var(--color-white);
}
.nxBlockDynamicLayout3 .view3-card-secondary .item a:hover .title {
  color: var(--color-white);
  background-color: var(--color-secondary);
}
/* LAYOUT 4 */
.nxBlockDynamicLayout4 a {
  display: block;
  margin: 0 1em;
  overflow: hidden;
  position: relative;
}
.nxBlockDynamicLayout4 a .image {
  font-size: 0;
  height: var(--dynamicl4-img-size);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.nxBlockDynamicLayout4 a .image img {
  height: 100%;
  margin: 0 auto;
  min-height: 100%;
  min-width: initial;
  width: auto;
  margin: 0;
}
.nxBlockDynamicLayout4 a .title {
  display: block;
  font-size: 1.25em;
  min-height: 100px;
  margin-bottom: 1.8em;
  font-family: var(--font-for-title);
}
.nxBlockDynamicLayout4 a .rollover-box {
  width: 100%;
  position: absolute;
  top: 15em;
  color: var(--color-white);
  background: rgba(0,0,0,0.6);
  height: var(--dynamicl4-box-size);
  padding: 1em;
  overflow: hidden;
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout4 a:hover .rollover-box {
  top: 0;
  background: var(--color-primary-a80);
  height: var(--dynamicl4-img-size);
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout4 a:hover .rollover-box .title {
  display: block;
  margin-bottom: 2em;
  min-height: 4.5em;
}
.nxBlockDynamicLayout4 .new-tools-box {
  color: var(--color-text);
  background-color: var(--color-white);
  font-size: 0.875em;
  padding: 1em 1.2em;
  overflow: hidden;
}
.nxBlockDynamicLayout4 .new-tools-box .category {
  float: left;
  margin-bottom: 0;
}
.nxBlockDynamicLayout4 .new-tools-box .date {
  float: right;
  margin-bottom: 0;
}
.nxBlockDynamicLayout4 .dynamicStyle2 .item {
  position: relative;
}
.nxBlockDynamicLayout4 .dynamicStyle2 .item a .image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.nxBlockDynamicLayout4 .dynamicStyle2 .item a .rollover-box {
  position: relative;
  top: 0;
  height: 100%;
  background: none;
}
.nxBlockDynamicLayout4 .dynamicStyle2 .item a .rollover-box .title {
  min-height: inherit;
  height: calc(100% - 30pt);
}
.nxBlockDynamicLayout4 .dynamicStyle2 .item a.content-box + a.content-box {
  position: absolute;
  top: 15em;
  width: 100%;
  height: calc(100% - 15em);
  background: rgba(0,0,0,0.6);
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout4 .dynamicStyle2 .item a.content-box + a.content-box:hover {
  position: absolute;
  top: 0;
  height: 100%;
  background: var(--color-secondary-a80);
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
  text-decoration: none;
}
.nxBlockDynamicLayout4 .dynamicStyle2 .item a.content-box + a.content-box:hover .rollover-box .title {
  height: auto;
}
.nxBlockDynamicLayout4 [class*="view4-color"] .item a .image img {
  min-height: inherit;
  min-width: initial;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.nxBlockDynamicLayout4 [class*="view4-color"] .item a .rollover-box {
  padding: 0;
  background: none;
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
}
.nxBlockDynamicLayout4 [class*="view4-color"] .item a .rollover-box:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-black);
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout4 [class*="view4-color"] .item a .rollover-box .title,
.nxBlockDynamicLayout4 [class*="view4-color"] .item a .rollover-box .description {
  padding: 1rem;
  line-height: 1.25;
  position: relative;
  z-index: 2;
  margin: 0;
}
.nxBlockDynamicLayout4 [class*="view4-color"] .item a .rollover-box .title {
  font-size: 1rem;
  height: calc(var(--dynamicl4-img-size) / 2);
  min-height: inherit;
}
.nxBlockDynamicLayout4 [class*="view4-color"] .item a:hover .rollover-box {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.nxBlockDynamicLayout4 [class*="view4-color"] .item a:hover .rollover-box:after {
  opacity: 0.85;
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout4 [class*="view4-color"] .item a:hover .rollover-box .title {
  margin: 0;
  min-height: inherit;
  height: calc(var(--dynamicl4-img-size) / 2);
}
.nxBlockDynamicLayout4 .view4-color-primary .item a:hover .rollover-box:after {
  background-color: var(--color-primary);
}
.nxBlockDynamicLayout4 .view4-color-secondary .item a:hover .rollover-box:after {
  background-color: var(--color-secondary);
}
.nxBlockDynamicLayout4 .view4-color-text .item a:hover .rollover-box:after {
  background-color: var(--color-text);
}
.nxBlockDynamicLayout4 .view4-color-white .item a .rollover-box:after {
  background-color: var(--color-white);
  opacity: 0.85;
}
.nxBlockDynamicLayout4 .view4-color-white .item a .rollover-box .title,
.nxBlockDynamicLayout4 .view4-color-white .item a .rollover-box .description {
  color: var(--color-text);
}
.nxBlockDynamicLayout4 .view4-color-white .item a.new-tools-box {
  background: none;
  color: var(--color-white);
}
.nxBlockDynamicLayout4 .view4-color-white .item a:hover .rollover-box:after {
  background-color: var(--color-text);
}
.nxBlockDynamicLayout4 .view4-color-white .item a:hover .rollover-box .title,
.nxBlockDynamicLayout4 .view4-color-white .item a:hover .rollover-box .description {
  color: var(--color-white);
}
.nxBlockDynamicLayout4 [class*="view4-card"] .item a .image img {
  min-height: inherit;
  min-width: initial;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout4 [class*="view4-card"] .item a .rollover-box {
  position: relative;
  left: inherit;
  top: inherit;
  height: inherit;
  background: none;
}
.nxBlockDynamicLayout4 [class*="view4-card"] .item a .rollover-box .title,
.nxBlockDynamicLayout4 [class*="view4-card"] .item a .rollover-box .description {
  color: var(--color-text);
  line-height: 1.25;
}
.nxBlockDynamicLayout4 [class*="view4-card"] .item a .rollover-box .title {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  height: inherit;
  min-height: inherit;
}
.nxBlockDynamicLayout4 [class*="view4-card"] .item a:hover .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout4 [class*="view4-card"] .item a:hover .rollover-box {
  top: inherit;
  background: none;
  height: inherit;
}
.nxBlockDynamicLayout4 [class*="view4-card"] .item a:hover .rollover-box .title {
  color: var(--color-primary);
  margin-bottom: 0.5rem;
  min-height: inherit;
}
.nxBlockDynamicLayout4 .view4-card-primary .item a .rollover-box .title {
  color: var(--color-primary);
}
.nxBlockDynamicLayout4 .view4-card-primary .item a:hover .rollover-box {
  backgroundcolor: var(--color-primary);
}
.nxBlockDynamicLayout4 .view4-card-primary .item a:hover .rollover-box .title,
.nxBlockDynamicLayout4 .view4-card-primary .item a:hover .rollover-box .description {
  color: var(--color-white);
}
.nxBlockDynamicLayout4 .view4-card-primary .item a:hover.new-tools-box {
  color: var(--color-white);
  backgroundcolor: var(--color-primary);
}
.nxBlockDynamicLayout4 .view4-card-position-horizontal .item a.content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nxBlockDynamicLayout4 .view4-card-position-horizontal .item a.content-box .image {
  width: var(--dynamicl4-card-hrz-img);
  height: auto;
  aspect-ratio: var(--dynamicl4-card-hrz-ratio);
}
.nxBlockDynamicLayout4 .view4-card-position-horizontal .item a.content-box .rollover-box {
  width: calc(100% - var(--dynamicl4-card-hrz-img));
}
.nxBlockDynamicLayout4 .view4-card-position-horizontal .item a.content-box .rollover-box .title {
  font-size: 1rem;
  margin-bottom: 0.375rem;
}
.nxBlockDynamicLayout4 .view4-card-position-horizontal .item a.content-box .rollover-box .description {
  font-size: 0.938rem;
}
.nxBlockDynamicLayout4 .view4-card-position-horizontal .item a:hover .rollover-box .title,
.nxBlockDynamicLayout4 .view4-card-position-horizontal .item a:hover .rollover-box .description {
  color: var(--color-primary);
}
.nxBlockDynamicLayout4 .view4-card-no-image .item a .image {
  display: none !important;
}
.nxBlockDynamicLayout4 .view4-card-date-over .item {
  position: relative;
}
.nxBlockDynamicLayout4 .view4-card-date-over .item a.new-tools-box {
  position: absolute;
  height: var(--dynamicl4-card-date-size);
  top: calc(var(--dynamicl4-img-size) - var(--dynamicl4-card-date-size));
  left: 1rem;
  background-color: var(--dynamicl4-card-date-bg);
  margin: 0;
  padding: 0.5rem 0.875rem;
}
.nxBlockDynamicLayout4 .view4-card-date-over .item a:hover.new-tools-box {
  color: var(--color-white);
  background-color: var(--color-primary);
}
/* LAYOUT 5 */
.nxBlockDynamicLayout5 .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nxBlockDynamicLayout5 .item a {
  display: inline-block;
  height: var(--dynamicl5-item-size);
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.nxBlockDynamicLayout5 .item a .image img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1) rotate 0;
          transform: scale(1) rotate 0;
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout5 .item a .rollover-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0,0,0,0.6);
  color: var(--color-white);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.2em;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0.8em;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
  width: 100%;
}
.nxBlockDynamicLayout5 .item a:hover .image img {
  -webkit-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout5 .item a:hover .image:before,
.nxBlockDynamicLayout5 .item a:hover .image:after {
  content: "";
  background: transparent;
}
.nxBlockDynamicLayout5 .item a:hover .rollover-box {
  background: rgba(0,0,0,0.4);
  color: var(--color-white);
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  top: 0;
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
}
.nxBlockDynamicLayout5 [class*="view5"] .item a .title {
  font-family: var(--font-for-title);
  line-height: 1.25;
}
.nxBlockDynamicLayout5 [class*="view5-ratio"] .item {
  padding: calc(var(--dynamicl5-item-p) / 2) var(--dynamicl5-item-p);
}
.nxBlockDynamicLayout5 [class*="view5-ratio"] .item a {
  width: 100%;
  height: 100%;
  display: block;
}
.nxBlockDynamicLayout5 [class*="view5-ratio"] .item a .image {
  width: 100%;
  height: 100%;
}
.nxBlockDynamicLayout5 [class*="view5-ratio"] .item a .image img {
  min-height: inherit;
  min-width: initial;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.nxBlockDynamicLayout5 .image-circle .item a .rollover-box {
  border-radius: var(--dymanic-img-radius-circle);
}
.nxBlockDynamicLayout5 .image-square .item a .rollover-box {
  border-radius: var(--dymanic-img-radius-square);
}
.nxBlockDynamicLayout5 .image-rounded .item a .rollover-box {
  border-radius: var(--dymanic-img-radius-rounded);
}
.nxBlockDynamicLayout5 .view5-ratio-square .item a .image {
  aspect-ratio: var(--dymanic-ratio-square);
}
.nxBlockDynamicLayout5 .view5-ratio-clasic .item a .image {
  aspect-ratio: var(--dymanic-ratio-clasic);
}
.nxBlockDynamicLayout5 .view5-ratio-clasic-vertical .item a .image {
  aspect-ratio: var(--dymanic-ratio-clasic-vrt);
}
.nxBlockDynamicLayout5 .view5-ratio-wide .item a .image {
  aspect-ratio: var(--dymanic-ratio-wide);
}
.nxBlockDynamicLayout5 .view5-ratio-wide-vertical .item a .image {
  aspect-ratio: var(--dymanic-ratio-wide-vrt);
}
.nxBlockDynamicLayout5 .view5-ratio-ultrawide .item a .image {
  aspect-ratio: var(--dymanic-ratio-ultrawide);
}
.nxBlockDynamicLayout5 .view5-ratio-ultrawide-vertical .item a .image {
  aspect-ratio: var(--dymanic-ratio-ultrawide-vrt);
}
/* LAYOUT 6 */
.nxBlockDynamicLayout6 .slick-slide img {
  width: inherit;
}
.nxBlockDynamicLayout6 [class*="view6-ratio"] .item {
  padding: calc(var(--dynamicl5-item-p) / 2) var(--dynamicl5-item-p);
}
.nxBlockDynamicLayout6 [class*="view6-ratio"] .item a {
  width: 100%;
  height: 100%;
  display: block;
}
.nxBlockDynamicLayout6 [class*="view6-ratio"] .item a .image {
  width: var(--dynamicl6-img-sizew);
  height: var(--dynamicl6-img-sizeh);
}
.nxBlockDynamicLayout6 [class*="view6-ratio"] .item a .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.nxBlockDynamicLayout6 .view6-ratio-square .item a .image {
  aspect-ratio: var(--dymanic-ratio-square);
}
.nxBlockDynamicLayout6 .view6-ratio-clasic .item a .image {
  aspect-ratio: var(--dymanic-ratio-clasic);
}
.nxBlockDynamicLayout6 .view6-ratio-vertical .item a .image {
  aspect-ratio: var(--dymanic-ratio-clasic-vrt);
}
/* LAYOUT 7 */
.nxBlockDynamicLayout7 .item {
  position: relative;
}
.nxBlockDynamicLayout7 .new-tools-box {
  position: absolute;
  background-color: #fff;
  width: 50%;
  height: 33%;
}
.nxBlockDynamicLayout7 .new-tools-box .title {
  font-family: var(--font-for-title);
}
.nxBlockDynamicLayout7 .new-tools-box.position1,
.nxBlockDynamicLayout7 .new-tools-box.position2,
.nxBlockDynamicLayout7 .new-tools-box.position3 {
  top: 0;
}
.nxBlockDynamicLayout7 .new-tools-box.position4,
.nxBlockDynamicLayout7 .new-tools-box.position5,
.nxBlockDynamicLayout7 .new-tools-box.position6 {
  top: 33%;
}
.nxBlockDynamicLayout7 .new-tools-box.position7,
.nxBlockDynamicLayout7 .new-tools-box.position8,
.nxBlockDynamicLayout7 .new-tools-box.position9 {
  top: 66%;
}
.nxBlockDynamicLayout7 .new-tools-box.position1,
.nxBlockDynamicLayout7 .new-tools-box.position4,
.nxBlockDynamicLayout7 .new-tools-box.position7 {
  left: 0;
}
.nxBlockDynamicLayout7 .new-tools-box.position2,
.nxBlockDynamicLayout7 .new-tools-box.position5,
.nxBlockDynamicLayout7 .new-tools-box.position8 {
  left: 25%;
}
.nxBlockDynamicLayout7 .new-tools-box.position3,
.nxBlockDynamicLayout7 .new-tools-box.position6,
.nxBlockDynamicLayout7 .new-tools-box.position9 {
  left: 50%;
}
/* LAYOUT 8 */
.nxBlockDynamicLayout8 a {
  display: block;
  overflow: hidden;
  padding: 0 15px;
  width: 100%;
}
.nxBlockDynamicLayout8 a .title {
  font-family: var(--font-for-title);
  background-color: var(--color-white);
  color: var(--color-text);
  display: block;
  float: right;
  font-size: 1em;
  height: 120px;
  line-height: 1.125em;
  overflow: hidden;
  padding: 15px;
  width: 75%;
}
.nxBlockDynamicLayout8 a .date {
  background: var(--color-white);
  color: var(--color-primary);
  float: left;
  height: 100px;
  padding: 15px;
  text-align: center;
  width: 25%;
}
.nxBlockDynamicLayout8 a .date span {
  display: block;
  line-height: 1.125em;
}
.nxBlockDynamicLayout8 a .date .day {
  font-size: 2.25em;
}
.nxBlockDynamicLayout8 a .date .month {
  font-size: 1.25em;
  font-weight: 400;
}
.nxBlockDynamicLayout8 a:hover .title {
  color: var(--color-primary);
}
.nxBlockDynamicLayout8 a:hover .date {
  background-color: var(--color-primary);
  color: var(--color-white);
}
/* LAYOUT 9 */
.nxBlockDynamicLayout9 a {
  padding: 0 1em;
  display: block;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
}
.nxBlockDynamicLayout9 a.content-box {
  background: var(--color-white);
  border-radius: 0 0 1rem 1rem;
  padding: 1rem 0;
  margin: 0 1rem;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.nxBlockDynamicLayout9 a .date {
  color: var(--color-primary);
  width: 93px;
  text-align: center;
  height: 82px;
}
.nxBlockDynamicLayout9 a .date span {
  display: block;
  line-height: 1.125em;
}
.nxBlockDynamicLayout9 a .date .day {
  font-size: 1.25em;
  line-height: 1.25;
  margin-bottom: 0;
}
.nxBlockDynamicLayout9 a .date .month {
  font-size: 1.25em;
  font-weight: 400;
}
.nxBlockDynamicLayout9 a .title {
  color: var(--color-text);
  font-size: 1.125em;
  font-family: var(--font-for-title);
  line-height: 1.125em;
  padding: 0 1em;
  margin-bottom: 0;
  width: calc(100% - 80px);
  overflow: hidden;
}
.nxBlockDynamicLayout9 a .title .time-data {
  display: block;
  margin-top: 0.5rem;
  font-weight: bold;
}
.nxBlockDynamicLayout9 a .content-image {
  padding: 0;
  margin: 0 1rem;
  border-radius: 1rem 1rem 0 0;
  width: auto;
}
.nxBlockDynamicLayout9 a .image {
  width: 100%;
  height: var(-dynamicl9-img-size);
  overflow: hidden;
  position: relative;
  font-size: 0;
  background-color: var(--color-gray-light);
}
.nxBlockDynamicLayout9 a .image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
  -webkit-transform: scale(1);
          transform: scale(1);
}
.nxBlockDynamicLayout9 a .dateFormatHour {
  margin-top: 0.938rem;
}
.nxBlockDynamicLayout9 a:hover a.content-box {
  background: var(--color-primary);
  color: var(--color-white);
}
.nxBlockDynamicLayout9 a:hover a.content-box .date,
.nxBlockDynamicLayout9 a:hover a.content-box .title {
  color: var(--color-white);
}
.nxBlockDynamicLayout9 a:hover a .date {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.nxBlockDynamicLayout9 a:hover a .image:before {
  background: var(--color-primary-a50);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}
.nxBlockDynamicLayout9 a:hover a .image img {
  -webkit-transition: var(--transition-ease);
  transition: var(--transition-ease);
  -webkit-transform: scale(1.125);
          transform: scale(1.125);
}
/* ESTILOS COMUNES DINÁMICO */
.nxBlockDynamic .image-circle .item a .image {
  overflow: hidden;
  border-radius: var(--dymanic-img-radius-circle);
}
.nxBlockDynamic .image-square .item a .image {
  overflow: hidden;
  border-radius: var(--dymanic-img-radius-square);
}
.nxBlockDynamic .image-rounded .item a .image {
  overflow: hidden;
  border-radius: var(--dymanic-img-radius-rounded);
}