/*! HTML5 Boilerplate v7.1.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

hr {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway-Regular.woff2") format("woff2"),
    url("../fonts/Raleway-Regular.woff") format("woff"),
    url("../fonts/Raleway-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Raleway SemiBold";
  src: url("../fonts/Raleway-SemiBold.woff2") format("woff2"),
    url("../fonts/Raleway-SemiBold.woff") format("woff"),
    url("../fonts/Raleway-SemiBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Bold.eot");
  src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gotham-Bold.woff2") format("woff2"),
    url("../fonts/Gotham-Bold.woff") format("woff"),
    url("../fonts/Gotham-Bold.ttf") format("truetype"),
    url("../fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham-Bold";
  src: url("../fonts/Gotham-Bold.eot");
  src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gotham-Bold.woff2") format("woff2"),
    url("../fonts/Gotham-Bold.woff") format("woff"),
    url("../fonts/Gotham-Bold.ttf") format("truetype"),
    url("../fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

hr.line {
  border: 0;
  border-top: 1px solid #000;
  margin: 70px auto !important;
}

* {
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

body {
  height: auto;
  background-color: #fff;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #000;
}

a {
  outline: none;
}
a:hover {
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
  display: block;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  z-index: 99999999;
}
.loader.is-hidden {
  visibility: hidden;
  opacity: 0;
}
.loader .ctx {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.loader-patio {
  width: 200px;
  height: 80px;
  position: relative;
  margin: 0 auto 15px auto;
}
.loader-patio .logo-patio {
  background: transparent url(../img/Logo-LaFabrica-2019.png) no-repeat center
    center;
  background-size: contain;
  position: absolute;
  width: 100%;
  height: 100%;
}
.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.loader .progress {
  width: 100px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 auto 15px auto;
}
.loader .progress > span {
  display: block;
  width: 0%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.loader .ctx > .num {
  position: relative;
  font-family: "Questrial", sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  text-align: center;
}

.logo-lafabrica {
  position: relative;
  display: flex;
  width: 130px;
  height: 60px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.logo-lafabrica:hover {
  opacity: 0.7;
}
.logo-lafabrica:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  right: -20px;
  bottom: 0;
  background-color: #dc5a25;
}

@media (max-width: 1120px) {
  .logo-lafabrica {
    display: none;
  }
}

.owl-theme .owl-nav [class*="owl-"] {
  background: transparent;
  border: none;
}

.slider-home {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}
.slider-home .slick-next:before,
.slider-home .slick-prev:before {
  content: "";
}

.slider-home .slick-prev,
.slider-home .slick-next {
  width: 40px;
  height: 40px;
  z-index: 1;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-home .slick-next:hover,
.slider-home .slick-prev:hover {
  opacity: 0.5;
}
.slider-home .slick-prev {
  left: 45px;
  background: rgba(255, 255, 255, 0.7) url(../img/flecha-left.svg) no-repeat
    center center;
  background-size: 50%;
}
.slider-home .slick-next {
  right: 45px;
  background: rgba(255, 255, 255, 0.7) url(../img/flecha-right.svg) no-repeat
    center center;
  background-size: 50%;
}

.slider-home .slick-slide > div > div {
  display: block !important;
}

.slider-mobile {
  display: none;
}

.header-title {
  position: relative;
  width: 100%;
  height: 300px;
  background-color: #000;
  color: #fff;
  font-family: "Raleway";
  text-transform: uppercase;
  font-size: 54px;
  font-weight: bold;
  letter-spacing: 2px;
}

.ctx-container .list-tipo img {
  margin-bottom: 15px;
  width: 90px;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.ctx-container .list-tipo img:hover {
  opacity: 0.5;
}
.ctx-container .list-tipo a,
.ctx-container .list-tipo span {
  font-family: "Raleway SemiBold";
  font-size: 12px;
  text-transform: uppercase;
  color: #000;
}
.ctx-container .list-tipo a > svg {
  position: relative;
  display: block;
  width: 90px;
  margin: 0 auto;
  color: #000;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.ctx-container .list-tipo a:hover > svg {
  color: #d0551b;
}

@media only screen and (max-width: 768px) {
  .ctx-container .list-tipo a {
    margin-bottom: 25px;
    display: block;
  }
  .ctx-container .list-tipo a > svg {
    width: 80px;
  }
}

.img-desk {
  display: block;
}
.img-mobi {
  display: none;
}

.page-footer {
  color: #ffffff;
}

.stylish-color-dark {
  background-color: #333333;
}

.page-footer .list-menu li a {
  font-family: "Raleway SemiBold";
  font-size: 14px;
  text-transform: uppercase;
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.page-footer .list-menu li a:hover,
.page-footer .list-menu li a.active {
  color: #d0551b;
  opacity: 1;
  text-decoration: underline;
}

.page-footer .footer-copyright {
  font-family: "Raleway";
  font-size: 13px;
}
.page-footer .ver-comerciales {
  position: relative;
  width: 100%;
  display: block;
  background-color: black;
  color: #ffffff;
  text-align: center;
  font-family: "Raleway SemiBold";
  font-size: 14px;
}
.page-footer .ver-comerciales .icon-plus {
  width: 10px;
}

.page-footer .footer-logo {
  margin-bottom: 2.5rem;
}

.page-footer .logopatio-footer {
  text-align: right;
  display: none;
}
.page-footer .logopatio-footer > a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.page-footer .logopatio-footer > a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 768px) {
  .page-footer .footer-logo {
    width: 230px;
  }
  .footer-mobile {
    display: none;
  }
  .page-footer .logopatio-footer {
    text-align: left;
    display: block;
  }
}

.modal-footer {
  position: fixed;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2em 0;
  z-index: 9999;
  border: none;
  background-color: #000000;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1),
    -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.modal-footer.show {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.modal-footer .cerrar-comerciales {
  border-radius: 50%;
  color: white;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.modal-footer .footer-list {
  text-align: center;
  width: 100%;
}
.modal-footer .footer-list li,
.modal-footer .footer-list li a {
  display: block;
  color: white;
  font-family: "Raleway SemiBold";
  font-size: 14px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal-footer .footer-list li a:hover {
  color: #d0551b;
  opacity: 1;
  text-decoration: underline;
}

.slider-marcas {
  position: relative;
  width: 90%;
  margin: 0 auto;
  display: block;
}

.slider-marcas img {
  width: 80%;
  margin: 0 auto;
}

/* SINGLE-TIENDAS => SLIDER SUB-MARCAS */
.sub-marcas {
  position: relative;
  width: 95%;
  display: block;
  margin: 0 auto;
}

.sub-marcas img {
  width: 80%;
  margin: 0 auto;
}

/*SLIDE PROMOCIONES*/

.ctx-cartelera {
  margin-bottom: 50px;
}

.slider-cartelera {
  position: relative;
  width: 100%;
  display: block;
}
.slider-cartelera .owl-controls {
  position: absolute;
  width: 100%;
  top: 50%;
  height: 30px;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider-cartelera .owl-theme .owl-nav {
  margin-top: initial;
}

.slider-cartelera .owl-controls .custom-nav.disabled {
  display: none;
}

.slider-cartelera .owl-theme .owl-nav [class*="owl-"] {
  margin: 0px;
  padding: 0;
}

.slider-cartelera .owl-controls .custom-nav .left-logos,
.slider-cartelera .owl-controls .custom-nav .right-logos {
  position: absolute;
  background: none;
  border: none;
  color: white;
  outline: none;
  padding: 0;
  margin: 0;
}

.slider-cartelera .owl-dots {
  margin-top: 40px;
  margin-bottom: 40px;
}
.slider-cartelera .owl-dots button {
  outline: none;
}

.slider-cartelera .owl-controls .custom-nav .left-logos {
  width: 20px;
  height: 30px;
  left: -15px;
  top: 0;
  position: absolute;
  background: transparent url(../img/flecha-left.png) no-repeat center center;
  background-size: contain;
}
.slider-cartelera .owl-controls .custom-nav .right-logos {
  width: 20px;
  height: 30px;
  top: 0;
  right: -15px;
  position: absolute;
  background: transparent url(../img/flecha-right.png) no-repeat center center;
  background-size: contain;
}

.slider-cartelera .owl-theme .owl-dots .owl-dot.active span {
  background: none;
  border: 1px solid #869791;
  height: 12px;
  width: 12px;
}

.slider-cartelera .owl-theme img {
  margin-bottom: 30px;
  width: 80%;
  position: relative;
  margin: 0 auto;
}

/*CARD MOVIE STYLE*/
.movie_card {
  position: relative;
  display: block;
  width: 800px;
  height: 350px;
  margin: 100px auto;
  overflow: hidden;
  border-radius: 10px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.movie_card:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.movie_card .info_section {
  position: relative;
  width: 100%;
  height: 100%;
  background-blend-mode: multiply;
  z-index: 2;
  border-radius: 10px;
}
.movie_card .info_section .movie_header {
  position: relative;
  padding: 25px;
  height: 40%;
}
.movie_card .info_section .movie_header h1 {
  color: #fff;
  font-weight: 400;
}
.movie_card .info_section .movie_header h4 {
  color: #9ac7fa;
  font-weight: 400;
}
.movie_card .info_section .movie_header .minutes {
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.13);
}
.movie_card .info_section .movie_header .type {
  display: inline-block;
  color: #cee4fd;
  margin-left: 10px;
}
.movie_card .info_section .movie_header .locandina {
  position: relative;
  float: left;
  margin-right: 20px;
  height: 120px;
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
}
.movie_card .info_section .movie_desc {
  padding: 25px;
  height: 50%;
}
.movie_card .info_section .movie_desc .text {
  color: #cfd6e1;
}
.movie_card .info_section .movie_social {
  height: 10%;
  padding-left: 15px;
  padding-bottom: 20px;
}
.movie_card .info_section .movie_social ul {
  list-style: none;
  padding: 0;
}
.movie_card .info_section .movie_social ul li {
  display: inline-block;
  color: rgba(255, 255, 255, 0.4);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  margin: 0 10px;
}
.movie_card .info_section .movie_social ul li:hover {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: rgba(255, 255, 255, 0.8);
}
.movie_card .info_section .movie_social ul li i {
  font-size: 19px;
  cursor: pointer;
}
.movie_card .blur_back {
  position: absolute;
  top: 0;
  z-index: 1;
  height: 100%;
  right: 0;
  background-size: cover;
  border-radius: 11px;
}

@media screen and (min-width: 768px) {
  .movie_header {
    width: 60%;
  }

  .movie_desc {
    width: 70%;
    line-height: 18px;
    font-size: 15px;
  }

  .info_section {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(50%, #0d0d0c),
      to(transparent)
    );
    background: linear-gradient(to right, #0d0d0c 50%, transparent 100%);
  }

  .blur_back {
    width: 80%;
    background-position: -100% 10% !important;
  }
}
@media screen and (max-width: 768px) {
  .movie_card {
    width: 95%;
    margin: 70px auto;
    min-height: 350px;
    height: auto;
  }

  .blur_back {
    width: 100%;
    background-position: 50% 50% !important;
  }

  .movie_header {
    width: 100%;
    margin-top: 85px;
  }

  .movie_desc {
    width: 100%;
  }

  .info_section {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(50%, #141413),
      to(transparent)
    );
    background: linear-gradient(to top, #141413 50%, transparent 100%);
    display: inline-grid;
  }
}
#bright {
  box-shadow: 0px 0px 150px -45px rgba(255, 51, 0, 0.5);
}
#bright:hover {
  box-shadow: 0px 0px 120px -55px rgba(255, 51, 0, 0.5);
}

.bright_back {
  background: url("https://occ-0-2433-448.1.nflxso.net/art/cd5c9/3e192edf2027c536e25bb5d3b6ac93ced77cd5c9.jpg");
}
/*FIN CARD MOVIE*/

.ctx-section {
  position: relative;
  width: 100%;
  height: auto;
  /*     padding: 50px 0; */
  margin: 50px 0;
  display: block;
}

.ctx-section .bg-section {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/*.ctx-section .bg-section.marcas{
		background: transparent url(../img/lamina-marcas.jpg) no-repeat center center;
		background-size: cover;
	}*/

.ctx-section .bg-section .icons {
  position: absolute;
  display: block;
  visibility: hidden;
}
.ctx-section .bg-section.marcas .icons.i-1 {
  width: 42px;
  height: 42px;
  top: -5%;
  left: 15%;
  background: transparent url(../img/icons-1.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.marcas .icons.i-2 {
  width: 140px;
  height: 82px;
  top: 0%;
  right: 10px;
  background: transparent url(../img/icons-2.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.marcas .icons.i-3 {
  width: 87px;
  height: 145px;
  left: 0;
  bottom: 10px;
  background: transparent url(../img/icons-3.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.marcas .icons.i-4 {
  width: 34px;
  height: 34px;
  left: 0;
  right: 0;
  bottom: -60px;
  margin-left: auto;
  margin-right: auto;
  background: transparent url(../img/icons-4.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.marcas .icons.i-5 {
  width: 150px;
  height: 30px;
  right: 10%;
  bottom: -10px;
  background: transparent url(../img/icons-5.png) no-repeat;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .ctx-section .bg-section.marcas .icons.i-1 {
    width: 32px;
    height: 32px;
    top: 9%;
    left: 2%;
  }
  .ctx-section .bg-section.marcas .icons.i-2 {
    width: 60px;
    height: 32px;
    right: 5px;
    top: -7%;
  }
  .ctx-section .bg-section.marcas .icons.i-3 {
    width: 57px;
    height: 93px;
    left: 0;
    bottom: -20%;
  }
  .ctx-section .bg-section.marcas .icons.i-4 {
    width: 34px;
    height: 34px;
    bottom: 4%;
  }
  .ctx-section .bg-section.marcas .icons.i-5 {
    width: 160px;
    height: 24px;
  }
}

/*.ctx-section .bg-section.cine{
		background: transparent url(../img/lamina-cine.jpg) no-repeat center center;
		background-size: contain;
	}*/
.ctx-section .bg-section.cine .icons.i-1 {
  width: 62px;
  height: 62px;
  top: 8%;
  left: 25%;
  background: transparent url(../img/icons-1.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.cine .icons.i-2 {
  width: 140px;
  height: 82px;
  top: 12%;
  right: 10px;
  background: transparent url(../img/icons-2.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.cine .icons.i-3 {
  width: 67px;
  height: 67px;
  left: 10%;
  top: 10%;
  background: transparent url(../img/icons-6.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.cine .icons.i-4 {
  width: 42px;
  height: 42px;
  right: 10%;
  bottom: 12%;
  background: transparent url(../img/icons-4.png) no-repeat;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .ctx-section .bg-section.cine .icons.i-1 {
    width: 32px;
    height: 32px;
    top: 5%;
    left: 15%;
  }
  .ctx-section .bg-section.cine .icons.i-2 {
    width: 70px;
    height: 42px;
    right: 5px;
  }
  .ctx-section .bg-section.cine .icons.i-3 {
    width: 37px;
    height: 37px;
    left: 5%;
    bottom: 10%;
  }
  .ctx-section .bg-section.cine .icons.i-4 {
    width: 44px;
    height: 44px;
    bottom: 10px;
  }
}

/*.ctx-section .bg-section.tiendas{
		background: transparent url(../img/lamina-tiendas.jpg) no-repeat center center;
		background-size: contain;
	}*/
.ctx-section .bg-section.tiendas .icons.i-1 {
  width: 62px;
  height: 62px;
  top: 6%;
  left: 15%;
  background: transparent url(../img/icons-1.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.tiendas .icons.i-2 {
  width: 140px;
  height: 82px;
  top: 8%;
  right: 10px;
  background: transparent url(../img/icons-2.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.tiendas .icons.i-3 {
  width: 85px;
  height: 143px;
  left: 0;
  bottom: 5%;
  background: transparent url(../img/icons-3.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.tiendas .icons.i-4 {
  width: 44px;
  height: 44px;
  right: 8%;
  bottom: 23%;
  background: transparent url(../img/icons-4.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.tiendas .icons.i-5 {
  width: 170px;
  height: 31px;
  right: 10%;
  bottom: 0%;
  background: transparent url(../img/icons-5.png) no-repeat;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .ctx-section .bg-section.tiendas .icons.i-1 {
    width: 32px;
    height: 32px;
    top: 5%;
    left: 15%;
  }
  .ctx-section .bg-section.tiendas .icons.i-2 {
    width: 70px;
    height: 42px;
    top: 0;
    right: 5px;
  }
  .ctx-section .bg-section.tiendas .icons.i-3 {
    width: 57px;
    height: 93px;
    left: 0;
    bottom: 10%;
  }
  .ctx-section .bg-section.tiendas .icons.i-4 {
    width: 34px;
    height: 34px;
    bottom: 9%;
    right: 10%;
  }
  .ctx-section .bg-section.tiendas .icons.i-5 {
    width: 160px;
    height: 24px;
    bottom: 3%;
  }
}

/*.ctx-section .bg-section.comer{
		background: transparent url(../img/lamina-comer.jpg) no-repeat center center;
		background-size: contain;
	}*/

.ctx-section .bg-section.comer .icons.i-2 {
  width: 140px;
  height: 82px;
  top: 8%;
  right: 10px;
  background: transparent url(../img/icons-2.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.comer .icons.i-3 {
  width: 57px;
  height: 57px;
  left: 12%;
  top: 13%;
  background: transparent url(../img/icons-6.png) no-repeat;
  background-size: contain;
}
.ctx-section .bg-section.comer .icons.i-4 {
  width: 42px;
  height: 42px;
  right: 10%;
  bottom: 5%;
  background: transparent url(../img/icons-4.png) no-repeat;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .ctx-section .bg-section.comer .icons.i-2 {
    width: 70px;
    height: 42px;
    right: 5px;
    top: 0;
  }
  .ctx-section .bg-section.comer .icons.i-3 {
    width: 57px;
    height: 57px;
    left: 5%;
    bottom: 10%;
  }
  .ctx-section .bg-section.comer .icons.i-4 {
    width: 34px;
    height: 34px;
    bottom: 9%;
    right: 10%;
  }
}

section.home {
  position: relative;
  display: block;
}
.line-left {
  position: absolute;
  width: 10px;
  height: 100px;
  background-color: #dc5a25;
  display: block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.titulo-seccion {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  font-family: "Raleway SemiBold";
  font-size: 30px;
  color: #000;
  margin-top: 70px;
}

.titulo-seccion span {
  font-family: "Raleway";
  font-size: 34px;
}

.img-promos {
  cursor: pointer;
}
.img-promos:hover {
  opacity: 0.8;
}

.btn-vermas {
  background-color: #d0551b;
  width: max-content;
  height: 50px;
  line-height: 50px;
  padding: 0 22px;
  position: relative;
  display: block;
  margin: 0 auto;
  margin-top: 80px;
  font-family: "Raleway";
  font-size: 16px;
  color: #fff;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-vermas:hover {
  color: #fff;
  opacity: 0.7;
}

@media only screen and (max-width: 480px) {
  .slider-cartelera .owl-controls .custom-nav .left-logos {
    left: 0;
  }
  .slider-cartelera .owl-controls .custom-nav .right-logos {
    right: 0;
  }
  .btn-vermas {
    font-size: 14px;
  }

  .titulo-seccion {
    font-size: 28px;
  }

  .titulo-seccion span {
    font-size: 32px;
  }
}

/*ACTIVIDADES*/

.ctx-actividades .overlay {
  width: 95%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  display: block;
}
.ctx-actividades .bloques {
  overflow: hidden;
}

.ctx-actividades .bloques .overlay a {
  display: block;
  position: relative;
}
.ctx-actividades .bloques .overlay a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65);
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  display: block;
  z-index: 2;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.ctx-actividades .overlay a:hover:before {
  opacity: 1;
  visibility: visible;
}

.ctx-actividades .bloques .overlay .fecha {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 80px;
  background: #d0551b;
  text-align: center;
  color: #fff;
  padding: 10px;
  font-family: "Raleway";
  font-size: 14px;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.ctx-actividades .bloques .overlay:hover .fecha {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.ctx-actividades .bloques .overlay .fecha span {
  font-size: 20px;
}

.ctx-actividades .bloques .overlay .ctx-info {
  position: absolute;
  top: 40%;
  left: 5%;
  width: 90%;
  height: auto;
  color: white;
  text-align: center;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms;
}
.ctx-actividades .bloques .overlay:hover .ctx-info {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.ctx-actividades .bloques .overlay .ctx-info .titulo {
  font-family: "Raleway";
  font-size: 17px;
  line-height: 17px;
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.ctx-actividades .bloques .overlay .ctx-info .descripcion {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 15px;
  position: relative;
  display: block;
}

.ctx-actividades .bloques .overlay a:hover > div {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.slider-actividades {
  position: relative;
  width: 100%;
  display: block;
}
.slider-actividades .owl-controls {
  position: absolute;
  width: 100%;
  top: 50%;
  height: 30px;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-actividades .owl-theme .owl-nav {
  margin-top: initial;
}
.slider-actividades .owl-controls .custom-nav.disabled {
  display: none;
}
.slider-actividades .owl-theme .owl-nav [class*="owl-"] {
  margin: 0px;
  padding: 0;
}
.slider-actividades .owl-controls .custom-nav .left-logos,
.slider-actividades .owl-controls .custom-nav .right-logos {
  position: absolute;
  background: none;
  border: none;
  color: white;
  outline: none;
  padding: 0;
  margin: 0;
}
.slider-actividades .owl-dots {
  margin-top: 40px;
  margin-bottom: 40px;
}
.slider-actividades .owl-dots button {
  outline: none;
}
.slider-actividades .owl-controls .custom-nav .left-logos {
  width: 20px;
  height: 30px;
  left: -15px;
  top: 0;
  position: absolute;
  background: transparent url(../img/flecha-left.png) no-repeat center center;
  background-size: contain;
}
.slider-actividades .owl-controls .custom-nav .right-logos {
  width: 20px;
  height: 30px;
  top: 0;
  right: -15px;
  position: absolute;
  background: transparent url(../img/flecha-right.png) no-repeat center center;
  background-size: contain;
}
.slider-actividades .owl-theme .owl-dots .owl-dot.active span {
  background: none;
  border: 1px solid #869791;
  height: 12px;
  width: 12px;
}
.slider-actividades .owl-theme img {
  margin-bottom: 30px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.single-actividades {
  font-family: "Raleway";
  font-size: 14px;
}

.single-actividades img {
  position: relative;
  display: block;
  margin: 0 auto;
}

.single-actividades .bajada-interior {
  background: #f5f5f5;
  font-family: "Raleway SemiBold";
  font-size: 15px;
  padding: 25px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 30px;
}

.single-actividades .fecha {
  background-color: #d0551b;
  display: block;
  position: relative;
  display: block;
  text-align: center;
  color: white;
  padding: 10px 0;
  width: 70px;
  margin: 0 auto;
  font-family: "Raleway";
  font-size: 14px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.single-actividades span {
  font-size: 18px;
  font-weight: bold;
}

.single-actividades h1 {
  font-size: 20px;
  line-height: 22px;
  padding: 10px 0;
  width: 100%;
  height: auto;
  text-align: justify;
}

@media only screen and (max-width: 480px) {
  .single-actividades .fecha {
    margin-bottom: 20px;
  }

  .single-actividades .bajada-interior {
    width: 90%;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 15px;
    text-align: justify;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .single-actividades .bloquecontent p {
    width: 90%;
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: justify;
  }
  .single-actividades h1 {
    width: 90%;
    margin: 0 auto;
  }
}

.ctx-restaurante .overlay {
  width: 95%;
  height: 100%;
  position: relative;
  margin: 0 auto;
}

.ctx-restaurante .bloques {
  overflow: hidden;
}

.ctx-restaurante .bloques .overlay a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65);
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.ctx-restaurante .overlay a:hover:before {
  opacity: 1;
  visibility: visible;
}

.ctx-restaurante .bloques .overlay .ctx-info {
  position: absolute;
  top: 40%;
  left: 5%;
  width: 90%;
  height: auto;
  color: white;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.ctx-restaurante .bloques:hover .overlay .ctx-info {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.ctx-restaurante .bloques .overlay .ctx-info .titulo {
  font-family: "Raleway";
  font-size: 17px;
  line-height: 17px;
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.ctx-restaurante .bloques .overlay .ctx-info .descripcion {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 15px;
  position: relative;
  display: block;
}

.ctx-restaurante .bloques .overlay a:hover > div {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* HOME => SLIDER RESTAURANTES */
.slider-restaurante {
  position: relative;
  width: 90%;
  margin: 0 auto;
  display: block;
}
.slider-restaurante .owl-controls {
  position: absolute;
  width: 100%;
  top: 50%;
  height: 30px;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider-restaurante .owl-theme .owl-nav {
  margin-top: initial;
}

.slider-restaurante .owl-controls .custom-nav.disabled {
  display: none;
}

.slider-restaurante .owl-theme .owl-nav [class*="owl-"] {
  margin: 0px;
  padding: 0;
}

.slider-restaurante .owl-controls .custom-nav .left-logos,
.slider-restaurante .owl-controls .custom-nav .right-logos {
  position: absolute;
  background: none;
  border: none;
  color: white;
  outline: none;
  padding: 0;
  margin: 0;
}

.slider-restaurante .owl-dots {
  margin-top: 40px;
  margin-bottom: 40px;
}
.slider-restaurante .owl-dots button {
  outline: none;
}

.slider-restaurante .owl-controls .custom-nav .left-logos {
  width: 20px;
  height: 30px;
  left: -15px;
  top: 0;
  position: absolute;
  background: transparent url(../img/flecha-left.png) no-repeat center center;
  background-size: contain;
}
.slider-restaurante .owl-controls .custom-nav .right-logos {
  width: 20px;
  height: 30px;
  top: 0;
  right: -15px;
  position: absolute;
  background: transparent url(../img/flecha-right.png) no-repeat center center;
  background-size: contain;
}

.slider-restaurante .owl-theme .owl-dots .owl-dot.active span {
  background: none;
  border: 1px solid #869791;
  height: 12px;
  width: 12px;
}

.ctx-tiendas .overlay {
  width: 95%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-items: center;
  margin: 0 auto;
}

.ctx-tiendas .bloques {
  overflow: hidden;
}

.ctx-tiendas .bloques .overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65);
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.ctx-tiendas .bloques .overlay .logo-tiendas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.ctx-tiendas .bloques .overlay .logo-tiendas > img {
  width: 120px;
  height: auto;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 768px) {
  .ctx-tiendas .bloques .overlay .logo-tiendas > img {
    width: 100px;
  }
}

.ctx-tiendas .overlay:hover:before {
  opacity: 1;
  visibility: visible;
}

.ctx-tiendas .bloques .overlay .ctx-info {
  position: absolute;
  left: 0;
  right: 0;
  width: 90%;
  height: auto;
  color: white;
  text-align: center;
  visibility: hidden;
  margin: 0 auto;
  display: block;
  z-index: 1;
}

.ctx-tiendas .bloques .overlay .ctx-info .info {
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.ctx-tiendas .bloques .overlay:hover .ctx-info .info {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.ctx-tiendas .bloques .overlay .ctx-info .titulo,
.ctx-tiendas .bloques .overlay .ctx-info .local {
  font-family: "Questrial", sans-serif;
  font-size: 13px;
  font-weight: bold;
  position: relative;
  display: block;
}
.ctx-tiendas .bloques .overlay .ctx-info .website {
  color: #f96c2a;
  font-family: "Raleway";
  font-size: 13px;
  font-weight: bold;
}
.ctx-tiendas .bloques .overlay .ctx-info .ir-tiendas {
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-family: "Questrial", sans-serif;
  font-size: 13px;
  display: block;
  width: 160px;
  padding: 6px 0;
  margin: 15px auto;
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms;
}
.ctx-tiendas .bloques .overlay:hover .ctx-info .ir-tiendas {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.ctx-tiendas .bloques .overlay .ctx-info .ir-tiendas:hover {
  background-color: #fff;
  color: #000;
}

/*.ctx-tiendas .bloques .overlay .ctx-info .descripcion{
						font-family: 'Montserrat', sans-serif;
						font-size: 14px;
						line-height: 15px;
						position: relative;
						display: block;
					}*/

.ctx-tiendas .bloques .overlay:hover > div {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* HOME => SLIDER TIENDAS */
.slider-tiendas {
  position: relative;
  width: 90%;
  margin: 0 auto;
  display: block;
}
.slider-tiendas .owl-controls {
  position: absolute;
  width: 100%;
  top: 50%;
  height: 30px;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider-tiendas .owl-theme .owl-nav {
  margin-top: initial;
}

.slider-tiendas .owl-controls .custom-nav.disabled {
  display: none;
}

.slider-tiendas .owl-theme .owl-nav [class*="owl-"] {
  margin: 0px;
  padding: 0;
}

.slider-tiendas .owl-controls .custom-nav .left-logos,
.slider-tiendas .owl-controls .custom-nav .right-logos {
  position: absolute;
  background: none;
  border: none;
  color: white;
  outline: none;
  padding: 0;
  margin: 0;
}

.slider-tiendas .owl-dots {
  margin-top: 40px;
  margin-bottom: 40px;
}
.slider-tiendas .owl-dots button {
  outline: none;
}

.slider-tiendas .owl-controls .custom-nav .left-logos {
  width: 20px;
  height: 30px;
  left: -15px;
  top: 0;
  position: absolute;
  background: transparent url(../img/flecha-left.png) no-repeat center center;
  background-size: contain;
}
.slider-tiendas .owl-controls .custom-nav .right-logos {
  width: 20px;
  height: 30px;
  top: 0;
  right: -15px;
  position: absolute;
  background: transparent url(../img/flecha-right.png) no-repeat center center;
  background-size: contain;
}

.slider-tiendas .owl-theme .owl-dots .owl-dot.active span {
  background: none;
  border: 1px solid #869791;
  height: 12px;
  width: 12px;
}

.slider-marcas .lazy .slick-prev,
.slider-marcas .lazy .slick-next {
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #000;
  border-radius: 100%;
}
.slider-marcas .lazy .slick-prev {
  left: -45px;
  padding: 10px;
  background-image: url(../img/flecha-left-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}
.slider-marcas .lazy .slick-next {
  right: -45px;
  padding: 10px;
  background-image: url(../img/flecha-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}
.slider-marcas .lazy .slick-prev:before,
.slider-marcas .lazy .slick-next:before {
  content: "";
}
.slider-marcas .lazy .slick-prev:hover,
.slider-marcas .lazy .slick-next:hover {
  opacity: 0.5;
}

.slider.lazy .slick-prev,
.slider.lazy .slick-next {
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #000;
  border-radius: 100%;
}
.slider.lazy .slick-prev {
  left: -45px;
  padding: 10px;
  background-image: url(../img/flecha-left-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}
.slider.lazy .slick-next {
  right: -45px;
  padding: 10px;
  background-image: url(../img/flecha-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}
.slider.lazy .slick-prev:before,
.slider.lazy .slick-next:before {
  content: "";
}
.slider.lazy .slick-prev:hover,
.slider.lazy .slick-next:hover {
  opacity: 0.5;
}

.slider.sub-marcas .slick-prev,
.slider.sub-marcas .slick-next {
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider.sub-marcas .slick-prev {
  background: transparent url(../img/flecha-left.svg) no-repeat center center;
  background-size: contain;
}
.slider.sub-marcas .slick-next {
  background: transparent url(../img/flecha-right.svg) no-repeat center center;
  background-size: contain;
}
.slider.sub-marcas .slick-prev:before,
.slider.sub-marcas .slick-next:before {
  content: "";
}
.slider.sub-marcas .slick-prev:hover,
.slider.sub-marcas .slick-next:hover {
  opacity: 0.5;
}

/* GRID ACTIVIDADES */
.grid-actividades {
  margin: 0 auto;
}
.grid-actividades li {
  cursor: pointer;
}
.grid-actividades li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  margin: 0.25rem !important;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.grid-actividades li:hover:before {
  opacity: 1;
  visibility: visible;
}

.grid-actividades li .overlay {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0.25rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.grid-actividades li:hover .overlay {
  opacity: 1;
  visibility: visible;
}

.grid-actividades li .overlay .fecha {
  background-color: #d0551b;
  display: block;
  position: absolute;
  text-align: center;
  color: white;
  padding: 10px 0;
  width: 70px;
  margin: 0 auto;
  font-family: "Raleway";
  font-size: 14px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.grid-actividades li:hover .overlay .fecha {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.grid-actividades li .overlay .fecha span {
  font-size: 18px;
  font-weight: bold;
}

.grid-actividades li .overlay .ctx-info {
  position: absolute;
  width: 90%;
  margin: 0 auto;
  color: white;
  text-align: center;
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.grid-actividades li:hover .overlay .ctx-info {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.grid-actividades li .overlay .ctx-info .titulo {
  font-family: "Raleway";
  font-size: 17px;
  line-height: 17px;
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.grid-actividades li .overlay .ctx-info .descripcion {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 15px;
  position: relative;
  display: block;
}

.ctx-filtro {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  float: right;
  font-family: "Raleway";
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  /*margin-right: 50px;*/
}

.ctx-filtro:before {
  content: "* Debe llenar el campo.";
  position: absolute;
  top: -20px;
  left: 55px;
  display: block;
  color: red;
  font-family: "Raleway SemiBold";
  font-size: 12px;
  font-weight: bold;
  opacity: 0;
  visibility: hidden;
}
.ctx-filtro.active:before {
  opacity: 1;
  visibility: visible;
}
.ctx-filtro select {
  font-family: "Raleway SemiBold";
  font-size: 14px;
  height: 25px;
  font-weight: bold;
}
.ctx-filtro #search {
  font-family: "Raleway SemiBold";
  font-size: 14px;
  width: 250px;
  height: 32px;
  font-weight: bold;
  padding: 0 10px;
}

.ctx-filtro .ms-options-wrap {
  width: 300px;
  position: relative;
  display: inline-block;
}

.ctx-filtro .FiltroCategorias {
  width: 80px;
  height: 32px;
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  background: #666666;
  color: #fff;
  padding: 0;
  line-height: 32px;
  margin-top: 10px;
}
.ctx-filtro .FiltroCategorias:hover {
  opacity: 0.8;
}

.loaderTiendasFiltro {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  background: rgba(255, 255, 255, 0.85);
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.loaderTiendasFiltro.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

.loaderTiendasFiltro .titulo {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.resultadoFiltro {
  margin-bottom: 100px;
}

.SearchFiltro {
  position: relative;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.SearchFiltro li {
  width: 33.3333%;
  margin: 0;
  float: left;
  display: inline;
}

/*NEWS LETTER*/
.box_newsletter {
  width: 100%;
  height: 400px;
  background-image: url(https://lafabricapatioutlet.cl/wp-content/themes/theme-inicial/assets/img/banner-newsletter.jpg);
}

@media only screen and (max-width: 480px) {
  .box_newsletter {
    background-image: url(https://lafabricapatioutlet.cl/wp-content/themes/theme-inicial/assets/img/banner-newsletter-mobile.jpg);
  }
}

.ctx-newsletter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 570px;
  height: 200px;
  z-index: 1;
  font-family: "Raleway";
}
.ctx-newsletter .titulo {
  font-size: 30px;
  line-height: 32px;
  color: #fff;
  font-weight: bold;
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.ctx-newsletter .bajada {
  font-size: 20px;
  line-height: 22px;
  color: #fff;
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.ctx-newsletter .content-form {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.ctx-newsletter .content-form .fm-nl-email {
  width: 65%;
  height: 45px;
  position: relative;
  display: inline-block;
  float: left;
  line-height: 45px;
  font-size: 18px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid #fff;
  outline: none;
}

.ctx-newsletter .content-form .fm-nl-email.error {
  color: white;
  border: 1px solid red;
  background-color: rgba(255, 0, 0, 0.75);
}
.ctx-newsletter .content-form .fm-nl-email.error::-webkit-input-placeholder {
  color: white;
}
.ctx-newsletter .content-form .fm-nl-email.error:-ms-input-placeholder {
  color: white;
}
.ctx-newsletter .content-form .fm-nl-email.error::placeholder {
  color: white;
}

.ctx-newsletter .content-form .btn-nl-enviar {
  width: 30%;
  height: 45px;
  position: relative;
  display: inline-block;
  float: right;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  background: #000;
  color: #fff;
  border: 1px solid #000;
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.ctx-newsletter .content-form .btn-nl-enviar:hover {
  border: 1px solid #fff;
}

@media only screen and (max-width: 768px) {
  .ctx-newsletter {
    width: 80%;
    height: 200px;
  }

  /*.ctx-newsletter{
			width: 80%;
			height: 250px;
		}*/
}

@media only screen and (max-width: 480px) {
  .ctx-newsletter {
    width: 100%;
    height: 160px;
  }

  .img-bg-newsletter {
    width: auto !important;
    height: 270px;
  }

  .ctx-newsletter .titulo {
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 15px;
  }
  .ctx-newsletter .bajada {
    font-size: 16px;
    line-height: 18px;
  }

  .ctx-newsletter .content-form .fm-nl-email {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    width: 55%;
    margin-left: 5%;
    padding: 0;
    padding-left: 10px;
  }
  .ctx-newsletter .content-form .btn-nl-enviar {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-right: 5%;
  }
}

/*MIGA*/
/*.breadcrumbs {
    display: block;
    width: 100%;
    height: 30px;
	position: relative;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 60px;
}
	.breadcrumbs .ico-home{
		width: 16px;
		height: 13px;
	}
	.breadcrumbs a{
		color: #cccccc;
		text-decoration: underline;
		margin-left: 10px;
		margin-right: 10px;
	}
	.box_breadcrumbs {
	    display: inline-block;
	    font-size: 14px;
	    line-height: 30px;
	    font-weight: bold;
	}
		.box_breadcrumbs p{
			display: inline-block;
			color: #d0551b;
			margin: 0;
			padding: 0;
			margin-left: 10px;
		}*/

.row-breadcrumb {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

@media only screen and (max-width: 768px) {
  .row-breadcrumb {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.nav-breadcrumb ol {
  color: #dcdcdc;
  background-color: #fff;
}
.nav-breadcrumb ol li {
  font-family: "Raleway SemiBold";
  font-size: 14px;
  font-weight: bold;
}
.nav-breadcrumb ol li a {
  color: #666666;
}
.nav-breadcrumb ol li.active {
  color: #d0551b;
}

/******************************************/
.ui-autocomplete.d-block-importante {
  display: block !important;
}
.ui-autocomplete-category {
  font-weight: bold;
  padding: 0.2em 0.4em;
  margin: 0.5em 0 0.2em;
  line-height: 1.5;
  font-size: 13px;
}
.ui-autocomplete {
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ui-widget-content {
  background: #fff;
}

.ui-menu .ui-menu-item a {
  font-size: 12px;
  text-transform: uppercase;
  line-height: normal;
  padding: 5px 0.4em;
  cursor: pointer;
}
.ui-menu .ui-menu-item a .check {
  float: right;
  margin-right: 10px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: none;
  background: #d0551b;
  font-size: 12px;
  text-transform: uppercase;
  line-height: normal;
  color: #ffffff;
  border-radius: 0;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  margin: inherit;
}
.ui-widget-content {
  border: 1px solid #d0551b;
  padding: 0;
}

.ui-autocomplete-multiselect.ui-state-default {
  display: block;
  background: #fff;
  border: 1px solid #ccc;
  padding: 3px 3px;
  padding-bottom: 0px;
  overflow: hidden;
  cursor: text;
  width: 100% !important;
}

.ui-autocomplete-multiselect .ui-autocomplete-multiselect-item .ui-icon {
  float: right;
  cursor: pointer;
}

.ui-autocomplete-multiselect .ui-autocomplete-multiselect-item {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px;
  margin-right: 2px;
  margin-bottom: 3px;
  color: #2e6e9e;
  background-color: #dfeffc;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

.ui-autocomplete-multiselect input {
  display: inline-block;
  border: none;
  outline: none;
  height: auto;
  margin: 2px;
  overflow: visible;
  margin-bottom: 5px;
  text-align: left;
  font-size: 14px;
}

.ui-autocomplete-multiselect.ui-state-active {
  outline: none;
  border: 1px solid #7ea4c7;
  -moz-box-shadow: 0 0 5px rgba(50, 150, 255, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(50, 150, 255, 0.5);
  -khtml-box-shadow: 0 0 5px rgba(50, 150, 255, 0.5);
  box-shadow: 0 0 5px rgba(50, 150, 255, 0.5);
}

#myAutocomplete {
  width: 100% !important;
}

/*** Page Tiendas Padre ***/
.searchbox,
.categorias-padres {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 5px 12px;
  font-size: 13px;
  font-family: "Raleway";
}

/*CONTACTANOS*/
.ctx-contactanos {
  background: #f5f5f5;
  padding: 70px 10px;
}

.ctx-contactanos .mapa-titulo {
  position: relative;
  display: block;
  width: 88%;
  padding-left: 15%;
  font-family: "Raleway";
  font-size: 14px;
  text-align: left;
  color: #000;
  font-weight: bold;

  line-height: 18px;
  margin-bottom: 20px;
}
.ctx-contactanos .mapa-titulo:before {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0px;
  background: transparent url(../img/ico-mapa.svg) no-repeat center center;
  background-size: contain;
}

.ctx-contactanos .ctx-mapa {
  width: 90%;
}

@media only screen and (max-width: 768px) {
  .ctx-contactanos .ctx-mapa {
    width: 100%;
  }
}

.ctx-contactanos .ctx-form {
  font-family: "Questrial", sans-serif;
  font-size: 16px;
  text-align: left;
  color: #000;
  width: 80%;
  position: relative;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .ctx-contactanos .ctx-form {
    width: 100%;
  }
}

.ctx-contactanos .ctx-form .form-control {
  color: #989898;
  border: 1px solid #d0d0d0;
  border-radius: 0;
  font-family: "Questrial", sans-serif;
  font-size: 14px;
}

.ctx-contactanos .ctx-form .form-control.error {
  color: #f87165;
  border: 1px solid #f87165;
}
.ctx-contactanos .ctx-form .form-control.error::-webkit-input-placeholder {
  color: #f87165;
}
.ctx-contactanos .ctx-form .form-control.error:-ms-input-placeholder {
  color: #f87165;
}
.ctx-contactanos .ctx-form .form-control.error::placeholder {
  color: #f87165;
}

.ctx-contactanos .ctx-form .form-group > label {
  margin-bottom: 0;
  margin-top: 10px;
  font-family: "Questrial", sans-serif;
  font-size: 14px;
}

.ctx-contactanos .ctx-form textarea {
  resize: none;
  height: 100px;
}

.ctx-contactanos .ctx-form p {
  margin: 0;
  padding: 0;
  font-family: "Questrial", sans-serif;
  font-size: 14px;
  position: relative;
  display: block;
}
.ctx-contactanos .ctx-form .btn-enviar-form {
  background: #000;
  font-family: "Questrial", sans-serif;
  font-size: 16px;
  border-radius: 0;
  border: 1px solid #000;
  position: relative;
  display: block;
  margin-top: 10px;
}
.ctx-contactanos .ctx-form .btn-enviar-form:hover {
  opacity: 0.8;
  border: 1px solid #fff;
}

.ctx-contactanos .ctx-form .btn-enviar-mailing {
  background: #000;
  font-family: "Questrial", sans-serif;
  font-size: 16px;
  border-radius: 0;
  border: 1px solid #000;
  position: relative;
  display: block;
  margin-top: 10px;
}
.ctx-contactanos .ctx-form .btn-enviar-mailing:hover {
  opacity: 0.8;
  border: 1px solid #fff;
}

@media only screen and (max-width: 480px) {
  .ctx-contactanos .ctx-form {
    width: 90%;
  }
  .ctx-contactanos .ctx-mapa {
    margin: 0 auto;
  }

  .ctx-contactanos .ctx-form p {
    text-align: center;
  }
  .ctx-contactanos .ctx-form .btn-enviar-form {
    margin: 0 auto;
    margin-bottom: 60px;
  }
  .ctx-contactanos .ctx-form .btn-enviar-mailing {
    margin: 0 auto;
    margin-bottom: 60px;
  }

  .ctx-contactanos .mapa-titulo {
    width: 100%;
    padding-left: 15%;
    font-size: 12px;
    line-height: 16px;
    margin-top: 20px;
  }

  .ctx-contactanos .mapa iframe {
    height: 350px;
  }
  .form-group {
    margin-bottom: 5px;
  }
}

.imagen-banner {
  position: relative;
  width: 100%;
  height: 300px;
  background-color: transparent;
  background-image: var(--back-banner);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.header-title .title {
  margin-top: 65px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 768px) {
  .img-desk {
    display: none;
  }
  .img-mobi {
    display: block;
  }

  .logo-lafabrica {
    width: 135px;
    top: 15px;
    right: 15px;
  }

  .ctx-tiendas .bloques,
  .ctx-restaurante .bloques,
  .ctx-actividades .bloques {
    margin-bottom: 15px;
  }

  .ctx-container .list-tipo .icons {
    width: 70%;
    padding-bottom: 90%;
  }

  .ctx-container .list-tipo img {
    width: 80px;
  }

  .page-footer {
    margin-bottom: 55px;
  }

  .slider-marcas,
  .slider-tiendas,
  .slider-restaurante,
  .slider-cartelera {
    width: 70%;
    margin: 0 auto;
  }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/*Descuentos*/
.boxDescuentos {
  position: relative;
  display: block;
}

.boxDescuentos .boxDescuentos_boxInfo {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  margin: 20px;
  border: 2px solid #9b9b9b;
  border-radius: 20px;
  margin-bottom: 100px;
}

.boxDescuentos .boxDescuentos_boxInfo .nameTienda {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  margin-top: 20px;
}

.boxDescuentos .boxDescuentos_boxInfo .logoMarca {
  max-width: 150px;
  width: 100%;
}

.boxDescuentos .boxDescuentos_boxInfo .descripcion {
  font-weight: bold;
  font-size: 17px;
  margin-top: 10px;
  text-align: center;
  min-height: 20px;
}

.boxDescuentos .boxDescuentos_boxInfo .sale {
  text-transform: uppercase;
  background-color: #ff7900;
  padding: 5px 20px 5px 20px;
  border-radius: 20px;
  color: white;
  font-weight: bold;
  margin-top: 10px;
}

.boxDescuentos .boxDescuentos_boxInfo .bajada {
  color: #ff7900;
  font-size: 17px;
  font-weight: bold;
  margin-top: 20px;
  min-height: 50px;
}

.boxDescuentos .boxDescuentos_boxInfo .box_descuentoNumber {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-image: url(../img/bg_descuento.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 35px 30px 0px 30px;
  bottom: -70px;
  left: -22px;
  text-align: center;
}

.boxDescuentos .boxDescuentos_boxInfo .box_descuentoNumber .descuentoText {
  color: white;
  font-weight: bold;
  font-size: 16px;
}

.boxDescuentos .boxDescuentos_boxInfo .box_descuentoNumber .descuentoNumber {
  color: white;
  font-weight: bold;
  font-size: 30px;
}

#iconLoad {
  position: relative;
  display: block;
  margin: 0 auto;
}

.infoDescuento {
  position: relative;
  display: block;
  background-color: #ff7900;
  padding: 20px;
  border-radius: 20px;
  max-width: 500px;
}

.infoDescuento .title {
  font-size: 20px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
}

.infoDescuento .boxDescuentoInfo {
  font-size: 16px;
  color: white;
}

.infoDescuento .boxDescuentoInfo .fontCustom {
  font-size: 15px;
}

/*Blog*/
.sectionBlog {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 30px;
}

.sectionBlog .boxLogo {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 70px;
}

.sectionBlog .boxNews {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 3px solid #ff7900;
  border-radius: 20px;
  overflow-x: hidden;
  margin-bottom: 30px;
}

.sectionBlog .boxNews__boxImg .boxNews--imgBlog {
  width: 100%;
}

.sectionBlog .boxDescriptions {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  min-height: 320px;
}

.sectionBlog .boxDescriptions .boxDescriptions__date {
  font-size: 12px;
  color: #595959;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.sectionBlog .boxDescriptions .boxDescriptions__categories {
  font-size: 11px;
  color: #595959;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 20px;
}

.sectionBlog .boxDescriptions .boxDescriptions__title {
  color: #ff7900;
  font-weight: bold;
  margin-bottom: 20px;
  min-height: 70px;
}

.sectionBlog .boxDescriptions .boxDescriptions__description {
  font-size: 13px;
  color: #222222;
  margin-bottom: 20px;
}

.sectionBlog .boxDescriptions .boxDescriptions__link {
  display: block;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  font-style: italic;
  color: #222222;
  font-weight: bold;
  font-size: 14px;
}

.sectionBlog .boxDescriptions .boxDescriptions__link::after{
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 3px;
  bottom: -5px;
  left: 0;
  background-color: #ff7900;
  visibility: hidden;
  transition: all 0.3s ease-in-out 0s;
  transform: scaleX(0);
}

.sectionBlog .boxDescriptions .boxDescriptions__link:hover::after {
  visibility: visible;
  transform: scaleX(1);
}

/*Interior single blog*/
.blogHeader {
  position: relative;
  display: block;
  padding-top: 50px;
  font-family: 'Raleway';
}

.blogHeader .boxLogo {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.blogHeader .boxHeader {
  position: relative;
  display: block;
}

.blogHeader .boxHeader .imgBlog img {
  max-width: 100%;
  height: auto;
}

.blogHeader .boxHeader .category {
  position: relative;
  display: block;
  font-size: 15px;
  color: #595959;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.blogHeader .boxHeader .date {
  position: relative;
  display: block;
  font-size: 15px;
  color: #595959;
  font-weight: bold;
  margin-bottom: 30px;
  text-transform: uppercase;
  margin-top: 30px;
}

.blogHeader .boxBajada {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blogHeader .boxBajada .boxBajada__bajada {
  font-weight: bold;
  font-style: italic;
  margin: 0px;
}

.blogHeader .boxBajada .boxBajada__content {
  text-align: initial;
  margin-top: 20px;
}

.blogHeader .boxList {
  position: relative;
  display: block;
}

.blogHeader .boxList .boxList__title{
  font-style: italic;
}

.blogHeader .boxList .boxList__title:before {
  content: "•";
}

.blogHeader .boxCover {
  position: relative;
  display: flex;
  margin-top: 60px;
}

.blogHeader .boxCover .boxCover__cover {
  position: relative;
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .blogHeader .boxCover {
    flex-direction: column !important;
  }
  .boxCover__cover {
    display: flex;
    justify-content: center;
  }
}

.blogHeader .boxCover .boxCover__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 70px;
  max-width: 600px;
}

@media (max-width: 991px) {
  .blogHeader .boxCover .boxCover__content {
    align-items: center !important;
    max-width: 100%;
  }
}

.blogHeader .boxCover .boxCover__content h3{
  font-style: italic;
}



.blogHeader .contentNote {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.blogHeader .contentNote blockquote {
  font-weight: bold;
  font-style: italic;
  margin: 0px;
}

.blogHeader .contentNote img {
  position: relative;
  display: block;
  height: auto;
  margin: 0 auto;
}

.blogHeader .contentNote ul {
  padding-left: 15px;
}

.blogHeader .contentNote ol {
  padding-left: 15px;
}

.blogHeader .contentNote a {
  text-decoration: none;
  color: #dc5a25;
  transition: all ease-in-out 0.4s;
}
.blogHeader .contentNote a:hover {
  color: #b14317;
  text-decoration: underline;
}

.blogHeader .contentNote h1{
	font-size: 34px;
}
.blogHeader .contentNote h2{
	font-size: 30px;
}
.blogHeader .contentNote h3{
	font-size: 24px;
}
.blogHeader .contentNote h4{
	font-size: 18px;
}
.blogHeader .contentNote h5{
	font-size: 14px;
}
.blogHeader .contentNote h6{
	font-size: 12px;
}





/*404*/

#notfound {
  position: relative;
  height: 100vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.notfound {
  max-width: 767px;
  width: 100%;
  line-height: 1.4;
  padding: 0px 15px;
}

.notfound .notfound-404 {
  position: relative;
  height: 150px;
  line-height: 150px;
  margin-bottom: 60px;
}

.notfound .notfound-404 h1 {
  font-family: "Titillium Web", sans-serif;
  font-size: 186px;
  font-weight: 900;
  margin: 0px;
  text-transform: uppercase;
  background: url("../img/img-404.png");
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: cover;
  background-position: center;
}

.notfound h2 {
  font-family: "Titillium Web", sans-serif;
  font-size: 26px;
  font-weight: 700;
  margin: 0;
}

.notfound p {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.notfound a {
  font-family: "Titillium Web", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  border: none;
  background: #5c91fe;
  padding: 10px 40px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 1px;
  margin-top: 15px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.notfound a:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 767px) {
  .notfound .notfound-404 {
    height: 110px;
    line-height: 110px;
  }
  .notfound .notfound-404 h1 {
    font-size: 120px;
  }
  .blogHeader .contentNote img {
	    position: relative;
	    display: block;
	    height: auto;
	    margin: 0 auto;
	    width: 100%;
	}
  
}

@media only screen and (max-width: 480px) {
  .header-title .title {
    margin-top: 0px;
  }

  .header-title {
    font-size: 34px;
  }
}

/*MODAL*/

.modal-image {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-image.active {
  opacity: 1;
  visibility: visible;
}

.modal-image .ctx {
  position: relative;
  display: block;
  margin: 0 30px;
}
.modal-image .ctx .close-image {
  width: 25px;
  display: block;
  position: absolute;
  right: -20px;
  top: -20px;
}
.modal-image .ctx img {
  max-width: 100%;
}

.header-title {
  position: relative;
  width: 100%;
  height: 300px;
  background-color: #000;
  color: #fff;
  font-family: "Raleway";
  text-transform: uppercase;
  font-size: 54px;
  font-weight: bold;
  letter-spacing: 2px;
}

.ctx-container .list-tipo img {
  margin-bottom: 15px;
  width: 90px;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.ctx-container .list-tipo img:hover {
  opacity: 0.5;
}
.ctx-container .list-tipo a,
.ctx-container .list-tipo span {
  font-family: "Raleway SemiBold";
  font-size: 12px;
  text-transform: uppercase;
  color: #000;
}
.ctx-container .list-tipo a > svg {
  position: relative;
  display: block;
  width: 90px;
  margin: 0 auto;
  color: #000;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.ctx-container .list-tipo a:hover > svg {
  color: #d0551b;
}

@media only screen and (max-width: 768px) {
  .ctx-container .list-tipo a {
    margin-bottom: 25px;
    display: block;
  }
  .ctx-container .list-tipo a > svg {
    width: 80px;
  }
}