@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800");
@import url(css/bootstrap.min.css);
@import url(css/classy-nav.css);
@import url(css/owl.carousel.min.css);
@import url(css/animate.css);
@import url(css/magnific-popup.css);
@import url(css/font-awesome.min.css);
@import url(css/elegant-icon.css);

@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ysabeau+Office:wght@300&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
                                                          INDEX
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.contenedor-empresa {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.cont-genuine {
  margin-top: 60px;
  text-align: center;
  width: 70%;
  font-size: 18px;
}

.espacio-carrusel {
  margin-top: 70px;
}

.hcab_logo {
  width: 100px;
}
.back {
  font-size: 50px;
  color: #bc00dd;
  padding-left: 15%;
}
.back:hover {
  color: #7b158d;
  cursor: pointer;
}

.ContBtnSitio {
  text-align: center;
  height: 100px;
}

.btnSitio {
  margin: 0;
  padding: 0;
}

.btnSitio {
  color: #fff;
  border: 2px solid #fff;
  border: none;
  padding: 15px 33px;
  display: inline-block;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #130177;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
  background: #0c287d;
  border-radius: 12px;
}

.main {
  margin-top: 100px !important;
  max-width: 1200px;
  margin: 0 auto;
}

.main h1 {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

.main h2 {
  text-align: center;
}

.main img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cards_item {
  display: flex;
  padding: 1rem;
}

@media (min-width: 40rem) {
  .cards_item {
    width: 50%;
  }
}

@media (min-width: 56rem) {
  .cards_item {
    width: 33.3333%;
  }
}

.card-servicios {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(to bottom left, #2e468a 40%, #201e25 100%);
}

.card_content {
  padding: 1rem;
  background: linear-gradient(to bottom left, #2e468a 40%, #201e25 100%);
}

.card_title {
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin: 0px;
}

.card_text {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  font-weight: 400;
}
.made_by {
  font-weight: 400;
  font-size: 13px;
  margin-top: 35px;
  text-align: center;
}

.anuncio {
  width: 100%;
}
.cont-marcas {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0px 50px 0px;
}
.cont-img-marcas {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  max-width: 90%;
  padding: 1rem;
}

.cont-img-marcas img {
  width: 100%;
  max-width: 300px;
  height: auto;
  transition: transform 0.5s ease-in-out;
  border-radius: 8px;
}

.btnSitio:hover {
  content: "";

  z-index: -1;
  background: linear-gradient(
    45deg,
    rgb(21, 4, 119),
    rgb(44, 72, 163),
    rgb(111, 190, 255),
    rgb(44, 72, 163),
    rgb(21, 4, 119),
    rgb(44, 72, 163),
    rgb(111, 190, 255),
    rgb(44, 72, 163)
  );
  background-size: 800%;
  border-radius: 10px;

  animation: glowing 20s linear infinite;

  transform: scale(1.03);
  transition: 1s;
}

@keyframes glowing {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 300% 0;
  }

  100% {
    background-position: 0 0;
  }
}
@media only screen and (max-width: 660px) {
  .cont-img-marcas img {
    width: 180px;
  }
  .cont-marcas h2 {
    font-size: 25px;
  }
}

.cont-cards-list {
  display: flex;
  justify-content: center;
  background-image: linear-gradient(
    180deg,
    #ffffff 0%,
    #c7eaff 50%,
    #ffffff 100%
  );
}

.cards-list {
  z-index: 0;
  width: 70%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.card-servicio {
  margin: 30px auto;
  width: 300px;
  height: 300px;
  border-radius: 40px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  cursor: pointer;
  transition: 0.4s;
}

.card-servicio .card_image {
  width: inherit;
  height: inherit;
  border-radius: 40px;
}

.card-servicio .card_image img {
  width: inherit;
  height: inherit;
  border-radius: 10px;
  object-fit: cover;
}

.card-servicio .card_title-ser {
  text-align: center;
  border-radius: 0px 0px 40px 40px;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 30px;
  margin-top: -80px;
  height: 40px;
  background-color: #001c5f99;
}

.card-servicio:hover {
  transform: scale(0.9, 0.9);
  box-shadow: 5px 5px 30px 15px rgba(0, 0, 0, 0.25),
    -5px -5px 30px 15px rgba(0, 0, 0, 0.22);
}

.title-white {
  color: white;
}

.title-black {
  color: black;
}

@media all and (max-width: 500px) {
  .card-list {
    /* On small screens, we are no longer using row direction but column */
    flex-direction: column;
  }
}
.fondo-detalles {
  background: linear-gradient(rgb(1 12 78 / 70%), rgb(0 28 103 / 70%)),
    url(img/fondo-detalles.jpg) fixed center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS TODO SITIO WEB CSS TODO SITIO WEB CSS TODO SITIO WEB CSS TODO SITIO WEB CSS TODO SITIO WEB CSS TODO SITIO WEB CSS TODO SITIO WEB CSS TODO SITIO WEB CSS TODO SITIO WEB 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

ul,
ol {
  margin: 0;
}
ul li,
ol li {
  list-style: none;
}

.aprende {
  border-radius: 90%;
  padding-right: 50%;
}

img {
  height: auto;
  max-width: 150%;
}

.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-transparent {
  background-color: transparent !important;
}

.classy-nav-container {
  position: relative;
  z-index: 100;
  background-color: #ffffff;
  /* sticky */
}
.classy-nav-container * {
  box-sizing: border-box;
}
.classy-nav-container a {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  color: #232323;
  display: inline-block;
}
.classy-nav-container a:hover,
.classy-nav-container a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  color: #1abc9c;
}
.classy-nav-container.classy-sticky {
  position: fixed;
  z-index: 1010;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
}
.classy-nav-container.box-skins .classynav > ul > li {
  background-color: #1abc9c;
}
.classy-nav-container.box-skins .classynav > ul > li > a {
  color: #fff;
}

.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.classy-navbar {
justify-content: space-around !important;
}

.classy-navbar .nav-brand {
  font-size: 26px;
  font-weight: 500;
  color: #565656;
  display: inline-block;
  margin-right: 30px;
}
.classy-navbar .nav-brand:focus,
.classy-navbar .nav-brand:hover {
  font-size: 26px;
  font-weight: 500;
}

.classynav ul li {
  display: inline-block;
  clear: both;
  position: inherit;
  z-index: 10;
}
.classynav ul li.cn-dropdown-item {
  position: relative;
  z-index: 10;
}
.classynav ul li.cn-dropdown-item ul li {
  position: relative;
  z-index: 10;
}
.classynav ul li ul li {
  display: block;
}
.classynav ul li ul li a {
  padding: 0 20px;
}
.classynav ul li a {
  padding: 0 12px;
  display: block;
  height: 35px;
  font-size: 14px;
  line-height: 34px;
}
.classynav ul li .megamenu li a {
  padding: 0 12px;
}
.classynav ul li div.single-mega a {
  height: auto;
  line-height: 1;
}

/* Down Arrow Icon for Megamenu */
@font-face {
  font-family: "classyfonts";
  src: url("../fonts/classy.eot?fftrrv");
  src: url("../fonts/classy.eot?fftrrv#iefix") format("embedded-opentype"),
    url("../fonts/classy.ttf?fftrrv") format("truetype"),
    url("../fonts/classy.woff?fftrrv") format("woff"),
    url("../fonts/classy.svg?fftrrv#classyfonts") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon-classy-nav-down-arrow {
  font-family: "classyfonts";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-classy-nav-down-arrow:before {
  content: "\e900";
}

.classynav ul li.megamenu-item > a:after,
.classynav ul li.has-down > a:after {
  font-family: "classyfonts";
  content: "\e900";
  font-size: 12px;
  color: #000000;
  padding-left: 5px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.classynav ul li ul li.has-down > a::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 3;
}

/* button css */
.classy-btn {
  position: relative;
  z-index: 1;
  min-width: 120px;
  padding: 0 25px;
  line-height: 42px;
  height: 42px;
  background-color: #1abc9c;
  border-radius: 50px;
  color: #fff !important;
  margin-left: 30px;
  text-align: center;
}
.classy-btn:hover,
.classy-btn:focus {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Dropdown Toggle */
.dd-trigger {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  cursor: pointer;
  z-index: 500;
  border-radius: 0;
  display: none;
}

/* Close Icon */
.classycloseIcon {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 12;
  display: none;
}
.classycloseIcon .cross-wrap {
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: relative;
}
.classycloseIcon .cross-wrap span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 6px;
  background: #232323;
}
.classycloseIcon .cross-wrap span.top {
  top: 12px;
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.classycloseIcon .cross-wrap span.bottom {
  bottom: 12px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* navbarToggler */
.classy-navbar-toggler {
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: none;
}
.classy-navbar-toggler .navbarToggler {
  display: inline-block;
  cursor: pointer;
}
.classy-navbar-toggler .navbarToggler span {
  position: relative;
  background-color: #858585;
  border-radius: 3px;
  display: block;
  height: 3px;
  margin-top: 5px;
  padding: 0;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  width: 30px;
  cursor: pointer;
}
.classy-navbar-toggler .navbarToggler.active span:nth-of-type(1) {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
  top: 8px;
}
.classy-navbar-toggler .navbarToggler.active span:nth-of-type(2) {
  opacity: 0;
}
.classy-navbar-toggler .navbarToggler.active span:nth-of-type(3) {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
  top: -8px;
}

.classynav ul li .megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  z-index: 200;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.classynav ul li .megamenu .single-mega.cn-col-5 {
  width: 20%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}
.classynav ul li .megamenu .single-mega.cn-col-5:last-of-type {
  border-right: none;
}
.classynav ul li .megamenu .single-mega.cn-col-4 {
  width: 25%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}
.classynav ul li .megamenu .single-mega.cn-col-4:last-of-type {
  border-right: none;
}
.classynav ul li .megamenu .single-mega.cn-col-3 {
  width: 33.3333334%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}
.classynav ul li .megamenu .single-mega.cn-col-3:last-of-type {
  border-right: none;
}
.classynav ul li .megamenu .single-mega .title {
  font-size: 14px;
  border-bottom: 1px solid #f2f4f8;
  padding: 8px 12px;
}
.classynav ul li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}
.classynav ul li .dropdown li:last-child a {
  border-bottom: none;
}
.classynav ul li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}
.classynav ul li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}
.classynav ul li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}
.classynav ul li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}
.classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}
.classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}
.classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}
.classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}
.classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}
.classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}
.classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}
.classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}
.classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}

/* Desktop Area CSS */
.breakpoint-off .classynav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.breakpoint-off .classynav ul li .dropdown {
  width: 240px;
  position: absolute;
  background-image: url("img/ImgsWEBP/fondomenu0.webp");
  top: 120%;
  left: -11%;
  z-index: 100;
  height: auto;
  border-radius: 3%;

  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  opacity: 0;
  visibility: hidden;
  padding: 0px 0px;
}

.breakpoint-off .classynav ul li .dropdown li .dropdown {
  top: 10px;
  left: 180px;
  z-index: 200;
  opacity: 6;
  visibility: collapse;
}
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown {
  opacity: 0;
  visibility: hidden;
  top: 120%;
}
.breakpoint-off .classynav ul li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.breakpoint-off .classynav ul li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown {
  opacity: 1;
  visibility: visible;
  top: -10px;
}
.breakpoint-off .classynav ul li .megamenu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  top: 120%;
  background-color: #ffffff;
  z-index: 200;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.breakpoint-off .classynav ul li.megamenu-item:hover .megamenu,
.breakpoint-off .classynav ul li.megamenu-item:focus .megamenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

/* Mobile/Tablet Nav CSS */
.breakpoint-on .classycloseIcon {
  display: block;
}
.breakpoint-on .classy-navbar-toggler {
  display: block;
}
.breakpoint-on .classy-navbar .classy-menu {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: -310px;
  z-index: 1000;
  width: 300px;
  height: 100%;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  padding: 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
}
.breakpoint-on .classy-navbar .classy-menu.menu-on {
  left: 0;
}
.breakpoint-on .classynav ul li {
  display: block;
  position: relative;
  clear: both;
  z-index: 10;
}
.breakpoint-on .classynav ul li a {
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
}
.breakpoint-on .classynav ul li .dropdown {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  box-shadow: none;
}
.breakpoint-on .classynav ul li .dropdown li .dropdown {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.breakpoint-on .classynav ul li.megamenu-item {
  position: relative;
  z-index: 10;
}
.breakpoint-on .dd-trigger {
  height: 38px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}
.breakpoint-on .classynav ul li .dropdown,
.breakpoint-on .classynav ul li .megamenu {
  display: none;
}
.breakpoint-on .classynav {
  padding-top: 70px;
}
.breakpoint-on .classynav ul li .megamenu {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 200;
  box-shadow: none;
}
.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5,
.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,
.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3 {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #f2f4f8;
}
.breakpoint-on .classynav > ul > li > a {
  background-color: #f2f4f8;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.breakpoint-on .classynav ul li ul.dropdown li ul li {
  margin-left: 15px;
}
.breakpoint-on .classy-btn {
  width: calc(100% - 30px);
  margin: 30px 15px;
}
.breakpoint-on .classynav ul li.megamenu-item > a::after,
.breakpoint-on .classynav ul li.has-down > a::after {
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 5;
}
.breakpoint-on .classynav ul li.has-down.active > a:after,
.breakpoint-on .classynav ul li.megamenu-item.active > a:after {
  color: #2ecc71;
}

/* Dark Theme CSS */
.dark.classy-nav-container {
  background-color: #192a56;
}
.dark.classy-nav-container a {
  color: rgba(255, 255, 255, 0.7);
}
.dark.classy-nav-container a:hover,
.dark.classy-nav-container a:focus {
  color: #ffffff;
}
.dark .classynav ul li .dropdown {
  background-color: #192a56;
}
.dark .classynav ul li .megamenu {
  background-color: #192a56;
}
.dark .classynav ul li .megamenu .single-mega.cn-col-5,
.dark .classynav ul li .megamenu .single-mega.cn-col-4,
.dark .classynav ul li .megamenu .single-mega.cn-col-3 {
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.dark .classynav ul li.megamenu-item ul li a {
  border-bottom: none;
}
.dark .classynav ul li .megamenu .single-mega .title {
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.dark .classy-navbar-toggler .navbarToggler span {
  background-color: black;
}
.dark.breakpoint-on .classy-navbar .classy-menu {
  background-color: #192a56;
}
.dark .classycloseIcon .cross-wrap span {
  background-color: #ffffff;
}
.dark.breakpoint-on .classynav > ul > li > a {
  background-color: #192a56;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5,
.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,
.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  border-right: none;
}
.dark .classynav ul li.megamenu-item > a:after {
  color: #ffffff;
}
.dark .classynav ul li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}
.dark .classynav ul li .dropdown li:last-child a {
  border-bottom: none;
}
.dark .classynav ul li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}
.dark .classynav ul li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}
.dark .classynav ul li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}
.dark .classynav ul li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}
.dark
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}
.dark
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}
.dark
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}
.dark
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}
.dark
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}
.dark
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}
.dark
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}
.dark
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}
.dark
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:last-child
  a {
  border-bottom: none;
}

/* Right Side Menu Open CSS */
.right.breakpoint-on .classy-navbar .classy-menu {
  left: auto;
  right: -310px;
}
.right.breakpoint-on .classy-navbar .classy-menu.menu-on {
  left: auto;
  right: 0;
}

/* Dropdown RTL CSS */
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown {
  left: auto;
  right: 0;
}
.dropdown-rtl .classynav ul li a,
.dropdown-rtl .classynav ul li .megamenu .single-mega .title {
  text-align: right;
}
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown {
  right: 180px;
  left: auto;
  opacity: 0;
  visibility: hidden;
  top: 10px;
}
.dropdown-rtl.breakpoint-off .classynav ul li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 90%;
}
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown,
.dropdown-rtl.breakpoint-off
  .classynav
  ul
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li
  .dropdown
  li:hover
  .dropdown {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.dropdown-rtl.breakpoint-on .classynav ul li ul.dropdown li ul li {
  margin-left: 0;
  margin-right: 15px;
}

/* Fallback Responsive CSS */

/*# sourceMappingURL=classy-nav.css.map */

/* :: 3.0 Base CSS */
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}
ul,
ol {
  margin: 0;
}
ul li,
ol li {
  list-style: none;
}

/* :: 3.1.0 Spacing */
.mt-15 {
  margin-top: 15px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

/* :: 3.2.0 Height */
.height-400 {
  height: 400px;
}

.height-500 {
  height: 500px;
}

.height-600 {
  height: 600px;
}

.height-700 {
  height: 700px;
}

.height-800 {
  height: 800px;
}

/* :: 3.3.0 Section Padding */
.section-padding-100 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.section-padding-100-0 {
  padding-top: 79px;
  padding-bottom: 0;
}

.section-padding-0-100 {
  padding-top: 0;
  padding-bottom: 100px;
}

.section-padding-100-70 {
  padding-top: 100px;
  padding-bottom: 70px;
}

/* :: 3.4.0 Section Heading */
.section-heading {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
  color: #080679;
  font-weight: bold;
}
.section-heading h2 {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .section-heading h2 {
    font-size: 24px;
  }
}
.section-heading p {
  font-size: 16px;
  color: black;
  margin-bottom: 0;
}

.imgProd {
  width: 150%;
}

/* :: 3.5.0 Preloader */
.preloader {
  background-color: #f2f4f5;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 998;
  overflow: hidden;
}
.preloader .preloader-circle {
  width: 80px;
  height: 80px;
  position: relative;
  border-style: solid;
  border-width: 2px;
  border-top-color: #f7aef8;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  z-index: 10;
  border-radius: 50%;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  -webkit-animation: zoom 2000ms infinite ease;
  animation: zoom 2000ms infinite ease;
}
.preloader .preloader-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 200;
}
.preloader .preloader-img img {
  max-width: 45px;
}

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes zoom {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :: 3.6.0 Miscellaneous */
.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-dark {
  background-color: #000000 !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.font-bold {
  font-weight: 700;
}

.font-light {
  font-weight: 300;
}

.bg-overlay {
  position: relative;
  z-index: 2;
  background-position: center center;
  background-size: cover;
}
.bg-overlay::after {
  background-color: rgba(17, 17, 17, 0.5);
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.bg-fixed {
  background-attachment: fixed !important;
}

.bg-gray {
  margin-top: 30px;
  background-image: url("img/ImgsWEBP/fondo.webp");
}

/* :: 3.8.0 alazea Button */
.alazea-btn {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  position: relative;
  z-index: 1;
  display: inline-block;
  min-width: 150px;
  height: 46px;
  color: #ffffff;
  background-color: #70c745;
  border: 2px solid #70c745;
  border-radius: 2px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 42px;
  text-transform: uppercase;
  font-weight: 600;
}
.alazea-btn.active,
.alazea-btn:hover,
.alazea-btn:focus {
  font-size: 16px;
  color: #70c745;
  font-weight: 600;
  background-color: transparent;
  box-shadow: none;
}

/* :: 4.0 Header Area CSS */
.header-area {
  position: absolute;
  width: 100%;
  z-index: 998;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-bottom: 1px solid #01017c;
}
.header-area .top-header-area {
  position: relative;
  z-index: 100;
  background-color: transparent;
  width: 100%;
  height: 42px;
  border-bottom: 1px solid rgba(235, 235, 235, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .top-header-area {
    z-index: 1;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .top-header-area {
    z-index: 1;
  }
}
.header-area .top-header-area .top-header-content {
  position: relative;
  z-index: 1;
  height: 41px;
}
.header-area .top-header-area .top-header-content .top-header-meta a {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1;
}
.header-area
  .top-header-area
  .top-header-content
  .top-header-meta
  a:first-child {
  margin-right: 30px;
}
.header-area .top-header-area .top-header-content .top-header-meta a i {
  margin-right: 5px;
  color: #70c745;
}
@media only screen and (max-width: 767px) {
  .header-area .top-header-area .top-header-content .top-header-meta a span {
    display: none;
  }
}
.header-area
  .top-header-area
  .top-header-content
  .top-header-meta
  .language-dropdown {
  position: relative;
  z-index: 1;
}
.header-area
  .top-header-area
  .top-header-content
  .top-header-meta
  .language-dropdown::after {
  width: 1px;
  height: 100%;
  background-color: rgba(235, 235, 235, 0.2);
  content: "";
  top: 0;
  right: 15px;
  z-index: 2;
  position: absolute;
}
.header-area
  .top-header-area
  .top-header-content
  .top-header-meta
  .language-dropdown
  .btn {
  padding: 0;
  background-color: transparent;
  border: none;
  font-size: 12px;
}
.header-area
  .top-header-area
  .top-header-content
  .top-header-meta
  .language-dropdown
  .btn:focus {
  box-shadow: none;
}
.header-area
  .top-header-area
  .top-header-content
  .top-header-meta
  .language-dropdown
  .dropdown-menu {
  background-color: #70c745;
  border: none;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area
    .top-header-area
    .top-header-content
    .top-header-meta
    .language-dropdown
    .dropdown-menu {
    top: 90px !important;
  }
}
@media only screen and (max-width: 767px) {
  .header-area
    .top-header-area
    .top-header-content
    .top-header-meta
    .language-dropdown
    .dropdown-menu {
    min-width: 100px;
    top: 70px !important;
  }
}
.header-area
  .top-header-area
  .top-header-content
  .top-header-meta
  .language-dropdown
  .dropdown-menu
  .dropdown-item:focus,
.header-area
  .top-header-area
  .top-header-content
  .top-header-meta
  .language-dropdown
  .dropdown-menu
  .dropdown-item:hover {
  color: #ffffff;
  background-color: #111111;
}
.header-area .top-header-area .top-header-content .top-header-meta .cart {
  position: relative;
  z-index: 1;
}
.header-area
  .top-header-area
  .top-header-content
  .top-header-meta
  .cart::after {
  width: 1px;
  height: 100%;
  background-color: rgba(235, 235, 235, 0.2);
  content: "";
  top: 0;
  left: -15px;
  z-index: 2;
  position: absolute;
}
.header-area .top-header-area .top-header-content .top-header-meta .cart a {
  margin-right: 0;
}
.header-area .alazea-main-menu {
  position: relative;
  z-index: 1;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.classynav ul li a .fa-cart-shopping {
  color: #000000 !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .alazea-main-menu .classy-navbar .classy-menu {
    background-image: url("img/fondomenu.png");
  }
}
@media only screen and (max-width: 767px) {
  .header-area .alazea-main-menu .classy-navbar .classy-menu {
    background-image: url("img/fondomenu.png");
  }
}
.header-area .alazea-main-menu .classy-nav-container {
  background-color: transparent;
  color: #000 !important;
}
.header-area .alazea-main-menu .classy-navbar {
  /*   height: 90px; */
}
.header-area .alazea-main-menu .classy-navbar .nav-brand {
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .header-area .alazea-main-menu .classy-navbar {
    height: 70px;
  }
}
.header-area .alazea-main-menu .classynav ul li a {
  padding: 0 30px;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 16px;
  color: #545454;
}
/* @media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area .alazea-main-menu .classynav ul li a {
    font-size: 18px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .alazea-main-menu .classynav ul li a {
    background-image: url("img/ImgsWEBP/fondomenu.webp");
    font-size: 16px;
    color: #ffffff;
    border-bottom: none;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .alazea-main-menu .classynav ul li a {
    background-image: url("img/ImgsWEBP/fondomenu.webp");
    font-size: 16px;
    color: #ffffff;
    border-bottom: none;
  }
} */
.header-area .alazea-main-menu .classynav ul li a:hover,
.header-area .alazea-main-menu .classynav ul li a:focus {
  color: #080679;
  transition: transform 0.3s ease;
  transform: scale(1.2);
}
.header-area .alazea-main-menu .classynav ul li a::after {
  color: #000000;
}
.header-area .alazea-main-menu .classynav ul li ul li a {
  padding: 0 20px;
  color: #303030;
  font-size: 14px;
  border-bottom: none;
}
.header-area .alazea-main-menu .classynav ul li ul li a::after {
  color: #303030;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .alazea-main-menu .classynav ul li ul li a::after {
    color: #ffffff;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .alazea-main-menu .classynav ul li ul li a::after {
    color: #ffffff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .alazea-main-menu .classynav ul li ul li a {
    padding: 0 45px;
    color: #ffffff;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .alazea-main-menu .classynav ul li ul li a {
    padding: 0 45px;
    color: #ffffff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .alazea-main-menu .classy-navbar-toggler .navbarToggler span {
    background-color: #4288ff;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .alazea-main-menu .classy-navbar-toggler .navbarToggler span {
    background-color: #4288ff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .alazea-main-menu .classycloseIcon .cross-wrap span {
    background: #4288ff;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .alazea-main-menu .classycloseIcon .cross-wrap span {
    background: #4288ff;
  }
}
.header-area .alazea-main-menu .search-form {
  position: relative;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.header-area .alazea-main-menu .search-form form {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  background-color: #ffffff;
  width: 500px;
  border-radius: 5px;
  padding: 30px;
  box-shadow: 0 3px 40px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 767px) {
  .header-area .alazea-main-menu .search-form form {
    width: 290px;
    padding: 20px;
  }
}
.header-area .alazea-main-menu .search-form form input {
  width: 100%;
  height: 45px;
  border: 1px solid #ebebeb;
  padding: 0 30px;
  border-radius: 5px;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .header-area .alazea-main-menu .search-form form input {
    padding: 0 15px;
  }
}
.header-area .alazea-main-menu .search-form .closeIcon {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  position: absolute;
  top: 41px;
  right: 60px;
  z-index: 200;
  cursor: pointer;
  color: #707070;
}
.header-area .alazea-main-menu .search-form .closeIcon:hover {
  color: #70c745;
}
@media only screen and (max-width: 767px) {
  .header-area .alazea-main-menu .search-form .closeIcon {
    top: 31px;
    right: 35px;
  }
}
.header-area .alazea-main-menu .search-form.active {
  opacity: 1;
  visibility: visible;
}
.header-area .is-sticky .alazea-main-menu {
  background-color: white;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9998;
  box-shadow: 0 5px 50px 15px rgba(0, 0, 0, 0.2);
}
.header-area .is-sticky .alazea-main-menu .classynav ul li a {
  color: #545454;
}
.header-area .is-sticky .alazea-main-menu .classynav ul li a:hover {
  border: 0px black;
  color: #003bdd;
  box-shadow: 1px 1px 2px rgba(0, 58, 219, 0.9);
  border-radius: 5px;
}

.header-area .is-sticky .alazea-main-menu .classynav ul li a::after {
  color: #545454 !important;
}

.header-area .is-sticky .alazea-main-menu .classynav ul li a .fa-cart-shopping {
  color: #545454 !important;
}
.header-area
  .is-sticky
  .alazea-main-menu
  .classynav
  ul
  li
  a
  .fa-cart-shopping:hover {
  color: #70c745;
}

@media screen and (max-width: 991px) {
  .header-area .is-sticky .alazea-main-menu .classynav ul li a {
    color: #fff;
  }
}

.header-area #searchIcon {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
  margin-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area #searchIcon {
    margin-left: 30px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .header-area #searchIcon {
    margin-left: 30px;
    margin-top: 15px;
  }
}
.header-area #searchIcon:hover,
.header-area #searchIcon:focus {
  color: #70c745;
}

/* :: 5.0 Hero Slides Area */
.hero-area,
.hero-post-slides {
  position: relative;
  z-index: 1;
}

.single-hero-post {
  width: 100%;
  height: 930px;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-post {
    height: 690px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-post {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .single-hero-post {
    height: 650px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .single-hero-post {
    height: 500px;
  }
}
.single-hero-post .slide-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.single-hero-post .hero-slides-content {
  position: relative;
  z-index: 1;
  margin-top: 132px;
}
@media only screen and (max-width: 767px) {
  .single-hero-post .hero-slides-content {
    margin-top: 112px;
  }
}
.single-hero-post .hero-slides-content h2 {
  font-size: 45px;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-post .hero-slides-content h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-post .hero-slides-content h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single-hero-post .hero-slides-content h2 {
    font-size: 24px;
  }
}
.single-hero-post .hero-slides-content p {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-post .hero-slides-content p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .single-hero-post .hero-slides-content p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .single-hero-post .hero-slides-content a {
    min-width: 125px;
    padding: 0 10px;
  }
}

.hero-post-slides .owl-item.center .single-hero-post .slide-img {
  -webkit-animation: slide 24s linear infinite;
  animation: slide 24s linear infinite;
}

@-webkit-keyframes slide {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes slide {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* :: 6.0 Subscribe Newsletter Area */
.subscribe-newsletter-area {
  position: relative;
  z-index: 1;
  padding: 60px 0;
  background-size: cover;
  background-position: top right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-newsletter-area .subscribe-form {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-newsletter-area .subscribe-form {
    margin-top: 50px;
  }
}
.subscribe-newsletter-area .subscribe-form form {
  position: relative;
  z-index: 1;
}
.subscribe-newsletter-area .subscribe-form form input {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  width: 100%;
  height: 46px;
  background-color: #ffffff;
  padding: 10px 20px;
  border: none;
}
.subscribe-newsletter-area .subscribe-form form input:focus {
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
}
.subscribe-newsletter-area .subscribe-form form button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  border: none;
  border-radius: 0 2px 2px 0;
}
.subscribe-newsletter-area .subscribe-side-thumb .first-img {
  width: 100px !important;
  position: absolute;
  top: -60px;
  left: 5%;
  z-index: 10;
}

/* :: 7.0 New Arrivals Products Area */
.single-product-area {
  position: relative;
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.single-product-area .product-img {
  position: relative;
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.single-product-area .product-img a {
  display: block;
}
.single-product-area .product-img img {
  position: relative;
  z-index: 1;
  width: 100%;
}
.single-product-area .product-img .product-tag a {
  background-color: #429edf;
  border-radius: 2px;
  display: inline-block;
  height: 20px;
  padding: 0 10px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
}
.single-product-area .product-img .product-tag.sale-tag a {
  background-color: #e61d47;
}
.single-product-area .product-img .product-meta {
  position: absolute;
  bottom: 30px;
  left: 15px;
  right: 15px;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.single-product-area .product-img .product-meta a {
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  background-color: #303030;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  max-width: 50px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  text-align: center;
}
.single-product-area .product-img .product-meta a:hover,
.single-product-area .product-img .product-meta a:focus {
  background-color: #70c745;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-product-area .product-img .product-meta a {
    font-size: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-product-area .product-img .product-meta a {
    font-size: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .single-product-area .product-img .product-meta a {
    font-size: 14px;
  }
}
.single-product-area .product-img .product-meta .add-to-cart-btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 100px);
  flex: 0 0 calc(100% - 100px);
  max-width: calc(100% - 100px);
  width: calc(100% - 100px);
  border-left: 1px solid rgba(235, 235, 235, 0.5);
  border-right: 1px solid rgba(235, 235, 235, 0.5);
}
.single-product-area .product-info a p {
  margin-bottom: 0;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.single-product-area .product-info a p:hover,
.single-product-area .product-info a p:focus {
  color: #70c745;
}
.single-product-area .product-info h6 {
  margin-bottom: 0;
  font-size: 18px;
}
.single-product-area:hover .product-img {
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
}
.single-product-area:hover .product-img .product-meta {
  visibility: visible;
  opacity: 1;
}

/* :: 8.0 Shop Page Area CSS */
.shop-sorting-data {
  position: relative;
  z-index: 1;
  padding-bottom: 25px;
  margin-bottom: 50px;
  border-bottom: 1px solid #ebebeb;
}
@media only screen and (max-width: 767px) {
  .shop-sorting-data .shop-page-count {
    margin-bottom: 30px;
  }
}
.shop-sorting-data .shop-page-count p {
  font-size: 18px;
  color: #707070;
  margin-bottom: 0;
  font-weight: 500;
}
.shop-sorting-data .search_by_terms {
  position: relative;
  z-index: 1;
}
.shop-sorting-data .search_by_terms select {
  width: 180px;
  height: 40px;
  color: #51545f;
  font-size: 16px;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-radius: 2px;
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .shop-sorting-data .search_by_terms select {
    margin-left: 0;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .shop-sorting-data .search_by_terms select {
    margin-left: auto;
    margin-right: 15px;
    margin-bottom: 0;
  }
}
.shop-sorting-data .search_by_terms select:focus {
  box-shadow: none;
}

.shop-widget {
  position: relative;
  z-index: 1;
}
.shop-widget .widget-title {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.shop-widget .custom-control .custom-control-label {
  font-size: 16px;
  color: #707070;
}
.shop-widget
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #70c745;
}
.shop-widget .single-best-seller-product {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.shop-widget .single-best-seller-product::after {
  margin-bottom: 0;
}
.shop-widget .single-best-seller-product .product-thumbnail {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  max-width: 70px;
  width: 70px;
  margin-right: 30px;
}
.shop-widget .single-best-seller-product .product-info a {
  display: block;
  color: #707070;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}
.shop-widget .single-best-seller-product .product-info a:hover,
.shop-widget .single-best-seller-product .product-info a:focus {
  color: #303030;
}
.shop-widget .single-best-seller-product .product-info p {
  margin-bottom: 0;
  color: #303030;
  font-weight: 500;
}
.shop-widget .single-best-seller-product .product-info .ratings i {
  font-size: 12px;
  color: #ff9800;
}

.slider-range-price {
  position: relative;
  z-index: 1;
}

.shop-widget .ui-slider-handle {
  background-color: #70c745;
  border: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  z-index: 30;
  top: -3px;
}

.ui-slider-handle.first-handle {
  display: none !important;
}

.shop-widget .ui-slider-range.ui-widget-header.ui-corner-all {
  background-color: #70c745;
  position: absolute;
  height: 6px;
  width: auto;
  z-index: 10;
  left: 2px !important;
}

.shop-widget .ui-slider-horizontal {
  height: 6px;
  background-color: #f5f5f5;
  border-radius: 10px;
}

.shop-widget .range-price {
  font-size: 16px;
  font-weight: 500;
  margin-top: 15px;
  text-transform: uppercase;
}

.single_product_thumb {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .single_product_thumb {
    margin-bottom: 50px;
  }
}
.single_product_thumb .carousel-indicators {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  margin-right: 0;
  margin-left: 0;
  margin-top: 30px;
}
.single_product_thumb .carousel-indicators li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  width: 100px;
  height: 100px;
  margin-right: 15px;
  margin-left: 15px;
  cursor: pointer;
  border: 1px solid transparent;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .single_product_thumb .carousel-indicators li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
  }
}
.single_product_thumb .carousel-indicators li.active {
  border: 1px solid #70c745;
}

.single_product_desc {
  position: relative;
  z-index: 1;
}
.single_product_desc .title {
  font-size: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .single_product_desc .title {
    font-size: 24px;
  }
}
.single_product_desc .price {
  font-size: 26px;
  font-weight: 600;
  color: #70c745;
  margin-bottom: 30px;
}
.single_product_desc .short_overview {
  margin-bottom: 30px;
}
.single_product_desc .short_overview p {
  font-size: 14px;
}
.single_product_desc .cart--area {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 50px;
}
.single_product_desc .cart {
  position: relative;
  z-index: 1;
}
.single_product_desc .cart .quantity {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 130px;
  flex: 0 0 130px;
  max-width: 130px;
  width: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_product_desc .cart .quantity {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    max-width: 70px;
    width: 70px;
  }
}
.single_product_desc .cart .quantity .qty-text {
  height: 46px;
  padding: 5px 15px;
  width: 130px;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  font-size: 14px;
  border: none;
  background-color: #f2f4f5;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_product_desc .cart .quantity .qty-text {
    width: 70px;
  }
}
.single_product_desc .cart .quantity .qty-minus,
.single_product_desc .cart .quantity .qty-plus {
  display: block;
  height: 100%;
  position: absolute;
  left: 10px;
  text-align: center;
  top: 0;
  width: 30px;
  z-index: 99;
  cursor: pointer;
  font-size: 8px;
  line-height: 46px;
  color: #303030;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_product_desc .cart .quantity .qty-minus,
  .single_product_desc .cart .quantity .qty-plus {
    left: 0;
  }
}
.single_product_desc .cart .quantity .qty-plus {
  left: auto;
  right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_product_desc .cart .quantity .qty-plus {
    right: 0;
  }
}
.single_product_desc .wishlist-compare {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .single_product_desc .wishlist-compare {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .single_product_desc .wishlist-compare {
    margin-top: 0;
  }
}
.single_product_desc .wishlist-compare a {
  background-color: #f2f4f5;
  display: inline-block;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
}
.single_product_desc .products--meta {
  position: relative;
  z-index: 1;
  padding-top: 50px;
}
.single_product_desc .products--meta p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single_product_desc .products--meta p span:first-child {
  font-weight: 500;
  color: #303030;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  max-width: 150px;
  width: 150px;
}
.single_product_desc .products--meta p span:last-child {
  font-weight: 400;
  color: #707070;
}
.single_product_desc .products--meta p span:last-child a {
  color: #cccccc;
  font-size: 14px;
  margin-right: 15px;
}
.single_product_desc .products--meta p span:last-child a:hover {
  color: #70c745;
}

.product_details_tab {
  position: relative;
  z-index: 1;
  padding: 50px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.product_details_tab .nav-tabs {
  border-bottom: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px;
}
.product_details_tab .nav-tabs .nav-link {
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0 15px;
  font-size: 20px;
  color: #303030;
}
.product_details_tab .nav-tabs .nav-link.active,
.product_details_tab .nav-tabs .nav-link:hover {
  color: #70c745;
}
.product_details_tab .additional_info_area p {
  color: #303030;
}
.product_details_tab .additional_info_area p span {
  color: #707070;
}

.product_details_tab .review-rating i {
  color: #ff9800;
  font-size: 14px;
}

.product_details_tab .review-rating > span {
  font-size: 16px;
  font-weight: 500;
  color: #303030;
}

.submit_a_review_area form .stars {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==")
    repeat-x 0 0;
  width: 150px;
}
.submit_a_review_area form .stars::after,
.submit_a_review_area form .stars::before {
  display: table;
  content: "";
}
.submit_a_review_area form .stars::after {
  clear: both;
}
.submit_a_review_area form .stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.submit_a_review_area form .stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
.submit_a_review_area form .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
.submit_a_review_area form .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
.submit_a_review_area form .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
.submit_a_review_area form .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
.submit_a_review_area form .stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent !important;
  cursor: pointer;
}
.submit_a_review_area form .stars label:hover ~ span {
  background-position: 0 -30px;
}
.submit_a_review_area form .stars label.star-5:hover ~ span {
  width: 100% !important;
}
.submit_a_review_area form .stars label.star-4:hover ~ span {
  width: 80% !important;
}
.submit_a_review_area form .stars label.star-3:hover ~ span {
  width: 60% !important;
}
.submit_a_review_area form .stars label.star-2:hover ~ span {
  width: 40% !important;
}
.submit_a_review_area form .stars label.star-1:hover ~ span {
  width: 20% !important;
}
.submit_a_review_area form .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==")
    repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}

.review-details p {
  font-size: 12px;
}

.submit_a_review_area h4 {
  font-size: 20px;
}
.submit_a_review_area .form-group > label {
  font-size: 14px;
}
.submit_a_review_area input,
.submit_a_review_area select {
  font-size: 14px;
  width: 100%;
  height: 40px;
  border: none;
  background-color: #f2f4f5;
  border-radius: 0;
}
.submit_a_review_area textarea {
  width: 100%;
  height: 100px;
  border: none;
  border-radius: 0;
  background-color: #f2f4f5;
}

/* :: 9.0 Cart Area CSS */
.cart-table {
  position: relative;
  z-index: 1;
}
.cart-table thead tr,
.cart-table thead th {
  width: 20%;
}
.cart-table thead th {
  border: none;
  border-bottom: none;
  font-size: 20px;
  padding: 0 0 30px 0;
  color: #303030;
  font-weight: 500;
  text-transform: uppercase;
  text-align: left;
}
.cart-table thead th:first-child {
  width: 40%;
}
.cart-table tbody tr {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #ebebeb;
}
.cart-table tbody tr td {
  position: relative;
  z-index: 1;
  padding: 30px 15px;
  font-size: 18px;
  font-weight: 600;
  color: #303030;
  vertical-align: middle;
}
.cart-table tbody tr td.cart_product_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.cart-table tbody tr td.cart_product_img a {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  max-width: 100px;
  width: 100px;
  display: inline-block;
  margin-right: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  margin-left: 2px;
}
.cart-table tbody tr td.cart_product_img h5 {
  font-size: 18px;
  margin-bottom: 0;
}
.cart-table tbody tr td i {
  font-size: 36px;
  color: #c42525;
}
.cart-table .quantity {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  max-width: 100px;
  width: 100px;
}
.cart-table .quantity .qty-text {
  height: 46px;
  padding: 5px 15px;
  width: 100px;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  font-size: 14px;
  border: none;
  background-color: #f2f4f5;
  text-align: center;
}
.cart-table .quantity .qty-minus,
.cart-table .quantity .qty-plus {
  display: block;
  height: 100%;
  position: absolute;
  left: 10px;
  text-align: center;
  top: 0;
  width: 30px;
  z-index: 99;
  cursor: pointer;
  font-size: 8px;
  line-height: 46px;
  color: #303030;
}
.cart-table .quantity .qty-minus i,
.cart-table .quantity .qty-plus i {
  font-size: 10px;
  color: #303030;
}
.cart-table .quantity .qty-plus {
  left: auto;
  right: 10px;
}

.coupon-discount {
  position: relative;
  z-index: 1;
}
.coupon-discount form {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.coupon-discount form input {
  width: 300px;
  height: 46px;
  border: 1px solid #ebebeb;
  background-color: #f5f5f5;
  padding: 0 30px;
  font-size: 14px;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .coupon-discount form input {
    width: 150px;
    padding: 0 10px;
    font-size: 13px;
    margin-right: 15px;
  }
}
.coupon-discount form button {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  width: 170px;
  height: 46px;
  border: 1px solid #ebebeb;
  background-color: #cccccc;
  color: #303030;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
}
.coupon-discount form button:hover,
.coupon-discount form button:focus {
  background-color: #70c745;
  color: #ffffff;
  border-color: #70c745;
}

.cart-totals-area {
  position: relative;
  z-index: 1;
}
.cart-totals-area .title-- {
  padding-bottom: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 0;
}
.cart-totals-area .subtotal,
.cart-totals-area .total {
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
}
.cart-totals-area .subtotal h5,
.cart-totals-area .total h5 {
  font-size: 18px;
  color: #303030;
  margin-bottom: 0;
}
.cart-totals-area .subtotal h5:last-child,
.cart-totals-area .total h5:last-child {
  font-weight: 600;
}
.cart-totals-area .shipping {
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
}
.cart-totals-area .shipping h5 {
  font-size: 18px;
  color: #303030;
  margin-bottom: 0;
  margin-right: 50px;
}
.cart-totals-area .shipping .shipping-address select,
.cart-totals-area .shipping .shipping-address input,
.cart-totals-area .shipping .shipping-address input,
.cart-totals-area .shipping .shipping-address button {
  width: 100%;
  height: 30px;
  font-size: 10px;
  padding: 0 10px;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  margin-bottom: 15px;
}
.cart-totals-area .shipping .shipping-address button {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  width: 100%;
  height: 30px;
  border: 1px solid #ebebeb;
  background-color: #cccccc;
  color: #303030;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 0;
}
.cart-totals-area .shipping .shipping-address button:hover,
.cart-totals-area .shipping .shipping-address button:focus {
  background-color: #70c745;
  color: #ffffff;
  border-color: #70c745;
}

/* :: 10.0 Checkout Area CSS */
.checkout_area {
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}

.checkout_details_area {
  position: relative;
  z-index: 1;
}
.checkout_details_area h5 {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.checkout_details_area input,
.checkout_details_area select,
.checkout_details_area textarea {
  width: 100%;
  height: 46px;
  border: 1px solid #ebebeb;
  background-color: #f5f5f5;
  font-size: 14px;
}
.checkout_details_area input:focus,
.checkout_details_area select:focus,
.checkout_details_area textarea:focus {
  box-shadow: none;
  border: 1px solid #70c745;
}
.checkout_details_area textarea {
  height: 100px;
}
.checkout_details_area .custom-control-label {
  font-size: 14px;
}

.checkout-content {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-content {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-content {
    margin-top: 100px;
  }
}
.checkout-content .title-- {
  padding-bottom: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 0;
}
.checkout-content .subtotal,
.checkout-content .shipping,
.checkout-content .products,
.checkout-content .order-total {
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
}
.checkout-content .subtotal h5,
.checkout-content .shipping h5,
.checkout-content .products h5,
.checkout-content .order-total h5 {
  font-size: 18px;
  color: #303030;
  margin-bottom: 0;
}
.checkout-content .subtotal h5:last-child,
.checkout-content .shipping h5:last-child,
.checkout-content .products h5:last-child,
.checkout-content .order-total h5:last-child {
  font-weight: 600;
}
.checkout-content .single-products p {
  line-height: 1.3;
  margin-bottom: 0;
}
.checkout-content .single-products h5 {
  line-height: 1.3;
  margin-bottom: 0;
}

/* :: 11.0 Testimonial Area CSS */
.testimonials-slides {
  position: relative;
  z-index: 1;
}
.testimonials-slides .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  position: relative;
  z-index: 1;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .testimonials-slides .owl-dots {
    width: 100%;
  }
}
.testimonials-slides .owl-dots .owl-dot {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12px;
  flex: 0 0 12px;
  max-width: 12px;
  width: 12px;
  border: 2px solid #b6b7b7;
  height: 12px;
  margin: 0 6px;
  border-radius: 50%;
}
.testimonials-slides .owl-dots .owl-dot::after {
  width: 4px;
  height: 4px;
  background-color: #70c745;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
}
.testimonials-slides .owl-dots .owl-dot.active {
  border-color: #70c745;
}
.testimonials-slides .owl-dots .owl-dot.active::after {
  opacity: 1;
  visibility: visible;
}

.single-testimonial-slide {
  position: relative;
  z-index: 1;
}
.single-testimonial-slide .testimonial-thumb {
  width: 300px;
  height: 300px;
  margin: auto;
  border-radius: 50%;
  box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15);
}
.single-testimonial-slide .testimonial-thumb img {
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .single-testimonial-slide .testimonial-thumb {
    width: 250px;
    height: 250px;
    margin-bottom: 50px;
  }
}
.single-testimonial-slide .testimonial-content .testimonial-author-info h6 {
  font-size: 18px;
  margin-bottom: 0;
}
.single-testimonial-slide .testimonial-content .testimonial-author-info p {
  margin-bottom: 0;
  color: #70c745;
}

/* :: 12.0 About Us Area CSS */
.idx_imgPromo {
  width: 100%;
  display: block;
  margin: auto;
}
.about-us-area {
  position: relative;
  z-index: 1;
  margin-left: 9%;
}

.about-us-area-nosotros {
  position: relative;
  z-index: 1;
  margin-left: 9%;
  margin-top: -5%;
}

.about-us-area .border-line {
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
  margin-top: 50px;
}

.alazea-progress-bar {
  position: relative;
  z-index: 1;
  margin-top: 40px;
}
.alazea-progress-bar .single_progress_bar {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.alazea-progress-bar .single_progress_bar:last-child {
  margin-bottom: 0;
}
.alazea-progress-bar .single_progress_bar p {
  font-weight: 500;
  line-height: 1;
  font-size: 18px;
  color: #303030;
  margin-bottom: 10px;
}

.barfiller {
  background-color: #ebebeb;
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: 10px;
  margin-bottom: 5px;
  position: relative;
  width: 100%;
}
.barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  background: #70c745;
  z-index: 1;
}
.barfiller .tipWrap {
  display: none;
}
.barfiller .tip {
  margin-top: -35px;
  padding: 2px 4px;
  font-size: 18px;
  color: #303030;
  left: 0;
  position: absolute;
  z-index: 2;
  background: transparent;
  font-weight: 500;
}
.barfiller .tip::after {
  display: none;
}
.idx_titValor {
  font-weight: 500;
}
.idx_infoValor {
  text-align: left;
  padding-right: 45px;
}
.idx_valores {
  color: #ff99b6;
  font-size: 50px;
  padding-bottom: 10px;
  text-align: center !important;
}
.single-benefits-area {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}

.single-benefits-area img {
  margin-bottom: 30px;
}

.single-benefits-area > p {
  margin-bottom: 0;
  text-align: justify;
}

/* :: 13.0 Service Area CSS */
.single-service-area {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}
.single-service-area:last-child {
  margin-bottom: 0;
}
.single-service-area .service-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45px;
  flex: 0 0 45px;
  max-width: 45px;
  width: 45px;
}
.single-service-area .service-content p {
  margin-bottom: 0;
}

.alazea-video-area {
  position: relative;
  z-index: 1;
  width: 99%;
  padding-right: 30%;
  border-radius: 6px;
  box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15);
}
.alazea-video-area.bg-overlay:after {
  border-radius: 6px;
}
.alazea-video-area img {
  position: relative;
  z-index: -21;
  border-radius: 6px;
}
.alazea-video-area .video-icon {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  width: 70px;
  height: 70px;
  background-color: #c19bff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
  z-index: 100;
  border-radius: 50%;
  line-height: 72px;
  text-align: center;
  cursor: pointer;
  opacity: 0.9;
}
.alazea-video-area .video-icon i {
  color: #ffffff;
  font-size: 24px;
}
.alazea-video-area .video-icon:hover {
  opacity: 1;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 660px) {
  .alazea-video-area {
    position: relative;
    z-index: 1;
    width: 90%;
    padding-right: 30%;
    border-radius: 6px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15);
  }
  .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    /* display: flex;
    justify-content: center; */
  }
  .idx_infoValor {
    text-align: left;
    padding-right: 45px;
    margin-bottom: 0px !important;
  }
}

/* :: 14.0 Team Member Area CSS */
.single-team-member {
  position: relative;
  z-index: 1;
}
.single-team-member .team-member-thumb {
  position: relative;
  z-index: 1;
}
.single-team-member .team-member-thumb img {
  width: 100%;
}
.single-team-member .team-member-thumb .team-member-social-info {
  position: absolute;
  width: 100%;
  height: 60px;
  background-color: rgba(48, 48, 48, 0.7);
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.single-team-member .team-member-thumb .team-member-social-info a {
  color: #ffffff;
  line-height: 60px;
  margin: 0 15px;
}
.single-team-member .team-member-thumb .team-member-social-info a:hover {
  color: #70c745;
}
.single-team-member .team-member-info h5 {
  margin-bottom: 4px;
}
.single-team-member .team-member-info p {
  margin-bottom: 0;
}
.single-team-member:hover .team-member-thumb .team-member-social-info {
  opacity: 1;
  visibility: visible;
}

/* :: 15.0 Portfolio Area CSS */
.alazea-portfolio-filter {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 30px;
}
.alazea-portfolio-filter .btn {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  padding: 0;
  font-size: 20px;
  color: #707070;
  font-weight: 500;
  background-color: transparent;
  padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  .alazea-portfolio-filter .btn {
    font-size: 16px;
    padding: 0 5px;
  }
}
.alazea-portfolio-filter .btn:hover,
.alazea-portfolio-filter .btn:focus {
  color: #c19bff;
  box-shadow: none;
  transition: transform 0.3s ease;
  transform: scale(1.2);
}

.alazea-portfolio.row {
  margin-right: -10px;
  margin-left: -10px;
}
.alazea-portfolio .col-12 {
  padding-left: 10px;
  padding-right: 10px;
}

.single_portfolio_item {
  position: relative;
  z-index: 10;
  margin-top: 20px;
  overflow: hidden;
  height: 400px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_portfolio_item {
    height: 290px;
  }
}
@media only screen and (max-width: 767px) {
  .single_portfolio_item {
    height: 300px;
  }
}
.single_portfolio_item .portfolio-thumbnail {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  width: calc(100% - 20px);
  position: absolute;
  height: 100%;
  top: 0;
  left: 10px;
  right: 10px;
  background-repeat: no-repeat;
}
.single_portfolio_item .portfolio-hover-overlay {
  width: calc(100% - 20px);
  height: 100%;
  top: 0;
  left: 10px;
  right: 10px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  background-color: rgba(111, 171, 250, 0.6);
  position: absolute;
  z-index: 10;
  text-align: center;
  opacity: 0;
  visibility: hidden;
}
.single_portfolio_item .portfolio-hover-overlay a {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 30;
}
.single_portfolio_item .portfolio-hover-overlay a .port-hover-text h3 {
  font-size: 28px;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_portfolio_item .portfolio-hover-overlay a .port-hover-text h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single_portfolio_item .portfolio-hover-overlay a .port-hover-text h3 {
    font-size: 18px;
  }
}
.single_portfolio_item .portfolio-hover-overlay a .port-hover-text h5 {
  font-size: 18px;
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .single_portfolio_item .portfolio-hover-overlay a .port-hover-text h5 {
    font-size: 14px;
  }
}
.single_portfolio_item:hover {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}
.single_portfolio_item:hover .portfolio-hover-overlay {
  opacity: 1;
  visibility: visible;
}

.portfolio-page .single_portfolio_item {
  height: 320px;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #ffffff;
  right: 0;
  text-align: center;
  padding-right: 0;
  top: 40px;
  width: 36px;
  height: 36px;
  background-color: #0e1d43;
  line-height: 36px;
}

.mfp-bottom-bar {
  margin-top: 0;
  top: auto;
  bottom: 55px;
  left: 0;
  width: 100%;
  cursor: auto;
  background-color: transparent;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.mfp-bottom-bar .mfp-title {
  line-height: normal;
  color: #ffffff;
  padding-right: 0;
  background-color: #0e1d43;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
}
.mfp-bottom-bar .mfp-counter {
  color: #ffffff;
  position: relative;
  line-height: normal;
  background-color: #0e1d43;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
}

/* :: 16.0 Cool Facts Area CSS */
.cool-facts-area {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: top left;
}
@media only screen and (max-width: 767px) {
  .cool-facts-area::after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f2f4f5;
    content: "";
    position: absolute;
    z-index: -1;
  }
}
.cool-facts-area .side-img {
  position: absolute;
  bottom: -80px;
  right: 10%;
  z-index: 10;
  width: 150px;
}

.single-cool-fact {
  position: relative;
  z-index: 1;
}
.single-cool-fact .cf-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  max-width: 50px;
  width: 50px;
  margin-right: 30px;
}
.single-cool-fact .cf-content h2 {
  font-size: 36px;
  margin-bottom: 10px;
  line-height: 1;
}
.single-cool-fact .cf-content h6 {
  font-weight: 400;
  color: #707070;
  margin-bottom: 0;
  text-transform: uppercase;
}

/* :: 18.0 Breadcumb Area CSS */
.breadcrumb-area {
  position: relative;
  z-index: 10;
  width: 100%;
}
.breadcrumb-area .top-breadcrumb-area {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 350px;
}
@media only screen and (max-width: 767px) {
  .breadcrumb-area .top-breadcrumb-area {
    height: 220px;
  }
}
.breadcrumb-area .top-breadcrumb-area h2 {
  margin-top: 132px;
  font-size: 36px;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .breadcrumb-area .top-breadcrumb-area h2 {
    margin-top: 112px;
    font-size: 30px;
  }
}
.breadcrumb-area .breadcrumb {
  margin: 0;
  padding-top: 30px;
  padding-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}
.breadcrumb-area .breadcrumb .breadcrumb-item {
  font-size: 16px;
  color: #b7b7b7;
  text-transform: capitalize;
}
.breadcrumb-area .breadcrumb .breadcrumb-item a {
  text-transform: capitalize;
  font-size: 16px;
  color: #303030;
}
.breadcrumb-area .breadcrumb .breadcrumb-item a:hover,
.breadcrumb-area .breadcrumb .breadcrumb-item a:focus {
  color: #70c745;
}
.breadcrumb-area .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #303030;
  content: ">";
}

/* :: 19.0 Blog Area CSS */
.single-blog-post {
  position: relative;
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.single-blog-post .post-thumbnail {
  position: relative;
  z-index: 1;
}
.single-blog-post .post-content .post-title h5 {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  line-height: 1.5;
  margin-bottom: 15px;
}
.single-blog-post .post-content .post-title h5:hover {
  color: #70c745;
}
.single-blog-post .post-content .post-meta {
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}
.single-blog-post .post-content .post-meta a {
  position: relative;
  z-index: 1;
  display: inline-block;
  font-size: 14px;
  color: #b7b7b7;
  margin-right: 30px;
}
.single-blog-post .post-content .post-meta a:last-child::after {
  content: "/";
  top: 0;
  left: -20px;
  position: absolute;
  z-index: 1;
}
.single-blog-post .post-content .post-meta a i {
  margin-right: 5px;
  color: #70c745;
}
.single-blog-post .post-content .post-meta a:hover {
  color: #70c745;
}
.single-blog-post .post-content .post-excerpt {
  font-size: 16px;
  color: #707070;
  margin-bottom: 0;
}
.single-blog-post:hover .post-content .post-title h5 {
  color: #70c745;
}

.pagination {
  position: relative;
  z-index: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pagination .page-item .page-link {
  color: #707070;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  line-height: 44px;
  padding: 0;
  margin: 0 10px;
}
.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus {
  border-color: #70c745;
  background-color: #70c745;
  color: #ffffff;
}

.shop-products-area .pagination {
  position: relative;
  z-index: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.shop-products-area .pagination .page-item .page-link {
  color: #707070;
  width: 46px;
  height: 46px;
  border-radius: 0;
  text-align: center;
  border: 1px solid #ebebeb;
  font-size: 18px;
  line-height: 44px;
  padding: 0;
  margin: 0 10px;
  background-color: #f5f5f5;
}
.shop-products-area .pagination .page-item .page-link:hover,
.shop-products-area .pagination .page-item .page-link:focus {
  border-color: #70c745;
  background-color: #70c745;
  color: #ffffff;
}

/* :: 20.0 Comment Area */
.comment_area {
  position: relative;
  z-index: 1;
  padding: 50px 0 20px 0;
  border-top: 1px solid #ebebeb;
}
.comment_area .headline {
  margin-bottom: 30px;
}
.comment_area .single_comment_area {
  position: relative;
  z-index: 1;
}
.comment_area .single_comment_area::after {
  position: absolute;
  width: 1px;
  height: 90%;
  background-color: #ebebeb;
  left: 100px;
  top: 0;
  z-index: 2;
  content: "";
}
@media only screen and (max-width: 767px) {
  .comment_area .single_comment_area::after {
    display: none;
  }
}
.comment_area .single_comment_area .comment-wrapper {
  margin-bottom: 30px;
}
.comment_area .single_comment_area .comment-wrapper .comment-author {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-right: 60px;
}
@media only screen and (max-width: 767px) {
  .comment_area .single_comment_area .comment-wrapper .comment-author {
    margin-right: 20px;
  }
}
.comment_area .single_comment_area .comment-wrapper .comment-author img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.comment_area .single_comment_area .comment-wrapper .comment-content {
  -webkit-box-flex: 0;
  -ms-flex: 1;
  flex: 1;
}
.comment_area
  .single_comment_area
  .comment-wrapper
  .comment-content
  .comment-date {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #70c745;
}
.comment_area .single_comment_area .comment-wrapper .comment-content h5 {
  font-size: 20px;
  margin: 0 0 10px 0;
}
.comment_area .single_comment_area .comment-wrapper .comment-content p {
  font-size: 16px;
  margin-bottom: 5px;
}
.comment_area
  .single_comment_area
  .comment-wrapper
  .comment-content
  .comment-date {
  color: #b7b7b7;
  font-size: 14px;
  margin-bottom: 10px;
}
.comment_area .single_comment_area .comment-wrapper .comment-content a {
  font-size: 14px;
  color: #303030;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.comment_area .single_comment_area .comment-wrapper .comment-content a:hover {
  color: #70c745;
}

.single_comment_area ol li.single_comment_area {
  margin-left: 130px;
}
.single_comment_area ol li.single_comment_area::after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .single_comment_area ol li.single_comment_area {
    margin-left: 40px;
  }
}
.single_comment_area
  ol
  li.single_comment_area
  .comment-wrapper
  .comment-author {
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .single_comment_area
    ol
    li.single_comment_area
    .comment-wrapper
    .comment-author {
    margin-right: 15px;
  }
}

/* :: 21.0 Leave A Reply Area CSS */
.leave-comment-area {
  position: relative;
  z-index: 1;
  border-top: 1px solid #ebebeb;
  padding: 50px 0 0 0;
}
.leave-comment-area h4 {
  margin-bottom: 30px;
}
.leave-comment-area form .form-control {
  width: 100%;
  height: 40px;
  border: 1px solid #ebebeb;
  font-size: 14px;
  color: #b7b7b7;
  padding: 10px 20px;
  margin-bottom: 20px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.leave-comment-area form .form-control:focus {
  box-shadow: none;
  border-color: #70c745;
}
.leave-comment-area form textarea.form-control {
  width: 100%;
  height: 120px;
}

/* :: 22.0 Sidebar Area CSS */
@media only screen and (max-width: 767px) {
  .post-sidebar-area {
    margin-top: 100px;
  }
}

.single-widget-area {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}
.single-widget-area .widget-title {
  width: 100%;
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}
.single-widget-area .widget-title h4 {
  position: relative;
  z-index: 5;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
}
.single-widget-area .widget-content img {
  margin-top: 20px;
  margin-bottom: 15px;
}
.single-widget-area .widget-content p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.6;
}
.single-widget-area .single-latest-post {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.single-widget-area .single-latest-post:last-child {
  margin-bottom: 0;
}
.single-widget-area .single-latest-post .post-thumb {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  max-width: 70px;
  width: 70px;
  margin-right: 30px;
}
.single-widget-area .single-latest-post .post-content .post-title h6 {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.3;
}
.single-widget-area .single-latest-post .post-content .post-title h6:hover,
.single-widget-area .single-latest-post .post-content .post-title h6:focus {
  color: #70c745;
}
.single-widget-area .single-latest-post .post-content .post-date {
  display: block;
  font-size: 14px;
  margin-bottom: 0;
  color: #b7b7b7;
  line-height: 1;
}
.single-widget-area .popular-tags li a {
  display: inline-block;
  margin: 4px;
  padding: 10px 15px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 14px;
  color: #707070;
  background-color: #f9f9f9;
}
.single-widget-area .popular-tags li a:hover,
.single-widget-area .popular-tags li a:focus {
  color: #ffffff;
  background-color: #70c745;
}
.single-widget-area .author-widget {
  border: 1px solid #ebebeb;
  padding: 30px;
}
.single-widget-area .author-widget .author-thumb-name {
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 15px;
}
.single-widget-area .author-widget .author-thumb-name .author-thumb {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  max-width: 80px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-widget-area .author-widget .author-thumb-name .author-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    width: 50px;
    height: 50px;
    margin-right: 15px;
  }
}
.single-widget-area .author-widget .author-thumb-name .author-thumb img {
  border-radius: 50%;
}
.single-widget-area .author-widget .author-thumb-name .author-name h5 {
  margin-bottom: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-widget-area .author-widget .author-thumb-name .author-name h5 {
    font-size: 14px;
  }
}
.single-widget-area .author-widget .author-thumb-name .author-name p {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-widget-area .author-widget .author-thumb-name .author-name p {
    font-size: 13px;
  }
}
.single-widget-area .author-widget .social-info a {
  display: inline-block;
  margin-right: 20px;
  color: #b7b7b7;
}
.single-widget-area .author-widget .social-info a:hover {
  color: #70c745;
}
.single-widget-area .single-best-seller-product {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.single-widget-area .single-best-seller-product::after {
  margin-bottom: 0;
}
.single-widget-area .single-best-seller-product .product-thumbnail {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  max-width: 70px;
  width: 70px;
  margin-right: 30px;
}
.single-widget-area .single-best-seller-product .product-info a {
  display: block;
  color: #707070;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}
.single-widget-area .single-best-seller-product .product-info a:hover,
.single-widget-area .single-best-seller-product .product-info a:focus {
  color: #303030;
}
.single-widget-area .single-best-seller-product .product-info p {
  margin-bottom: 0;
  color: #303030;
  font-weight: 500;
}
.single-widget-area .single-best-seller-product .product-info .ratings i {
  font-size: 12px;
  color: #ff9800;
}
.single-widget-area .search-form {
  position: relative;
  z-index: 2;
}
.single-widget-area .search-form input {
  background-color: #ffffff;
  padding: 0 20px;
  width: 100%;
  height: 50px;
  font-size: 14px;
  color: #b7b7b7;
  border: 1px solid #ebebeb;
  border-radius: 0;
}
.single-widget-area .search-form input:focus {
  box-shadow: none;
}
.single-widget-area .search-form button {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 10;
  border: none;
  background-color: #ffffff;
  cursor: pointer;
  color: #303030;
  border: 1px solid #ebebeb;
  border-left: none;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.single-widget-area .search-form button:hover {
  color: #70c745;
}

.single-post-details-area {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}
.single-post-details-area .post-content .post-title {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-post-details-area .post-content .post-title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .single-post-details-area .post-content .post-title {
    font-size: 24px;
  }
}
.single-post-details-area .post-content .post-meta {
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}
.single-post-details-area .post-content .post-meta a {
  position: relative;
  z-index: 1;
  display: inline-block;
  font-size: 18px;
  color: #b7b7b7;
  margin-right: 30px;
}
.single-post-details-area .post-content .post-meta a:last-child::after {
  content: "/";
  top: 0;
  left: -20px;
  position: absolute;
  z-index: 1;
}
.single-post-details-area .post-content .post-meta a i {
  margin-right: 5px;
  color: #70c745;
}
.single-post-details-area .post-content .post-meta a:hover {
  color: #70c745;
}
.single-post-details-area .post-content blockquote {
  position: relative;
  z-index: 1;
  padding: 30px 50px;
  background-color: #f9f9f9;
}
.single-post-details-area
  .post-content
  blockquote
  .blockquote-text
  h5:last-child {
  color: #70c745;
}

.post-tags-share {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}
.post-tags-share .popular-tags span {
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 15px;
}
.post-tags-share .popular-tags li a {
  display: inline-block;
  margin: 4px;
  padding: 10px 15px;
  background-color: #f9f9f9;
  line-height: 1;
  text-transform: uppercase;
  font-size: 13px;
  color: #707070;
}
.post-tags-share .popular-tags li a:hover,
.post-tags-share .popular-tags li a:focus {
  color: #ffffff;
  background-color: #70c745;
}
.post-tags-share .post-share a {
  font-size: 14px;
  display: inline-block;
  padding: 0 10px;
}
.post-tags-share .post-share a:hover,
.post-tags-share .post-share a:focus {
  color: #70c745;
}
@media only screen and (max-width: 767px) {
  .post-tags-share .post-share a {
    padding: 0 5px;
  }
}

/* :: 23.0 Contact Area CSS */
.map-area {
  position: relative;
  z-index: 2;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}
.map-area iframe {
  width: 100%;
  height: 400px;
  border: none;
  margin-bottom: 0;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .map-area iframe {
    height: 320px;
  }
}

.contact-form-area .form-control {
  position: relative;
  z-index: 2;
  height: 45px;
  width: 100%;
  background-color: #ffffff;
  font-size: 16px;
  margin-bottom: 15px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  padding: 15px 20px;
  font-weight: 400;
  color: #b7b7b7;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.contact-form-area .form-control:focus {
  box-shadow: none;
  border-color: #70c745;
}
.contact-form-area textarea.form-control {
  height: 80px;
}

.contact-information p {
  line-height: 1.3;
  color: #707070;
  margin-bottom: 13px;
}
.contact-information p span {
  color: #303030;
}
.contact-information p:last-child {
  margin-bottom: 0;
}

.contact--thumbnail {
  position: relative;
  z-index: 1;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 767px) {
  .contact--thumbnail {
    margin-bottom: 100px;
  }
}

/* :: 24.0 Portfolio Details Area CSS */
.portfolio-details-area {
  position: relative;
  z-index: 1;
}
.portfolio-details-area ul li {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.portfolio-details-area ul li i {
  color: #70c745;
  margin-right: 15px;
}

.portfolio-slides {
  position: relative;
  z-index: 1;
}
.portfolio-slides .owl-prev {
  position: absolute;
  top: calc(50% - 30px);
  color: #ffffff;
  font-size: 50px;
  left: 30%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1;
}
.portfolio-slides .owl-next {
  position: absolute;
  top: calc(50% - 30px);
  color: #ffffff;
  font-size: 50px;
  right: 30%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1;
}
.portfolio-slides .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
  position: relative;
  z-index: 1;
  width: 100%;
}
.portfolio-slides .owl-dots .owl-dot {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12px;
  flex: 0 0 12px;
  max-width: 12px;
  width: 12px;
  border: 2px solid #b7b7b7;
  height: 12px;
  margin: 0 6px;
  border-radius: 50%;
}
.portfolio-slides .owl-dots .owl-dot::after {
  width: 4px;
  height: 4px;
  background-color: #70c745;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
}
.portfolio-slides .owl-dots .owl-dot.active {
  border-color: #70c745;
}
.portfolio-slides .owl-dots .owl-dot.active::after {
  opacity: 1;
  visibility: visible;
}

.portfolio-details-meta {
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
}
.portfolio-details-meta h5 {
  margin-bottom: 5px;
}
.portfolio-details-meta p {
  margin-bottom: 0;
}
.portfolio-details-meta:last-child {
  margin-bottom: 0;
}

/* ======= The End ======= */

/*# sourceMappingURL=style.css.map */

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO CSS SITIO 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

/*--------------------------------------------------------------
CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO
--------------------------------------------------------------*/
.hnosotrosCab {
  /*	height: 30%;*/
  display: grid;
  place-content: center;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  height: 450px;
  background: linear-gradient(hsl(0deg 0% 100% / 40%), hsl(0deg 0% 0% / 40%)),
    url(img/nosotros.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.nosotros-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hmarcasCab {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("img/Cabecera2M.jpg") fixed center center;
  background-size: cover;
  /*	height: 30%;*/
  display: grid;
  place-content: center;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  height: 450px;
}

.hdistribuidorCab {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("img/Cabecera3D.jpg") fixed center center;
  background-size: cover;
  /*	height: 30%;*/
  display: grid;
  place-content: center;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  height: 450px;
}

.hcocteleriaCab {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("img/Cabecera4C.jpg") fixed center center;
  background-size: cover;
  /*	height: 30%;*/
  display: grid;
  place-content: center;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  height: 450px;
}

/*--------------------------------------------------------------
MISIÓN VISIÓN VALORES
--------------------------------------------------------------*/
.cont-mvv {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  max-width: 100%;
  margin-top: 10px;
}

.mvv {
  display: inline-block;
  position: relative;
  width: 400px;
  min-width: 400px;
  height: 400px;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
  margin: 30px;
}

.mvv-profile-img {
  height: 70%;
}

.mvv-description-bk {
  background-image: linear-gradient(0deg, #ffffff, #77b5ff);
  border-radius: 30px;
  position: absolute;
  top: 45%;
  left: -5px;
  height: 75%;
  width: 108%;
  transform: skew(19deg, -9deg);
}

.mvv-description-bk-img {
  background-image: url('img/genuine1.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px;
  position: absolute;
  top: 45%;
  left: -5px;
  height: 75%;
  width: 108%;
  transform: skew(19deg, -9deg);
}


.second .hero-description-bk {
  background-image: linear-gradient(0deg, #ffffff, #77b5ff);
}

.fondo-img{
  background-image: url('img/genuine1.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mvv-logo {
  height: 80px;
  width: 80px;
  border-radius: 20px;
  background-color: #fff;
  position: absolute;
  bottom: 30%;
  left: 30px;
  overflow: hidden;
  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);
}

.mvv-logo img {
  height: 100%;
}

.mvv-description {
  position: absolute;
  color: #000000;
  font-weight: 500;
  left: 150px;
  bottom: 2%;
}



.descripcion-mvv {
  position: absolute;
  color: #000000;
  left: 30px;
  bottom: 10%;
  font-weight: 700;
}

/*--------------------------------------------------------------
Sucursales Sucursales Sucursales Sucursales Sucursales Sucursales 
--------------------------------------------------------------*/

.bodysucursales {
  display: flex;
  flex-direction: column;
}

.hsucursalesCab {
  /*	height: 30%;*/
  display: grid;
  place-content: center;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  height: 450px;
  background: linear-gradient(hsl(0deg 0% 100% / 40%), hsl(0deg 0% 0% / 40%)),
    url(img/sucursales.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 20px;
}

#pageHeaderTitle {
  margin: 2rem 0;
  text-transform: uppercase;
  text-align: center;
  font-size: 32px;
  color: #080679 !important;
}

/* Cards */
.sucursalcard {
  flex-wrap: wrap;
  display: flex;
  box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
  border-radius: 10px;
  margin: 0 0 2rem 0;
  overflow: hidden;
  position: relative;
  color: #ffffff;
  background-color: #18151f;
}

.sucursalcard.light {
  background-color: #eef2f7;
}

.t-dark {
  color: #18151f;
}

.sucursalcard a {
  color: inherit;
}

.sucursalcard h1,
.sucursalcard .h1 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.sucursalcard .small {
  font-size: 80%;
}

.sucursalcard .sucursalcard__title {
  font-size: 1.75rem;
}

.sucursalcard .sucursalcard__img {
  max-height: 380px;
  width: 100%;
  object-fit: cover;
  position: relative;
}

.sucursalcard .sucursalcard__img_link {
  display: contents;
}

.sucursalcard .sucursalcard__bar {
  width: 50px;
  height: 10px;
  margin: 10px 0;
  border-radius: 5px;
  background-color: #424242;
  transition: width 0.2s ease;
}

.sucursalcard .sucursalcard__text {
  padding: 1.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
}

.sucursalcard .sucursalcard__preview-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
  height: 100%;
}

.sucursalcard .sucursalcard__tagbox {
  display: flex;
  flex-flow: row wrap;
  font-size: 14px;
  margin: 20px 0 0 0;
  padding: 0;
  justify-content: center;
}

.sucursalcard .sucursalcard__tagbox .tag__item {
  display: inline-block;
  background: #080679;
  border-radius: 3px;
  padding: 2.5px 10px;
  margin: 0 5px 5px 0;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.3s;
}

.sucursalcard .sucursalcard__tagbox .tag__item:hover {
  background: rgb(64 136 200);
}

.sucursalcard:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(-70deg, #424242, transparent 50%);
  opacity: 1;
  border-radius: 10px;
}

.sucursalcard:hover .sucursalcard__bar {
  width: 100px;
}

@media screen and (min-width: 769px) {
  .sucursalcard {
    flex-wrap: inherit;
  }

  .sucursalcard .sucursalcard__title {
    font-size: 28px;
  }

  .sucursalcard .sucursalcard__tagbox {
    justify-content: start;
  }

  .sucursalcard .sucursalcard__img {
    max-width: 400px;
    max-height: 100%;
    transition: transform 0.3s ease;
  }

  .sucursalcard .sucursalcard__text {
    padding: 3rem;
    width: 100%;
  }

  .media.sucursalcard__text:before {
    content: "";
    position: absolute;
    display: block;
    background: #18151f;
    top: -20%;
    height: 130%;
    width: 55px;
  }

  .sucursalcard:hover .sucursalcard__img {
    transform: scale(1.1);
  }

  .sucursalcard:nth-child(2n + 1) {
    flex-direction: row;
  }

  .sucursalcard:nth-child(2n + 0) {
    flex-direction: row-reverse;
  }

  .sucursalcard:nth-child(2n + 1) .sucursalcard__text::before {
    left: -12px !important;
    transform: rotate(4deg);
  }

  .sucursalcard:nth-child(2n + 0) .sucursalcard__text::before {
    right: -12px !important;
    transform: rotate(-4deg);
  }
}

@media screen and (min-width: 1024px) {
  .sucursalcard .sucursalcard__text {
    padding: 2rem 3.5rem;
  }

  .sucursalcard.dark .sucursalcard__text:before {
    background: #18151f;
  }
}

/* COLORS */
.sucursalcard .sucursalcard__tagbox .green.play:hover {
  background: #72aaf3;
  color: black;
}
.green .sucursalcard__title:hover {
  color: #72aaf3;
}
.green .sucursalcard__bar {
  background-color: #72aaf3;
}
.green::before {
  background-image: linear-gradient(
    -30deg,
    rgba(121, 221, 9, 0.1),
    transparent 50%
  );
}
.green:nth-child(2n)::before {
  background-image: linear-gradient(
    30deg,
    rgba(121, 221, 9, 0.1),
    transparent 50%
  );
}

.sucursalcard .sucursalcard__tagbox .blue.play:hover {
  background: #0076bd;
}
.blue .sucursalcard__title:hover {
  color: #0076bd;
}
.blue .sucursalcard__bar {
  background-color: #0076bd;
}
.blue::before {
  background-image: linear-gradient(
    -30deg,
    rgba(0, 118, 189, 0.1),
    transparent 50%
  );
}
.blue:nth-child(2n)::before {
  background-image: linear-gradient(
    30deg,
    rgba(0, 118, 189, 0.1),
    transparent 50%
  );
}

.sucursalcard .sucursalcard__tagbox .red.play:hover {
  background: #bd150b;
}
.red .sucursalcard__title:hover {
  color: #bd150b;
}
.red .sucursalcard__bar {
  background-color: #bd150b;
}
.red::before {
  background-image: linear-gradient(
    -30deg,
    rgba(189, 21, 11, 0.1),
    transparent 50%
  );
}
.red:nth-child(2n)::before {
  background-image: linear-gradient(
    30deg,
    rgba(189, 21, 11, 0.1),
    transparent 50%
  );
}

.sucursalcard .sucursalcard__tagbox .yellow.play:hover {
  background: #72aaf3;
  color: black;
}
.yellow .sucursalcard__title:hover {
  color: #72aaf3;
}
.yellow .sucursalcard__bar {
  background-color: #72aaf3;
}
.yellow::before {
  background-image: linear-gradient(
    -30deg,
    rgba(189, 187, 73, 0.1),
    transparent 50%
  );
}
.yellow:nth-child(2n)::before {
  background-image: linear-gradient(
    30deg,
    rgba(189, 187, 73, 0.1),
    transparent 50%
  );
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

/*--------------------------------------------------------------
CARRUSEL CARRUSEL CARRUSEL CARRUSEL CARRUSEL CARRUSEL CARRUSEL 
--------------------------------------------------------------*/
:root {
  --width: 220px;
  --gap: 1rem;
  --speed: 500ms;
}

/* .cont-c {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: 1px solid rgba(255, 255, 255, 0.25);
}


main {
  height: 100vh;
  background: #202227;
}

.slider {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.item {
  display: flex;
  align-items: center;
  width: var(--width);
  height: calc(var(--width) * 1.5);
  position: absolute;
  z-index: 1;
  border-radius: 0.25rem;
  box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 1);
  transition: left var(--speed), width var(--speed), height var(--speed),
  border-radius var(--speed), opacity var(--speed);
  transition-timing-function: ease-out;
  transform-origin: center;
  overflow: hidden;
  will-change: transform, opacity;

  &::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    box-shadow: 0px 0px 50px 25px rgba(0, 0, 0, 0.25) inset;
    transition: box-shadow var(--speed);
    will-change: transform, opacity;
  }

  img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  &:nth-child(1),
  &:nth-child(2) {
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    filter: blur(0);
    &::after {
      box-shadow: 0px -50px 150px 50px rgba(0, 0, 0, 0.75) inset;
    }
  }

  &:nth-child(3) {
    left: 50%;
  }
  &:nth-child(4) {
    left: calc(50% + var(--width) + var(--gap));
    transition-delay: calc(var(--speed) * 0.2);
  }
  &:nth-child(5) {
    left: calc(50% + calc(var(--width) * 2) + calc(var(--gap) * 2));
    transition-delay: calc(var(--speed) * 0.4);
  }
  &:nth-child(6) {
    left: calc(50% + calc(var(--width) * 3) + calc(var(--gap) * 3));
    opacity: 0;
    transition-delay: calc(var(--speed) * 0.6);
  }
}

.content {
  width: min(30vw, 400px);
  position: absolute;
  left: 3rem;
  z-index: 1;
  transform: translateY(25%);
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
  opacity: 0;
  display: none;
  flex-direction: column;
  gap: 1rem;
  outline: 0;

  & * {
    outline: 0;
  }

  & .title {
    font-weight: 600;
    text-transform: uppercase;
  }

  & .description-c {
    line-height: 1.7;
  }

  & button {
    width: fit-content;
    background-color: rgba(255, 255, 255, 0.9);
    color: rgba(0, 0, 0, 0.9);
    border: 0;
    border-radius: 0.25rem;
    padding: 0.75rem;
    cursor: pointer;
    transition: background var(--speed), color var(--speed);

    &:hover {
      background-color: rgba(0, 0, 0, 0.9);
      color: rgba(255, 255, 255, 0.9);
    }
  }
}

.item:nth-of-type(2) .content {
  display: flex;
  animation: show var(--speed) ease-in-out calc(var(--speed) / 2) forwards;
}

@keyframes show {
  0% {
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}

.naav {
  display: flex;
  gap: 0.5rem;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  user-select: none;
  border-radius: 100vw;
  padding: 0.25rem;
  outline: 1px solid rgba(255, 255, 255, 0.25);

  & .btnc {
    background-color: rgba(255, 255, 255, 0.9);
    color: rgba(0, 0, 0, 0.9);
    padding: 0.75rem;
    border-radius: 50%;
    cursor: pointer;
    transition: background var(--speed), color var(--speed);

    &:hover {
      background-color: rgba(0, 0, 0, 0.9);
      color: rgba(255, 255, 255, 0.9);
    }
  }
}

@media (width > 650px) and (width < 900px) {
  .content {
    & .title {
      font-size: 1rem;
    }
    & .description-c {
      font-size: 0.7rem;
    }
    & button {
      font-size: 0.7rem;
    }
  }
  .item {
    width: 160px;
    height: 270px;

    &:nth-child(3) {
      left: 50%;
    }
    &:nth-child(4) {
      left: calc(50% + 170px);
    }
    &:nth-child(5) {
      left: calc(50% + 340px);
    }
    &:nth-child(6) {
      left: calc(50% + 510px);
      opacity: 0;
    }
  }
}

@media (width < 650px) {
  .content {
    & .title {
      font-size: 0.9rem;
    }
    & .description-c {
      font-size: 0.65rem;
    }
    & button {
      font-size: 0.7rem;
    }
  }
  .item {
    width: 130px;
    height: 220px;

    &:nth-child(3) {
      left: 50%;
    }
    &:nth-child(4) {
      left: calc(50% + 140px);
    }
    &:nth-child(5) {
      left: calc(50% + 280px);
    }
    &:nth-child(6) {
      left: calc(50% + 420px);
      opacity: 0;
    }
  }
}



 */

.cont_carrusel {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: black;
}

.cont_carrusel img {
  width: 100%;
}

.idx_BtnSlide {
  text-align: left;
}

.idx_BtnSlide button {
  color: #fff;
  padding: 20px 60px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  border: 2px solid #fff;
}
.idx_BtnSlide button:hover {
  transform: scale(1.1);
  transition: 1s;
}

.imagen {
  text-align: center !important;
  display: grid !important;
  /*	place-content: center center !important;*/
  place-content: center start !important;
  /*   padding-left: 10% !important;
 */
}

.promoStyle {
  width: 300px;
}

.idx_TitCarrusel {
  color: #fff;
  text-transform: uppercase;
  text-align: left !important;
  margin-bottom: 30px;
}

.idx_nomPromoM {
  color: #70c745;
}

.precioPromo {
  background: #d22807;
  max-width: 150px !important;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  padding: 10px 15px;
}

.idx_InfoCarrusel {
  color: #fff;
  text-align: left !important;
  margin-bottom: 30px;
  width: 50%;
  min-width: 45% !important;
}

.cont_carrusel {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 139em;
}

.cont_carrusel .anterior {
  position: absolute;
  text-decoration: none;
  color: white;
  font-size: 36px;
  top: 50%;
  transform: translateY(-50%);
}

.cont_carrusel .siguiente {
  position: absolute;
  text-decoration: none;
  color: white;
  font-size: 36px;
  top: 50%;
  transform: translateY(-50%);
}

.siguiente {
  left: 92%;
}

.anterior {
  left: 5.5%;
}

.boton {
  position: absolute;
  top: 90%;
  left: 85%;
}

.boton a img {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px;
  filter: invert(100%);
}

.puntos {
  position: absolute;
  top: 93%;
  width: 100%;
  text-align: center;
}

.punto {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.39);
  border-radius: 50%;
  margin-right: 5px;
}

.punto:hover {
  cursor: pointer;
  background-color: gray;
}

.cont_carrusel a:hover {
  color: gray;
}

.actual {
  visibility: visible;
  opacity: 1;
  transition: visibility 1s, opacity 1s;
}
.activo {
  background-color: gray;
}

/*--------------------------------------------------------------
                   RESPONSIVE MONO  
--------------------------------------------------------------*/

.section-heading-nosotros {
  position: relative;
  z-index: 1;
  color: rgb(128, 147, 241);
  font-weight: bold;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 18%;
}

.single-benefits-area-nosotros {
  margin-top: 30%;
}

@media (max-width: 1800px) {
  .section-padding-100-0 {
    padding-top: 3px;
  }

  .section-heading-nosotros {
    position: relative;
    z-index: 1;
    color: rgb(128, 147, 241);
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 18%;
  }

  .single-benefits-area-nosotros {
    margin-top: 30%;
  }
}

@media (max-width: 1700px) {
  .imgSlidde1 {
    background-image: url("img/slide1.png");
  }

  .imgSlidde2 {
    background-image: url("img/slide2.png");
  }

  .imgSlidde3 {
    background-image: url("img/slide3.png");
  }

  .imgSlidde4 {
    background-image: url("img/slide4.png");
  }

  .section-heading h2 {
    margin-top: 3%;
  }

  .section-padding-100-0 {
    padding-top: 74px;
  }

  .single-benefits-area-nosotros {
    margin-bottom: -32%;
  }
}

/* @media (max-width: 1634px) {
  .cont {
    width: 81% !important;
  }
} */

/* @media (max-width: 1614px) {
  .cont {
    width: 84% !important;
  }
} */

@media (max-width: 1601px) {
  .section-padding-100-0 {
    padding-top: 0px;
  }

  .justify-content-between-nosotros {
    margin-top: 18%;
  }
}

/* @media (max-width: 1556px) {
  .cont {
    width: 90% !important;
  }
} */

@media (max-width: 1550px) {
  .imgSlidde1 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru0.1.png");
  }

  .imgSlidde2 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru01.1.png");
  }

  .imgSlidde3 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru02.1.png");
  }

  .imgSlidde4 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru03.1.png");
  }

  .imgSlidde6 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru05.png");
  }
}

/* @media (max-width: 1452px) {
  .cont {
    width: 95% !important;
  }
} */

@media (max-width: 1400px) {
  .imgSlidde1 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru0.2.png");
  }

  .imgSlidde2 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru01.2.png");
  }

  .imgSlidde3 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru02.2.png");
  }

  .imgSlidde4 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru03.2.png");
  }

  .imgSlidde5 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru04.1.png");
  }
}

@media (max-width: 1376px) {
  .cont {
    width: 99% !important;
  }
}

@media (max-width: 1320px) {
  /* .cont {
    width: 101% !important;
  } */

  .tda_sep_car {
    width: 100%;
  }

  .header-area .is-sticky .alazea-main-menu {
    width: 1320px !important;
  }

  .container_footer {
    width: 100%;
  }
}

@media (max-width: 1300px) {
  .imgSlidde1 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru0.3.png");
  }

  .imgSlidde2 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru01.3.png");
  }

  .imgSlidde4 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru03.3.png");
  }

  .imgSlidde6 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru05.1.png");
  }
}

@media (max-width: 1294px) {
  /* .cont {
    width: 101% !important;
  } */

  .grid-view {
    grid-gap: 1rem !important;
  }

  .info-extra {
    margin-top: 6%;
  }
}

@media (max-width: 1261px) {
  .header-area .alazea-main-menu .classy-navbar {
    padding-right: 10px;
  }
}
@media (max-width: 880px) {
  .header-area .alazea-main-menu .classy-navbar {
    width: 7%;
  }
}

@media (max-width: 1243px) {
  /*  .cont {
    width: 104% !important;
  } */

  /* .prod-tarjeta {
    margin-left: -14%;
  } */
}

@media (max-width: 1207px) {
  /* .cont {
    width: 105% !important;
  } */

  /* .prod-tarjeta {
    margin-left: -18%;
  } */
}

@media (max-width: 1200px) {
  .imgSlidde1 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru0.4.png");
  }

  .imgSlidde2 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru01.4.png");
  }

  .imgSlidde3 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru02.4.png");
  }
}

@media (max-width: 1199px) {
  /* .image-list {
    width: 95% !important;
  } */

  .single-benefits-area {
    margin-bottom: 3px;
    margin-top: 24%;
  }

  .section-padding-100-0 {
    padding-top: 50px;
  }

  .single-benefits-area > p {
    margin-bottom: 25%;
  }

  .text-nosotros {
    font-size: smaller;
  }

  .card-b {
    width: 100% !important;
    height: 300px !important;
  }

  /* .cont {
    width: 111% !important;
  } */

  .tda_sep_car {
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .text-nosotros {
    font-size: smaller;
  }

  .card-b {
    width: 100% !important;
    height: 300px !important;
  }
}

@media (max-width: 1169px) {
  /* .cont {
    width: 115% !important;
  } */

  /* .option-order {
    width: 106%;
  } */
}

/* @media (max-width: 1170px) {
  .image-list {
    padding-right: 3% !important;
  }
} */

@media (max-width: 1300px) {
  .card-b {
    width: 80% !important;
  }

  /*  .cont {
    width: 117% !important;
  } */
}

@media (max-width: 1109px) {
  .cont {
    width: 100% !important;
  }

  /* .card-b {
    width: 100% !important;
  } */
}

@media (max-width: 1100px) {
  .imgSlidde1 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru0.5.png");
  }

  .imgSlidde2 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru01.5.png");
  }

  .imgSlidde3 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru02.5.png");
  }

  /*  .image-list {
    width: 100% !important;
  } */

  .single-benefits-are {
    padding-bottom: -6px !important;
    padding-top: 21px !important;
  }

  /* .cont {
    width: 116% !important;
  } */
}

@media (max-width: 1059px) {
}

@media (max-width: 1092px) {
  .section-heading p {
    font-size: 14px;
  }
}

@media screen and (max-width: 1060px) {
  .idx_TitCarrusel {
    max-width: 90%;
  }
}

@media (max-width: 991px) {
  /*  .image-list {
    width: 100% !important;
  } */

  .single-benefits-area > p {
    font-size: x-small;
  }

  .section-padding-100-0 {
    padding-top: 15px;
  }

  .section-heading-nosotros {
    margin-top: 18%;
  }

  .single-benefits-area-nosotros {
    margin-top: 3%;
    margin-bottom: -5%;
  }

  .text-nosotros {
    font-size: x-small;
  }
}

@media screen and (max-width: 840px) {
  .idx_TitCarrusel {
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  .section-padding-100-0 {
    padding-top: 9%;
    padding-bottom: 20%;
  }

  .single-benefits-area > p {
    font-size: medium;
  }

  .idx_imgPromo {
    margin-top: -5%;
  }

  .section-heading-nosotros {
    margin-top: 12%;
    margin-bottom: 1%;
  }
}

@media (max-width: 755px) {
  .idx_imgPromo {
    padding-top: 5%;
  }
}

@media screen and (max-width: 700px) {
  .promoStyle {
    width: 200px !important;
  }

  .imgSlidde2 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru01.6.png");
  }

  .imgSlidde3 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru02.6.png");
  }

  .imgSlidde4 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru03.5.png");
  }

  .imgSlidde5 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru04.2.png");
  }

  .imgSlidde6 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru05.2.png");
  }

  .section-padding-100-0 {
    padding-top: 15%;
  }

  .idx_imgPromo {
    margin-top: -15%;
  }
}

@media screen and (max-width: 600px) {
  .imagen img {
    width: 60%;
  }

  .imgSlidde3 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru02.7.png");
  }

  .single-benefits-area > p {
    font-size: smaller;
  }

  .section-padding-100-0 {
    padding-bottom: 25%;
  }

  .idx_imgPromo {
    margin-top: -36%;
  }
}

@media screen and (max-width: 600px) {
  .imagen {
    padding-left: 15% !important;
  }
  .idx_InfoCarrusel {
    width: 85%;
  }
}

@media (max-width: 594px) {
  .tda_sep_car {
    width: 100%;
  }

  .container_footer {
    width: 100%;
  }

  /* .option-order {
    width: 100%;
  } */
}

@media (max-width: 555px) {
  .idx_imgPromo {
    margin-top: -24%;
  }
}

@media (max-width: 533px) {
  .section-padding-100-0 {
    padding-bottom: 28%;
  }

  .idx_imgPromo {
    margin-top: -30%;
  }
}

@media (max-width: 513px) {
  .section-padding-100-0 {
    padding-bottom: 10%;
  }

  .idx_imgPromo {
    margin-top: -21%;
  }
}

@media (max-width: 500px) {
  .imgSlidde3 {
    background-image: url("img/ImgsWEBP/Redimensiones/carru02.8.png");
  }

  .section-heading-nosotros {
    margin-top: 3%;
    margin-bottom: 1%;
  }
}

@media (max-width: 489px) {
  .idx_imgPromo {
    margin-top: -16%;
  }
}

@media (max-width: 478px) {
  .section-padding-100-0-nosotros {
    padding-top: 9%;
  }

  .section-heading-nosotros {
    margin-top: -15%;
    margin-bottom: -3%;
  }
}

@media (max-width: 462px) {
  .section-padding-100-0-nosotros {
    padding-top: 6%;
    padding-bottom: 0%;
  }

  .section-heading-nosotros {
    margin-top: -12%;
    margin-bottom: -5%;
  }
}

@media (max-width: 449px) {
  .text-nosotros {
    font-size: 60%;
  }

  .section-heading-nosotros {
    margin-top: -5%;
    margin-bottom: -5%;
  }
}

@media (max-width: 432px) {
  .section-heading-nosotros {
    margin-top: -11%;
  }
}

@media (max-width: 417px) {
  .section-padding-100-0 {
    padding-bottom: 10%;
  }

  .idx_imgPromo {
    margin-top: -26%;
  }
}

@media (max-width: 402px) {
  .section-heading-nosotros {
    margin-top: -14%;
  }
}

.cont_carrusel {
  width: 100%;
  height: 930px;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cont_carrusel {
    height: 690px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cont_carrusel {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .cont_carrusel {
    height: 380px;
  }
}

/*--------------------------------------------------------------
CARRUSEL CARRUSEL CARRUSEL CARRUSEL CARRUSEL CARRUSEL CARRUSEL 
--------------------------------------------------------------*/

/*--------------------------------------------------------------
CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO CONTENIDO
--------------------------------------------------------------*/
.idx_distribuidorInfo {
  background: url("img/ImgsWEBP/ImgDistri.webp") fixed center center;
  background-size: cover;
  /*	height: 30%;*/
  display: grid;
  place-content: center;
  color: #000000;
  text-align: center;
  margin-bottom: 40px;
  height: 690px;
  margin-top: 54px;
}

.idx_TxtDistribuidor {
  margin-top: 20px;
  color: #000000 !important;
  text-align: left !important;
  font-weight: 900;
}

.idx_TxtDistribuidorWhite {
  margin-top: 20px;
  color: #000 !important;
  text-align: left !important;
}

.idxBtnDist {
  text-align: center;
}

.idxBtnDist button {
  color: #fff;
  padding: 15px 40px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  border: 2px solid #fff;
  margin-top: 20px;
}
.idxBtnDist button:hover {
  content: "";

  z-index: -1;
  background: linear-gradient(
    45deg,
    red,
    purple,
    deeppink,
    purple,
    red,
    purple,
    deeppink,
    purple
  );
  background-size: 800%;
  border-radius: 10px;

  animation: glowing 20s linear infinite;
  transform: scale(1.2);
  transition: 0.6s;
}
/* ====== Button ir arriba =======*/

#myBtnSubir {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  font-size: 25px;
  border: none;
  outline: none;
  background-color: #0e1d43;
  color: white;
  cursor: pointer;
  padding-top: 3px;
  border-radius: 4px;
  width: 40px;
  height: 40px;
}

#myBtnSubir:hover {
  background-color: #0e1d43;
}

/* ====== Button ir WhatsApp =======*/

.myBtnWhFlotante {
  display: scroll;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 998;
}
.myImgWhF {
  width: 60px;
  transition: transform 0.3s ease;
}

.myImgWhF:hover {
  color: rgb(46, 35, 12);
  transform: scale(1.2);
  animation: rotate-vertical 1.1s ease-out;
}

/* Mensaje fuera de horario */

div:where(.swal2-container) div:where(.swal2-popup) {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 100%);
    width: 23em !important;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #fff;
    color: #545454;
    font-family: inherit;
    font-size: 1rem;
}

div:where(.swal2-container) div:where(.swal2-html-container) {
  z-index: 1;
  justify-content: center;
  margin: 0;
  padding: 1em 1.6em .3em;
  overflow: auto;
  color: inherit;
  font-size: 1em !important;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
  cursor: initial;
}
div:where(.swal2-icon).swal2-info {
  border-color: #eecb3f !important;
  color: #eecb3f !important;
}


/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS CONSUMO RESPONSABLE CSS CONSUMO RESPONSABLE CSS CONSUMO RESPONSABLE CSS CONSUMO RESPONSABLE CSS CONSUMO RESPONSABLE CSS CONSUMO RESPONSABLE CSS CONSUMO RESPONSABLE  
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.pCResponsable {
  background-image: url("img/Consumo Responsable.jpg");
  height: 100%;
  display: grid !important;
  place-content: center !important;
}

.hconsBgInfo {
  background: #fff;
  padding: 80px;
}

.pCRImg {
  display: block;
  margin: auto;
  width: 200px;
}
.pCRPregunta {
  color: #000;
  text-align: center;
  margin: 20px 0px;
}

.pCRContBtn {
  display: block;
  text-align: center;
}

.pCRBtn {
  max-width: 200px;
  min-height: 50px;
  max-height: 100px;
  margin: 10px;
  padding: 10px;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-weight: 500;
  background: #e8a35e;
}

.pCRBtn:hover {
  transform: scale(1.1);
  transition: 1s;
}

.accRestringido {
  text-align: center;
  color: #b00118;
  font-weight: bold;
  min-width: 450px;
  max-width: 500px;
  background: #fff;
  display: grid;
  margin: auto;
}

@media screen and (max-width: 650px) {
  .hconsBgInfo {
    padding: 10px;
  }
}

@media screen and (max-width: 500px) {
  .pCRBtn {
    font-size: 13px;
  }
  .hconsBgInfo {
    width: 90% !important;
    display: block;
    margin: auto;
  }
}

@media screen and (max-width: 450px) {
  .hconsBgInfo {
    width: 65% !important;
    display: block;
    margin: auto;
  }
  .pCRBtn {
    width: 180px;
  }
}

@media screen and (max-width: 370px) {
  .hconsBgInfo {
    width: 60% !important;
    display: block;
    margin: auto;
  }
}

@media screen and (max-width: 320px) {
  .hconsBgInfo {
    width: 50% !important;
    display: block;
    margin: auto;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS SOBRE NOSOTROS CSS SOBRE NOSOTROS CSS SOBRE NOSOTROS CSS SOBRE NOSOTROS CSS SOBRE NOSOTROS CSS SOBRE NOSOTROS CSS SOBRE NOSOTROS CSS SOBRE NOSOTROS
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/
.hnosotrosIcon {
  width: 45px;
}
.hnosotrosRedesS {
  text-align: center;
}

.hnosotrosRedesS a i {
  font-size: 50px;
  margin: 20px;
  color: #000;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	MARCAS Y CATEGORÍAS MARCAS Y CATEGORÍAS MARCAS Y CATEGORÍAS MARCAS Y CATEGORÍAS MARCAS Y CATEGORÍAS MARCAS Y CATEGORÍAS MARCAS Y CATEGORÍAS MARCAS Y CATEGORÍAS 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.hmarcaPrincipal {
  margin: -190px 0px 20px 0px;
}

.hcontMarcaPrin {
  /*		background: #fff; */
  width: 300px;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
}
.hmarcaLogoPrin {
  width: 300px;
}
.services {
  color: #000;
  text-align: center;
  width: 85%;
  margin: 2% 0 3% 8%;
  background: 23067;
}
.services h1 {
  font-size: 35px;
}

.hmarcasLogo {
  height: 95%;
}
.cards_Marcas {
  columns: 4;
  width: 100%;
  height: auto;
  color: #fff;
}
.cards_Marcas a {
  color: #000;
  text-decoration: none;
}

.hmarca1 {
  background-image: url("img/Marca Rey Mixe.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.hmarca2 {
  background-image: url("img/Marca Cremas.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.hmarca3 {
  background-image: url("img/Marca Chatinas.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.hmarca4 {
  background-image: url("img/Marca Rec. Oaxaca.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.nombreColorMar {
  color: #fff !important;
  text-align: center !important;
}

.cards_Marcas .service-card {
  color: 000;
  width: 90%;
  height: 200px;
  border: 1px solid #fff;
  padding: 10px 0 0 10px;
  margin: 15px 0;
}
.cards_Marcas .service-card:hover {
  transform: scale(1.1);
  box-shadow: 1px 1px 6px 4px #cae1db;
  background-color: #cae1db;
  transition: 1s;
  border-radius: 4px;
  color: white;
}
.cards_Marcas .card-equipos {
  margin-top: 0;
}
.service-card .fa {
  font-size: 40px;
  float: left;
}
.service-card p {
  font-size: 25px;
  padding: 3% 0 0;
  color: #fff;
}
@media screen and (max-width: 1400px) {
  .promo-img img {
    margin-top: 15px;
    width: 400px;
  }
  .box-one {
    height: 350px;
  }
}
@media screen and (max-width: 1135px) {
  .promo-img img {
    width: 400px;
  }
}
@media screen and (max-width: 1110px) {
  .box-one {
    font-size: 16px;
  }
  .box-one {
    height: 380px;
  }
}
@media screen and (max-width: 1000px) {
  .background-header {
    font-size: 20px;
  }
  .box-one {
    height: 400px;
  }
  .cards_Marcas {
    columns: 2;
    width: 100%;
    height: auto;
    color: #fff;
  }
}

.hContMarca {
  width: 60%;
  display: grid;
  grid-template-columns: 33% 33% 33%;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 4%;
}

.hmarcaImg {
  width: 80%;
  display: block;
  margin: auto;
}

.hmarcaImgMargin {
  margin-top: 80px;
}

.hmarcaInfo {
  width: 60%;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 4%;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 3%;
}

@media screen and (max-width: 985px) {
  .bg-promociones {
    columns: 1;
    height: auto;
    margin-top: 10%;
  }
  .promo-img img {
    margin-top: 0px;
    width: 45%;
    margin: 0 0 0 50%;
  }
  .promo-img {
    margin-top: -50%;
  }
  .anuncio-promo {
    margin-top: 10%;
    width: 50%;
  }
}
@media screen and (max-width: 800px) {
  .hContMarca {
    width: 85%;
  }

  .hmarcaInfo {
    width: 85%;
  }
}

@media screen and (max-width: 730px) {
  .bg-promociones {
    columns: 1;
    height: auto;
    margin-top: 10%;
  }
  .promo-img {
    margin-top: -50%;
  }
}
@media screen and (max-width: 650px) {
  .bg-promociones {
    columns: 1;
    height: auto;
  }
  .promo-img {
    margin: -700px 0 0;
  }
  .promo-img img {
    width: 60%;
    margin: 100px 0 0 20%;
    padding: 0;
  }
  .anuncio-promo {
    width: 95%;
    margin: 70% 0 0 0;
  }
}
@media screen and (max-width: 620px) {
  .cards_Marcas {
    columns: 1;
    margin-left: 5%;
    width: 90%;
  }
  .background-header p {
    font-size: 15px;
    margin-top: 45%;
  }

  .bg-promociones {
    columns: 1;
    height: auto;
  }
}

@media screen and (max-width: 530px) {
  .hContMarca {
    width: 95%;
  }

  .hmarcaInfo {
    width: 85%;
  }
}

@media screen and (max-width: 460px) {
  .box-one {
    height: 400px;
  }
  .column-one h2,
  .column-two h2 {
    font-size: 20px;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES PAQUETES
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.bgTitPaq {
  /*	background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), url('img/Slide1.jpg') fixed center center;*/
  background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)),
    url("img/Bg Paq1.jpg");
  background-size: cover;
  /*	height: 30%;*/
  display: grid;
  place-content: center;
  color: #fff;
  text-align: center;
  height: 200px;
}
.bgTitPaq a {
  text-align: left;
}
.bgTitPaq p {
  text-align: center;
  text-transform: uppercase;
}
.bgpaq1 {
  /*		background: #feed01;*/
  background: #fff;
  padding: 30px 0px;
}
.paqueteCont {
  display: grid;
  grid-template-columns: 50% 50%;
}
.paqBasico,
.paqPremim {
  padding: 3% 10%;
}

.paqBasico h3,
.paqPremim h3 {
  text-transform: uppercase;
  font-weight: bold;
}

.paqBasico h5,
.paqPremim h5 {
  font-weight: bold;
  color: #6f350f;
  text-transform: uppercase;
}

.benefPaquete h5,
.benefPaquete h5 {
  font-weight: bold;
  color: #6f350f;
  text-transform: uppercase;
  max-width: 50%;
}

.paqBasico h3 i {
  color: lightskyblue;
  background: #fff;
  padding: 5px 5px 5px 7px;
  border-radius: 4px;
}

.paqPremim h3 i {
  color: #70c745;
  background: #fff;
  padding: 5px 5px 5px 7px;
  border-radius: 4px;
}

.contPPremium .productospaq div ol li i {
  color: #e8e8e8;
}

.paqBasico .productospaq div ol li i {
  color: #e8e8e8;
}

.tituloPaquete {
  text-transform: uppercase;
  text-align: center;
  padding-top: 15px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 2px;
}

.productospaq {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}

.txtTitNumb {
  background: #525b59;
  color: #fff;
  padding: 5px 5px 5px 15px;
  border-radius: 3px;
}

.productospaq div {
  padding: 10px;
}

.contPPremium {
  border-left: 1px solid #244215;
  background: #fff;
}

.contPBasico {
  border-left: 1px solid #fff;
  background: #fff;
}

.benefPaquete {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 3% 10%;
}

.precioPaq {
  width: 90%;
  display: block;
  margin: auto;
  padding-bottom: 30px;
}

.btnSolicitarPaq button {
  background: #5b361d;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: none;
  padding: 15px 30px;
  display: block;
  margin: auto;
  box-shadow: 0 0 10px 0 #5b361d inset, 0 0 5px 4px #5b361d;
  text-decoration: underline #5b361d !important;
}
.btnSolicitarPaq button:hover {
  transform: scale(1.2);
  transition: 0.7s;
  background: #ffdfc9;
  text-decoration: underline #ffdfc9 !important;
  color: #5b361d;
}

.imgCabPPaq {
  width: 200px;
  margin-bottom: -150px;
}

.ContchatVisitaPal {
  text-align: right;
}

.chatVisitaPal {
  width: 300px;
}

@media screen and (max-width: 1200px) {
  .paqueteCont {
    display: grid;
    grid-template-columns: 100%;
  }
  .precioPaq {
    width: 70%;
  }
  .contPPremium {
    border-left: none;
  }
}

@media screen and (max-width: 850px) {
  .imgCabPPaq {
    width: 150px;
    margin-bottom: -150px;
  }
}

@media screen and (max-width: 820px) {
  .productospaq {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}

@media screen and (max-width: 760px) {
  .imgCabPPaq {
    width: 100px;
    margin-bottom: -70px;
  }
}

@media screen and (max-width: 730px) {
  .benefPaquete {
    display: grid;
    grid-template-columns: 100%;
  }
  .precioPaq {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .precioPaq {
    width: 80%;
  }
}

@media screen and (max-width: 575px) {
  .imgCabPPaq {
    width: 0px;
    margin-bottom: -70px;
  }
}

@media screen and (max-width: 490px) {
  .productospaq {
    display: grid;
    grid-template-columns: 100%;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS COCTERERÍA CSS COCTERERÍA CSS COCTERERÍA CSS COCTERERÍA CSS COCTERERÍA CSS COCTERERÍA CSS COCTERERÍA CSS COCTERERÍA CSS COCTERERÍA CSS COCTERERÍA CSS COCTERERÍA 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.hcocContCardBebida {
  display: grid;
  grid-template-columns: 50% 50%;
}
.hcoctelImgCoctel {
  background: url("img/Coctel1.jpg") center center;
  background-size: cover;
  height: 300px;
  width: 90%;
  display: grid;
  place-content: end start;
  padding-bottom: 5%;
  padding-left: 5%;
  color: #fff;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.idxBtnWhPrinMarca {
  text-align: center;
  text-decoration: none !important;
}

.idxBtnWhPrinMarca h1 {
  padding-bottom: 65px;
  text-transform: uppercase;
  -webkit-text-stroke: 2px #b76e22;
  color: #f2eddb;
  font-weight: bold;
}

.idxBtnWhPrinMarca button {
  color: #fff;
  padding: 15px 40px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  border: 2px solid #fff;
}
.idxBtnWhPrinMarca button:hover {
  transform: scale(1.1);
  transition: 1s;
}

.modal-content {
  background: #fff !important;
}
.modal-header {
  border-bottom: none;
  padding-left: 20%;
}

.modal-header .close {
  margin-left: 10%;
  color: #000 !important;
}

.modal-title {
  border-bottom: none;
  text-align: center;
  color: #000 !important;
  text-transform: uppercase;
  margin-top: 20px;
  font-weight: bold;
}
.hbebImgModal {
  width: 70%;
  display: block;
  margin: auto;
}
.idxInfoModal {
  margin-top: 40px;
  color: #000;
}

.idxInfoModal ul li i {
  color: cadetblue !important;
}

.idxInfoModal h5 {
  font-weight: bold;
}

.idxInfoModal p {
  text-align: left;
}
.hcoctelConsejo {
  text-align: center !important;
  font-style: italic;
  color: cadetblue !important;
  text-decoration: none !important;
}

.modal-footer {
  border-top: none !important;
}

@media screen and (max-width: 600px) {
  .hcocContCardBebida {
    display: grid;
    grid-template-columns: 100%;
  }
  .hcoctelImgCoctel {
    display: block;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.container_footer {
  background-color: #000000;
  /* background-color: rgb(252, 214, 249, 0.5); */
  /* background: linear-gradient(#000, #00478E); */
  display: block;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
  color: #fff;
}

footer {
  font-size: 15px;
}
footer .list-contact {
  list-style: none;
  text-align: center;
  font-size: 28px;
}
footer .list-contact li .fa {
  font-size: 28px;
}

.fa-whatsapp {
  padding-right: 8px;
  font-weight: bold;
  font-size: 25px;
}
.footer-social p a {
  color: #007bff;
  font-size: 14px !important;
  text-decoration: none;
}

.footer-social a .fa-facebook {
  color: #ffffff !important;
  margin: 0px 20px 0px 0px;
  font-size: 30px;
  font-weight: bold;
  transition: transform 0.3s ease;
}

.footer-social a .fa-facebook:hover {
  color: rgb(255, 255, 255);
  transform: scale(1.2);
  animation: rotate-vertical 1.1s ease-out;
}

.footer-social a .fa-instagram {
  color: #222 !important;
  margin: 0px 20px 0px 0px;
  font-size: 30px;
  font-weight: bold;
  transition: transform 0.3s ease;
}

.footer-social a .fa-instagram:hover {
  color: rgb(46, 35, 12);
  transform: scale(1.2);
  animation: rotate-vertical 1.1s ease-out;
}

.footer-social a .fa-tiktok {
  color: #222 !important;
  margin: 0px 20px 0px 0px !important;
  font-size: 30px !important;
  font-weight: bold !important;
  transition: transform 0.3s ease;
}

.footer-social a .fa-tiktok:hover {
  color: rgb(46, 35, 12);
  transform: scale(1.2);
  animation: rotate-vertical 1.1s ease-out;
}

.footer-social a .fa-youtube {
  color: #222 !important;
  margin: 0px 20px 0px 0px !important;
  font-size: 30px !important;
  font-weight: bold !important;
  transition: transform 0.3s ease;
}

.footer-social a .fa-whatsapp {
  color: #ffffff !important;
  margin: 0px 20px 0px 0px;
  font-size: 30px;
  font-weight: bold;
  transition: transform 0.3s ease;
}

.footer-social a .fa-whatsapp:hover {
  color: rgb(255, 255, 255);
  transform: scale(1.2);
  animation: rotate-vertical 1.1s ease-out;
}

@keyframes rotate-vertical {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

.list-contact a {
  text-decoration: none;
  color: #fff;
}
.list-contact a:hover {
  color: #fff;
}

.footer-pera h4 {
  color: #fff;
}
.footer-tittle h4 {
  /*	color: darkslategray;*/
  color: rgb(255 255 255);
  margin-bottom: 3%;
}

.footer-pera p {
  color: white;
  font-size: 15px;
}
.footer-pera p .fa-whatsapp {
  color: #222 !important;
  margin: 0px;
  font-size: 20px;
  font-weight: bold;
}
.gaviso {
  text-align: center;
  color: #fff;
}

.gaviso a {
  color: #fff;
  text-decoration: none;
}

.gaviso a:hover {
  color: #fff;
}

.tda_grid {
  display: grid;
  grid-template-columns: 50% 50%;
}

@media screen and (max-width: 1000px) {
  .tda_grid {
    grid-template-columns: 100%;
  }
  footer {
    font-size: 15px;
  }
  .footer-social a i {
    font-size: 40px;
  }
}
@media screen and (max-width: 600px) {
  .footer-social a i {
    font-size: 50px;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO CSS AVISO 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.content-aviso {
  text-align: justify;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  background: #fbfbfd;
  color: #222;
  padding: 5% 7%;
}
.title-av {
  color: #000;
  text-align: center;
  margin-bottom: 3%;
  font-family: "BankGothic Lt BT";
  letter-spacing: -3px;
  font-weight: bold;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/

/*    C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A     */
/*    C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A     */
/*    C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A     */
/*    C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A     */
/*    C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A     */
/*    C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A     */
/*    C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A     */
/*    C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A     */
/*    C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A   C S S  T I E N D A     */

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS LOGIN Y REGISTRO CSS LOGIN Y REGISTRO CSS LOGIN Y REGISTRO CSS LOGIN Y REGISTRO CSS LOGIN Y REGISTRO CSS LOGIN Y REGISTRO CSS LOGIN Y REGISTRO CSS LOGIN Y REGISTRO  
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.body_loginReg {
  margin-top: 200px;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("img/fondo-login.jpg") fixed center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*	min-height: 100% !important;*/
}

.cont-login {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.login_logo {
  display: block;
  margin: auto;
  width: 175px;
  margin-top: -170px;
  border-radius: 60%;
}

.login-box {
  position: relative;
  /*  left: 35%;*/
  width: 470px;
  padding: 80px 40px 80px 40px;
  background-color: #f7f7f7;
  box-sizing: border-box;
  box-shadow: 0 15px 25px rgb(114 109 117 / 50%);
  /*  border: 1px solid rgba(105,45,146,0.50);*/
  height: auto;
  /* margin-top: 20px !important; */
  margin-bottom: 50px !important;
  transition: all 500ms ease;
  margin-bottom: 40px;
  z-index: 0;
  /* font-weight: 700; */
  border-radius: 2%;
  transition-delay: 0s;
}

.login-box:hover,
.login-box:focus {
  /* background-color: rgb(255, 173, 199, 0.9); */
  border-color: rgba(216, 17, 89, 0.66);
  border-bottom-color: #0496ff;
  border-right-color: #0496ff;
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  transform: translateY(-0.3em);
}

.login-box h2 {
  margin-bottom: 15px;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 30px;
  padding: 0;
  color: #080679;
  text-align: center;
  font-weight: bold;
}

.login-box .user-box {
  position: relative;
}

.user-box input {
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
  color: #002e5b;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #a5a5a5;
  font-size: 17px !important;
  outline: none;
  background: transparent;
}
.login-box .user-box label {
  /* position: absolute; */
  top: 0;
  left: 0;
  /* padding: 10px 0; */
  font-size: 16px;
  color: #0e134e;
  font-weight: bold;
  pointer-events: none;
  transition: 0.5s;
}
.login-box .user-box .email-size {
  margin-top: -15px;
  text-align: center;
}

.login-box .user-box input:focus ~ label,
.login-box .user-box input:enabled ~ label {
  top: -20px;
  left: 0;
  color: #002e5b;
  font-weight: bold;
  font-size: 12px;
}

.login-box form a {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #8e7804;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  transition: 1.5s;
  margin-top: 40px;
  letter-spacing: 4px;
}

.login-box form a:hover {
  color: #6c3a28;
}

.login-box a:hover {
  /* background: #006af7; */
  /*   color: #fff;
  border-radius: 5px; */
  /* box-shadow: 0 0 5px #006af7, 0 0 25px #006af7; */
  transform: scale(1.2) !important;
  transition: 1s !important;
}

.list-registro select {
  background: rgba(247, 247, 247, 0.9);
  border: none;
  color: #6c3a28;
  font-weight: bold;
  padding: 5px 10px;
  /*	text-align: center;*/
}
.list-registro ul {
  width: 100%;
}
.list-registro li {
  width: 100%;
}

.list-registro label {
  font-size: 17px;
  font-weight: 500;
  color: #222;
}

.body_loginReg .login-box ul li .user-box label {
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #222;
}

.list-registro input {
  background: none;
  border: none;
  border-bottom: 1px solid #a5a5a5;
  padding-left: 10px;
  outline: none;
  font-size: 17px !important;
  /*	text-align: center;*/
  width: 90%;
}

.content-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*=================TAMAÑOS INPUT================*/

.reg_blist {
  margin-bottom: 10px;
  display: block;
}

/* .width_name {
  width: 86%;
}
.width_rfc {
  width: 81%;
}
.width_regimen {
  width: 87%;
}
.width_pais {
  width: 80%;
}
.width_cp {
  width: 60%;
}
.width_edo {
  width: 74%;
}
.width_mun {
  width: 70%;
}
.width_calle {
  width: 78%;
}
.width_nint {
  width: 71%;
}
.width_next {
  width: 70%;
}
.width_colonia {
  width: 73%;
}
.width_tel {
  width: 86%;
}
.width_mail {
  width: 77%;
}
.width_user {
  width: 87%;
}
.width_pass {
  width: 88%;
}
.width_rpass {
  width: 86%;
}
 */
/* @media screen and (max-width: 642px) {
  .width_rfc {
    width: 80%;
  }
}

@media screen and (max-width: 626px) {
  .width_pais {
    width: 90%;
  }
  .width_cp {
    width: 76%;
  }
  .width_edo {
    width: 86%;
  }
  .width_mun {
    width: 84%;
  }
  .width_calle {
    width: 89%;
  }
  .width_nint {
    width: 85%;
  }
  .width_next {
    width: 84%;
  }
  .width_colonia {
    width: 85%;
  }
  .width_tel {
    width: 85%;
  }
  .width_mail {
    width: 88%;
  }
  .width_user {
    width: 86%;
  }
  .width_pass {
    width: 80%;
  }
  .width_rpass {
    width: 86%;
  }
}

@media screen and (max-width: 619px) {
  .width_rfc {
    width: 76%;
  }
  .width_pais {
    width: 90%;
  }
  .width_cp {
    width: 76%;
  }
  .width_edo {
    width: 86%;
  }
  .width_mun {
    width: 84%;
  }
  .width_calle {
    width: 89%;
  }
  .width_nint {
    width: 85%;
  }
  .width_next {
    width: 84%;
  }
  .width_colonia {
    width: 85%;
  }
  .width_tel {
    width: 85%;
  }
  .width_mail {
    width: 88%;
  }
  .width_user {
    width: 86%;
  }
  .width_pass {
    width: 70%;
  }
  .width_rpass {
    width: 86%;
  }
}

@media screen and (max-width: 609px) {
  .width_regimen {
    width: 84%;
  }
}
@media screen and (max-width: 597px) {
  .width_rfc {
    width: 75%;
  }
}

@media screen and (max-width: 595px) {
  .width_name {
    width: 85%;
  }
}
@media screen and (max-width: 583px) {
  .width_cp {
    width: 75%;
  }
}
@media screen and (max-width: 578px) {
  .width_rfc {
    width: 74%;
  }
}
@media screen and (max-width: 577px) {
  .width_regimen {
    width: 83%;
  }
}
@media screen and (max-width: 564px) {
  .width_cp {
    width: 73%;
  }
}
@media screen and (max-width: 563px) {
  .width_name {
    width: 83%;
  }
}
@media screen and (max-width: 561px) {
  .width_next {
    width: 83%;
  }
}
@media screen and (max-width: 560px) {
  .width_name {
    width: 84%;
  }
  .width_rfc {
    width: 73%;
  }
  .width_cp {
    width: 74%;
  }
  .width_next {
    width: 83%;
  }
}
@media screen and (max-width: 560px) {
  .width_name {
    width: 84%;
  }
  .width_rfc {
    width: 73%;
  }
  .width_cp {
    width: 74%;
  }
  .width_next {
    width: 83%;
  }
} */

@media screen and (max-width: 559px) {
  .reg_blist {
    display: grid;
  }
  .list-registro input {
    width: 95%;
  }
  .list-registro select {
    width: 95%;
  }
}

/*=================TAMAÑOS INPUT================*/

.login-box a span {
  position: absolute;
  display: block;
}
.login-box a span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(transparent, #03e9f4);
}
.list-registro {
  display: flex;
  flex-direction: column;
  list-style: none;
  width: 100%;
  padding: 0;
  font-size: 13px !important;
}
.regimen-label {
  border-bottom: none;
}
.regimen {
  width: 400px;
  margin: 10px 0 0 120px;
  background: none;
  color: rgba(0, 129, 199, 1);
  border-bottom: 1px solid #006af7;
  border-left: none;
  border-right: none;
  border-top: none;
  font-size: 13px;
}
.regimen option {
  background: #e1fcff;
  color: #002e5b;
}
.selects {
  margin: -20px 0 0px 0;
  /* padding-bottom: 25px; */
}

.ingresoo {
  font-size: 18px;
  font-weight: 600;
  margin: 0px !important;
  text-align: center;
}

.send-form {
  background: #000;
}
.send-form span {
  position: absolute;
  display: block;
  background: none;
}
.send-form span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(transparent, #03e9f4);
}

.btn-enviar {
  margin: 0;
  padding: 0;
}
.btn-enviar {
  color: #fff;
  border: none;
  border-radius: 0px;
  padding: 10px 36px;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #db00b6;
  -webkit-transition: ease-out 0.3s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.5s;
  background-color: #080679;
  border-radius: 6%;
}

.btn-enviar:hover {
  transform: scale(0.9);
}

.login-box a span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #03e9f4);
  animation: btn-anim2 1s linear infinite;
  animation-delay: 0.25s;
}
@keyframes btn-anim2 {
  0% {
    top: -100%;
  }
  50%,
  100% {
    top: 100%;
  }
}

.login-box a span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #03e9f4);
  animation: btn-anim3 1s linear infinite;
  animation-delay: 0.5s;
}

@keyframes btn-anim3 {
  0% {
    right: -100%;
  }
  50%,
  100% {
    right: 100%;
  }
}

.login-box a span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #03e9f4);
  animation: btn-anim4 1s linear infinite;
  animation-delay: 0.75s;
}

@keyframes btn-anim4 {
  0% {
    bottom: -100%;
  }
  50%,
  100% {
    bottom: 100%;
  }
}

@media screen and (max-width: 1300px) {
  .login-box {
    top: 0%;
  }
}

@media screen and (max-width: 758px) {
  .login-box {
    width: 90%;
  }
}

@media screen and (max-width: 750px) {
  .login-box {
    width: 90%;
  }
}
@media screen and (max-width: 670px) {
  .login-box {
    top: 0%;
  }
}
@media screen and (max-width: 640px) {
  .login-box {
    width: 90%;
  }
  .regimen {
    width: 360px;
  }
}

@media screen and (max-width: 635px) {
  .regimen {
    width: 54%;
  }
}
@media screen and (max-width: 360px) {
  .regimen {
    width: 50%;
  }
}

/*==================.reg_blist*/
@media screen and (max-width: 626px) {
  .ub_grid {
    display: grid !important;
    grid-template-columns: 100% !important;
  }
}

@media screen and (max-width: 320px) {
  .ingresoo {
    font-size: 15px;
  }
  .regimen {
    width: 41%;
  }
}
@media screen and (max-width: 280px) {
  .ingresoo {
    font-size: 13px;
  }
  .regimen {
    width: 30%;
  }
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/** * * * * * * * * * BOTÓN MODAL PARA RECUPERRAR PASSWORD * * * * * * * * * **/

.btnRecuperarPass {
  text-align: center;
  margin-top: 40px;
  display: grid;
  grid-template-rows: 50% 50%;
}

.btnRecuperarPass a {
  color: rgba(54, 93, 243, 1) !important;
  /*  font-weight: 600; */
}

.btnRecuperarPass button {
  border: none !important;
  background: none !important;
  font-size: 14px !important;
  color: #5066ff !important;
  text-decoration: underline !important;
  outline: none !important;
  padding: 10px !important;
  border-radius: 3px !important;
  font-weight: 600 !important;
}

.btnRecuperarPass button:hover {
  transform: scale(1.2) !important;
  transition: 1s !important;
}

.modalHeader {
  display: grid !important;
  grid-template-columns: 85% 15% !important;
  padding-bottom: 30px;
  padding: var(--bs-modal-padding) !important;
}

/*
.modal{
--bs-modal-padding: 2rem !important;
	margin: 0 auto !important;
	}
*/

.modalTitle {
  color: #6c3a28 !important;
  font-weight: bold !important;
  font-size: 17px !important;
  margin: 15px 0px !important;
  text-align: center !important;
}

.CloseModal {
  background: none !important;
  border: none !important;
  color: #000 !important;
  font-size: 25px !important;
  font-weight: bold !important;
  display: block !important;
  margin: auto !important;
  outline: none !important;
}
.CloseModal:hover {
  transform: scale(1.2) !important;
  transition: 1s !important;
  color: red !important;
}

/*
.modal-content{
	border: none !important;
	margin-top: 300px !important;
}
*/

.modal-content a {
  font-size: 16px !important;
  padding: var(--bs-modal-padding) !important;
  background: none !important;
}
.modalFooter {
  text-align: right !important;
  padding: var(--bs-modal-padding) !important;
}

.form-control {
  color: #000 !important;
  font-size: 17px !important;
  padding: 0.375rem 3.5rem !important;
}
.col-form-label {
  font-size: 14px !important;
  color: rgba(0, 0, 60) !important;
}
.env_RecPass {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 0px;
  padding: 8px 16px;
  display: inline-block;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 14px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #a6620a;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
  background: teal;
}

.env_RecPass:hover {
  box-shadow: inset 400px 0 0 0 #ec4b34;
  transform: scale(1.03);
  transition: 1s;
}

/** * * posicion icon en input * * **/
.input_iconp {
  position: relative;
}
.input-icon {
  color: #0dcaf0;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 10px;
  top: 75%;
  font-size: 17px;
  transform: translateY(-50%);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
  -webkit-transition-delay: 9999s;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS TIENDA CSS TIENDA CSS TIENDA CSS TIENDA CSS TIENDA CSS TIENDA CSS TIENDA CSS TIENDA CSS TIENDA CSS TIENDA CSS TIENDA CSS TIENDA CSS TIENDA CSS TIENDA CSS TIENDA   
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.tda_sep_car {
  height: 72px;
}

.content-principal .sub-header {
  /* position: fixed !important; */
  /* height: auto; */
  /* z-index: 900; */
  /* width: 100%; */
  color: #fff;
  /* display: grid; */
  /* grid-template-columns: 40% 60%; */
  /* text-align: center; */
  padding: 10px;
  background-color: #dcf0fd;
}

.searchBox {
  /*   margin-top: 9px;
 */
  width: 100%;
  text-align: center;
  padding-right: 10px;
}
.cont-search {
  width: 550px;
  height: 38px;
  border: 1px solid #b3b3b3;
  background-color: #fff;
  font-size: 19px;
  outline: none !important;
  padding-left: 15px;
  border-radius: 5px;
}
.btn-search {
  width: 75px;
  height: 38px;
  background-color: #000000;
  box-shadow: inset 0 0 0 0 #f20089;
  color: #fff;
  border: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: -10px;
  padding-top: 4px;
  margin-left: -70px;
}
.btn-search:hover {
  transform: scale(1.03, 1.03);
  box-shadow: inset 400px 0 0 0 #f20089;
}

/*============ CAROUSEL ============*/
.content-principal {
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .content-principal {
    margin-left: 0;
  }
}
.Carrusel_Contenedor {
  height: auto;
  width: 80%;
  display: flex;
  flex-direction: column;
  font-family: "Quicksand", sans-serif;
  background-size: cover;
  backrgound-repeat: no-repeat;
  justify-content: center;
}

.carrousel {
  box-shadow: 15px 9px 30px 6px rgba(0, 0, 0, 0.61);
  width: 150%;
  height: auto;
  display: flex;
}

.controls {
  width: 0%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.controls button {
  border: none;
  border-radius: 5px;
  background: none;
  color: black;
  cursor: pointer;
  font-size: 0rem;
  height: 0px;
  width: 0px;
  transition: all 350ms ease-in;
}

.controls button:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.circles {
  bottom: 10%;
  display: flex;

  justify-content: space-between;
  width: 10%;
  position: absolute;
}

.circle {
  background-color: rgba(255, 255, 255, 0.6);
  height: 10px;
  width: 10px;
  border-radius: 100%;
  transition: all 200ms ease-in;
}

.circle.active {
  background-color: rgba(255, 255, 255, 0.9);
  transform: scale(1.5);
}
.carrousel div.slide img {
  max-width: 100%;
  max-height: 100%;
  width: 0;
  height: 0;
  opacity: 0;
}
.carrousel div.slide.current img {
  opacity: 1;
  width: 100%;
  height: 100%;
}

/*======== SLIDER MARCAS ===========*/

.Tienda_env_flete {
  margin: 0px;
  color: #005ebb;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  justify-content: center;
  margin-top: 50px;
}
.Tienda_Title_Marcas {
  margin-top: 1px 0%;
  margin-bottom: 1px;
  color: #005ebb;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 2px;
  justify-content: center;
  visibility: hidden !important;
}
.Tienda_Marcas_Content {
  display: grid;
  grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
  margin: 0 auto !important;
}
.Tienda_Marcas_Content .Tienda_Marcas {
  margin: 0 auto !important;
}
.Tienda_Marcas_Content .Tienda_Marcas input {
  margin: 0 auto !important;
  width: 90px;
  padding: 10px 1px;
}

@media screen and (max-width: 800px) {
  .Tienda_Marcas_Content {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    margin: 0 auto !important;
  }
}

/* = = = = = = = = = =   MENU LATERAL = = = = = = = =*/

.labelMenu {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 10px 10px 0px 10px;
  display: inline-block;
  font-size: 17px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #f20089;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
  background: #080679;
  width: 150px;
  min-height: 38px !important;
  margin-left: 25px;
  margin-bottom: 0 !important;
}

.labelMenu:hover {
  box-shadow: inset 400px 0 0 0 #f20089;
  transform: scale(1.03);
  transition: 1s;
}

@media screen and (max-width: 500px) {
  .labelMenu {
    width: 112px;
  }
  .btn-search {
    width: 55px;
    margin-left: -50px;
  }
  .cont-search {
    width: 65%;
  }
}
.menu {
  position: fixed;
  top: 0px;
  left: -285px;
  bottom: 0;
  min-width: 280px;
  max-width: 280px;
  min-height: 100vh;
  max-height: 100vh;
  background-image: url("img/fondomenu.png");
  /*  box-shadow: 0 0 16px rgba(0, 0, 0, .28);*/
  transition: all 0.2s;
  z-index: 998;
  overflow-y: auto !important;
  /*  overflow: scroll;*/
}

.menu h1 {
  background-color: #fafafa;
  text-align: center;
  color: #c19bff;
  padding: 10px;
  font-family: "BankGothic Lt BT";
  font-weight: bold;
}

.Tienda_List_Lineas {
  background: none !important;
  font-weight: bold !important;
  color: #e500a4 !important;
  font-size: 18px !important;
  padding-left: 10px !important;
  display: grid;
  text-align: left !important;
  align-content: left !important;
}

.Tienda_List_Lineas button {
  color: #fff;
  background: rgba(208, 215, 227, 0.05);
  border: none;
  border-left: 2px solid #e500a4;
  text-align: left;
  margin-right: 10px;
  font-weight: 600;
  text-transform: lowercase;
  padding-left: 5px;
}

.Tienda_List_Lineas button:hover {
  transform: scale(1.03, 1.03);
}

.Tienda_List_Lineas button:first-letter {
  text-transform: uppercase;
}

.menu .Tienda_List_Lineas .Linea_List {
  display: flex;
  padding: 10px;
  color: #444;
  transition: all 0.2s;
}
.menu .Tienda_List_Lineas .Linea_List:hover {
  background-color: #ddd;
}
.menu .Tienda_List_Lineas .Linea_List:first-child {
  border-bottom: 1px solid #ddd;
}
.menu .Tienda_List_Lineas li:first-child {
  margin-right: 10px;
}
.menu .Tienda_List_Lineas:last-child .Linea_List:hover li:first-child {
  color: #222;
}
/* Opacidade quando o menu é aberto */
.opacMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 40;
}
.opacMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 40;
}
.Tienda_List_Lineas a .fa-circle {
  font-size: 7px;
  margin: 8px 5px 0 0;
}

/*= = = = = = = = CARDS NUEVOS PRODUCTOS = = = = = =*/
.Tienda_Grid_View {
  width: 100%;
  margin: 0;
  padding: 0;
  justify-content: center;
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(var(--minRangeValue), 1fr));
}
.Tienda_Card {
  background-color: #f8f8f8;
  border-radius: 5px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  width: 280px;
  border: 1px #805713;
}
.Tienda_Nuevo_Producto {
  justify-content: center;
  text-align: center;
  align-items: center;
  align-content: center;
  align-self: center;
}
.Tienda_Card_Header img {
  width: auto;
  height: 150px;
  object-fit: cover;
  border-radius: 3px;
  display: block;
  margin: auto;
}
.Tienda_Card_Header .no-img {
  text-align: center;
  font-size: 10px;
}
.Tienda_Card_Header .text-img {
  text-align: center;
  font-size: 18px;
  font-weight: 100;
}
.Tienda_Card_Body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0px 20px 0 20px;
  height: 180px;
}

.Tienda_Card .Tienda_Etiqueta_Nuevo {
  width: 280px;
  background-color: #b8860b; /*#297B32-VERDE*/
  color: #fff;
  text-align: center;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 0 104.5px;
  height: 20px;
}
.Tienda_Card_Body a {
  color: #000;
  text-decoration: none;
}

.Tienda_Card_Body h4 {
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana,
    "sans-serif";
  font-size: 15px;
  margin: 25px 0 0;
}
.Tienda_Card_Body p {
  font-size: 13px;
  margin: 0 0 0 10px;
  height: 35px;
}
.Tienda_Card_Body .Tienda_Nota_Agotado {
  font-size: 11px;
  color: #e11315;
}
.Tienda_Card_SubBody {
  display: flex;
  width: 100%;
}
.Tienda_Card_SubBody h4 {
  width: 100px;
}
.Tienda_Card_SubBody .Tienda_Btn_Add {
  width: 70px;
  height: 40px;
  background: #305183;
  border: 3px solid #305183;
  border-radius: 5px;
  color: #305183;
  margin: 20px 0 0 15%;
}
.Tienda_Card_SubBody .Tienda_Btn_Add .fa {
  font-size: 20px;
  color: #fff;
}
.Tienda_Card_SubBody .Tienda_Btn_Add:hover {
  background-color: #131bb0;
  border: 3px solid #131bb0;
}
.Tienda_Card_SubBody img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.Tienda_Cant_Prod {
  height: 25px;
  width: 60px;
  margin-top: 25px;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
}

/*====== sin existencias ===*/
/*
 h5{
	font-size: 12px;
	font-weight: 600;
	color: #D31A1D;
	margin-top: 10px;
	 width: 100%;
}
*/
.precio {
  height: 30px;
}
.precio h4 {
  width: 100%;
  height: 30px;
  margin-top: 0px;
  opacity: 40%;
}
.user {
  display: grid;
  grid-template-columns: 46% 27% 27%;
  width: 100%;
  justify-items: center;
}
.user h4 {
  width: 100px;
}
.promo-tienda {
  margin-bottom: 5%;
}
.user .add-btn {
  width: 70px;
  height: 40px;
  background: #305183;
  border: 3px solid #305183;
  border-radius: 5px;
  color: #fff;
  margin: 20px 0 0 15%;
  opacity: 30%;
}
.cant-opt {
  height: 25px;
  width: 60px;
  margin-top: 25px;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  visibility: hidden;
}
/*========CARDS======*/
.cont {
  display: flex;
  width: 80%;
  margin: 0 auto !important;
  justify-content: space-evenly;
  flex-wrap: wrap;
  text-align: center !important;
}
.cont ol {
  padding-left: 0rem !important;
}
.card-b {
  margin: 0 auto;
  /*   padding: 10px 0px 10px 0px;
 */
  border-radius: 8px;
  border: 1px solid #fff;
  box-shadow: 0 0.8px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  width: 295px;
  height: 310px;
}
.card-header img {
  width: auto;
  height: 170px;
  object-fit: cover;
  border-radius: 3px;
  display: block;
  margin: auto;
}
.card-header .no-img {
  text-align: center;
  font-size: 10px;
}
.card-header .text-img {
  text-align: center;
  font-size: 18px;
  font-weight: 100;
}
.card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0px 5px;
  height: 125px;
}
.card-b .pop {
  background-color: #437ebd;
  color: #fff;
  width: 280px;
  text-align: center;
  font-size: 12px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: -5px 20px 0 20px;
  height: 20px;
}
.card-b .nuevo {
  width: 280px;
  background-color: #b8860b; /*#297B32-VERDE*/
  color: #fff;
  text-align: center;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 0 104.5px;
  height: 20px;
}
.card-body a {
  color: #000;
  text-decoration: none;
}
.card-body a h4 font {
  color: #00478e !important;
  text-decoration: none;
  font-weight: bold;
  text-align: left !important;
}

.card-body a h4 {
  color: #000 !important;
  text-align: center !important;
  text-transform: lowercase;
  font-weight: 400;
}
.card-body h4::first-letter {
  text-transform: uppercase;
}

.tag {
  background: #cccccc;
  border-radius: 50px;
  font-size: 12px;
  margin: 0;
  color: #fff;
  padding: 2px 10px;
  text-transform: uppercase;
  cursor: pointer;
}
.carrito {
  width: 35px !important;
  height: 26px !important;
}

.tag-purple {
  background-color: #5e8dbf;
}
.card-body h4 {
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana,
    "sans-serif";
  font-size: 15px;
  margin: 5px 0 0;
  text-align: left !important;
}
.card-body p {
  font-size: 13px;
  margin: 0 0 0 10px;
  height: 35px;
  color: #7d7d7d;
}
.card-body .label-agotado {
  font-size: 11px;
  color: #e11315;
  margin-top: 8px;
}
.user h4 {
  width: 100px;
  font-size: 20px;
}
.user .add {
  /* border-radius: 400px;
  border: 1px solid;
  width: 41px;
  height: 29px; */
  border: none;
}

.user .add .fa {
  font-size: 25px;
  color: #080679;
}
.user .add:hover {
  background: rgba(65, 137, 230, 0.25);
  transform: scale(1.1);
  transition: 1s;
}
.user img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.Edit_Tda {
  width: 60px;
  margin-left: -10px;
  border-radius: 5px;
  font-size: 18px;
  border: 1px solid #fff;
  box-shadow: 0 0.8px 2px rgba(0, 0, 0, 0.3);
  background: #fafafa;
  outline: none !important;
  padding-left: 10px;
}

/*====== sin existencias ===*/
/*
 h5{
	font-size: 12px;
	font-weight: 600;
	color: #D31A1D;
	margin-top: 10px;
	 width: 100%;
}
*/
.precio {
  height: 30px;
}
.precio h4 {
  width: 100%;
  height: 30px;
  margin-top: 0px;
  opacity: 40%;
}
.user .add-btn {
  width: 70px;
  height: 40px;
  background: #305183;
  border: 3px solid #305183;
  border-radius: 5px;
  color: #fff;
  margin: 20px 0 0 15%;
  opacity: 30%;
}
.cant-opt {
  height: 25px;
  width: 60px;
  margin-top: 25px;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  visibility: hidden;
}

/* =========== CSS PARA CAMBIO DE VISTA =========*/
:root {
  --minRangeValue: 280px;
}

button {
  cursor: pointer;
  background: none;
}

.grid-view {
  width: 100%;
  margin: 0 auto !important;
}
ol,
ul {
  list-style: none;
}

.gallery {
  padding: 0 2rem;
}

.d-none {
  display: none;
}
/* TOOLBAR
–––––––––––––––– */
.toolbar {
  display: flex;
  justify-content: center;
  align-items: center;
}

.toolbar .search-wrapper {
  position: relative;
}

.toolbar .counter {
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  font-size: 0.9rem;
  color: var(--gray);
}

.view-options {
  display: flex;
  align-items: center;
  margin: 0 auto !important;
}

.view-options li:not(:last-child) {
  margin-right: 0rem;
}

.view-options button {
  border: 0px solid transparent;
}

.view-options .active button .fa {
  color: #080679;
}

/* IMAGE LIST
––––––––––––––––––– */
.image-list {
  /*  margin: 2rem 0;*/
  width: 100%;
  /*   padding: 0 0 0 2%;
 */
}

.image-list li {
  background: var(--lightbrown);
  color: var(--darkblack);
}

.image-list p:first-child {
  font-weight: bold !important;
  font-size: 1.15rem;
}

.image-list p:last-child {
  margin-top: 0.5rem;
}

/* GRID VIEW
–––––––––––––––––– */
.grid-view {
  display: grid;
  margin: 0 auto !important;
  grid-gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(var(--minRangeValue), 1fr));
}

.grid-view figcaption {
  padding: 0.5rem;
}
@media screen and (max-width: 1500px) {
  .grid-view {
    display: grid;
    margin: 3% !important;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(var(--minRangeValue), 1fr));
    justify-items: center;
    align-items: center;
  }
}
@media screen and (max-width: 880px) {
  .grid-view {
    display: grid;
    margin: 3% !important;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(var(--minRangeValue), 1fr));
    justify-items: center;
    align-items: center;
    margin-right: 10%;
  }
}
@media screen and (max-width: 660px) {
  .grid-view {
    display: grid;
    margin: 12% !important;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(var(--minRangeValue), 1fr));
    justify-items: center;
    align-items: center;
  }
  .image-list {
    width: 90% !important;
    padding: 0 0 0 0% !important;
  }
}

@media screen and (max-width: 360px) {
  .grid-view {
    display: grid;
    margin: 12% !important;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(var(--minRangeValue), 1fr));
    justify-items: center;
    align-items: center;
  }
  .image-list {
    width: 90% !important;
    padding: 0 0 0 0% !important;
  }
}

/* LIST VIEW
––––––––––––––––––– */

.list-view .card-b {
  padding: 30px 0px;
}

.list-view li + li {
  margin-top: 1.5rem;
}
.prod-tarjeta {
  width: 100%;
  justify-content: center;
  text-align: center;
}
.list-view .card-b {
  width: 80%;
  /*	display: flex;	02/12/2022*/
  height: auto;

  /*02/12/2022*/
  display: grid;
  grid-template-columns: 50% 50%;
  text-align: center;
}
.card-header {
  background-color: #fff !important;
  border-bottom: none !important;
  padding: 1px !important;
}
.card-header form {
  margin: 0px !important;
}
.card-header form p {
  color: gray !important;
}
.list-view .card-b .card-header {
  /*	width: 30%;*/
  background-color: #fff !important;
  padding-bottom: 5px !important;
}
.list-view .card-b .card-header img {
  object-fit: cover;
  display: block;
  margin: 0% auto;
  height: 150px;
  width: 150px;
  vertical-align: middle;
}
.list-view figure {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: 150px 1fr;
  align-items: center;
}

.btn {
  border: none;
  color: white;
  padding: 14px 28px;
  cursor: pointer;
}
.button {
  background-color: #54f0b6;
  border: none;
  color: BLACK;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
}
.button5 {
  border-radius: 50%;
}

.btn {
  border: none;
  color: white;
  padding: 14px 28px;
  cursor: pointer;
}

.success {
  background-color: #de7171;
}
.success:hover {
  background-color: #141414;
}
@media screen and (max-width: 850px) {
  .list-view .card-b {
    width: 95%;
    /* margin-left: 2%; */
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .list-view .card-b .card-header img {
    margin: 0% auto;
  }
}

@media screen and (max-width: 600px) {
  .cont {
    width: 98%;
  }
}

@media screen and (max-width: 500px) {
  .list-view .card-b {
    display: grid;
    grid-template-columns: 30% 70%;
    height: 20% !important;
  }
  .list-view .card-b .card-header img {
    padding-top: 10px;
    width: 50px;
    height: 90px;
  }
}

/* ========= PAGINACION ========*/

.pagination {
  margin: 40px 0 0 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
.pagination ol,
ul {
  padding-left: 0rem !important;
}
.pagination li {
  display: inline;
  width: auto;
}
.pagination li a {
  border: 2px solid #7f7f7f;
  border-radius: 5px;
  padding: 3px 10px;
  margin: 0 7px;
  text-decoration: none;
  color: #080679;
}

.pagination li a.active,
.pagination li a:hover {
  background-color: #080679;
  /*	Al seleccionar la pagina cambia la letra a blanco*/
  color: #fff;
}

@media only screen and (max-width: 667px) {
  .pagination li a {
    border: 1px solid #eaeaea !important;
    border-radius: 3px !important;
    padding: 2px 5px !important;
    margin: 0 7px;
    text-decoration: none;
    /* background-color: aqua; Borrar Beck 31-10-2022*/
  }
}

/* WHATSAPP*/

a:link,
a:visited {
  /*    color: 	rgba(103,224,255,1.00);*/
  color: white;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}
/*h1 {
    font-size: 20px;
    text-align: center;
    display: block;
    background: linear-gradient(to right top, #6f96f3, #164ed2);
    padding: 20px;
    color: #fff;
    border-radius: 50px;
}*/

/* CSS Whatsapp Chat */
#whatsapp-chat {
  position: fixed;
  background: #fff;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: 90px;
  right: 30px;
  overflow: hidden;
  z-index: 99;
  animation-name: showchat;
  animation-duration: 1s;
  transform: scale(1);
}

a.blantershow-chat {
  /*   background: #009688; */
  background: #fff;
  color: #404040;
  position: fixed;
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  z-index: 98;
  bottom: 25px;
  right: 100px;
  font-size: 15px;
  padding: 10px 20px;
  border-radius: 30px;
  box-shadow: 0 3px 15px rgba(32, 33, 36, 0.68);
}

a.blantershow-chat svg {
  transform: scale(1.2);
  margin: 0 10px 0 0;
}

.header-chat {
  background: #095e54;
  color: #fff;
  padding: 20px;
}
.header-chat h3 {
  margin: 0 0 10px;
  color: white;
}
.header-chat p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}
.info-avatar {
  position: relative;
}
.info-avatar img {
  border-radius: 100%;
  width: 70px;
  float: left;
  margin: 0 10px 0 0;
}

.info-chat span {
  display: block;
}
#get-label,
span.chat-label {
  font-size: 12px;
  color: #888;
}
#get-nama,
span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}
#get-label,
#get-nama {
  color: #fff;
}
span.my-number {
  display: none;
}
.blanter-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
}
textarea#chat-input {
  border: none;
  font-family: "Arial", sans-serif;
  width: 80%;
  height: 20px;
  outline: none;
  resize: none;
}
a#send-it {
  color: #fff;
  font-size: 14px;
  width: 80px;
  margin: -5px 0 0 5px;
  font-weight: 700;
  padding: 8px;
  background: #082f27;
  border-radius: 10px;
}
.first-msg {
  background: #f5f5f5;
  padding: 30px;
  text-align: center;
}
.first-msg span {
  background: #e2e2e2;
  color: #333;
  font-size: 14.2px;
  line-height: 1.7;
  border-radius: 10px;
  padding: 15px 20px;
  display: inline-block;
}
.start-chat .blanter-msg {
  display: flex;
}
#get-number {
  display: none;
}
a.close-chat {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #fff;
  font-size: 30px;
}
@keyframes showhide {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes showchat {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
    width: auto;
    left: 5%;
    right: 5%;
    font-size: 80%;
  }
}
.hide {
  display: none;
  animation-name: showhide;
  animation-duration: 0s;
  transform: scale(1);
  opacity: 1;
}
.show {
  display: block;
  animation-name: showhide;
  animation-duration: 0s;
  transform: scale(1);
  opacity: 1;
}

/*======= CARDS DATOS EXTRAS ==========*/

.info-extra {
  margin-top: 20px;
  width: 100%;
}

/*
@media screen and (max-width:700px){
	.info-extra{
	display: grid;
	grid-template-columns: 33% 33% 33%;
		text-align: center;
	}
}
*/

.option-order {
  display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 100%;
  background: #fdfdfd;
  text-align: center;
  font-size: 14px;
}

.fa-th-large {
  margin-top: 30px;
  font-size: 30px;
  color: #c9c9c9;
  margin-right: 18px;
}

.fa-th-list {
  margin-top: 30px;
  font-size: 30px;
  color: #c9c9c9;
  margin-right: 18px;
}

.paginas {
  background: transparent;
  outline: none !important;
  width: 20%;
  height: 50px;
  padding-left: 10px;
  margin-left: 20px;
  margin-top: 13px;
  border: 1px solid rgba(164, 164, 164, 0.2);
}

.order {
  margin-top: 13px;
  /*	margin: 0 auto !important;*/
  /*
	text-align: right !important;
	margin-right: 20px;
*/
}

.ord-tipos {
  background: transparent;
  border-radius: 5px;
  outline: none !important;
  width: auto;
  max-width: 50%;
  height: 50px;
  border: 1px solid rgba(164, 164, 164, 0.2);
}
.order .lbl_orden {
  color: #000;
}

@media screen and (max-width: 568px) {
  /*
	.ord-tipos{
	width: 80px;
	font-size: 13px;
	height: 40px;
	}
*/
  /*  .paginas {
    font-size: 13px;
    height: 45px;
    margin-top: 25px;
  } */
  .order .lbl_orden {
    font-size: 13px;
  }
  /* .option-order {
    display: flex;
    height: 50%;
    width: 100%;
    flex-direction: column;
  } */
}

/*Estilo Alert Agregar Producto - Tienda*/
.estiloAlT {
  position: relative;
}

.alertTdaAdd {
  left: 50%;
  transform: translate(-50%, -50%);
  letter-spacing: 2px;
  position: fixed;
  top: 5%;
  width: auto;
  z-index: 999 !important;
}
@media only screen and (max-width: 600px) {
  .alertTdaAdd {
    font-size: 14px;
    padding: 12px 20px;
    bottom: 20px;
    right: 20px;
  }
}
/*Estilo Alert Agregar Producto - Tienda*/

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	C S S  C A R R I T O UNO	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/

.cont-carrito {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 5rem;
  justify-content: center;
  padding: 10px;
}

.container-car {
  padding: 70px 0% 300px 0%;
}
.cont-flete {
  padding: 260px 0% 10px 0%;
}

/* LIBRERIA SWEETALERT */

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #4662a2 !important;
  color: #fff !important;
  font-size: 1em;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0.8em 1em 0;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
  font-size: 25px !important;
}

/*---------------------------------------------------------------------*/

.nombre-prod {
  color: black;
  border: none;
  background: none;
  font-size: 15px;
  text-transform: lowercase !important;
}

.exist {
  color: #6c6c6c !important;
  font-size: 13px;
  text-transform: lowercase !important;
}

.car-table {
  border-collapse: collapse;
  width: 100%;
}

.car-table tr th {
  /*	background: #000;*/
  background: #001e4c;
  color: #fff;
  font-weight: 400;
  text-align: center;
  /*	border: none;*/
  border: none;
  /*	width: auto;*/
  text-transform: uppercase !important;
  font-size: 14px;
}

.car-table td,
th {
  border: none;
  padding: 8px;
  text-align: center;
  text-transform: lowercase !important;
}

.car-table td {
  text-transform: lowercase !important;
}

.car-table tr:nth-child(even) {
  background-color: #ecf8ff;
}

.car-table td .nombre-prod::first-letter {
  text-transform: uppercase !important;
}

.exist::first-letter {
  text-transform: uppercase !important;
}

.car-table .desc {
  width: 40%;
}

.TND_descr {
  color: black;
}

@media screen and (max-width: 360px) {
  .car-table {
    /*  width: 50%;*/
    font-size: 11px;
  }
}

@media screen and (max-width: 1000px) {
  .cont-carrito {
    gap: 1rem;
  }
}

@media screen and (max-width: 730px) {
  .cont-carrito {
    flex-direction: column;
  }
  .cont-flete {
    padding: 5px 0% 10px 0%;
  }
}

.TND_delete {
  width: 3%;
}

/*
.Fila0{
	background: rgba(15,62,144,1.00);
}
*/
.Fila1 {
  background: #fbfbfd;
}

.Table_FilaC {
  border-spacing: 10px;
}
.Table_FilaC:hover {
  transform: scale(1.01);
}

.Font_CarProd {
  color: black;
}

.cantidad_carrito {
  color: black;
  width: 80px;
  padding: 4px;
  border-radius: 2px;
  border: 1px solid #949494;
}

.car_txtimport {
  margin: 0px 100px;
}

/*GRID FLETE Y AGREGAR*/
.TDA_Flette_Pedido {
  display: grid;
  grid-template-columns: 50% 50%;
  margin-top: 20px;
}

.hcar3_Section {
  /*  display: grid;
  grid-template-columns: 50% 50%; */
  cursor: auto !important;
}

.sec2Transfer {
  text-align: center;
  display: block;
  margin: auto;
}

@media screen and (max-width: 900px) {
  .hcar3_Section {
    display: grid;
    grid-template-columns: 100%;
  }
}
.hcar3_Sections {
  display: contents;
  /*	background: #f5f5f7;*/
  margin: 10px;
  padding: 10px 0px;
  border-radius: 5px;
}
/*
.TDA_Flette_Pedido:hover > .hcar3_Sections:not(:hover){
  filter: brightness(1) saturate(0.9) contrast(1.2) blur(5px);
}
*/
/*TXT COMPROBANTE DE PAGO*/

.txt_TitCPago strong {
  text-transform: uppercase;
  /*	border-left: 2px solid #123067;*/
  padding-left: 5px;
  margin-top: 10px;
  font-size: 13px;
  color: #123067;
}

.txt_TitCPago i {
  color: red;
}

.txt_TitCPago input {
  font-size: 14px;
}
/*IMPORTANTE*/

.Cuadro_Cimport {
  /* border-radius: 5px; */
  /* width: 70%; */
  text-align: center;
  font-size: 15px;
  /* background-image: url(https://images.rawpixel.com/image_1000/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjkxNS13aXQtMDAyLmpwZw.jpg); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border: 1px solid #e59032;
  /* background-color: #ffecd8; */
  color: #868686;
  margin-bottom: 15px !important;
}

.Cuadro_Cimport .fa-exclamation-circle {
  color: #fff;
  font-size: 30px;
  padding-top: 10px;
}

.message_noti {
  color: #fea119;
}
.txt_notiMessage {
  color: #5b5a58 !important;
  font-weight: bold;
  font-size: 13px;
}
.datos_Notificacion button {
  border: none;
  padding: 10px 15px;
  border-radius: 5px;
  margin: 8px;
}
.datos_Notificacion button:hover {
  transform: scale(1.1);
  transition: 1s;
}
.datos_Notificacion a {
  font-size: 12px;
  color: #686868 !important;
}

.datos_Notificacion a i {
  color: #454545;
  font-size: 20px;
}
.txt_noti_prin {
  font-size: 12px;
  margin: 1px !important;
}

.txt_noti_prin a {
  color: red !important;
}
#ImgTransfer {
  margin: 10px;
}

/*IMPORTANTE UNO*/

.Cuadro_Muyimport {
  width: 25vw !important;
  /* border: 1px solid #d14e0e; */
  padding: 15px;
  color: #7c7c7c;
  width: 100%;
  text-align: justify;
  font-size: 13px;
  /* margin-top: 20px; */
  /* background-color: #fff0db; */
}
.Cuadro_Muyimport .fa-exclamation-circle {
  color: #ababab;
  font-size: 30px;
  padding-top: 10px;
}

.btn_cbuy {
  background: #698ee6;
  border: none;
  color: white !important;
  letter-spacing: 1px;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  transition-duration: 0.4s;
  cursor: pointer !important;
  font-weight: bold;
  border-radius: 5px;
}
.btn_cbuy:hover {
  background: #fff;
  color: #0f2957 !important;
  border: 3px solid #5484c4;
  box-shadow: 0 0 10px 0 #3498db inset, 0 0 10px 4px #3498db;
}

.btn_cbuy2 {
  width: 150px;
  height: 50px;
  background-color: #d9a99b;
  border: none;
  color: #6c3a28 !important;
  border-radius: 4px;
  font-size: 18px;
  margin: 10px 0;
  font-weight: bold;
  font-family: "satisfy";
  letter-spacing: 4px;
  text-transform: uppercase;
}
.btn_cbuy2:hover {
  transform: scale(1.1);
  transition: 1.5s;

  background: rgba(217, 169, 155, 0.6);
  color: #bc6951;
  border-top: 3px solid #bc6951;
  border-bottom: 3px solid #bc6951;
}

.fa-arrow-pointer {
  padding-left: 5px;
}

.BtnAddFlete {
  width: 200px;
  height: 50px;
  background-color: #698ee6;
  border: none;
  color: #fff !important;
  border-radius: 4px;
  font-size: 18px;
  margin: 10px 0;
  font-weight: bold;
  text-transform: uppercase;
}

.BtnAddFlete:hover {
  transform: scale(1.1);
  transition: 1.5s;
  color: #fff;
  background: #698ee6;
}

.vaciar_car {
  width: 150px;
  height: 35px;
  background: none;
  border: 3px solid #8e2022;
  border-radius: 4px;
  color: #002e5b;
  font-size: 15px;
  margin: 0px 0px 10px 0px;
  font-weight: bold;
}

.vaciar_car:hover {
  border: 3px solid red;
  background: rgba(255, 0, 4, 0.23);
  color: rgba(255, 255, 255, 1);
  transform: scale(1.03, 1.03);
}

.div_btn_cbuy {
  text-align: center;
}

.seccion_vyp {
  margin: 0px 30px 0px 30px;
  grid-gap: 2rem;
  font-size: 15px;
  /*	padding: 0px 0px 30px 0px;*/
}
.seccion_vyp div h3 {
  font-size: 25px;
  font-weight: bold;
}

.hPBack {
  font-size: 50px;
  color: #698ee6;
}
.hPBack a {
  border: none;
}
.hPBack a .fa-circle-left {
  color: #648cca;
}

.hPBack a .fa-circle-left:hover {
  color: #0f2a6a;
}

.hPBack p {
  font-size: 13px;
  /*  text-transform: uppercase; */
  font-weight: bold;
  padding-top: 10px;
  color: #123067;
  /* font-family: "BankGothic Lt BT"; */
}

/*  NEXXXT */
.hPNext {
  display: flex;
  justify-content: center;
}

.hPNext button {
  background-color: #001e4c;
  border: none;
  color: white;
  width: 200px;
  border-radius: 3px;
  height: 40px;
  font-size: 16px;
  margin-bottom: 20px;
}

.hPNext button .fa-circle-right {
  color: #698ee6;
}

.hPNext button .fa-circle-right:hover {
  color: #0f2a6a;
}

.hPNext input {
  background: #698ee6;
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  font-size: 30px;
  color: aliceblue;
}
.hPNext p {
  font-size: 13px;
  /* text-transform: uppercase; */
  font-weight: bold;
  padding-top: 10px;
  color: #123067;
  /*  font-family: "BankGothic Lt BT"; */
}
/*Botones Back/Next*/

/*hcarrito1*/

.Table_FilaC td a i {
  color: #001e4c !important;
}

.fa-trash-can {
  font-size: 18px;
}

.hcar_proceso {
  font-size: 16px;
  /* font-weight: bold !important; */
}
.hcar_lstyle {
  height: 2px;
  background: rgba(235, 192, 188, 0.9);
}
.hc1fol_vig {
  display: grid;
  grid-template-columns: 50% 50%;
  margin: 20px 0px;
  padding: 6px;
  border: 1px solid green;
  background-color: #e3f3e3;
}

.hc1fol_vig h2 {
  text-transform: uppercase;
  font-size: 16px;
}
.hc1fol_vig h3 {
  text-align: right;
  font-size: 14px;
}
.total_carrito {
  /*  display: flex;
  flex-direction:row ; 
  gap: 10px;
  text-align: right */
  padding-top: 30px;
}

.hCar_vaciar {
  width: 120px;
  color: #fff !important;
  background: #001e4c !important;
  padding: 8px 8px;
  border: none;
  outline: none !important;
  border-radius: 5px;
}

.total_carrito h4 {
  font-size: 15px !important;
  color: black !important;
  font-weight: 900;
}

.hCar_vaciar span {
  font-size: 13px;
}

.hCar_vaciar:hover {
  transform: scale(1.1);
  transition: 1.5s;
}

.hcar_division {
  display: grid;
  grid-template-columns: 40% 20% 40%;
  align-items: center;
  margin-bottom: 50px;
}

.hC_div_hr {
  height: 1px;
  width: 90%;
  display: block;
  margin: auto;
  background: rgba(6, 33, 62, 1);
}
.hC_div_img {
  display: block;
  margin: auto;
  width: 70%;
}

@media screen and (max-width: 800px) {
  .hC_div_img {
    width: 99%;
  }

  .Cuadro_Cimport {
    /* width: 100%;
    padding: 15px; */
  }
}
/*hcarrito1*/

@media screen and (max-width: 500px) {
  .datos_Notificacion {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}

/*@media screen and (max-width:650px) */
@media screen and (max-width: 660px) {
  .TDA_Flette_Pedido {
    display: grid;
    grid-template-columns: 100%;
  }
  .div_btn_cbuy {
    text-align: center;
  }
}

@media screen and (max-width: 650px) {
  .seccion_vyp {
    /*	display: grid;*/
    grid-template-columns: 100%;
  }
}
@media screen and (max-width: 730px) {
  .Cuadro_Muyimport {
    width: 100% !important;
  }
  .container-car {
    padding: 70px 0% 0px 0%;
  }
}

/*=============================== CARRITO SECCIONES ===============================*/

/*NOTA*/

.cont-carrito2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 2rem;
  justify-content: center;
  padding: 10px;
}

.tabla_carrito2 {
  margin-bottom: 360px;
}

.caja_Nota {
  position: relative;
  display: inline-block;
}
.Titulo_nota {
  position: absolute;
  top: 69px;
  left: 37%;
  font-size: 18px;
  color: red;
  font-weight: bold;
}
.tsec_nota {
  position: absolute;
  top: 90px;
  left: 5%;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
/*CARDS*/

.Phcar2_flette {
  margin-top: 10px;
  text-align: center;
  align-items: center !important;
}

/*
	.Phcar2_flette div{
		display: block !important;
		margin: auto !important;
	}
*/
.contflett {
  display: block !important;
  margin: auto !important;
}
.cardHCar2_Flette {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 10px;
}
.cardHCar2_Flette h5 {
  color: black;
  font-size: 12px;
}
.img_HCar_Flette {
  width: 95%;
  height: auto;
  border-radius: 5px;
  background: #c0c0c0;
  text-align: center;
}
.peso_max {
  color: black !important;
}
.hcar_txt h4 {
  color: #26588e;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 13px;
  text-transform: lowercase;
}

.hcar_txt h4::first-letter {
  text-transform: uppercase;
}

.form-check {
  padding-top: 5px;
}
.hcar_txt .dias_habiles {
  color: gray;
  font-size: 12px;
  text-transform: lowercase;
}
.flette_precio {
  font-weight: bold;
  font-size: 15px;
  color: black !important;
}

@media screen and (max-width: 1100px) {
  .img_HCar_Flette {
    width: 95%;
    max-height: auto;
    border-radius: 5px;
  }
  .cont-carrito2 {
    gap: 1rem;
  }
}

@media screen and (max-width: 730px) {
  .img_HCar_Flette {
    width: 95%;
    max-height: auto;
    border-radius: 5px;
  }
  .cont-carrito2 {
    gap: 1rem;
  }
}
@media screen and (max-width: 700px) {
  .cont-carrito2 {
    flex-direction: column;
    gap: 0rem;
  }
  .tabla_carrito2 {
    margin-bottom: 0px;
  }
}

/*	===========================*/
.form-check {
  font-size: 15px !important;
  color: teal;
  font-weight: bold;
}
/*	===========================*/

/*SELECCIÓN TIPO DE PAGO*/
.elegirTipoPago {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
  text-align: center;
  font-size: 25px;
  color: #002962;
  font-family: "BankGothic Lt BT";
}

.recordatorioTP {
  margin-top: 10px;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  color: #ce1627;
}
.recordatorioTP i {
  color: #ce1627;
  margin-left: 30px;
  padding-right: 10px;
}
.elegirTPNota {
  font-size: 12px;
  text-align: center;
}

.TitEleccionFp {
  font-weight: bold;
  text-transform: lowercase;
  text-align: center;
  color: #222;
  margin-bottom: 20px;
  font-size: 17px;
}
.TitEleccionFp:first-letter {
  text-transform: uppercase !important;
}

.TitEleccionFp i {
  color: teal;
  font-size: 30px;
  text-align: left;
}
/*SELECCIÓN TIPO DE PAGO*/

/*DATOS BANCARIOS*/
.divbtn_datosb {
  text-align: center;
}
.divbtn_datosb button {
  width: 90%;
  height: 80px;
}
.CartaDatos {
  color: steelblue !important;
  text-decoration: none !important;
  font-size: 15px !important;
}
/*DATOS BANCARIOS*/
.div_DatBan {
  text-align: left;
  margin-bottom: 30px;
  margin-top: 10px;
  margin-right: 8%;
  text-decoration: underline !important;
}
.div_DatBan a {
  font-size: 12px !important;
  font-weight: bold;
  color: black;
}

.btn_DatosB {
  width: 80px;
  height: 20px;
  background-color: cornflowerblue;
  border: none;
  color: #fff !important;
  border-radius: 4px;
  font-size: 10px;
  margin: 5px 0;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}
.btn_DatosB:hover {
  transform: scale(1.1);
  transition: 1.5s;
}
.imgCartaDatos {
  width: 90%;
  display: block;
  margin: auto;
}

.table_car3 {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 200px;
  text-align: left !important;
  margin-bottom: 30px;
}

.table_car3 td,
th {
  text-align: left !important;
  padding: 8px;
}

/*CHECK FLETTE*/
.lbl_flette {
  width: 23vw;
  /*	width: 1000px;*/
  /* display: grid;
  grid-template-columns: 200px 200px 200px; */
  padding: 5px;
  /* border: 1px solid rgb(6 83 146 / 50%); */
  border-bottom: 2px solid #c6c5ff;
}

/* HIDE RADIO */
.radioCat input[type="radio"] {
  /*  position: absolute;*/
  /*  opacity: 0;*/
  width: 25px;
  /*  height: 25px; */
  /* margin-left: -15px !important; */
}
/* IMAGE STYLES */
.contFLogo {
  display: flex;
  /*  display: block;*/
  /*  margin: auto;*/
}

.radioCat img {
  max-width: 130px;
  max-height: 50px;
}

.radioCat picture {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 130px;
  height: 50px;
  border-radius: 2px;
  background: #fff;
  text-align: center;
}

/* .radioCat input:checked + picture::before {
  content: "";
  position: absolute;
  width: 600px;
  height: 81px;
  top: 57%;
  left: 194.5%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0px 0 #3498db inset, 0 0 5px 3px #3498db;
} */

@media screen and (max-width: 730px) {
  .lbl_flette {
    width: 100%;
  }
  .Cuadro_Muyimport {
    width: 100% !important;
  }
}

@media screen and (max-width: 460px) {
  /* .radioCat input:checked + picture::before {
    width: 350px;
    height: 87px;
    top: 47%;
    left: 184%;
  } */
  .radioCat img {
    /* swidth: 80px;
    height: 50px; */
  }
  .lbl_flette {
    /*     width: 350px;
    display: grid;
    grid-template-columns: 90px 180px 50px; */
  }
  .hcar_txt h4 {
    font-size: 12px;
  }

  .radioCat picture {
    width: 88px !important;
  }
}

@media screen and (max-width: 405px) {
  /*  .radioCat input:checked + picture::before {
    width: 300px;
    height: 115px;
    top: 74%;
    left: 156%;
  } */
  .radioCat img {
    swidth: 80px;
    height: 80px;
    margin-top: 16px;
  }
  .lbl_flette {
    /*    width: 300px;
    display: grid;
    grid-template-columns: 90px 130px 50px;
    height: 15%; */
  }
  .hcar_txt h4 {
    font-size: 12px;
  }
  .Cuadro_Muyimport {
    /*  font-size: 12px;
    width: 280px !important; */
  }
}

@media screen and (max-width: 605px) {
  .Cuadro_Muyimport {
    /*     font-size: 12px;
    width: 280px !important; */
  }
}

.swal-button {
  background-color: #698ee6 !important;
  color: #fff !important;
}
.swal-modal {
  background: rgba(92, 138, 200, 0.98) !important;
  position: fixed !important;
  width: 250px !important;
  height: 50px !important;
  right: 5 !important;
  top: 80 !important;
  bottom: 0 !important;
}
.swal-title {
  color: #fff !important;
  margin: 0px !important;
  font-size: 14px !important;
}
.swal-overlay {
  top: -10% !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.swal-footer {
  margin-top: 0px !important;
  padding: 10px 16px !important;
}
.swal-text:first-child {
  margin-top: 20px !important;
}

/*.radioCat:not(:active):not(:checked) input:not(:checked)+picture::before */
/*.cards_inicial:hover > .card:not(:hover)*/
/*
{
  content: "";
  position: absolute;
  width: 97%;
  height: 100%;
  top: 50%;
  left: 47.5%;
  transform: translate(-50%, -50%);
	background: black;
	
	border: 2px solid red;
	box-shadow: 0 0 0px 0 #3498db inset, 0 0 10px 4px red;
}
*/

/*-------------CARRITO 3------------*/

.fa-bell:before {
  content: "\f0f3";
  font-size: 15px;
}
.politicas {
  margin: 30px auto 20px auto;
  text-align: center;
  font-size: 13px;
}

.politicas a {
  color: #001878;
}

.divBtnsFormasPago {
  width: 250px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: block;
  margin: auto;
}
.BtnsFormasPago h4 {
  margin-left: 16px;
  margin-top: 5px;
  font-size: 15px;
  max-width: 300px !important;
}

.BtnsFormasPago {
  display: grid;
  grid-template-columns: 30px 220px;
  font-size: 15px !important;
  margin: 0 auto;
  width: 250px;
  height: 50px;
  color: #26588e;
  font-weight: bold;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 10px;
}

.cont-factura {
  padding-top: 50px;
}

.total-carrito2 {
  background-color: white;
  padding: 20px;
  margin-bottom: 10px;
}

.total-carrito2 h4 {
  font-size: 15px !important;
  color: black !important;
  font-weight: 900;
}
.total-carrito2 h3 {
  font-size: 25px;
  font-weight: bold;
}

.factura {
  /* border: 1px solid gray; */
  /* text-align: center; */
  /* height: auto; */
  /* width: 740px; */
  /* margin: auto; */
  /* padding-top: 6px; */
  background-color: white;
  padding: 10px;
}

.factura p {
  font-size: 12px;
  color: #5c5c5c;
}

.factura h4 {
  font-size: 15px;
}

.cont-metodo-pago {
  background-color: white;
  padding: 15px;
  text-align: center;
}

.cont-metodo-pago h3 {
  font-size: 17px;
  font-weight: 700;
}
.cont-metodo-pago p {
  font-size: 12px;
  color: #717171;
}

.forma-pago {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.seccion-bancos {
  /*   display: flex;
 */
  font-size: 15px;
}

.img-bancos {
  width: 45%;
}
.bancoss {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  text-align: justify;
  font-size: 15px;
}

/*CARRITO 3*/
/* HIDE RADIO */
.radioFPago input[type="radio"] {
  /*  position: absolute;*/
  /*  opacity: 0;*/
  /*  width: 0;*/
  /*  height: 0;*/
  margin-left: 15px !important;
}

.radioFPago picture {
  position: relative;
  display: inline-block;
}
.radioFPago input:checked + picture::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 50px;
  top: 42%;
  left: 38%;
  transform: translate(-50%, -50%);
  border: 1px solid rgb(0 66 114 / 50%);
}
@media screen and (max-width: 1200px) {
  .factura {
    width: auto;
  }
}
@media screen and (max-width: 700px) {
  .cont-factura {
    padding-top: 0px;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS ORDEN DE COMPRA CSS ORDEN DE COMPRA CSS ORDEN DE COMPRA CSS ORDEN DE COMPRA CSS ORDEN DE COMPRA CSS ORDEN DE COMPRA CSS ORDEN DE COMPRA CSS ORDEN DE COMPRA   
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

/*= = = = = = = = = Alert Auto = = = = = = = = =*/
.styleContainerAutoA {
  position: fixed;
  width: 250px;
  right: 5;
  top: 80;
  bottom: 0;
  z-index: 10;
}

.styleAutoAlert {
  padding: 10px;
  font-size: 14px;
  margin-bottom: 3px;
  border-radius: 2px;
  border: none;
  background: rgba(92, 138, 200, 0.98);
  color: #fff;
  text-align: justify;
  line-height: 1.5;
  transition: all 0.5s;
}

.fadeoutAutoAlert {
  opacity: 0;
}

/*= = = = = = = = = Alert Auto = = = = = = = = =*/

.hord_principal {
  padding: 90px 0px 250px 0px;
  text-decoration: none;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  width: 50%;
  /* justify-content: center; */
  /* align-items: center; */
  /* justify-items: center;*/
}

.orden-compra {
  background-color: #e3f3e3;
  padding: 15px;
  border: 1px solid green;
}

.datos_cliente {
  background-color: white;
  padding: 17px;
}

.hord_textP {
  text-align: left;
  /*	text-transform: uppercase;*/
  font-weight: bold;
  font-size: 18px;
  color: rgba(19, 30, 114, 1);
  margin-bottom: 10px;
}

.tabla-compra {
  display: flex;
  justify-content: center;
}

/*tabla*/

.hord_tabla-orden {
  text-align: center;
  font-family: "Montserrat";
  border-collapse: collapse;
  width: 100%;
  padding: 30px;
  font-size: 10px;
  margin-top: 30px;
}

.fecha_hora {
  padding: 19px;
  font-size: 12px;
  background-color: antiquewhite;
  border: 1px solid #ff9f13;
  margin-top: 10px;
  margin-bottom: 10px;
}
.envio {
  text-align: right;
  background-color: white;
  padding: 19px;
}
.envio h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 0px;
}

.envio h2 {
  text-align: right;
  font-size: 25px !important;
  font-weight: bold;
  margin: 0px;
}

.hord_tabla-orden tr th {
  background: #7290cd;
  color: white;
  font-weight: bold;
  text-align: center;
  border: solid 1px #7290cd;
}

.hord_tabla-orden td,
th {
  border: 1px solid #b0b0b0;
  padding: 4px;
  text-align: center;
}

.hord_tabla-orden tr:nth-child(even) {
  background-color: #f0f4ff;
}
.hord_tabla-orden .hcar_desc {
  width: 40%;
}

.hord_Fila1 {
  background-color: #fbfbfd;
  text-decoration: none;
}

.hord_desc {
  text-decoration: none;
  color: black !important;
}
.hord_total {
  text-align: right;
}

.hord_PrintOrden {
  text-align: right;
  text-decoration: none;
  font-size: 12px;
  color: #333333;
  font-weight: bold;
}
.txt_print {
  color: #050921 !important;
}
.fa-print {
  color: darkblue;
}
.hord_icnos {
  text-decoration: none;
  color: #333333;
  font-size: 16px;
}

.fa-cart-shopping {
  color: darkred;
}
.hord_nav {
  background-color: black;
  height: 25px;
  width: 100%;
  padding-left: 30px;
  color: white;
  margin: 8px;
}

@media screen and (max-width: 1000px) {
  .hord_principal {
    width: 70%;
  }
}

@media screen and (max-width: 605px) {
  .hord_principal {
    width: 95%;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS DETALLES CSS DETALLES CSS DETALLES CSS DETALLES CSS DETALLES CSS DETALLES CSS DETALLES CSS DETALLES CSS DETALLES CSS DETALLES CSS DETALLES CSS DETALLES CSS DETALLES   
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

#main {
  padding-top: 65px;
}
.text-title {
  text-align: center;
  margin: 10px 0 3% 5%;
  width: 85%;
  font-size: 30px;
  font-weight: bold;
}
.header-detalles {
  width: 60%;
  margin: 3% 0 3% 20%;
  display: flex;
}
.fa-arrow-circle-left {
  width: 20%;
}

.column img {
  vertical-align: middle;
}
.container-info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 250px;
  gap: 5%;
}
.container-imgs {
  position: relative;
  width: 35%;
  /* margin: 0 0 0 18%; */
  border-radius: 3px;
}
.mySlides {
  display: none;
  width: 100%;
}

.mySlides img {
  width: 100% !important;
  max-height: 500px;
}

.cursor {
  cursor: pointer;
}
.prevv,
.nextt {
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  border-radius: 10px 2px 2px 10px;
  user-select: none;
  -webkit-user-select: none;
}

.nextt {
  right: 0;
  border-radius: 2px 10px 10px 2px;
}

.prevv:hover,
.nextt:hover {
  transform: scale(1.1);
}
.prevv,
.nextt {
  background: rgba(0, 0, 0, 0.1);
}
.numbertext {
  color: #000;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.caption-container {
  text-align: center;
  background-color: #fff;
  padding: 2px 16px;
  color: #000;
}
.row_detalles {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex !important;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 16.66%;
}

.demo {
  opacity: 0.2;
  width: 50px !important;
  height: 50px !important;
}

.active,
.demo:hover {
  opacity: 1;
}

.card-datos {
  box-shadow: 2px 2px 6px 2px rgba(255, 255, 255, 0.2);
  /* width: 25%; */
  /* margin: 0 5% 0 0%; */
  /* padding: 1% 3% 1% 3%; */
  border-radius: 3px;
  /* text-align: center; */
  font-size: 20px;
  color: #000;
}
.card-datos hr {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.card-datos form h3 {
  text-align: left;
  font-size: 20px;
}

#Form1 .select {
  font-size: 18px;
  background: none;
  border: 1px solid #fff;
  color: #000;
  border-radius: 4px;
  width: 150px;
}
select option {
  background: #fff;
  color: #000;
}

.buy {
  width: 160px;
  height: 50px;
  background-color: #001e4c !important;
  border: none;
  color: #ffffff !important;
  border-radius: 5px;
  font-size: 18px;
  margin: 10px 0;
  margin-left: 30px;
}

.buy:hover {
  background: rgba(65, 137, 230, 0.25);
  transform: scale(1.1);
  transition: 1s;
}

.description {
  padding: 2% 2% 2% 0%;
  font-size: 15px;
  width: 100%;
  text-align: left;
  border-radius: 3px;
  box-shadow: 2px 2px 6px 2px rgba(255, 255, 255, 0.2);
  color: #000;
  border: 1px solid #fff;
  text-transform: lowercase;
}

.description:first-letter {
  text-transform: uppercase;
}

/*
.button-up{
	background: #a2eae1;
	width: 50px;
	height: 50px;
	margin: 30px;
	padding-top: 10px;
	text-align: center;
	border-radius: 100px;
}
*/

/* ====== Button ir arriba =======*/
.button-up {
  width: 50px;
  height: 50px;
  font-size: 40px;
  color: #fff;
  background-color: #7290cd;
  border-radius: 5px;
  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;
  position: fixed;
  bottom: 25px;
  right: 25px;
  cursor: pointer;
  border: 3px solid transparent;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.button-w {
  width: 60px;
  height: 60px;
  font-size: 40px;
  color: #fff;
  background-color: #2f8711;
  border-radius: 50px;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  bottom: 25px;
  left: 25px;
  cursor: pointer;
  border: 3px solid transparent;
}
@media screen and (max-width: 800px) {
  .button-up,
  .button-w {
    width: 40px;
    height: 40px;
    font-size: 30px;
  }
}

@media screen and (max-width: 1200px) {
  .container-imgs {
    width: 40%;
    margin: 0 0 0 8%;
  }
  .card-datos {
    width: 40%;
    margin: 0 5% 0 0%;
    padding: 1% 3% 1% 3%;
  }
  .description {
    width: 82%;
    margin: 5px 15% 5px 8%;
  }
}
@media screen and (max-width: 1000px) {
  .buy {
    font-size: 15px;
  }
}
@media screen and (max-width: 800px) {
  .container-info {
    display: block;
  }
  .container-imgs {
    width: 80%;
    margin: 0 0 5% 10%;
  }
  .card-datos {
    width: 75%;
    margin: 0 0 5% 10%;
  }
  .description {
    width: 76%;
    margin-left: 10%;
  }
  .text-title {
    text-align: center;
    margin: 2% 0 3% 2%;
    width: 85%;
    font-size: 24px;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS PERFIL CSS PERFIL CSS PERFIL CSS PERFIL CSS PERFIL CSS PERFIL CSS PERFIL CSS PERFIL CSS PERFIL CSS PERFIL CSS PERFIL CSS PERFIL CSS PERFIL CSS PERFIL CSS PERFIL 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.BtnCta {
  margin: 0;
  padding: 0;
}
.BtnCta {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 10px 35px;
  display: inline-block;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 16px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #c7a8fd;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
  background: #5d05727d !important;
}

.BtnCta:hover {
  box-shadow: inset 400px 0 0 0 #8fceeb;
  transform: scale(1.03);
  transition: 1s;
}

.FormaCta {
  border-spacing: 0 10px;
}

.Focus_Input {
  letter-spacing: 2px;
  font-size: 16px;
  border: 1px solid #919191;
  border-radius: 3px;
  height: 35px;
  outline: none !important;
  background: #ffffff;
  margin: 5px;
  width: 110%;
  padding: 5px;
}

.Focus_Input:focus {
  background: #fefefe;
  color: f5f5f5;
  box-shadow: 0 0 5px teal;
  border: 2px solid teal;
}

/*======== Tabla de Historial =========*/

.ComboAnio {
  width: 60px;
  font-size: 14px;
  font-weight: bold;
}

.ComboMes {
  width: 115px;
  font-size: 14px;
  font-weight: bold;
}

.Table_Header {
  background-color: #bcd4ed;
  color: #000;
  border: none;
  width: auto !important;
}

.hord_tabla-orden td,
th {
  border: none !important;
}

.Column-Style {
  text-align: left;
  font-size: 14px;
}
.Column-Style td {
  background: red !important;
}
.column_tot {
  text-align: right !important;
}
.Table_Fila {
  border-spacing: 10px;
}
.Table_Fila:hover {
  transform: scale(1.01);
}
.Table_Fila td {
  text-align: left !important;
  /*	padding: 5px;*/
  padding-bottom: 8px !important;
}
.Table_Fila a {
  text-align: left !important;
}

.Table_Fila a font {
  margin: 0;
  padding: 0;
}
.Table_Fila a font {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 0px;
  padding: 3px;
  display: inline-block;
  font-size: 13px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #eba1ff;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
  background: #2ba9d8;
}

.Table_Fila a font:hover {
  box-shadow: inset 400px 0 0 0 #ae5bb2;
  transform: scale(1.03);
  transition: 1s;
}

.Fila_1 {
  background-color: #fff;
}
.Fila_0 {
  background-color: #f3f3f4;
}

/* - - - Estilo Documentos De Descarga - - - */

.SectionDocs {
  display: flex;
}
.DownloadDocs {
  text-decoration: none;
  font-size: 19px;
}
.DownloadDocs img {
  width: 25px;
  display: block;
  margin: auto;
}

.fa-file-pdf {
  color: darkred;
  padding: 5px 3px 5px 5px;
}
.fa-file-excel-o {
  color: darkgreen;
  padding: 5px 5px 5px 3px;
}

.LabelCta {
  font-weight: bold;
  font-size: 20px;
}

/*span cambiar contraseña*/

.Cuadro_Estilo {
  border-radius: 5px;
    border: 1px solid #ececec;
    /* box-shadow: 3px 3px 3px; */
    padding: 5px;
    background-color: #ffffff;
    color: #a0a0a0;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
}
.Cuadro_Estilo .fa-exclamation-circle {
  color: #ffd67a;
  font-size: 20px;
  padding-top: 10px;
}

/*texto principal 2*/
.Etiqueta_Nombre {
  font-size: 21px;
  letter-spacing: 2px;
}

.HistCta {
  border-spacing: 2px 5px;
  margin: 0 auto;
}

.Title_Grl {
  /*	background-color: #7290cd;*/
  color: #080679;
  width: 100%;
  text-align: center;
  font-weight: bold;
  border-bottom: 2px solid #f0f0f0;
  letter-spacing: 2px;
  font-size: 30px;
}
.Title_GrlDg {
  /*	background-color: #7290cd;*/
  color: #080679;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: white;
  letter-spacing: 2px;
}
/*
.Focus_Input:focus{
	
	border: 1px solid #a2eae1;
}
*/

.Cuadro_Historial {
  display: inline;
  justify-content: center;
}

/* .Linea_Division {
  width: 100%;
  float: left;
  border: 0;
  height: 2px;
  background: #f0f0f0;
} */

/*contenedores principales*/
.CuadroGral {
  padding: 96px 5% 10px 5% !important;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
}

.CuadroInt {
  display: flex;
  background-color: transparent;
  /* padding: 80px 5% 10px 5% !important; */
  gap: 9%;
}

.Cuadro_Datos_Generales {
  width: 30%;
  margin-right: 5%;
  font-weight: 500;
  background-color: #486f99;
  color: white;
  padding: 10px;
}

@media screen and (max-width: 1000px) {
  .CuadroInt {
    display: inline;
  }
  .Cuadro_Datos_Generales {
    width: 100%;
  }
}

/*
@media screen and (max-width:505px){
	.ComboAnio{
		width: 100px;
}
*/

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS VENTA DETALLES CSS VENTA DETALLES CSS VENTA DETALLES CSS VENTA DETALLES CSS VENTA DETALLES CSS VENTA DETALLES CSS VENTA DETALLES CSS VENTA DETALLES CSS VENTA DETALLES   
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.CuadroGralVentaDet {
  padding: 120px 5% 100px 5%;
  font-size: 13px !important;
}

.HistCtaVentaDet {
  border-spacing: 2px 5px;
  margin-top: 50px;
  text-align: left;
  font-size: 13px !important;
}
.HistCtaVentaDet tr th u {
  text-decoration: none !important;
  font-size: 15px;
}
.HistCtaVentaDet tr th {
  text-align: center !important;
  /*	border: 1px solid red !important;*/
  background: #ddc9ff !important;
}

.HistCtaVentaDet tr td {
  /*	border: 1px solid red !important;*/
  background: #fff !important;
  border-bottom: 2px solid #efefef;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
}
.CuadroIntVentaDet h3 {
  font-size: 18px;
  color: red;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
  border: none !important;
}
.DetProdVentaDet {
  text-align: left !important;
}

.CuadroIntVentaDet tr th {
  border: none;
  font-size: 17px;
}

/*SWAL SWAL SWAL SWAL SWAL SWAL SWAL SWAL SWAL */

.swal-button {
  background-color: #fff !important;
  color: #000 !important;
}
.swal-modal {
  background: #fff !important;
  position: fixed !important;
  width: 250px !important;
  height: 70px !important;
  right: 50px !important;
  top: 50 !important;
  bottom: 0 !important;
}
.swal-title {
  color: #000 !important;
  margin: 0px !important;
  font-size: 14px !important;
}
.swal-overlay {
  top: -10% !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.swal-footer {
  margin-top: 0px !important;
  padding: 10px 16px !important;
}
.swal-text:first-child {
  margin-top: 20px !important;
}

/*Justificado de texto*/

.textParrafo > p {
  text-align: justify;
}

.acepto {
  color: #cf283d !important;
}