@charset "UTF-8";
/*fonts*/
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
:root {
  --purple:#a14598;
  --purple-dark:#33022e;
  --purple-light:#F0E4FF;
  --blue:#0D8ACB;
  --blue-dark:#174173;
  --bg-gray-light:#F9F9F9;
  --gray:#666666;
  --green:#25d366;
}

/*header*/
/*barra top*/
.barTop {
  width: 100%;
  padding: 7px 20px;
  background: #a14598;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: end;
  align-items: center;
}
.barTop a {
  color: #FFFFFF;
  color: #ffe3ff;
  margin: 0 10px;
}
.barTop a:hover {
  /*color:#FFDFF6;*/
  color: #FFFFFF;
  text-decoration: none;
}
.barTop a img {
  width: 17px;
  margin: 0 0 0 5px;
}
.barTop a .txt {
  display: inline-block;
}
.barTop .barRed {
  display: inline-block;
}
.barTop .barRed a {
  width: 22px;
  height: 22px;
  font-size: 13px;
  border: 1px solid white;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
.barTop .barRed a:hover {
  transform: scale(1.1);
  background: #FFDFF6;
  color: #a14598;
}
.barTop .barSearch {
  color: #FFFFFF;
  border-radius: 20px;
  padding: 3px 10px;
}
.barTop .barSearch:hover {
  background: rgba(255, 255, 255, 0.3);
}
.barTop .barCar {
  margin: 0 0 0 20px;
}
.barTop .barCar a {
  width: 100%;
  background: #AB5CAC;
  padding: 5px 20px 5px 15px;
  margin: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 20px;
  transition: 0.5s;
}
.barTop .barCar a:hover {
  background: #33022e;
}
.barTop .barCar .barCar-tit {
  margin: 0 10px 0 0;
}
.barTop .barCar .barCar-body {
  position: relative;
}
.barTop .barCar .barCar-img img {
  margin: 0;
}
.barTop .barCar .barCar-num {
  width: 15px;
  height: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  color: #33022e;
  background: #FFFFFF;
  position: absolute;
  right: -10px;
  top: -5px;
}
.barTop .barCar .barCar-num.on {
  background: #f94859;
  color: #FFFFFF;
}

/*banner top - perfil usuario*/
.admin .admin-cont {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.admin .admin-circle {
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  color: #a14598;
  font-size: 14px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  font-weight: 400;
  line-height: 28px;
}
.admin .admin-collap {
  border: 0;
  padding: 10px;
}
.admin .admin-collap a {
  color: #808080;
  font-weight: 300;
  font-size: 14px;
  border-radius: 50px;
}
.admin .admin-collap .divider {
  width: 100%;
  height: 1px;
  display: block;
  background: #d9d9d9;
  margin: 4px 0;
}
.admin .dropdown-menu {
  border: 0;
  padding: 20px;
  border-radius: 10px;
}
.admin .dropdown-menu form {
  width: 200px;
}
.admin .dropdown-menu a {
  display: block;
  margin: 3px auto 0 auto;
  padding: 3px 15px;
  color: #212529;
  font-weight: 300;
  font-size: 12px;
  text-align: center;
}
.admin .dropdown-menu a:hover {
  background: #eae8e8;
}
.admin .dropdown-menu input {
  font-size: 14px;
  border-radius: 10px;
}
.admin .dropdown-menu button {
  font-size: 14px;
  border-radius: 100px;
  background: #a14598;
  color: #FFFFFF;
}
.admin .dropdown-menu button:hover {
  background: #0D8ACB;
  color: #FFFFFF;
}
.admin .dropdown-menu .btn-user {
  width: 130px;
  display: block;
  margin: 3px auto 0 auto;
  padding: 3px 15px;
  color: #212529;
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  text-decoration: underline;
}
.admin .dropdown-menu .btn-user:hover {
  background: #eae8e8;
}

.admin .admin-btn:hover .admin-circle,
.admin .admin-btn:focus .admin-circle {
  background: #33022e;
}

/*menu*/
.navbar-imec {
  width: 95%;
  margin: 0 auto;
  z-index: 300;
}
.navbar-imec .navbar-brand img {
  height: 70px;
}
@media (max-width: 768px) {
  .navbar-imec .navbar-brand img {
    height: 60px;
  }
}
.navbar-imec .navbar-toggler {
  border: none;
}
@media (max-width: 992px) {
  .navbar-imec .navbar-nav {
    margin: 0 !important;
  }
}
.navbar-imec .navbar-nav .nav-item .nav-link {
  color: #33022e;
  font-size: 14px;
  padding: 4px 13px !important;
  font-weight: 300;
  border-radius: 50px;
  position: relative;
}
@media (max-width: 992px) {
  .navbar-imec .navbar-nav .nav-item .nav-link {
    font-size: 20px;
    text-align: center;
  }
}
.navbar-imec .navbar-nav .nav-item .nav-link:hover {
  color: #a14598;
}
.navbar-imec .navbar-nav .nav-item .nav-link.nav-offer {
  background: #a14598;
  color: #FFFFFF;
}
.navbar-imec .navbar-nav .nav-item .nav-link.nav-offer:hover {
  background: #F0E4FF;
  color: #33022e;
}
.navbar-imec .navbar-nav .nav-item .nav-link[data-id="8"]:before {
  width: 90px;
  height: 20px;
  padding: 2px 3px;
  content: "";
  position: absolute;
  background: url("../images/logo-softlaser-nav.png") center center no-repeat #FFFFFF;
  background-size: 85%;
  top: -18px;
  border-radius: 6px;
}
@media (max-width: 992px) {
  .navbar-imec .navbar-nav .nav-item .nav-link[data-id="8"]:before {
    width: 130px;
    top: 35px;
  }
}
.navbar-imec .navbar-nav .nav-item .cita {
  position: relative;
}
.navbar-imec .navbar-nav .nav-item .cita a {
  background: #0085E8;
  padding: 4px 20px !important;
  border-radius: 30px;
  text-align: right;
}
.navbar-imec .navbar-nav .nav-item .cita a:hover {
  background: #006EC1;
  color: #FFFFFF;
}
.navbar-imec .navbar-nav .nav-item .cita span {
  width: 100%;
  font-size: 10px;
  display: block;
  color: #FFFFFF;
}

@media (max-width: 992px) {
  .navbar-collapse {
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    padding: 20px 10px;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.nav-close {
  width: 30px;
  color: #FFFFFF !important;
  background: #a14598;
  text-align: center;
  border-radius: 100px;
  margin: 0 auto 15px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*footer*/
footer .foDat {
  width: 100%;
  background: #FFFFFF;
  padding: 40px 0;
  border-radius: 30px 30px 0 0;
  margin: 30px 0 0 0;
}
@media (max-width: 768px) {
  footer .foDat {
    text-align: center;
  }
}
@media (max-width: 576px) {
  footer .foDat {
    text-align: center;
    padding: 15px 0;
  }
}
footer .foDat hr {
  margin: 15px 0;
}
@media (max-width: 576px) {
  footer .foDat hr {
    margin: 20px 0;
  }
}
footer .foDat .contRedes {
  width: 100%;
  text-align: right;
  margin: 20px 0 0 0;
}
@media (max-width: 768px) {
  footer .foDat .contRedes {
    text-align: center;
    margin: 5px 0 0 0;
  }
}
footer .foDat ul.redes {
  margin: 0;
  padding: 0;
  display: inline-block;
  list-style: none;
}
footer .foDat ul.redes li {
  display: table-cell;
  padding: 0 10px 0 0;
}
footer .foDat .vigil {
  padding: 20px 0 0 0;
  text-align: right;
}
footer .foDat .foLogo img {
  max-width: 150px;
}
footer .foDat .fo-btn-map a {
  font-size: 11px;
  display: inline-block;
  padding: 3px 13px;
  border: 1px solid var(--purple);
  border-radius: 100px;
  color: var(--purple);
  text-decoration: none;
  transition: 0.5s;
}
footer .foDat .fo-btn-map a:hover {
  transform: scale(1.1);
}
footer .foDat .fo-btn-map img {
  margin: 0 0 0 3px;
}
footer h5 {
  color: var(--purple);
  font-size: 14px;
  font-weight: 400;
  margin: 5px 0;
}
footer p {
  color: #969696;
  font-size: 12px;
  margin: 0 0 5px 0;
}
footer .foNav {
  width: 100%;
  margin: 4% 0 0 0;
}
footer .foNav ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
}
footer .foNav ul li {
  display: inline-block;
  margin: 0 5px;
}
footer .foNav ul li a {
  width: 100%;
  color: #969696;
  padding: 5px;
  text-decoration: none;
}
footer .foNav ul li a:hover {
  color: #0085E8;
}
footer .fo-copy {
  text-align: right;
}
@media (max-width: 768px) {
  footer .fo-copy {
    text-align: center;
  }
}
@media (max-width: 576px) {
  footer iframe {
    margin: 20px 0;
  }
}

/*modal agregar articulo*/
.addMod .addMod-equis {
  color: var(--purple);
  position: absolute;
  right: 20px;
}

.addMod .modal-footer .addMod-close {
  color: #555555;
  font-size: 12px;
  margin: 0 10px;
  float: none;
}

.addMod .modal-footer .addMod-close:hover {
  text-decoration: underline;
  color: #a14598;
}

.addMod .modal-footer .addMod-btn-1 {
  padding: 7px 20px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 0;
  font-size: 14px;
  background: var(--purple);
  color: #FFFFFF;
  transition: 0.5s;
}

.addMod .modal-footer .addMod-btn-1:hover,
.addMod .modal-footer .addMod-btn-1:focus {
  background: var(--blue);
  color: #FFFFFF;
}

.addMod .modal-footer .addMod-btn-2 {
  padding: 7px 20px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 0;
  font-size: 14px;
  color: #FFFFFF;
  border: 1px solid #f2f2f2;
  transition: 0.5s;
}

.addMod .modal-footer .addMod-btn-2:hover,
.addMod .modal-footer .addMod-btn-2:focus {
  background: #33022e;
  color: #FFFFFF;
}

.addMod .addMod-tit {
  font-size: 20px;
}

.addMod .contMod {
  width: 100%;
}

.addMod .contMod .mod-prod-cont {
  width: 100%;
  display: flex;
  background: #f9f9f9;
  margin: 10px 0;
  padding: 10px;
}

.addMod .contMod .mod-prod-img {
  vertical-align: middle;
}

.addMod .contMod .mod-prod-img img {
  width: 70px;
  height: auto;
}

.addMod .contMod .mod-prod-name {
  padding: 0 20px;
  color: #555555;
  vertical-align: middle;
}

.addMod .contMod .mod-prod-name span {
  width: 100%;
  display: inline-block;
}

.addMod .contMod .mod-prod-price {
  vertical-align: middle;
}

.addMod .contMod .mod-prod-price span {
  width: 100%;
  display: inline-block;
  font-size: 20px;
}

.addMod .contMod .mod-prod-amount {
  width: 60px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
}

.addMod .contMod .mod-prod-tot {
  vertical-align: middle;
  padding: 0 0 0 20px;
  text-align: center;
}

.addMod .contMod .mod-prod-tot span {
  font-size: 16px;
}

/*Modal search*/
.modal-search {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  z-index: 7777777;
}
.modal-search .equis-close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 100px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.modal-search .equis-close button {
  font-size: 40px;
  font-weight: 300;
}
.modal-search .cont-bg {
  background: none;
  display: inline-flex;
  align-items: center;
  border: 0;
}
.modal-search .modal-search-box {
  width: 100%;
  max-width: 600px;
  margin: 40px 0 0 0;
  padding: 0 15px;
}
.modal-search .modal-search-box input {
  height: 50px;
  border-radius: 15px !important;
  font-size: 18px !important;
}
.modal-search .result {
  width: 100%;
  background: blue;
  margin: 20px 0 0 0;
  background: #FFFFFF;
  border-radius: 15px;
  padding: 20px;
}
.modal-search .result ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.modal-search .result ul li {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
.modal-search .result ul li:last-child {
  border: 0;
  margin: 0;
  padding: 0;
}
.modal-search .result ul li .result-link {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  border-radius: 10px;
  position: relative;
  border: 0;
  background: none;
  text-align: left;
  padding: 10px;
}
.modal-search .result ul li .result-link:hover {
  background: #f9f9f9;
}
.modal-search .result .result-cont {
  width: 100%;
  display: inline-flex;
  align-items: center;
}
.modal-search .result .result-cont .result-img {
  width: 160px;
}
.modal-search .result .result-cont .result-img img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.modal-search .result .result-cont .result-txt {
  width: 100%;
  font-size: 16px;
  color: #000000;
  padding: 5px 5px 5px 20px;
}
.modal-search .result .result-cont .result-txt .result-line {
  font-size: 12px;
}
.modal-search .result .result-cont .result-txt .result-line button {
  background: none;
  color: greenyellow;
  text-decoration: underline;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.modal-search .result .result-cont .result-txt .result-name {
  font-size: 16px;
  font-weight: 600;
}
.modal-search .result .result-cont .result-txt .result-description {
  font-size: 14px;
}
.modal-search .result .result-cont .result-txt .result-price {
  font-size: 18px;
  color: var(--purple);
}

/*boton whatsapp*/
.btn-wa {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 777;
  text-align: center;
}
@media (max-width: 576px) {
  .btn-wa {
    width: 45px;
    height: 45px;
    bottom: 15px;
    right: 15px;
  }
}
.btn-wa a {
  width: 100%;
  height: 100%;
  background: var(--green);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 170px;
  transition: 0.5s ease-in-out;
}
.btn-wa a:hover {
  transform: scale(1.1);
}
.btn-wa .wa-img {
  width: 100%;
}
.btn-wa .wa-img img {
  width: 30px;
}
@media (max-width: 576px) {
  .btn-wa .wa-img img {
    width: 25px;
  }
}
.btn-wa .wa-txt {
  font-size: 8px;
  color: #ffffff;
}
@media (max-width: 576px) {
  .btn-wa .wa-txt {
    display: none;
  }
}

/*home*/
/*slider*/
.slide {
  width: 95%;
  margin: 0 auto;
  border-radius: 50px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .slide {
    border-radius: 30px;
  }
}
.slide .bg-slide {
  width: 100%;
  display: inline-block;
  height: clamp(200px, 50vw, 600px);
}
.slide .bg-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slide .bg-slide:before {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(2, 26, 51, 0), 80%, rgba(2, 26, 51, 0.1));
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.slide .bg-slide .txt-slide {
  width: 50%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  right: 0;
}
.slide .bg-slide .txt-slide .txt-slide-cont {
  width: 70%;
}
.slide .bg-slide .txt-slide .txt-slide-cont .title {
  background: url(../images/bg-shape-banner.svg) 0 0 no-repeat;
  background-position: center;
  font-size: clamp(20px, 2.5vw, 35px);
  animation-name: example;
  animation-duration: 0.5s;
  /*animation-delay: 1s;*/
  animation-timing-function: ease-in;
}
@keyframes example {
  from {
    translate: 300px 0;
  }
  to {
    translate: 0 0;
  }
}
.slide .bg-video {
  width: 100%;
  display: inline-block;
  height: clamp(200px, 50vw, 600px);
}
.slide .bg-video iframe {
  width: 100%;
  height: 100%;
}
.slide .bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slide .cont-slide {
  width: 100%;
  min-height: 350px;
  position: relative;
  z-index: 2;
  display: inline-flex;
  justify-content: flex-end;
}
@media (max-width: 992px) {
  .slide .cont-slide {
    min-height: 200px;
  }
}
@media (max-width: 576px) {
  .slide .cont-slide {
    padding: 0 20px;
    max-width: none;
    justify-content: center;
  }
}
.slide .cont-slide .cont-slide-box {
  width: 100%;
  max-width: 500px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .slide .cont-slide .cont-slide-box {
    max-width: 270px;
  }
}
@media (max-width: 576px) {
  .slide .cont-slide .cont-slide-box {
    width: 90%;
    max-width: none;
  }
}
.slide .cont-slide h1 {
  width: 100%;
  color: var(--purple-dark);
  font-size: 40px;
  font-weight: 200;
  display: none;
}
@media (max-width: 768px) {
  .slide .cont-slide h1 {
    font-size: 30px;
  }
}
@media (max-width: 576px) {
  .slide .cont-slide h1 {
    font-size: 24px;
    text-align: center;
    color: #FFF;
    font-weight: 400;
  }
}
.slide .cont-slide a {
  background: #a14598;
  color: #FFFFFF;
  font-size: 14px;
  padding: 5px 30px;
  display: inline-block;
  border-radius: 30px;
  text-decoration: none;
  margin: 20px 0 0 0;
}
.slide .cont-slide a:hover {
  background: #932588;
}
.slide .swipe-controls {
  width: 100%;
  position: absolute;
  bottom: 140px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .slide .swipe-controls {
    bottom: 30px;
  }
}
.slide .swiper-pagination {
  position: relative;
  margin: 0 4px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.3);
}
.slide .swiper-pagination-bullet {
  background: var(--purple-dark);
  margin: 0 5px;
  opacity: 1;
}
.slide .swiper-pagination-bullet-active {
  width: 13px;
  background: var(--purple-dark);
  border-radius: 10px;
}
.slide {
  /*.swipe-arrows{
      width: 100%;
      justify-content: center;
      align-items: center;
      display: flex;
  }*/
}
.slide .swiper-button-prev {
  height: auto;
  position: relative;
  background: none;
  left: auto;
  margin: 0;
}
.slide .swiper-button-prev img {
  background: rgba(255, 255, 255, 0.3);
  padding: 4px 8px;
  border-radius: 30px;
}
.slide .swiper-button-next {
  height: auto;
  position: relative;
  background: none;
  right: auto;
  margin: 0;
  text-align: right;
}
.slide .swiper-button-next img {
  background: rgba(255, 255, 255, 0.3);
  padding: 4px 8px;
  border-radius: 30px;
}

/*botones iniciales*/
.btnIni {
  width: 100%;
  position: relative;
}
.btnIni .btnBox {
  width: 100%;
}
@media (max-width: 992px) {
  .btnIni .btnBox {
    margin: 10px 0;
  }
}
.btnIni .btnBox h2 {
  width: 100%;
  color: #70737B;
  font-size: 14px;
  margin: 0 0 2px 0;
}
.btnIni .btnBox p {
  width: 100%;
  color: #9DA1AA;
  margin: 0;
}
.btnIni .btnBox a {
  width: 100%;
  height: 85px;
  text-decoration: none;
  display: table;
  padding: 10px;
  background: #EEF3FB;
  transition: 0.5s;
  border-radius: 15px;
  cursor: pointer;
}
@media (max-width: 992px) {
  .btnIni .btnBox a {
    background: #FFFFFF;
  }
}
.btnIni .btnBox a:hover {
  margin: -20px 0 0 0;
}
.btnIni .btnBox.btnbox-bg a {
  /*background: var(--purple-dark);*/
  background: rgba(51, 2, 46, 0.9);
}
.btnIni .btnBox.btnbox-bg h2 {
  color: #ffe3ff;
}
.btnIni .btnBox.btnbox-bg p {
  color: #ffe3ff;
}
.btnIni .btnBox .btnIco {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 0 0;
}
.btnIni .btnBox .btnIco img {
  width: 40px;
}
.btnIni .btnBox .btnTxt {
  display: table-cell;
  vertical-align: middle;
}

.btnUp {
  width: 100%;
  position: absolute;
  top: -110px;
  z-index: 5;
}
@media (max-width: 992px) {
  .btnUp {
    position: relative;
    top: 0;
    margin: 30px 0 0 0;
  }
}

/*videos*/
.vid {
  background: #FFFFFF;
  padding: 70px 8%;
  border-radius: 30px;
}
.vid h3 {
  color: var(--purple);
  font-size: 30px;
  font-weight: 300;
  margin: 20px 0;
}
.vid p {
  font-size: 16px;
}
.vid .box-video-hom {
  height: 100%;
  margin: 10px 0;
}
@media (max-width: 768px) {
  .vid .box-video-hom {
    height: auto;
  }
}
.vid .box-video-hom a {
  width: 100%;
  text-decoration: none;
  background: #FFFFFF;
  border: 1px solid #f2f2f2;
  display: inline-block;
  height: 100%;
  border-radius: 15px;
  padding: 10px;
  transition: 0.5s;
  cursor: pointer;
}
.vid .box-video-hom a:hover {
  box-shadow: 2px 3px 16px #e1e1e1;
}
.vid .box-video-hom .box-video-img-hom {
  width: 100%;
}
.vid .box-video-hom .box-video-img-hom iframe {
  border: 0;
  border-radius: 15px;
}
.vid .box-video-hom .box-video-img-hom img {
  width: 100%;
}
.vid .box-video-hom .box-video-txt-hom {
  color: #01224e;
  padding: 10px;
}

/*noti*/
.noti {
  width: 100%;
  margin: 30px 0 50px 0;
}
.noti .notiIni {
  width: 100%;
  display: table;
  margin: 0 0 10px 0;
}
.noti .notiIni a {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}
.noti .left {
  width: 55%;
  height: 300px;
  display: table-cell;
  background: url("../images/noti-right2.jpg") center center no-repeat;
  background-size: 100% !important;
  background-position: center !important;
}
@media (max-width: 576px) {
  .noti .left {
    width: 100%;
    display: inline-block;
  }
}
.noti .right {
  width: 45%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px;
}
@media (max-width: 576px) {
  .noti .right {
    width: 100%;
    display: inline-block;
    padding: 10px 0 0 0;
  }
}
.noti .right h3 {
  width: 100%;
  color: #a14598;
  font-size: 28px;
}
@media (max-width: 768px) {
  .noti .right h3 {
    font-size: 22px;
  }
}
.noti .right p {
  font-size: 18px;
  color: #666666;
}
@media (max-width: 768px) {
  .noti .right p {
    font-size: 14px;
  }
}
.noti .box-noti {
  margin: 10px 0;
}
.noti .box-noti a {
  width: 100%;
  text-decoration: none;
  background: #FFFFFF;
  display: inline-block;
}
.noti .box-noti a:hover {
  box-shadow: 2px 3px 16px #d0d0d0;
}
.noti .box-noti .box-noti-img {
  width: 100%;
  height: 190px;
  background: url("../images/noti-right2.jpg") center center no-repeat;
  /*background-size: cover;*/
}
.noti .box-noti .box-noti-img img {
  width: 100%;
}
.noti .box-noti .box-noti-txt {
  color: #666666;
  padding: 10px;
}

/*productos*/
.boxHome {
  width: 100%;
  margin: 40px 0 20px 0;
  display: inline-block;
}
.boxHome .boxCont {
  width: 85%;
  margin: 0 auto;
}
.boxHome .boxCard {
  width: 100%;
  height: 94%;
  display: inline-block;
  padding: 20px;
  text-decoration: none;
  background: #FFFFFF;
  border-radius: 25px;
  margin: 3% 0;
  transition: 0.5s;
}
.boxHome .boxCard:hover {
  box-shadow: 3px 5px 16px #deeffc;
  background: #FFFFFF;
}
.boxHome .boxCard .boxImg {
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
  height: 240px;
  display: grid;
  justify-content: center;
  align-items: center;
}
.boxHome .boxCard .boxImg img {
  object-fit: contain;
}
.boxHome .boxCard .boxTit {
  color: var(--purple);
  text-align: center;
  font-size: 18px;
  margin: 20px 0 10px 0;
}
.boxHome .boxCard .boxTxt {
  display: inline-block;
  text-align: center;
  color: #01224e;
  margin: 0px 0 20px 0;
}

/*ultimos 5 botones*/
.five {
  width: 100%;
  margin: 20px 0;
  display: inline-block;
}
.five .plan {
  width: 100%;
  margin: 10px 0;
}
.five .plan a {
  width: 100%;
  height: 100px;
  border: 1px solid #ADBCC4;
  padding: 10px 20px;
  text-align: center;
  border-radius: 15px;
  display: table;
  text-decoration: none;
  cursor: pointer;
}
.five .plan a:hover {
  background: rgba(255, 255, 255, 0.4);
}
.five .plan a:hover .imgIco img {
  margin: -20px 0 0 0;
}
.five .plan a .imgIco {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px 0 0;
}
.five .plan a .imgIco img {
  width: auto;
  transition: 0.5s;
}
.five .plan a .txtIco {
  display: table-cell;
  font-size: 16px;
  text-align: left;
  color: #174173;
  vertical-align: middle;
}

/*banner invima*/
.bann-invima-home {
  width: 95%;
  min-height: 420px;
  margin: 0 auto 100px auto;
  padding: 40px 20px;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/invima/img-change-temporal-category.jpg) center center no-repeat;
  position: relative;
}
@media (max-width: 768px) {
  .bann-invima-home {
    background: #FFFFFF;
  }
}
.bann-invima-home:before {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media (max-width: 768px) {
  .bann-invima-home:before {
    display: none;
  }
}
.bann-invima-home .bann-invima-tit {
  width: 100%;
  color: var(--purple);
  font-size: 26px;
  font-weight: 200;
  line-height: 30px;
  margin: 0 0 40px 0;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .bann-invima-home .bann-invima-tit {
    font-size: 22px;
  }
}
.bann-invima-home .bann-invima-cont {
  width: 100%;
  position: relative;
  z-index: 2;
}
.bann-invima-home .bann-invima-cont .bann-invima-img {
  width: 100%;
  text-align: center;
}
.bann-invima-home .bann-invima-cont .bann-invima-img img {
  width: 100%;
  max-width: 150px;
}
.bann-invima-home .bann-invima-cont .bann-invima-txt {
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin: 10px 0;
  color: #ffffff;
}
@media (max-width: 768px) {
  .bann-invima-home .bann-invima-cont .bann-invima-txt {
    color: #01224e;
  }
}
.bann-invima-home .bann-invima-cont .bann-invima-btn {
  width: 100%;
  text-align: center;
  margin: 20px 0 0 0;
  position: relative;
  z-index: 2;
}
.bann-invima-home .bann-invima-cont .bann-invima-btn a {
  border-radius: 100px;
  font-size: 12px;
  background: var(--purple);
  color: #FFFFFF;
  text-decoration: none;
  padding: 7px 20px;
  display: inline-block;
  transition: 0.5s;
}
.bann-invima-home .bann-invima-cont .bann-invima-btn a:hover {
  background: var(--blue);
}

/*
@keyframes blink {  
    0% { color: white; }
    100% { color: #f589ba; }
  }
  @-webkit-keyframes blink {
    0% { color: white; }
    100% { color: #f589ba; }
  }
  .blink {
    -webkit-animation: blink 5s linear infinite;
    -moz-animation: blink 5s linear infinite;
    animation: blink 5s linear infinite;
  }*/
/*.lineHome{
	margin:40px 0;
}*/
/*menu interno*/
.nav-int {
  width: 100%;
  position: relative;
  z-index: 300;
  border-bottom: 1px solid #F4F4F4;
}

.nav-int ul li a {
  color: #a14598 !important;
  font-size: 14px;
}

.nav-int ul li a:hover {
  color: #FFFFFF !important;
  background: #0085E8;
}

/*accesos directos*/
.acc {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin: 0 0 20px 0;
  padding: 10px 0;
}

.acc h3 {
  width: 100%;
  color: #a14598;
  font-size: 14px;
  margin: 22px 0 0 0;
}

.acc ul {
  width: 100%;
  display: table;
  list-style: none;
  margin: 30px 0 0 0;
  padding: 0;
}

.acc ul li {
  display: table-cell;
  text-align: center;
  position: relative;
}

.acc ul li:before {
  width: 1px;
  height: 10px;
  position: absolute;
  content: "";
  right: 0;
  top: 5px;
  background: #a14598;
}

.acc ul li:last-child:before {
  display: none;
}

.acc ul li a {
  color: #9DA1AA;
  list-style: none;
  text-decoration: none;
}

.acc ul li a:hover {
  color: #a14598;
}

/*barra azul abajo*/
.barBlue {
  width: 100%;
  background: #0085E8;
  padding: 10px;
  color: #FFFFFF;
  margin: 20px 0 0 0;
}

.barBlue .icoBlue {
  display: inline-block;
}

.barBlue .txtBlue {
  display: inline-block;
}

/*slide interna*/
.carousel-int {
  margin: 0 0 20px 0;
}

/*productos interna*/
.product {
  width: 100%;
  display: inline-block;
  margin: 30px 0 0 0;
}

.product .product-img {
  height: 100%;
  min-height: 200px;
  background: url("../images/noti-right2.jpg") center center no-repeat;
  background-size: cover;
}

.product .product-txt {
  width: 100%;
}

.product .product-txt h1 {
  width: 100%;
  font-size: 26px;
  color: #a14598;
}

.product .product-txt .product-desc {
  width: 100%;
  font-size: 16px;
}

.product .product-txt .product-rating {
  width: 100%;
  margin: 10px 0;
}

.product .product-txt .product-rating i {
  font-size: 17px;
}

.product .product-txt hr {
  width: 100%;
  margin: 20px 0;
  color: #C9C9C9;
}

.product .product-txt .product-price {
  width: 100%;
  color: #a14598;
  font-size: 28px;
  font-weight: 600;
}

.product .product-txt .product-stock {
  width: 100%;
  font-size: 14px;
}

.product .product-txt .cart {
  width: 100%;
  margin: 0 0 30px 0;
}

.product .product-txt .cart button {
  width: 100%;
  padding: 13px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 0;
  font-size: 16px;
}

.product .product-txt .cart button:hover,
.product .product-txt .cart button:focus {
  background: #43c5e6;
}

/*tabs*/
.product .product-tab {
  width: 100%;
  margin: 30px 0 30px 0;
}

.product .product-tab .tab-content {
  padding: 20px;
  border: 1px solid #dee2e6;
  border-top: 0;
  border-radius: 0 0 10px 10px;
}

.product .product-tab .tab-content h3 {
  font-size: 18px;
}

.product .product-tab .tab-content p {
  font-size: 14px;
}

.product .product-tab .nav-tabs {
  background: #f2f2f2;
}

.product .product-tab .nav-tabs > li > a {
  color: #5a5a5a;
  font-size: 16px;
}

.product .product-tab .nav-tabs .nav-item.show .nav-link,
.product .product-tab .nav-tabs .nav-link.active {
  color: #FFFFFF;
  background: #a14598;
}

/*articulos*/
.articulo {
  width: 100%;
  margin: 20px 0 40px 0;
}

.articulo h1 {
  width: 100%;
  max-width: 600px;
  color: #a14598;
  font-size: 30px;
}

.articulo .descrip {
  width: 100%;
  font-size: 18px;
}

.articulo p {
  font-size: 16px;
}

.articulo .img {
  width: 100%;
  margin: 0 0 20px 0;
}

.articulo .img img {
  width: 100%;
}

/*banner promociones*/
.promo {
  width: 100%;
  background: #F4F4F4;
  color: #5B5B5B;
  font-size: 14px;
  padding: 10px 0;
  text-align: center;
  margin: 20px 0 20px 0;
}

.promo a {
  display: inline-block;
  background: #a14598;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 10px;
  text-decoration: none;
  font-size: 14px;
  margin: 0 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/*casos*/
.casos {
  width: 100%;
  background: #FFF;
  padding: 20px;
}

.casos .contCase {
  width: 100%;
  display: table;
  padding: 20px 0;
}

.casos .contCase .caseImg {
  display: table-cell;
  vertical-align: middle;
}

.casos .contCase .caseImg .circle {
  width: 100%;
  background-size: cover;
  padding: 20px;
}

.casos .contCase .caseImg .circle .fot {
  width: 130px;
  height: 130px;
  border: 5px solid #0085E8;
  overflow: hidden;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

.casos .contCase .caseTxt {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 40px 0 40px;
}

.casos .contCase .caseTxt p {
  color: #375779;
  font-size: 12px;
  position: relative;
}

.casos .contCase .caseTxt p span {
  width: 100%;
  display: inline-block;
  color: #375779;
  font-size: 11px;
  font-weight: 700;
  text-align: right;
  padding: 10px 0 0 0;
}

.casos .contCase .caseTxt .caseCom {
  position: relative;
}

.casos .contCase .caseTxt .caseCom:before {
  content: url(../images/case-comilla-left.png);
  position: absolute;
  left: -40px;
  top: -50px;
  font-size: 90px;
  line-height: 80px;
}

.casos .contCase .caseTxt .caseCom:after {
  content: url(../images/case-comilla-right.png);
  position: absolute;
  right: -40px;
  bottom: -10px;
  font-size: 90px;
  line-height: 80px;
}

.casos .contCase .caseTxt span {
  font-weight: 600;
}

.seminario {
  color: var(--purple);
  cursor: pointer;
}

.msg {
  color: #ef0a46;
}

.negrita {
  font-weight: bold;
}

/*mapa*/
.contacMap {
  width: 100%;
  background: #9DECF5;
}

/*videos interna*/
.video {
  width: 100%;
  margin: 20px 0;
}

.video .headVideo {
  borde-radius: 20px;
  background: #F2F2F2;
  padding: 3rem;
  margin: 0 0 30px 0;
}

.video .headVideo h1 {
  font-size: 38px;
  color: #a14598;
  font-weight: 300;
}

.video .headVideo p {
  font-size: 20px;
  font-weight: 300;
}

.video iframe {
  border: 0;
}

.video .box-video {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 10px 0;
}

.video .box-video a {
  width: 100%;
  text-decoration: none;
  background: #FFFFFF;
  display: inline-block;
}

.video .box-video a:hover {
  box-shadow: 2px 3px 16px #d0d0d0;
}

.video .box-video .box-video-img {
  width: 100%;
}

.video .box-video .box-video-img img {
  width: 100%;
}

.video .box-video .box-video-txt {
  color: #666666;
  padding: 10px;
}

.video .list-video {
  width: 100%;
}

.video .list-video a {
  width: 100%;
  display: table;
  text-decoration: none;
}

.video .list-video .list-video-img {
  width: 80px;
  display: table-cell;
}

.video .list-video .list-video-img img {
  width: 100%;
}

.video .list-video .list-video-txt {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 20px;
  color: #666666;
  font-size: 11px;
}

/*Invima seguridad banner*/
.bann-invima {
  width: 100%;
  min-height: 420px;
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/invima/img-change-temporal-category.jpg) center center no-repeat;
  position: relative;
}

.bann-invima:after {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.bann-invima .bann-invima-tit {
  width: 100%;
  color: var(--purple);
  font-size: 26px;
  font-weight: 200;
  line-height: 30px;
  margin: 0 0 40px 0;
  text-align: center;
  position: relative;
  z-index: 2;
}

.bann-invima .bann-invima-cont {
  width: 100%;
  position: relative;
  z-index: 2;
}

.bann-invima .bann-invima-cont .bann-invima-img {
  width: 100%;
  text-align: center;
}

.bann-invima .bann-invima-cont .bann-invima-img img {
  width: 100%;
  max-width: 150px;
  /*background: #ffffff;
  border-radius: 20px;*/
}

.bann-invima .bann-invima-cont .bann-invima-txt {
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin: 10px 0;
  color: #ffffff;
}

.bann-invima .bann-invima-btn {
  width: 100%;
  text-align: center;
  margin: 20px 0 0 0;
  position: relative;
  z-index: 2;
}

.bann-invima .bann-invima-btn a {
  border-radius: 100px;
  font-size: 12px;
  background: var(--purple);
  color: #FFFFFF;
  text-decoration: none;
  padding: 7px 20px;
  display: inline-block;
  transition: 0.5s;
}

.bann-invima .bann-invima-btn a:hover {
  background: var(--blue);
}

.loadersmall {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 25px;
  height: 25px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.noticias {
  font-style: oblique;
  font-weight: 600;
  font-size: 13px;
  color: #a14598;
}

.charSelected {
  background-color: #d9edf7;
  border-color: #bce8f1;
  border-radius: 4px;
  padding: 5px;
  border: 1px solid transparent;
  animation: parpadeo 3s linear;
  -webkit-animation: parpadeo 3s linear;
  -moz-animation: parpadeo 3s linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
}

@keyframes parpadeo {
  from {
    background-color: #77406c;
    border-color: #FFFFFF;
  }
  50% {
    background-color: #e807f1;
    border-color: #a14598;
  }
  to {
    background-color: #77406c;
    border-color: #FFFFFF;
  }
}
@-webkit-keyframes parpadeo {
  from {
    background-color: #77406c;
    border-color: #FFFFFF;
  }
  50% {
    background-color: #e807f1;
    border-color: #a14598;
  }
  to {
    background-color: #77406c;
    border-color: #FFFFFF;
  }
}
/*modal home*/
.mod-home .modal-content {
  background: none;
  border: 0;
}

.mod-home .modal-header {
  border: 0;
}

.mod-home .modal-header .close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 7px;
  top: 37px;
  padding: 0;
  background: #FFFFFF;
  border-radius: 100px;
  color: #a14598;
  text-shadow: none;
  font-weight: normal;
  font-size: 20px;
  opacity: 1;
  margin: 0;
  z-index: 33;
  transition: 0.3s ease-in-out;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.mod-home .modal-header .close:hover {
  color: #FFFFFF;
  background: #a14598;
  transform: scale(1.2);
}

/*store*/
.main-store {
  width: 100%;
}

/*miga de pan*/
.tick-bread {
  width: 100%;
  display: inline-block;
  text-align: right;
}
.tick-bread .breadcrumb-cont {
  display: block;
}
.tick-bread .breadcrumb-cont .breadcrumb {
  text-align: left;
  background: none;
  padding: 5px 0;
}
.tick-bread .breadcrumb-cont .breadcrumb li {
  margin: 0 12px 0 0;
  position: relative;
  font-size: 12px;
}
.tick-bread .breadcrumb-cont .breadcrumb li:before {
  width: 1px;
  height: 7px;
  position: absolute;
  right: -6px;
  content: "";
  background: #c1bfbf;
  top: calc(50% - 3.5px);
  transform: rotate(20deg);
}
.tick-bread .breadcrumb-cont .breadcrumb li:last-child:before {
  display: none;
}
.tick-bread .breadcrumb-cont .breadcrumb li.active {
  color: #a14598;
}
.tick-bread .breadcrumb-cont .breadcrumb a {
  color: var(--blue-dark);
}

/*ordenar*/
.tick_box-order {
  width: 100%;
}
.tick_box-order button {
  background: none;
  color: #01224e;
  box-shadow: none;
  font-size: 14px;
  font-weight: 300;
}

.tick_box-order button:hover,
.tick_box-order button:focus,
.tick_box-order button:active {
  background: none;
  color: #a14598;
  box-shadow: none;
  border: 0;
}

.tick_box-order .btn-default.active.focus, .btn-default.active:focus,
.tick_box-order .btn-default.active:hover, .btn-default:active.focus,
.tick_box-order .btn-default:active:focus, .btn-default:active:hover,
.tick_box-order .open > .dropdown-toggle.btn-default.focus, .open > .tick_box-order .dropdown-toggle.btn-default:focus,
.tick_box-order .open > .dropdown-toggle.btn-default:hover,
.tick_box-order .btn-group.open .dropdown-toggle {
  background: none;
  box-shadow: none;
  border: 0;
}

.tick_box-order .dropdown-menu {
  width: 200px;
  border: 0;
  padding: 10px;
}

.tick_box-order .dropdown-menu > li > a {
  font-size: 12px;
  cursor: pointer;
}

.tick_box-order .dropdown-menu > li > a:focus,
.tick_box-order .dropdown-menu > li > a:hover {
  color: #a14598;
}

.tick_box-order .dropdown-menu > li.acive > a {
  color: #a14598;
}

.tick_box-order .dropdown-menu > .active > a,
.tick_box-order .dropdown-menu > .active > a:focus,
.tick_box-order .dropdown-menu > .active > a:hover {
  background: url(../images/order-check.svg) 0 0 no-repeat;
  background-position: 5px;
  background-color: #FFFFFF;
  background-size: 10px;
  color: #a14598;
}

/*filtro desplegable arriba*/
.filter-top-cont {
  display: none;
  text-align: left;
}
.filter-top-cont button {
  background: none;
  color: #174173;
  box-shadow: none;
  font-size: 11px;
}

.filter-top-cont button:hover,
.filter-top-cont button:focus,
.filter-top-cont button:active {
  background: none;
  color: #a14598;
  box-shadow: none;
  border: 0;
}

.filter-top-cont .btn-default.active.focus, .btn-default.active:focus,
.filter-top-cont .btn-default.active:hover, .btn-default:active.focus,
.filter-top-cont .btn-default:active:focus, .btn-default:active:hover,
.filter-top-cont .open > .dropdown-toggle.btn-default.focus, .open > .filter-top-cont .dropdown-toggle.btn-default:focus,
.filter-top-cont .open > .dropdown-toggle.btn-default:hover,
.filter-top-cont .btn-group.open .dropdown-toggle {
  background: none;
  box-shadow: none;
  border: 0;
}

.filter-top-cont .dropdown-menu {
  border: 0;
}

.filter-top-cont .dropdown-menu > li > a {
  font-size: 12px;
}

.filter-top-cont .dropdown-menu > li > a:focus,
.filter-top-cont .dropdown-menu > li > a:hover {
  color: #a14598;
}

.filter-top-cont .dropdown-menu > li.acive > a {
  color: #a14598;
}

.filter-top-cont .dropdown-menu > .active > a,
.filter-top-cont .dropdown-menu > .active > a:focus,
.filter-top-cont .dropdown-menu > .active > a:hover {
  background: url(../images/order-check.svg) 0 0 no-repeat;
  background-position: 5px;
  background-color: #FFFFFF;
  background-size: 10px;
  color: #a14598;
}

/*filtro lateral*/
.tick_box-filter-left {
  width: 200px;
  display: table-cell;
  vertical-align: top;
}
.tick_box-filter-left ul {
  width: 90%;
  padding: 10px 5px;
  margin: 0;
  list-style: none;
  background: #FFFFFF;
  border-radius: 15px;
}
.tick_box-filter-left ul li {
  width: 100%;
  padding: 3px 5px;
}
.tick_box-filter-left ul li.active a {
  background: #F1F1F1;
  color: #a14598;
}
.tick_box-filter-left ul li.active .badge {
  color: #a14598;
  background: #ffffff;
}
.tick_box-filter-left ul li .badge {
  margin: 0 7px 0 0;
  background: #f2f2f2;
  font-weight: 400;
  color: #a14598;
}
.tick_box-filter-left ul li a {
  width: 100%;
  text-decoration: none;
  border-radius: 7px;
  color: #01224e;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}
.tick_box-filter-left ul li a:hover {
  background: #F0E4FF;
}

/*buscar input*/
/*.search{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0 20px 0;
}
.search .search-cont{
}
.search .search-inp{
	min-width: 250px;
	border-radius: 50px 0 0 50px;
	border: 1px solid #F1F1F1;
	padding: .375rem 20px;
	box-shadow: none;
}
.search .search-inp::-moz-placeholder{
	color: #9f9f9f;
	font-weight: 300;
}
.search .search-btn-cont{
	position: absolute;
	right: -30px;
	height: 100%;
}
.search .search-btn{
	background: var(--purple);
	border: 0;
	border-radius: 40px !important;
	padding: 0 15px;
	z-index: 3;
}
.search .search-btn:hover,
.search .search-btn:focus{
	background: var(--blue);
	outline: none;
}
.search .search-btn img{
}
*/
/*
.btn{
	color:#FFFFFF;
	font-size: 12px;
	background: #a14598;
	border-radius: 20px;
	padding: 5px 15px;
	border: 0;
}
.btn:hover,
.btn:focus{
	background: #0085E8;
	color:#FFFFFF;
}
.btn-back{
	width: 50% !important;
	color:#5a5a5a;
	font-size: 12px;
	background: #FFFFFF;
	border-radius: 20px;
	padding: 10px 20px !important;
	border: 0;
}
.btn-back:hover{
	background: #dfdfdf !important;
}










/*filtros*/
/*.tick_box-filter{
	width: 100%;
	border:0;
	margin: 0 0 10px 0;
	border-radius: 7px;
}
.tick_box-filter .badge{
	background: #cccccc;
	font-weight: 300;
	margin: 0 0 0 10px;
	color: #FFFFFF;
}
.tick_box-filter .list-group{
	margin: 0;
	display: flex;
    align-items: center;
}
.tick_box-filter .list-group .list-group-item{
	border:0;
	background: none;
    text-align: center;
    border-radius: 7px;
}
.tick_box-filter .list-group .list-group-item.active{
	background: #F1F1F1;
	color: #a14598;
}
.tick_box-filter .list-group .list-group-item.active .badge{
	color: #a14598;
	background: #ffffff;
}
.tick_box-filter .list-group .list-group-item:hover{
	background: #f7f7f7;
}*/
/*contenedor grid & carrito*/
.tick_main .tick_cont {
  width: 90%;
  margin: 0 auto;
}
.tick_main .tick_cont .tick_box-cont {
  width: 100%;
  margin: 30px 0 0 0;
  display: table;
}
.tick_main .tick_cont .tick_box {
  display: table-cell;
}
.tick_main .tick_cont .tick_list {
  width: 100%;
  margin: 0 0 20px 0;
}

/*carrito lateral*/
/*.tick_box-cart{
	width: 230px;
	display: table-cell;
	vertical-align: top;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}
.tick_box-cart .cart-no{
	width: 100%;
}
.tick_box-cart .cart-no .cart-no-img{
	width: 100%;
	text-align: center;
}
.tick_box-cart .cart-no .cart-no-img img{
	max-height: 110px;
}
.tick_box-cart .cart-no .cart-no-txt{
	width: 100%;
	color: #CCCCCC;
	font-size: 11px;
	text-align: center;
}
.tick_box-cart .cart_body{
	width:100%;
	border: 1px solid #F1F1F1;
	padding: 10px;
	background: #f7f7f7;
	border-radius: 7px;
	position: sticky;
	top: 20px;
}
.tick_box-cart .cart_head{
	color:#808080;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px 0;
	font-size: 12px;
}
.tick_box-cart .cart_cont{
	width: 100%;
}
.tick_box-cart .cart_prod{
	width: 100%;
	min-height: 200px;
	margin: 10px 0;
}
.tick_box-cart .cart_prod ul{
	width: 100%;
	padding: 0;
	margin: 0;
}
.tick_box-cart .cart_prod ul li{
	width: 100%;
	display: table;
	margin: 0 0 15px 0;
}
.tick_box-cart .cart_prod .cart_prod_img{
	width: 50px;
	display: table-cell;
	vertical-align: middle;
}
.tick_box-cart .cart_prod .cart_prod_img img{
	width: 100%;
}
.tick_box-cart .cart_prod .cart_prod_txt{
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	font-size: 11px;
	line-height: 14px;
}
.tick_box-cart .cart_prod .cart_prod_txt span{
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #a14598;
}
.tick_box-cart .cart_prod .cart_prod_delet{
	display: table-cell;
	vertical-align: middle;
}
.tick_box-cart .cart_prod .cart_prod_delet a{
	color:#cccccc;
	font-size: 16px;
	text-decoration: none;
	font-weight: 700;
	cursor: pointer;
}
.tick_box-cart .cart_prod .cart_prod_delet a:hover{
	color:#a14598;
}
.tick_box-cart .cart_actions{
	width: 100%;
}
.tick_box-cart .cart_btn{
	width: 100%;
	margin: 10px 0;
	padding: 0 10px;
}
.tick_box-cart .cart_btn a{
	color:#FFFFFF;
	background: var(--purple);
	font-size: 16px;
	text-align: center;
	padding: 5px 10px;
	border-radius: 100px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}
.tick_box-cart .cart_btn a:hover{
	background: var(--blue);
	color:#FFFFFF;
}
.tick_box-cart .cart_total{
	color:#808080;
	font-size: 14px;
	text-align: center;
	margin: 0 0 20px 0;
}
.tick_box-cart .cart_total .cart_total_tit{
	width: 100%;
}
.tick_box-cart .cart_total span{
	color:var(--purple);
	display: block;
	font-size: 22px;
}
.tick_box-cart .cart_total small{
	font-size: 11px;
}
.tick_box-cart .cart_empty{
	width: 100%;
	text-align: center;
}
.tick_box-cart .cart_empty a{
	color: #808080;
	font-size: 11px;
	cursor: pointer;
}
.tick_box-cart .cart_empty a:hover{
	text-decoration: underline;
}*/
/*grid productos*/
.grid-imec {
  width: 100%;
}
.grid-imec .grid-cont {
  display: grid;
  grid-column-gap: 2rem;
  grid-template-columns: repeat(3, 1fr);
}
.grid-imec .ofStock:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "Pronto, tendremos más referencias";
  background: rgba(255, 255, 255, 0.8);
  justify-content: center;
  align-items: center;
  display: inline-flex;
  font-size: 18px;
  color: #666;
  z-index: 3;
  font-weight: 400;
  text-align: center;
  line-height: 20px;
  padding: 0 20px;
  border-radius: 15px;
}
.grid-imec .ofStock .grid-add {
  display: none;
}
.grid-imec .ofStock .price {
  display: none;
}
.grid-imec {
  /*cards productos tienda*/
}
.grid-imec .grid-panel {
  margin: 0 0 3rem 0;
  position: relative;
}
.grid-imec .grid-panel .grid-body {
  width: 100%;
  height: 100%;
}
.grid-imec .grid-panel .grid-body a {
  width: 100%;
  height: 100%;
  padding: 20px 20px 60px 20px;
  display: grid;
  text-decoration: none;
  color: #01224e;
  background: #FFFFFF;
  border-radius: 20px;
  cursor: pointer;
  transition: 0.5s;
}
.grid-imec .grid-panel .grid-body a:hover {
  /*box-shadow: 2px 3px 16px #e1e1e1;*/
  box-shadow: 2px 3px 16px #d8dcf0;
}
.grid-imec .grid-panel .grid-offer {
  width: 150px;
  height: 80px;
  position: absolute;
  right: -6px;
  top: -24px;
  background: url(../images/offer-clock.svg) center 0 no-repeat;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 600;
  justify-content: right;
  display: inline-flex;
  align-items: center;
  padding: 13px 15px 0 0;
  transform: rotate(5deg);
}
.grid-imec .grid-panel .grid-img {
  width: 100%;
  height: 250px;
  overflow: hidden;
  background-size: contain !important;
  margin: 0 0 10px 0;
  border-radius: 10px;
}
.grid-imec .grid-panel .grid-tit {
  font-size: 18px;
  color: #a14598;
  font-weight: 300;
  margin: 0 0 5px 0;
}
.grid-imec .grid-panel .grid-descri {
  font-size: 13px;
  margin: 0 0 10px 0;
}
.grid-imec .grid-panel .ofert {
  width: 100%;
  text-align: center;
  margin: 20px 0 0 0;
}
.grid-imec .grid-panel .ofert span {
  font-size: 13px;
  background: #a14598;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  padding: 3px 13px;
  display: inline-block;
  border-radius: 10px;
}
.grid-imec .grid-panel .price {
  font-size: 20px;
  color: #a14598;
  font-weight: 400;
  text-align: center;
}
.grid-imec .grid-panel .grid-add {
  width: 100%;
  position: absolute;
  bottom: 5px;
  padding: 0 0 10px 0;
  display: flex;
  justify-content: center;
}
.grid-imec .grid-panel .grid-add a {
  width: auto;
  min-width: 100px;
  min-height: auto;
  padding: 8px 15px;
  color: #808080;
  border: 1px solid #f2f2f2;
  font-size: 12px;
  text-align: center;
  border-radius: 15px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.5s;
}
.grid-imec .grid-panel .grid-add a:hover {
  background: #a14598;
  color: #ffe3ff;
  border: 1px solid #a14598;
}

.tick_main .tick_cont .tick_box .tick_form {
  width: 100%;
  margin: 0 0 20px 0;
}

.tick_main .tick_cont .tick_box .tick_form textarea {
  resize: none;
}

.tick_main .tick_cont .tick_box .tick_perfil {
  width: 100%;
  margin: 0 0 20px 0;
  display: inline-block;
}

.tick_main .tick_cont .tick_box .tick_contra {
  width: 100%;
  margin: 0 0 20px 0;
  display: inline-block;
}

/*footer*/
/*footer .foDat{
	width: 100%;
	background: #FFFFFF;
	padding: 40px 0;
}
footer .foDat hr{
	margin: 15px 0;
}
footer .foDat .contRedes{
	width: 100%;
	text-align: right;
	margin: 20px 0 0 0;
}
footer .foDat ul.redes{
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}
footer .foDat ul.redes li{
	display: table-cell;
	padding: 0 10px 0 0;
}
footer .foDat .vigil{
	padding: 20px 0 0 0;
	text-align: right;
}
footer .foDat .foLogo img{
	max-width: 150px;
}
footer .foDat .fo-btn-map a{
	font-size: 11px;
	display: inline-block;
	padding: 3px 13px;
	border:1px solid var(--purple);
	border-radius: 100px;
	color: var(--purple);
	text-decoration: none;
	transition: 0.5s;
}
footer .foDat .fo-btn-map a:hover{
	transform: scale(1.1);
}
footer .foDat .fo-btn-map img{
	margin: 0 0 0 3px;
}
footer h5{
	color:var(--purple);
	font-size: 14px;
	font-weight: 400;
	margin: 5px 0;
}
footer p{
	color: #969696;
	font-size: 12px;
	margin: 0 0 5px 0;
}
footer .foNav{
	width:100%;
	margin: 4% 0 0 0;
}
footer .foNav ul{
	width:100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
}
footer .foNav ul li{
	display: inline-block;
	margin: 0 5px;
}
footer .foNav ul li a{
	width:100%;
	color: #969696;
	padding: 5px;
	text-decoration: none;
}
footer .foNav ul li a:hover{
	color:#0085E8;
}
footer .fo-copy{
	text-align: right;
}
*/
.textBox {
  border: 1px #ccc solid;
  border-radius: 5px;
  padding: 10px;
  background-color: white;
  min-height: 200px;
}

/*banner promociones*/
.promo {
  width: 100%;
  background: #F4F4F4;
  color: #5B5B5B;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
  text-align: center;
  margin: 10px 0 20px 0;
}

.promo a {
  display: inline-block;
  background: #a14598;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 10px;
  text-decoration: none;
  font-size: 14px;
  margin: 0 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.promo .glyphicon {
  color: #a14598;
  font-size: 16px;
  margin: 0 15px;
}

/* Indicators list style */
.article-slide .carousel-indicators {
  bottom: 0;
  left: 0;
  margin-left: 5px;
  width: 100%;
}

/* Indicators list style */
.article-slide .carousel-indicators li {
  border: medium none;
  border-radius: 0;
  float: left;
  height: 54px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 5px !important;
  margin-top: 0;
  width: 100px;
}

/* Indicators images style */
.article-slide .carousel-indicators img {
  border: 2px solid #FFFFFF;
  float: left;
  height: 54px;
  left: 0;
  width: 100px;
}

/* Indicators active image style */
.article-slide .carousel-indicators .active img {
  border: 2px solid #428BCA;
  opacity: 0.7;
}

.ultimo {
  margin-bottom: 8px;
}

/*resultado lista input desplegable*/
.cont_resul {
  width: 100%;
  position: relative;
}

.resultado {
  position: absolute;
  width: 100%;
  z-index: 3;
}

.resultado a {
  padding: 7px 10px;
}

.resultado a:hover,
.resultado a:focus {
  background: #f5f5f5;
  color: #666666;
}

.resultado a.active,
.resultado a.active:hover,
.resultado a.active:focus {
  background: #a14598;
  border: 1px solid #ddd;
  color: #ffffff;
}

.resultado a.active h4,
.resultado a.active p {
  color: #ffffff !important;
}

.resultado h4 {
  font-size: 13px;
  margin: 0 0 2px 0;
}

.resultado p {
  font-size: 13px;
}

.letramenuprincipal {
  font-weight: 600;
}

@keyframes blink {
  from {
    color: #fcdef9;
  }
  50% {
    color: #a14598;
  }
  to {
    color: #fcdef9;
  }
}
@-webkit-keyframes blink {
  from {
    color: #fcdef9;
  }
  50% {
    color: #a14598;
  }
  to {
    color: #fcdef9;
  }
}
.blink {
  -webkit-animation: blink 5s linear infinite;
  -moz-animation: blink 5s linear infinite;
  animation: blink 5s linear infinite;
}

.charSelected {
  background-color: #d9edf7;
  border-color: #bce8f1;
  border-radius: 4px;
  padding: 5px;
  border: 1px solid transparent;
  animation: parpadeo 3s linear;
  -webkit-animation: parpadeo 3s linear;
  -moz-animation: parpadeo 3s linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
}

@keyframes parpadeo {
  from {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
  }
  50% {
    background-color: #d9edf7;
    border-color: #bce8f1;
  }
  to {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
  }
}
@-webkit-keyframes parpadeo {
  from {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
  }
  50% {
    background-color: #d9edf7;
    border-color: #bce8f1;
  }
  to {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
  }
}
#mdialTamanio {
  width: 60% !important;
  margin: 0 auto;
}

/*videos interna*/
.video {
  width: 100%;
  margin: 20px 0;
}

.video .headVideo {
  border-radius: 20px;
  background: #F2F2F2;
  padding: 3rem;
  margin: 0 0 30px 0;
}

.video .headVideo h1 {
  font-size: 38px;
  color: #a14598;
  font-weight: 300;
}

.video .headVideo p {
  font-size: 20px;
  font-weight: 300;
}

.video iframe {
  border: 0;
}

.video .box-video {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 10px 0;
}

.video .box-video a {
  width: 100%;
  text-decoration: none;
  background: #FFFFFF;
  display: inline-block;
}

.video .box-video a:hover {
  box-shadow: 2px 3px 16px #d0d0d0;
}

.video .box-video .box-video-img {
  width: 100%;
}

.video .box-video .box-video-img img {
  width: 100%;
}

.video .box-video .box-video-txt {
  color: #666666;
  padding: 10px;
}

.video .list-video {
  width: 100%;
}

.video .list-video a {
  width: 100%;
  display: table;
  text-decoration: none;
}

.video .list-video .list-video-img {
  width: 80px;
  display: table-cell;
}

.video .list-video .list-video-img img {
  width: 100%;
}

.video .list-video .list-video-txt {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 20px;
  color: #666666;
  font-size: 11px;
}

#div_dia_ord {
  width: 70% !important;
}

/*cookies*/
.cook {
  width: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  padding: 20px;
  bottom: 0;
  z-index: 777777;
}

.cook-txt {
  color: #FFFFFF;
  font-size: 12px;
}

.cook-txt a {
  color: #FFFFFF;
  font-weight: 700;
}

.cook-btn {
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

.cook-yes {
  display: inline-block;
  background: #a14598;
  padding: 10px 20px;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  margin: 0 10px;
  border-radius: 14px;
}

.cook-yes:hover {
  background: #43c5e6;
  text-decoration: none;
  color: #FFFFFF;
}

.cook-no {
  display: inline-block;
  background: #FFFFFF;
  padding: 10px 20px;
  color: #a14598;
  text-align: center;
  text-decoration: none;
  margin: 0 10px;
  border-radius: 14px;
}

.cook-no:hover {
  background: #43c5e6;
  text-decoration: none;
  color: #FFFFFF;
}

/*mis pedidos*/
.myOrders {
  width: 100%;
}

.myOrders .myOrders-cont {
  width: 100%;
  margin: 0 0 20px 0;
}

.myOrders .myOrders-head {
  width: 100%;
  padding: 10px 20px;
  background: #FFFFFF;
}

.myOrders .myOrders-head p {
  margin: 5px 0;
}

.myOrders .myOrders-head a {
  margin: 0 10px 0 0;
}

.myOrders .myOrders-body {
  width: 100%;
  padding: 20px;
  border-top: 1px solid #f1f1f1;
  background: #FFFFFF;
}

.myOrders .myOr-prod {
  width: 100%;
}

.myOrders .myOr-prod ul {
  width: 100%;
  padding: 0;
  margin: 0;
}

.myOrders .myOr-prod ul li {
  width: 100%;
  display: table;
  padding: 20px 0;
  border-top: 1px solid #F1F1F1;
}

.myOrders .myOr-prod ul li:nth-child(1) {
  border-top: 0;
}

.myOrders .myOr-prod-img {
  width: 150px;
  display: table-cell;
  vertical-align: middle;
}

.myOrders .myOr-prod-img a {
  display: inline-block;
}

.myOrders .myOr-prod-img img {
  width: 100%;
}

.myOrders .myOr-prod-txt {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px;
  font-size: 11px;
  line-height: 14px;
}

.myOrders .myOr-prod-txt span {
  display: block;
  font-size: 16px;
  margin: 10px 0 0 0;
}

.myOrders .myOr-prod-txt .myOr-prod-tit {
  width: 100%;
}

.myOrders .myOr-prod-txt .myOr-prod-link {
  width: 100%;
  margin: 10px 0 0 0;
}

.myOrders .myOr-prod-txt .myOr-prod-link a {
  margin: 0 10px 0 0;
}

.myOrders .myOr-prod-txt .myOr-prod-btn {
  width: 100%;
  margin: 10px 0 0 0;
}

.myOrders .myOr-prod-txt .myOr-prod-btn a {
  padding: 5px 20px;
  text-align: center;
  border-radius: 100px;
  text-decoration: none;
  display: inline-flex;
}

.myOrders .myOr-prod-txt .myOr-prod-btn .myOr-repurchase {
  color: #FFFFFF;
  background: var(--purple);
}

.myOrders .myOr-prod-txt .myOr-prod-btn .myOr-repurchase:hover {
  background: var(--blue);
}

.myOrders .myOr-prod-txt .myOr-prod-btn .myOr-see {
  color: #808080;
  background: #F6F6F6;
}

.myOrders .myOr-prod-txt .myOr-prod-btn .myOr-see:hover {
  background: #cccccc;
  color: #FFFFFF;
}

.myOrders .myOr-prod-quantity {
  width: 70px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  text-align: center;
}

.myOrders .myOr-prod-quantity span {
  margin: 5px 0 0 0;
  display: inline-block;
}

.myOrders .myOr-prod-total {
  display: table-cell;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
}

.myOrders .myOr-prod-delet {
  width: 50px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  text-align: right;
}

.myOrders .myOr-prod-delet a {
  color: #cccccc;
  font-size: 16px;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;
}

.myOrders .myOr-prod-delet a:hover {
  color: var(--purple);
}

.myOrders .myOr-actions {
  width: 100%;
  text-align: center;
}

.myOrders .myOr-actions a {
  width: 100%;
  max-width: 400px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 100px;
  text-decoration: none;
  display: inline-block;
  margin: 7px 0;
}

.myOrders .myOr-actions .myOr-support-btn {
  color: #FFFFFF;
  background: #a14598;
}

.myOrders .myOr-actions .myOr-support-btn:hover {
  background: #43c5e6;
}

.myOrders .myOr-actions .myOr-opinion {
  color: #808080;
  background: #F6F6F6;
}

.myOrders .myOr-actions .myOr-opinion:hover {
  background: #cccccc;
  color: #FFFFFF;
}

.myOrders-pay {
  width: 100%;
  padding: 20px;
  background: #FFFFFF;
  border-radius: 15px;
  text-align: center;
}

.myOrders-pay .myOrders-pay-txt {
  width: 100%;
  color: #808080;
  font-size: 16px;
  text-align: center;
  margin: 0 0 10px 0;
}

.myOrders-pay .myOrders-pay-txt span {
  color: var(--purple);
}

.myOrders-pay .myOrders-pay-btn {
  width: 100%;
  text-align: center;
}

.myOrders-pay .myOrders-pay-btn a {
  padding: 5px 20px;
  text-align: center;
  border-radius: 100px;
  text-decoration: none;
  display: inline-block;
  color: #FFFFFF;
  background: var(--purple);
  font-size: 14px;
  cursor: pointer;
}

.myOrders-pay .myOrders-pay-btn a:hover {
  background: var(--blue);
  color: #FFFFFF;
}

/*boton whatsapp tienda*/
/*.btn-wa{
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 777;
    text-align: center;
}
.btn-wa a{
    width:100%;
    height: 100%;
    background: var(--green);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 170px;
    transition: 0.5s ease-in-out;
}
.btn-wa a:hover{
    transform: scale(1.1);
}
.btn-wa .wa-cont{}
.btn-wa .wa-img{
    width:100%;
}
.btn-wa img{
    width:30px;
}
.btn-wa .wa-txt{
    font-size: 8px;
    color: #ffffff;
}
*/
/*despacho*/
.despa-cho {
  width: 100%;
  margin: 20px 0;
  font-size: 14px;
}

.despa-cho-head {
  margin: 0 0 20px 0;
}

.despa-cho-cont ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.despa-cho-cont ul li {
  display: flex;
  margin: 10px 0;
}

.despa-cho-cont ul li.active .des-cho-1,
.despa-cho-cont ul li.active .des-cho-1:before,
.despa-cho-cont ul li.active .des-cho-2,
.despa-cho-cont ul li.active .des-cho-2:before {
  background: #a14598;
  color: #FFFFFF;
}

.des-cho-1 {
  height: 35px;
  padding: 0 20px 0 10px;
  background: #d0d0d0;
  position: relative;
  display: inline-flex;
  align-items: center;
}

.des-cho-1:before {
  width: 25px;
  height: 25px;
  background: #d0d0d0;
  content: "";
  position: absolute;
  right: -13px;
  transform: rotate(45deg);
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  z-index: 2;
  top: 5px;
}

.des-cho-2 {
  height: 35px;
  padding: 0 20px 0 25px;
  background: #f4f3f3;
  position: relative;
  display: inline-flex;
  align-items: center;
}

.des-cho-2:before {
  width: 25px;
  height: 25px;
  background: #f4f3f3;
  content: "";
  position: absolute;
  right: -13px;
  transform: rotate(45deg);
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  top: 5px;
}

.des-cho-3 {
  height: 35px;
  padding: 0 20px 0 20px;
  position: relative;
  display: inline-flex;
  align-items: center;
}

.despa-cho-fo {
  margin: 20px 0;
}

.despa-cho-fo .despa-cho-btn {
  margin: 10px 0 0 0;
}

/*color bar*/
.color-bar {
  width: 100%;
  max-width: 400px;
  display: flex;
  margin: 20px 0;
}

.color-bar .color-bar-tit {
  margin: 0 10px 0 0;
}

.color-bar .color-bar-cont {
  width: 100%;
}

.color-bar .color-bar-cont ul {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.color-bar .color-bar-cont ul li {
  width: 30px;
  height: 30px;
  background: #B9E2FF;
  border-radius: 100px;
  margin: 0 20px;
}

.codnew {
  cursor: pointer;
}

/*sección credito*/
.credit {
  width: 100%;
  background: url(../images/img-credit.jpg) center 0 no-repeat;
  background-size: cover;
  padding: 50px;
  display: inline-flex;
  justify-content: flex-end;
}

.credit .credit-cont {
  width: 100%;
  max-width: 570px;
  background: #FFFFFF;
  padding: 70px 50px;
  border-radius: 20px;
}

.credit h3 {
  color: var(--purple);
  font-size: 34px;
}

.credit .credit-txt {
  font-size: 16px;
}

.credit .credit-txt small {
  font-size: 12px;
}

.credit .credit-btn {
  width: 100%;
  margin: 10px 0;
}

.credit .credit-btn a {
  padding: 10px 20px;
  text-align: center;
  border-radius: 100px;
  text-decoration: none;
  display: inline-block;
  color: #FFFFFF;
  background: var(--purple);
  font-size: 16px;
  cursor: pointer;
}

.credit .credit-btn a:hover {
  background: var(--blue);
  color: #FFFFFF;
}

.credit .credit-subtxt {
  color: var(--purple);
  font-weight: bold;
  font-size: 16px;
  margin: 20px 0;
}

.credit .credit-list {
  width: 100%;
  font-size: 16px;
  margin: 10px 0;
}

.credit .credit-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.credit .credit-list ul li {
  width: 50%;
}

.credit .credit-list ul li p {
  width: 100%;
}

.credit .credit-list ul li img {
  width: 32px;
  height: 32px;
  margin: 0 0 5px 0;
}

/*Modal search*/
/*.modal-search{
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(10px);
	z-index: 7777777;
	.equis-close{
		width: 30px;
		height: 30px;
		position: absolute;
		right: 20px;
		top: 20px;
		background: rgba(255, 255, 255, 0.7);
		border-radius: 100px;
		text-align: center;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		button{
			font-size: 40px;
  			font-weight: 300;
		}
	}
	.cont-bg{
		background: none;
		display: inline-flex;
		align-items: center;
		border: 0;
	}
	.modal-search-box{
		width: 100%;
		max-width: 600px;
		margin: 40px 0 0 0;
		padding: 0 15px;
		input{
			height: 50px;
			border-radius: 15px !important;
			font-size: 18px !important;
		}
	}
	.result{
		width: 100%;
		background: blue;
		margin: 20px 0 0 0;
		background: #FFFFFF;
		border-radius: 15px;
		padding: 20px;
		ul{
			width: 100%;
			padding: 0;
			margin: 0;
			list-style: none;
			li{
				width: 100%;
				border-bottom: 1px solid #cccccc;
				padding:0 0 10px 0;
				margin: 0 0 10px 0;
				&:last-child{
					border: 0;
					margin: 0;
					padding: 0;
				}
				.result-link{
					width: 100%;
					display: inline-block;
					text-decoration: none;
					border-radius: 10px;
					position: relative;
					border: 0;
					background: none;
					text-align: left;
					padding: 10px;
					&:hover{
						background: #f9f9f9;
					}
				}
			}
		}
		.result-cont{
		  width: 100%;
		  display: inline-flex;
		  align-items: center;
		  .result-img{
			  width: 160px;
			  img{
				  width: 100%;
				  height: 100%;
				  border-radius: 10px;
				  object-fit: cover;
			  }
		  }
		  .result-txt{
			  width: 100%;
			  font-size: 16px;
			  color: #000000;
			  padding: 5px 5px 5px 20px;
			  .result-line{
				  font-size: 12px;
				  button{
					  background: none;
					  color: greenyellow;
					  text-decoration: underline;
					  border: 0;
					  box-shadow: none;
					  padding: 0;
				  }
			  }
			  .result-name{
				  font-size: 16px;
				  font-weight: 600;
			  }
			  .result-description{
				  font-size: 14px;
			  }
			  .result-price{
				  font-size: 18px;
				  color: var(--purple);
			  }
		  }
		}
	}
  }*/
/*----------------------------------*/
/*style jul responsive*/
@media (max-width: 1200px) {
  /*grid*/
  .grid-imec .grid-cont {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 940px) {
  .tick_box-filter-left {
    display: none;
  }
  /*contenedor grid & carrito*/
  .tick_main .tick_cont .tick_box-cont {
    display: grid;
  }
  .tick_main .tick_cont .tick_box {
    width: 100%;
    display: inline-block;
    padding: 0;
    order: 2;
  }
  .tick_main .tick_cont {
    display: block;
  }
  .tick_main .tick_cont .tick_box_menu {
    width: 100%;
    display: inline-block;
    margin: 0 0 10px 0;
  }
  .tick_main .tick_cont .tick_box_menu ul li {
    width: auto;
    display: inline-block;
  }
  .tick_box-cart {
    width: 100%;
    display: inline-block;
    padding: 0;
    order: 1;
  }
  .tick_box-cart .cart_cont {
    display: table;
  }
  .tick_box-cart .cart_prod {
    width: auto;
    min-height: auto;
    display: table-cell;
  }
  .tick_box-cart .cart_prod ul {
    display: flex;
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .tick_box-cart .cart_prod ul li {
    flex: 0 0 46%;
    scroll-snap-align: center;
    margin: 15px 2%;
  }
  .tick_box-cart .cart_actions {
    width: 130px;
    display: table-cell;
    vertical-align: top;
  }
  .tick_box-cart .cart_btn {
    margin: 3px 0;
  }
  .tick_box-cart .cart_btn a {
    font-size: 11px;
    padding: 3px 10px;
  }
  .tick_box-cart .cart_total {
    font-size: 12px;
    margin: 0;
  }
  .tick_box-cart .cart_total .cart_total_tit {
    display: none;
  }
  .tick_box-cart .cart_total span {
    font-size: 14px;
  }
  .tick_box-cart .cart_empty {
    margin: 10px 0 0 0;
  }
  .tick_box-cart .cart-no .cart-no-img img {
    max-height: 50px;
  }
}
@media (max-width: 768px) {
  /*menu*/
  /*.navbar{
  		margin:0;
  	}

  	.navbar-collapse{
  		width: 100%;
  		height: 100vh;
  		background:rgba(0,0,0,0.5);
  		padding: 20px 10px;
  		position: fixed;	
  		z-index: 3;
  		top: 0;
  		left: 0;
  		display: flex;
  		justify-content: center;
  		align-items: center;
  	}
  	.navbar-imec ul li a{
  		color: #FFFFFF !important;
  		font-size: 18px;
  		text-align: center;
  	}
  	.navbar-nav{
  		margin: 0 !important;
  	}
  	.nav-close{
  		width: 30px;
  		color:var(--purple);
  		background: #FFFFFF;
  		text-align: center;
  		border-radius: 100px;
  		margin: 0 auto 15px auto;
  		display: flex;
  		justify-content: center;
  		align-items: center;
  	}
  */
  /*.navbar-collapse.collapse{
  	padding:0;
  }
  .navbar-collapse.collapse ul li a{
  	padding: 5px 0;
  }*/
  .nav-user {
    margin: 0;
    text-align: center;
    display: none;
  }
  .nav-user li {
    display: inline-block;
    vertical-align: top;
  }
  .nav-imec {
    text-align: center;
  }
  .nav-imec li {
    display: inline-flex;
    padding: 10px;
  }
  .busca {
    max-width: none;
  }
  .bg {
    display: none;
  }
  .logL {
    width: 100%;
    display: block;
    background: none;
  }
  .logR {
    width: 100%;
    display: block;
  }
  .logCenter {
    position: relative;
  }
  .login h1,
  .login a {
    text-align: center;
  }
  .logo {
    padding: 10px 0 0 0;
  }
  .logo img {
    max-width: 300px;
  }
  /*filtros*/
  .tick_box-filter {
    margin: 10px 0;
    display: inline-flex;
    justify-content: center;
  }
  .tick_box-filter .list-group .list-group-item {
    padding: 5px;
    font-size: 11px;
  }
  .tick_box-filter .badge {
    font-size: 11px;
    max-width: 0 0 0 5px;
    float: none;
  }
  /*miga de pan*/
  .breadcrumb-cont {
    display: none;
  }
  /*grid*/
  .grid-imec .grid-cont {
    grid-template-columns: repeat(1, 1fr);
  }
  /*filtro desplegable arriba*/
  .filter-top-cont {
    display: block;
  }
  /*footer*/
  footer .foDat {
    text-align: center;
  }
  footer .foDat .contRedes {
    text-align: center;
    margin: 5px 0 0 0;
  }
  footer .fo-copy {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .addMod .contMod .mod-prod-cont {
    text-align: center;
    display: inline-block;
  }
}
@media (max-width: 575px) {
  /*footer*/
  footer .foDat {
    text-align: center;
    padding: 15px 0;
  }
  footer .foDat hr {
    margin: 20px 0;
  }
  footer iframe {
    margin: 20px 0;
  }
  /*sección credito*/
  .credit .credit-cont {
    padding: 40px 30px;
  }
  .credit h3 {
    font-size: 26px;
  }
}
@media (max-width: 480px) {
  /*bar top*/
  .barTop {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
  .barTop .barRed {
    display: none;
  }
  /*carrito*/
  .tick_box-cart .cart_prod {
    width: 100%;
    display: inline-block;
  }
  .tick_box-cart .cart_actions {
    display: block;
    margin: 0 auto;
  }
  /*filtro*/
  .tick_box-filter .list-group .list-group-item {
    display: grid;
  }
  /*mis pedidos*/
  .myOrders .myOr-prod-img {
    width: 100px;
  }
}
/*productos interna detalle*/
.product-detail {
  width: 90%;
  margin: 0 auto;
}

.product {
  width: 100%;
  display: inline-block;
  background: #FFFFFF;
  padding: 3rem;
  margin: 0 0 30px 0;
  border-radius: 15px;
}

.product .product-cont {
  width: 100%;
}

.product .product-txt {
  width: 100%;
}

.product .product-txt h1 {
  width: 100%;
  font-size: 26px;
  color: #a14598;
}

.product .product-txt .product-desc {
  width: 100%;
  font-size: 16px;
}

.product .product-txt .product-rating {
  width: 100%;
  margin: 10px 0;
}

.product .product-txt .product-rating i {
  font-size: 17px;
}

.product .product-txt hr {
  width: 100%;
  margin: 20px 0;
  color: #C9C9C9;
}

.product .product-txt .product-price {
  width: 100%;
  color: var(--purple);
  font-size: 26px;
  font-weight: 600;
}

.product .product-txt .product-price.tachado {
  color: #ef0a46;
  font-size: 16px;
  text-align: left;
}

.product .product-txt .product-stock {
  width: 100%;
  font-size: 14px;
}

.product .product-txt .cart {
  width: 100%;
  margin: 0 0 30px 0;
}

.product .product-txt .cart button {
  width: 100%;
  padding: 13px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 0;
  font-size: 16px;
  background: var(--purple);
  color: #FFFFFF;
  transition: 0.5s;
}

.product .product-txt .cart button:hover,
.product .product-txt .cart button:focus {
  background: var(--blue);
  color: #FFFFFF;
}

.product .product-txt .cart button.btn-back {
  width: auto;
  min-width: 150px;
  background: #cccccc;
  color: var(--gray);
  cursor: pointer;
  padding: 10px;
  transition: 0.5s;
}

.product .product-txt .cart button.btn-back:hover {
  background: var(--blue);
  color: #FFFFFF;
}

.product .product-tab {
  width: 100%;
  margin: 0 0 30px 0;
}

.product .product-galery {
  width: 100%;
  display: table;
}

.product .product-galery a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: inline-block;
}

.product .product-galery .product-galery-img {
  display: table-cell;
}

.product .product-galery .product-galery-thumb {
  width: 100px;
  display: table-cell;
  padding: 0 0 0 20px;
  vertical-align: top;
}

.product .product-galery .product-galery-thumb ul {
  width: 100%;
  list-style: none;
  padding: 0 20px 0 0;
  margin: 0;
  max-height: 500px;
  overflow: scroll;
}

.product .product-galery .product-galery-thumb ul li {
  margin: 0 0 20px 0;
}

.product .product-galery .product-galery-thumb ul li a {
  display: inline-block;
  border: 2px solid #FFFFFF;
}

.product .product-galery .product-galery-thumb ul li a:hover {
  border: 2px solid #43c5e6;
}

.product .product-galery .product-galery-thumb ul li.active a {
  border: 2px solid #a14598;
}

.product .product-galery .product-galery-thumb ul li img {
  width: 100%;
}

/*carousel*/
.product .carousel {
  width: 100%;
}

.product .carousel .carousel-control {
  background: none;
}

/*tabs descricpción producto*/
.product .product-tab {
  margin: 0 0 20px 0;
}

.product .product-tab .nav-pills .nav-item {
  margin: 0 15px 0 0;
}

.product .product-tab .nav-pills .nav-item:last-child {
  margin: 0;
}

.product .product-tab .nav-pills .nav-link {
  border-radius: 100px;
  background: var(--bg-gray-light);
  color: var(--gray);
}

.product .product-tab .nav-pills .nav-link.active,
.product .product-tab .nav-pills .show > .nav-link {
  background: var(--purple);
  color: #FFFFFF;
}

.product .product-tab .nav-pills .nav-link:hover,
.product .product-tab .nav-pills .show > .nav-link:hover {
  background: var(--blue);
  color: #FFFFFF;
}

.product .product-cont span,
.product .product-cont b,
.product .product-cont p,
.product .product-cont font,
.product .product-cont td {
  font-family: "Raleway", sans-serif !important;
  font-size: 14px;
}

.product .product-cont h3 {
  font-size: 18px;
  color: var(--purple);
}

.product .product-cont p {
  font-size: 14px;
}

/*Linea medica vip categorias new*/
/*categorias*/
.category {
  width: 100%;
  padding: 40px 20px;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .category {
    padding: 10px;
  }
}
.category.bg-white {
  background: #FFFFFF;
}
.category .category-img {
  width: 100%;
  margin: 10px 0;
  height: 500px;
}
.category .category-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.category .category-cont {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}
.category .category-box {
  max-width: 400px;
}
@media (max-width: 768px) {
  .category .category-box {
    width: 100%;
    max-width: none;
  }
}
.category .category-tit {
  color: #a14598;
  font-size: 26px;
  font-weight: 200;
  line-height: 30px;
  margin: 0 0 10px 0;
}
@media (max-width: 768px) {
  .category .category-tit {
    font-size: 20px;
  }
}
.category .category-txt {
  color: #01224e;
  font-size: 14px;
}
.category .category-btn {
  width: 100%;
}
.category .category-btn a {
  border-radius: 100px;
  font-size: 14px;
  background: #a14598;
  color: #FFFFFF;
  text-decoration: none;
  padding: 7px 20px;
  display: inline-block;
  transition: 0.5s;
}
.category .category-btn a:hover {
  background: #0D8ACB;
}

/*banner conocer más linea medica*/
.category-all {
  width: 100%;
  height: 100%;
  background: url(../images/img-change-temporal-category.jpg) center center no-repeat;
  background-size: cover;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .category-all {
    background: #F0E4FF;
  }
}
.category-all .category-cont {
  width: 100%;
  height: 400px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .category-all .category-cont {
    height: 100%;
    padding: 50px 10px;
  }
}
.category-all .category-box {
  max-width: 400px;
}
.category-all .category-tit {
  color: #a14598;
  font-size: 26px;
  font-weight: 200;
  line-height: 30px;
  margin: 0 0 10px 0;
}
.category-all .category-btn {
  width: 100%;
}
.category-all .category-btn a {
  border-radius: 100px;
  font-size: 14px;
  background: #0D8ACB;
  color: #FFFFFF;
  text-decoration: none;
  padding: 7px 20px;
  display: inline-block;
  transition: 0.5s;
}
.category-all .category-btn a:hover {
  background: #a14598;
}

/*vip linea premium - detalle producto*/
.vip-1 {
  width: 100%;
  padding: 40px 20px;
  /*margin: -30px 0 0 0;*/
  background: #FFFFFF;
  border-radius: 30px 30px 0 0;
}
.vip-1 .vip-img {
  width: 100%;
  margin: 10px 0;
}
.vip-1 .vip-img img {
  width: 100%;
  max-width: 500px;
  mix-blend-mode: multiply;
}
.vip-1 .vip-cont {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}
.vip-1 .vip-box {
  max-width: 400px;
}
.vip-1 .vip-tit {
  color: #a14598;
  font-size: 26px;
  font-weight: 200;
  line-height: 30px;
  margin: 0 0 10px 0;
}
.vip-1 .vip-txt {
  color: #01224e;
  font-size: 14px;
}
.vip-1 .vip-price {
  font-size: 22px;
  font-weight: 200;
  color: #01224e;
  margin: 10px 0;
}
.vip-1 .vip-price label {
  width: 100%;
  color: #a14598;
  display: inline-block;
  margin: 0;
}

.vip-btn a {
  border-radius: 100px;
  font-size: 14px;
  background: var(--purple);
  color: #FFFFFF !important;
  text-decoration: none;
  padding: 7px 20px;
  display: inline-block;
  transition: 0.5s;
  cursor: pointer;
}
.vip-btn a:hover {
  background: var(--blue);
}

.vip-2 {
  width: 100%;
  padding: 40px 20px;
  background: var(--bg-gray-light);
}
.vip-2 .vip-img {
  width: 100%;
  margin: 10px 0;
}
.vip-2 .vip-img img {
  width: 100%;
  max-width: 500px;
}
.vip-2 .vip-box {
  max-width: 400px;
}
.vip-2 .vip-cont {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}
.vip-2 .vip-tit {
  color: #a14598;
  font-size: 26px;
  font-weight: 200;
  line-height: 30px;
  margin: 0 0 10px 0;
}
.vip-2 .vip-txt {
  color: #01224e;
  font-size: 14px;
}
.vip-2 .vip-list {
  color: #01224e;
}
.vip-2 .vip-list label {
  width: 100%;
  font-size: 22px;
  font-weight: 200;
  color: #a14598;
  display: inline-block;
  margin: 0;
}
.vip-2 .vip-list ul, .vip-2 .vip-list ol {
  padding: 0 0 0 10px;
  margin: 10px 0;
}
.vip-2 .vip-list ul li, .vip-2 .vip-list ol li {
  padding: 0;
  margin: 0;
  color: #a14598;
}
.vip-2 .vip-list ul li p, .vip-2 .vip-list ol li p {
  color: #01224e;
}
.vip-2 .vip-swipe {
  width: 100%;
}
.vip-2 .vip-swipe .swiper-button-prev {
  background: none;
}
.vip-2 .vip-swipe .swiper-button-prev:after {
  display: none;
}
.vip-2 .vip-swipe .swiper-button-next {
  background: none;
}
.vip-2 .vip-swipe .swiper-button-next:after {
  display: none;
}
.vip-2 .vip-swipe .vip-color-btn {
  width: 20px;
  height: 20px;
  background: #a14598;
  border-radius: 100px;
  cursor: pointer;
  border: 3px solid #a14598;
  transition: 0.5s;
  margin: 0 auto;
}
.vip-2 .vip-swipe .vip-color-btn:hover {
  border: 4px solid #E5E5E5;
}
.vip-2 .vip-swipe .swiper-slide-thumb-active .vip-color-btn {
  border: 4px solid #E5E5E5;
}
.vip-2 .vip-swipe .vipSwiper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.vip-2 .vip-swipe .vipSwiper .swiper-slide {
  width: auto !important;
  margin: 0 10px;
}
.vip-2 .vip-swipe .vipSwiper .vipSwiper-tit {
  max-width: 70px;
  margin: 0 10px 0 0;
}
.vip-2 .vip-swipe .vipSwiper .vipSwiper-thum {
  width: auto;
}

.vip-3 {
  width: 100%;
  padding: 40px 20px;
  background: #FFFFFF;
}
.vip-3 .vip-vid {
  width: 100%;
  margin: 10px 0;
}
.vip-3 .vip-vid iframe {
  width: 100%;
  max-width: 500px;
}
.vip-3 .vip-cont {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}
.vip-3 .vip-box {
  max-width: 400px;
}
.vip-3 .vip-tit {
  color: #a14598;
  font-size: 26px;
  font-weight: 200;
  line-height: 30px;
  margin: 0 0 10px 0;
}
.vip-3 .vip-txt {
  color: #01224e;
  font-size: 14px;
}

.vip-4 {
  width: 100%;
  background: var(--purple-light);
  padding: 40px 20px;
  min-height: 500px;
}
.vip-4 .vip-tab {
  margin: 0 0 20px 0;
}
.vip-4 .nav-pills .nav-item {
  margin: 0 15px 0 0;
}
@media (max-width: 768px) {
  .vip-4 .nav-pills .nav-item {
    margin: 0 10px 0 0;
  }
}
.vip-4 .nav-pills .nav-item:last-child {
  margin: 0;
}
.vip-4 .nav-pills .nav-link {
  border-radius: 100px;
  background: #FFFFFF;
  color: #01224e;
}
@media (max-width: 768px) {
  .vip-4 .nav-pills .nav-link {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
.vip-4 .nav-pills .nav-link:hover {
  background: #0D8ACB;
  color: #FFFFFF;
}
.vip-4 .nav-pills .nav-link.active,
.vip-4 .nav-pills .show > .nav-link {
  background: #a14598;
  color: #FFFFFF;
}
.vip-4 .nav-pills .nav-link.active:hover,
.vip-4 .nav-pills .show > .nav-link:hover {
  background: #0D8ACB;
  color: #FFFFFF;
}
.vip-4 .vip-download {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 768px) {
  .vip-4 .vip-download {
    display: inline-block;
    text-align: center;
  }
}
.vip-4 .vip-download-txt {
  font-size: 11px;
  margin: 3px 0;
}
.vip-4 .vip-download-btn {
  width: 100%;
}
.vip-4 .vip-download-btn a {
  border-radius: 100px;
  font-size: 12px;
  background: #a14598;
  color: #FFFFFF;
  text-decoration: none;
  padding: 7px 20px;
  display: inline-block;
  transition: 0.5s;
}
.vip-4 .vip-download-btn a:hover {
  background: #0D8ACB;
}
.vip-4 .vip-cont {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  margin: 10px 0;
}
.vip-4 .vip-box {
  width: 100%;
}
.vip-4 .vip-tit {
  color: #a14598;
  font-size: 26px;
  font-weight: 200;
  line-height: 30px;
  margin: 0 0 10px 0;
}
.vip-4 .vip-img {
  width: 100%;
  margin: 10px 0;
}
.vip-4 .vip-img img {
  width: 100%;
  max-width: 500px;
}
.vip-4 .vip-txt {
  width: 100%;
}
.vip-4 .vip-txt p {
  margin: 0;
}
.vip-4 .vip-txt b {
  color: #a14598;
}
.vip-4 .vip-txt ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px 10%;
}
.vip-4 .vip-txt ul li {
  width: 100%;
  margin: 10px 0;
}
@media (max-width: 768px) {
  .vip-4 .vip-tab {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
  }
}

.vip-5 {
  width: 100%;
  min-height: 500px;
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/img-change-temporal-category.jpg) center center no-repeat;
  position: relative;
}
.vip-5:after {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.vip-5 .vip-tit {
  width: 100%;
  color: #a14598;
  font-size: 26px;
  font-weight: 200;
  line-height: 30px;
  margin: 0 0 40px 0;
  text-align: center;
  position: relative;
  z-index: 2;
}
.vip-5 .vip-cont {
  width: 100%;
  position: relative;
  z-index: 2;
}
.vip-5 .vip-cont .vip-img {
  width: 100%;
  text-align: center;
}
.vip-5 .vip-cont .vip-img img {
  width: 100%;
  max-width: 150px;
  /*background: #ffffff;
  border-radius: 20px;*/
}
.vip-5 .vip-cont .vip-txt {
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin: 10px 0;
  color: #ffffff;
}
.vip-5 .vip-btn {
  width: 100%;
  text-align: center;
  margin: 20px 0 0 0;
  position: relative;
  z-index: 2;
}
.vip-5 .vip-btn a {
  border-radius: 100px;
  font-size: 12px;
  background: #a14598;
  color: #FFFFFF;
  text-decoration: none;
  padding: 7px 20px;
  display: inline-block;
  transition: 0.5s;
}
.vip-5 .vip-btn a:hover {
  background: #0D8ACB;
}

.vip-prod-add {
  width: 100%;
  padding: 40px 20px;
}
.vip-prod-add .vip-tit {
  color: #a14598;
  font-size: 26px;
  font-weight: 200;
  line-height: 30px;
  margin: 0 0 20px 0;
  text-align: center;
}
.vip-prod-add .vip-cont {
  width: 100%;
}

/*banner interna peuqeño*/
.bann {
  width: 95%;
  height: 300px;
  background: url(../images/img-banner-generica.jpg) center center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 auto 30px auto;
  border-radius: 30px;
}
@media (max-width: 576px) {
  .bann {
    height: 200px;
  }
}
.bann .bann-cont {
  width: 50%;
}
@media (max-width: 576px) {
  .bann .bann-cont {
    width: 55%;
  }
}
.bann .bann-cont h1 {
  color: #33022e;
  font-size: 34px;
  font-weight: 100;
}
@media (max-width: 576px) {
  .bann .bann-cont h1 {
    font-size: 24px;
  }
}
.bann .bann-cont label {
  color: #a14598;
  font-size: 16px;
}
@media (max-width: 576px) {
  .bann .bann-cont label {
    font-size: 12px;
  }
}
.bann {
  /*linea corporal*/
}
.bann#div_bann1 {
  background: url(../images/img-banner-lineaCorporal.jpg) center center no-repeat;
  background-size: cover;
}
.bann {
  /*linea facial*/
}
.bann#div_bann2 {
  background: url(../images/img-banner-lineaFacial.jpg) center center no-repeat;
  background-size: cover;
}
.bann {
  /*linea medica*/
}
.bann#div_bann3 {
  background: url(../images/img-banner-lineaMedica.jpg) center center no-repeat;
  background-size: cover;
}
.bann {
  /*linea accesorios*/
}
.bann#div_bann4 {
  background: url(../images/img-banner-accesorios.jpg) center center no-repeat;
  background-size: cover;
}
.bann {
  /*linea premium*/
}
.bann#div_bann8 {
  background: url(../images/img-banner-lineaPremium.jpg) center center no-repeat;
  background-size: cover;
}
.bann {
  /*linea ofertas*/
}
.bann#div_bann99 {
  background: url(../images/img-banner-ofertas.jpg) center center no-repeat;
  background-size: cover;
}

.bann-credit {
  background: url(../store/images/img-change-temporal-credit.jpg) center 0 no-repeat;
  background-size: cover;
}

body {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: #01224e;
  background: #EEF3FB;
}

main {
  padding: 30px 0;
}

.tit {
  color: var(--purple);
  text-align: center;
  margin: 15px 0;
  font-weight: 300;
  font-size: 30px;
}
@media (max-width: 768px) {
  .tit {
    font-size: 24px;
  }
}

.text {
  text-align: center;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 300;
  color: #01224e;
}

.btn {
  color: #FFFFFF;
  font-size: 12px;
  background: var(--purple);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 5px 15px;
  border: 0;
}

.btn:hover,
.btn:focus {
  background: #0085E8;
  color: #FFFFFF;
}

.form-control,
.form-control::-moz-placeholder {
  color: #808080;
}

label {
  font-weight: 300;
}

h1 {
  color: #a14598;
  font-size: 22px;
  margin: 0;
  font-weight: 300;
}

p {
  color: #01224e;
}

/*
h2{
	color: $purple;
	font-size: 16px;
	font-weight: 300;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #e6e6e6;
}*/
.tachado {
  text-decoration: line-through;
  color: #ff105a;
  font-size: 16px;
  margin: 20px 0 0 0;
  text-align: center;
}

.msg {
  color: #ff105a;
}/*# sourceMappingURL=style.css.map */