/*Fuente Poppins*/
@import url(../fonts/poppins/stylesheet-poppins.css);


a:focus,
a:active,
a:hover {
  color:#fff;
}


html,
body {
    font-size: 13px;
}

body {
    font-family: "Poppins";
    line-height: 20px;
    color: #000;
    font-weight: 400;
    background: #fff;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10.2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
	line-height: 1;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
}
/*CLASES AUXILIARES*/
.m0{
	margin-bottom:0px!important;
}

.input-select{
	/*cursor:pointer;*/
}

.pl-3{
	padding-left:3rem!important;
}

.media{
	display:flex;
	align-items:flex-start;
}

.mr-4{
	margin-right:1.5rem;
}

.mbj-4{
	margin-bottom:.8rem!important;
}

.media-body{
	flex:1;
}

.check__producto {
	border: 2px solid #293375!important;
	background-color: #fff!important;
	width: 1.2em!important;
	height: 1.2em!important;
	margin-right:.5rem;
	cursor: pointer;
}

.check__producto:checked {
	background-color: #293375!important;
}

.changepass__eye {
	position: absolute;
    right: 10px;
    line-height: 2.7;
	z-index: 9999;
	cursor: pointer;
}

.changepass__eye i {
	font-size: 13px;
    color: #293375;
}

.pl-l-r {
	padding-left: 35px;
	padding-right: 35px;
}

.footer-J{
	
}

@media (min-width: 1200px){
	.footer-J {
		width: 50%!important;
	}
}

@media (max-width: 450px) {
	.pl-l-r {
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
}

@media (max-width:991px){
	.pl-3{
		padding-left:0rem!important;
	}
}

.producto-checkbox{
	border-radius:.5rem!important;
}

.producto-checkbox:checked{
	background-color:#576CBC!important;
	border-color:#576CBC!important;
}

.mayus{
	text-transform:uppercase;
}

.euro-button{
	font-size: 15px!important;
    padding-top: 0.4rem!important;
    height: 45px!important;
}


/*//////ESTILOS PARA EL CARRUSEL////////*/
.container__slider {
  position:relative;
  min-width: 700px;
  min-height: 385px;
  /*background-color: white;
  border-radius: 5px;
  border: 3px solid white;
  box-shadow: 0 0 10px 5px rgba(0,0,0, .2);*/
  overflow: hidden;
}

.container__slider .slides-row {
  display:flex;
  height: 90%;
  position:absolute;
}

.container__slider .slides-row .slide{
  min-width: 100%;
  cursor: pointer;
}

.container__slider .slides-row .slide img {
  width: 100%;
  height: auto;
  border-radius: 5px 5px 0 0;
  object-fit:cover;
}

.container__slider span.next, .container__slider span.prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 12px 16px;
  color: #eee;
  font-weight: bold;
  font-size: 22px;
  transition: .5s;
  border-radius: 3px;
  user-select: none;
  cursor:pointer;
  z-index: 1;
}

.container__slider span.next {
  right: 10px;
}

.container__slider span.prev {
  left: 10px;
}

.container__slider span.next:hover, .container__slider span.prev:hover {
  background-color: #ddd;
  opacity: .8;
  color: #222;
}

.container__slider .dots{
  position: absolute;
  bottom: 5px;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  display:flex;
  justify-content:center;
}

.container__slider .dots .dot{
  height: 15px;
  width: 15px;
  margin: 0;
  border: 2px solid #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.6s ease;
  margin-left: 1.5rem;
  cursor:pointer;
}

.container__slider .dots .active {
  background-color: #333;
  transform: scale(1.4);
}

@media (max-width: 633px){
  .container__slider{
    min-width: 500px;
	min-height:278px;
	/*width:600px;
	height:300px;*/
  }
}

@media (max-width: 512px){
  .container__slider{
    min-width: 320px;
	min-height:178px;
  }
  .container__slider .dots{
	  bottom:0px;
  }
}


/***************************************/


/*//////////////////////////////////////////////////////////////////////////*/
/*--------------------- MODAL MEDICOS DE LA ANTIGUA PLATAFORMA -------------------------*/
/*////////////////////////////////////////////////////////////////////////*/
.indicaciones-label {
	color: #293375;
	font-size: 0.85rem; 
	/*font-weight: 600;
	text-transform: uppercase;*/
}

.modal__overlay{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:#111111bd;
  display:flex;
  opacity:0;
  pointer-events: none;
  z-index:1035;
  overflow:auto;
  transition:transform .8s, opacity .6s ease-in;
  transform: translateY(-100vh);
}

.modal--show{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.modal__container{
  margin:auto;
  background-color: #fff;
  width:95%;
  max-width:770px;
  overflow:hidden;
  text-align:center;
  padding: 2.5rem 2rem;
  border-radius: 1em;
  display:grid;
  margin-top:2rem;
  place-items:center;
}

#cerrarModalRegistro {
	width: 30px;
	height: 30px;
	background: #293375;
	border-radius: 50%;
	font-size: 2rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: background 300ms;
}

#cerrarModalRegistro:hover {
	background: red;
}



.modal__picture{
  width: 90%;
  max-width: 400px;
  margin: -1rem auto;
  z-index: 10;
}

.modal__image{
  width:100%;
  /*display:block;*/
  display:initial;
  max-width: 200px;/*300px;*/
  margin-top: -5rem;
}

.modal__title{
  font-size:2.5rem;
  font-weight:bold;
  color:#293375;
}

.modal__paragraph{
	margin-top: -1rem;
    margin-bottom: 2.1rem;
    font-size: 14px;
    z-index: 9999999;
    font-weight: 400;
    font-style: italic;
    line-height: 1.8;
    color: #454545;
}

.modal__close {
	background-color: 293375!important;
    color: white!important;
    border: 1px solid #293375!important;
	transition: all 0.25s ease;
}

.modal__close:hover {
	background-color: white!important;
    color: #293375!important;
}

@media (max-width: 600px) {
	.modal__paragraph {
		font-size:14px;
	}
}

.modal__check {
	text-align: left;
	padding: 1rem!important;
    width: fit-content;
    border: 1px solid #293375;
}

.modal__check a{
	text-decoration: underline;
	font-weight: 600;
}

.modal__check a:hover {
	color: #6e7ae6!important;
	text-decoration: underline;
	transition: all .2s;
}

.modal__close{
  display:inline-block;
  border: 1px solid #fff;
  text-decoration:none;
  border-radius:6px;
  color: #fff;
  background-color:#293375;
  transition:background-color .3s;
  padding:8px;
  width: 100%;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  margin-top:1.3rem;
  line-height:0;
  height:45px;
}

.modal__close:hover{
  color:#293375;
  background-color:#fff;
  border-color:#293375;
}

.modal__container fieldset{
	width:100%;
}

.modal__container input:-webkit-autofill,
.modal__container input:-webkit-autofill:hover, 
.modal__container input:-webkit-autofill:focus, 
.modal__container input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.modal__container .form-control:disabled, .form-control[readonly] {
    background-color: #FFF!important;
}



.modal__container input[type="text"],
.modal__container input[type="password"],
.modal__container input[type="email"]
{
	height:60px!important;
	font-size:14px!important;
	/*padding-left:15px!important;*/
	border-bottom:1px solid #ced4da!important;
	border-radius:0!important;
	width:97%!important;
}

.modal__container select{
	border-bottom:1px solid #ced4da!important;
	border-radius:0!important;
}

.sinBordes{
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
}

.sinBordes:focus{
  border-bottom:1px solid #293375!important;
  box-shadow:none!important;
  color:#293375!important
}

.modal__label{
  /*padding-left:15px!important;*/
  opacity:.7!important;
  color:#293375;
}

.modal__divisor{
  border-bottom: 1px solid #293375;
  width: 95%;
  opacity: .5;
  margin-top: -5rem;
  z-index: 9999;
}

.modal__container input:focus + label {
  color: #293375;
  opacity: 1 !important;
}

.modal__container label i{
	font-size:19.5px;
}

@media (max-width:650px){
  .modal__title{
   font-size: 1.7rem;
  }
  
}



/*//////////////////////////////////////////////////////////////////////////*/
/*--------------------- MENU PRINCIPAL BONOSDERMO -------------------------*/
/*////////////////////////////////////////////////////////////////////////*/

.wrapper{  
    width:100%; 
    padding-top:30px
}

.navbar.navbar-custom.top-nav-collapse {
    background: #fff; 
}

.navbar.navbar-custom.top-nav-collapse .navigation {
    padding-bottom: 15px;
}

ul.navbar {
  background-color:#fff;
  margin-top:-0.5rem;
}

 ul.mainmenu {
  font-family:"Poppins", sans-serif;
  font-size:1.3rem;
  font-weight:400;
  padding-right:0.7rem; 
  color:#706F6F!important;
 }

  .textogris {
    font-family:"Poppins", sans-serif;
    font-size:1.2rem;
    font-weight:400;
    padding-right:0.7rem; 
    color:#706F6F!important;
 }

  .txt-activo {
    font-family:"Poppins", sans-serif;
    color:#5F8E90!important;
    font-weight:600!important;
  }

a.menubd {
  color: #706F6F;
}


a.navi:focus, a.navi:active {
 color:#5F8E90!important;  
}

a.navi:hover  {
  color:#5F8E90!important;  /*verde*/
}

.fa-envelope:before {
   font-size: 1.5rem;
   margin-top:-1.5rem!important;
}

i.navi.fa-envelope:hover, i.navi.fa-envelope:focus, i.navi.fa-envelope:active {
   font-size: 1.5rem;
   margin-top:-1.5rem!important;
   color:#5F8E90!important;
}

.adfar {
   margin-right:0.8rem!important;
 }

.navitem {
   font-size: 1.5rem; 
   padding-top:0.4rem; 
   padding-left:0.1rem; 
}

.navbar-brand {
  padding-top: 10px;
  margin-top: 10px;
  padding-bottom: 0px;
}

.fixed-top {
  position: fixed;
  top:0em;
  width: 100%;
  right:0; 
  left:0; 
  z-index:1030;
  background-color:#fff;
}

.navbar.navbar-custom {
  width: inherit;
  margin-top: -0.5rem;
  padding-top:1rem;
  padding-bottom:1rem;
  box-shadow: 0 0 3px rgba(0,0,0,0.12);
  box-shadow: 0 5px 6px rgba(0,0,0,.2);                     /*sombra navbar*/
  -webkit-box-shadow: 0 5px 6px rgba(0,0,0,.2); 
  -moz-box-shadow: 0 5px 6px rgba(0,0,0,.2); 
  -o-box-shadow: 0 5px 6px rgba(0,0,0,.2); 
}

.navprod {
  padding-bottom:1rem!important;
  width: inherit;
  margin-top: 0rem!important;
  padding-top:0.5rem!important;
  box-shadow: 0 0 3px rgba(0,0,0,0.12);
  box-shadow: 0 1px 6px rgba(0,0,0,.2); 
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
  -moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
  -o-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
}

.navbar-toggle {
  padding: 4px 6px;
  font-size: 14px;
  color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
  outline: 0!important;
}

.logotipo {
  font-family:"Poppins", sans-serif;
  font-size:1.8rem;
  font-weight:700;
  color:#5F8E90!important;
  padding-bottom:0rem;
  margin-left:1.5rem;
  margin-top:0rem!important;
}

.logotipo:hover {
  color:#5F8E90!important;;
}

header .header-area-producto {
  padding-top: 0!important;
  padding-bottom: 0rem!important;  
}

.prod {
  padding-left:auto!important;
  padding-right:auto!important;
}

.lateral-nav{
	height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #293375;
}



@media (max-width: 500px) {

  .hamburguer {
    margin-top:-1.0rem!important;
    margin-right:-2rem!important;
    padding-left: 1.5rem!important;
  }
}

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

@media (min-width: 614px) and (max-width: 691px) {

  .hamburguer {
    margin-top:-0.2rem!important;
    margin-right:-2rem!important;
    padding-left: 1.5rem!important;
  }

}

/*--------------------------------------------*/
  @media (min-width: 768px) and (max-width:1024px) {

    i.fa.fa-bars {
        margin-top:0.5rem!important;
    }
  }

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

@media (max-width: 767px) {

  .hamburguer {
    margin-top:0.5rem!important;
    margin-right:-2rem!important;
    padding-left: 1.5rem!important;
  }

}
/*--------------------------------------------*/
@media (max-width: 703px) {

	.m-mobile{
		display:inline-block!important;
	}
	.m-escritorio{
		display:none!important;
	}
}

@media (min-width: 704px) {

	.m-mobile{
		display:none!important;
	}
	.m-escritorio{
		display:inline-block!important;
	}
}

.fabars.fa-bars:before {
  font-size: 1.5rem;
  padding-top:0.5rem;
  margin:auto!important;
  color:#5F8E90;
}

.navbar-toggler {
    font-size:1.2rem;
    line-height:0.2;
    border: none!important;
}

button.navbar-toggler:hover {
    background-color:transparent!important;
    border: none!important;
    text-decoration: none!important;
}

button.navbar-toggler:focus {
    background-color:transparent!important;
    border: none!important;
    text-decoration: none!important;
}

.navbar-toggler-icon {
    color:#ccc!important;
    border: none!important;
    text-decoration: none!important;
}
span.navbar-toggler-icon {
    color:#706F6F!important;
}

button.navbar-toggler {
    border: none!important;
    text-decoration: none!important;
    outline:none!important;
    outline-width: 0!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
}

.menu-sup {
    margin-top:10px;
    text-align:right;
}

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

@media (max-width: 767px) {

.navbar.navbar-custom {
    width: inherit;
    margin-top: 0rem;
    padding-top:0.5rem;
    padding-bottom:0.7rem;
    box-shadow: 0 0 3px rgba(0,0,0,0.12);
    box-shadow: 0 1px 6px rgba(0,0,0,.2); 
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
    -o-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
}

   .hamb {
       margin-top:0.8rem!important;
   }
}

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

@media (max-width: 2021px) {

  .navbar.navbar-custom1 {
    width: inherit;
    margin-top: 0rem;
    padding-top:0.5rem;
    padding-bottom:1.5rem;
    box-shadow: 0 0 3px rgba(0,0,0,0.12);
    box-shadow: 0 1px 6px rgba(0,0,0,.2); 
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
    -o-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
  }

}

@media (max-width: 2000px) {
  .menu-sup {
    margin-top:10px;
    text-align:left;
    padding-left:1.4rem!important;
  }
}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*--------------------------- HEADERS + BREADCRUMBS DE DIFERENTES PÁGINAS -----------------*/
/*////////////////////////////////////////////////////////////////////////////////////////*/

.breadcrumb_area {
  width:100%;  
  height:120px;                
  background-size:cover;
  background-position: center center;
  padding: 0px 0px;
  background-repeat: no-repeat;
}

/*//////////////////////////////////////////////////////*/
/*-------------- PROFESIONALES Header -----------------*/
/*////////////////////////////////////////////////////*/

.breadcrumb .breadcrumb-item {
    position: relative;
}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    position: absolute;
}
.breadcrumb {
    margin-bottom: 0;
}

.breadcrumb .breadcrumb-item:hover,
.breadcrumb .breadcrumb-item:focus,
.breadcrumb .breadcrumb-item.active {
    color: #5F8E90;
}

.title-bcrumb {
   text-align: left;
   margin-left: 0rem!important;
   margin-top:5rem;
   margin-bottom:0.5rem;
}

.title-section, .title-section-p {
	font-family: "Poppins", sans-serif;
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff!important;
    margin-left: 2.4rem;
    /*margin-top: -.5rem!important;*/
	margin-top: .2rem!important;
    text-transform: uppercase;
	text-align: center;
}

@media (max-width: 767px){
	.title-section, .title-section-p{
		margin-top: 2rem!important;
	}
}

@media (min-width: 768px) and (max-width: 900px){
	.title-section, .title-section-p{
		margin-top: 0!important;
	}
}

.breadcrumb {
    width:100%;
    padding: 25px 0;
    background: transparent;
    border-radius: 0;
    border-bottom: 0px solid #f1f1f2;
    border-top: 0px solid #f1f1f2;
    margin-top: -2.1rem;
    margin-left: 2.5rem;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.breadc {
  margin-top:-2.6rem!important;
}

.breadcrumb .breadcrumb-item {
    font-size: 1.1rem;
    color:#444!important;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 27px;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #444;
    content: "\f105";                
    font-family:'FontAwesome';    
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    left: 0.5em;
    top: -2px;
}

.breadcrumb .breadcrumb-item.active {
    font-weight: 500;
    color:#5F8E90;
}

.bgc-offset {
    margin-bottom:0em;
}

@media screen and (max-width: 991px) {
  .breadc {
    margin-top: -2.7rem!important;
  }

  .title-section-p {
    margin-top:-1.0rem!important;
  }
}

@media screen and (max-width: 767.98px) {
  .bgc-offset {
    margin-bottom:0em!important;
  }

  .breadcrumb {
    padding: 20px 0;
  }

  .breadcrumb .breadcrumb-item {
    font-size: 0.90rem;
    letter-spacing: -0.05em;
  }

  .breadc {
    margin-top: -2.6rem!important;
  }

  .title-bcrumb {
    text-align: left;
    margin-left: 0rem!important;
    margin-top:4.0rem;
    margin-bottom:0.5rem;
  }

  .title-section-p {
     margin-top:-1.0rem!important;
  }
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

#hero {
  width: 100%;
  height: calc(100vh - 0px);
  background: url("../../assets/images/backgrounds/home-bg.jpg") center center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}

#hero:before {
  content: "";
  background: rgba(0, 0, 0, 0.2);   /* tonalidad del efecto oscuro cover */
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .container {
  z-index: 2;
}

#hero h1 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 700;
  text-transform:uppercase;
  line-height: 56px;
  color: #fff;
}

#hero h2 {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 35px;
  font-size: 23px;
  line-height:2.2rem; 
  text-transform: none;
}

#hero .btn-get-started {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding-top: 13px;
  padding-bottom:10px;
  padding-right:45px;
  padding-left:30px;
  border-radius: 4px;
  transition: 0.5s;
  border: 2px solid #fff;
  text-decoration:none;
  color: #fff;
}

#hero .btn-get-started:hover {
  border-color: #4E7575!important;
  background: #4E7575!important;
  color: #fff!important;
}

#hero .btn-get-started:focus {
  color: #fff!important;
}

#hero .btn-get-started:active {
  color: #fff!important;
}

#hero .btn-scroll {
  transition: 0.4s;
  color: rgba(255, 255, 255, 0.9);
  animation: up-down 1s ease-in-out infinite alternate-reverse both;
  text-align: right;
  margin-right: -26px!important;
  margin-top: -18px!important;

}

#hero .btn-scroll:hover {
  color: #FFC799;
}

@-webkit-keyframes up-down {
  0% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(-4px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(-4px);
  }
}

.breadcrumb_area {
    animation: navAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes navAnimation {
    0% {
        opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
    }
    100% {
        opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
    }
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (min-width: 992px) and (max-width: 1023px) {
  #hero {
    margin-top: 0px!important;
  }
}

@media (max-width: 991px) {
  #hero {
    margin-top: 0px!important;
    height: calc(100vh - 0px);
  }
}

@media (max-width: 768px) {

  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  #hero {
  width: 100%;
  height: calc(90vh - 0px);
  margin-top:0px;
  }

.ancla:before {       
  display: block;       
  content: " ";       
  margin-top: -100px;       
  height: 0px;       
  visibility: hidden; 
 } 
}

/*------------------------------------------------------------------
 # 4 Secciones: Consumidores | Prestadores | Profesionales | Staff
-------------------------------------------------------------------*/
section {
  margin: 0px!important;
  padding: 0px!important;
}

.row.rowindex {
  margin: 0px!important;
  padding-right: 1px!important;
}

.ancla:before {       
  display: block;       
  content: " ";       
  margin-top: -100px!important;       
  height: 0px;       
  visibility: hidden; 
} 

.col {
    padding-left:0px!important;
    padding-right: 0px!important;
}

.container-fluid  {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.row {
  padding-right:35px;
  margin:0px!important;
}

.bg-cont {
  max-width: 100%;
  height: calc(47vh - 10px);
  overflow:hidden;
  position: relative;
  margin-top: 0px;
  padding:0;
  cursor: pointer;
}

@media (max-width: 500px) {

    .imgresp {
      max-width: 100%;
      height: calc(26vh - 0px);
    }
}    

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

h2.section-title {
  font-family: 'Poppins', sans-serif;
  font-size:4.0rem!important;
  font-weight:600;
  text-transform:uppercase;
  color:#fff;
  position: absolute;
  top: 60%;
  left: 50%;
  text-shadow: 3px 3px 6px #2D2D2D;
  transform: translate(-50%, -50%);
}

i.icon-seccion {
  font-size:6.0rem!important;
  font-weight:600;
  color:#fff;
  position: absolute;
  top: 40%;
  left: 50%;
  text-shadow: 1px 1px 4px #2D2D2D;
  transform: translate(-50%, -50%);
}

/*//////////////////////////////////////////////////////*/
/*---------------------  EFECTOS ---------------------- */
/*//////////////////////////////////////////////////////*/

.hovereffect {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #000000;
  cursor: pointer;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  opacity: 2;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  /*-webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);*/
  -webkit-transition:all .7s ease-in-out;
  -moz-transition:.7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.4;
  /*filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);*/
  -moz-transition:scale(1.1);
  -o-transition:scale(1.1);
  -webkit-transform:scale(1.1);
  transform: scale(1.1); 
}

/*///////////////////////////////////*
 *------ Componentes To Top ------ */
/*/////////////////////////////////*/

#to_top {
    display: none;
    position: fixed;
    content: "\f102";
    font-family: 'Fontawesome';
    font-weight: normal;
    color: #fff;
    bottom: 25px;
    right: 145px;
    width: 50px;
    height: 50px;
    line-height: 52px;
    text-align: center;
    cursor: pointer;
    z-index: 999;
    border-radius: 50%;
}

#to_top i {
    font-size: 1.7rem!important;
    top: 2px;
}

#to_top i:first-child {
    right: -1.5px;
}

#to_top i:last-child {
    left: -1.5px;
}

i.fa.fa-angle-double-up {
  margin-left: 3.0px!important;
}

#to_top {
  background-color: #293375!important ;
}

#to_top:hover {
  background-color: #376B6B!important ;
}

@media (max-width: 767.98px) {

   #to_top {
       right: 40px;
   }

}


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

.section-title {
  font-size:4.0rem!important;
  font-weight:600;
  color:#fff;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.icon-seccion {
  font-size:6.0rem!important;
  font-weight:600;
  color:#fff;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767.98px) {

  h2.section-title {
    font-size:3.0rem!important;
  }

  i.icon-seccion {
    font-size:4.5rem!important;
    padding-bottom:1.8rem!important; 
  }
   
}

@media (min-width: 768px) and (max-width: 991px) {

    h2.section-title {
      font-size:3.0rem!important;
  }

  i.icon-seccion {
      font-size:4.0rem!important;
      padding-bottom:2.2rem!important; 
  }   
}

@media (min-width: 992px) and (max-width: 1290px) {

    h2.section-title {
      font-size:3.5rem!important;
  }

  i.icon-seccion {
      font-size:4.5rem!important;
      padding-bottom:1.5rem!important; 
  }
}

@media (min-width: 1291px) and (max-width: 1400px) {

    h2.section-title {
      font-size:3.8rem!important;
  }

  i.icon-seccion {
      font-size:4.8rem!important;
      padding-bottom:3.0rem!important; 
  } 
}

/*///////////////////////////////////////////////////////////////*/
/*----------------- Página Farmacia Adherida --------------------*/
/*///////////////////////////////////////////////////////////////*/
 
 .backg-fa {
   width:100%;
   background-color:#fff;
   /*height:100px;*/
   margin-top:0rem;
   margin-bottom:2rem;
 }

.cfa {
  margin-top: 0rem;
  width: 60%;
  padding-left: 0;
  padding-right: 0;
}

 .texto-fa {
	color: #293375;
    font-family: Poppins;
    font-size: 1.6rem!important;
    font-weight: 500;
    padding-top: 4rem;
 }

 hr.divisor-fa {
    border-top: 2px solid #293375;
    margin-bottom: 3rem;
    opacity: .6;
 }
 
.fa__select,
.fa__input {
	border-radius:0!important;
}



.fa__layout {
	width: 60%;
    margin: 4rem auto 2rem!important;
    background: #fff;
    /*border: 2px solid #eaeaea;*/
	box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.19);
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    display: grid;
    padding: 3rem 2rem!important;
}

.fa__layout label {
	font-size: 1.2rem;
    font-weight: 500;
    padding-bottom: 1rem;
}

.fa__col {
	padding:0 .9rem!important;
	margin-bottom: 3rem!important;
}

.fa__layout input.form-control:focus {
	color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25)!important;
}

.boton__1 {
	background: #293375;
    width: 100%;
    color: #fff;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.7rem 0;
	border: 2px solid #293375;
	transition: all 300ms ease-in;
}


.boton__1:hover {
	background: #fff;
	color: #293375;
}

section

a:focus,
a:active,
a:hover {
  color:#706F6F;
}

.fa__container {
	width: 60%;
    margin: 0 auto 2rem!important;
}
	

.fa__table-container {
  display: block;
  overflow: initial;
}

.fa__table-layout {
  border-collapse: collapse;
    box-shadow: 0 5px 10px #eaeaea;
    text-align: left;
    width: 100%;
	background: white;
}

.fa__table-thead {
  background-color: #6a7cde;
  color: #fff;
}

.fa__table-thead th {
  font-size: 1rem;
  padding: 1rem 2rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 500;
  text-align: left;
}

.fa__table-layout tbody th {
  font-weight: 600;
}

.fa__table-layout td, .fa__table-layout tbody th{
  padding: 1.5rem 2rem;
}

.fa__table-layout tr {
  border-bottom: 1px solid #eaeaea;
}

/*.fa__table-layout tr:nth-child(even) {
  background-color: #eeeeee;
}*/

@media (max-width: 484px) {
	.fa__table-layout td, .fa__table-layout tbody th{
		padding: 1.5rem 0.5rem;
	}
	
	.fa__table-thead th{
		padding: 1.5rem 0.5rem;
		text-align: left;
	}
	
}

@media (max-width: 420px){
	.fa__layout{
		width: 90%;
	}
	.viasek__form {
		width: 95%;
	}
}

@media (min-width: 421px) and (max-width: 1000px){
	.fa__layout{
		width: 80%;
	}
}

@media (max-width: 768px) {
	.fa__layout label, .fa__layout input{
		font-size: 1rem!important;
	}
	
	.fa__table-container {
		overflow: auto!important;
	}
}

@media (max-width: 1000px) {
	.fa__container {
		width: 80%;
	}
	
	.cfa {
		width: 80%;
	}
}

@media (min-width: 538px) and (max-width: 996px) {
	.cfa {
		width: 80%;
		/*margin: 0rem 3rem;*/
	}
}

/*@media (max-width: 500px){
	.cfa {
		width: 95%;
		margin: 0rem 1.6rem;
	}
}*/

@media (max-width: 538px){
	.fa__container {
		width: 90%;
	}
	.viasek__container {
		width: 95%;
	}
	.cfa {
		width: 90%;
	}
}
/*///////////////////////////////////////////////////////////////*/
/*--------------- Página Preguntas Frecuentes ------------------*/
/*/////////////////////////////////////////////////////////////*/

.title-seccion-v {
	font-size: 1.7rem;
	font-weight: 500;
	color: #fff !important;
	margin-left: 2.4rem !important;
	margin-top: -.5rem !important;
	text-transform: uppercase;
	text-align: center;
	padding-top: .8rem;
}

.breadcrumb_area {
  width:100%;  
  height:100px;                
  padding: 0px 0px;
  background-color: #293375;
}

.title-seccion {
    text-align: center;
	margin-top: 2rem !important;
	font-size: 1.3rem !important;
	font-weight: 500;
	color: #000000;
	line-height: 2.0rem !important;
	margin-bottom: .5rem;
	padding: 0 1rem;
}

hr.divisor-verde {
    width:100px;
    margin-top:1.4rem;
    margin-bottom:0rem;  
    border-bottom: 0.6px solid #5F8E90!important; 
    height:0;
   }
   
 hr.divisor__contacto {
	width: 75%;
	margin: auto;
	border-top: 2px solid #7d90f9;
	opacity: .7;
 }

@media (min-width: 768px) and (max-width: 991px) {

  .title-seccion-v {
   font-size: 1.7rem;
  }
}

@media (max-width: 767.98px) {

  .breadcrumb_area {
      width:100%;  
      height:105px;       
  }

  .title-seccion-v {
   font-size: 1.6rem;
   margin-top: 1rem!important;
  }
}


/* Headers/Breadcrumbs páginas > Farmacias Adheridas | Preg. Frecuentes | Adhiera su Farmacia | Contacto */

/*@media (max-width: 767.98px) {
 
 .breadcrumb-faq {
   background-image: url(../../assets/images/backgrounds/header-pregfreq/header-faq768px.jpg);
 }
 .breadcrumb-contacto {
   background-image: url(../../assets/images/backgrounds/header-contacto/header-contacto768px.jpg);  
 }
 .breadcrumb-asf {
   background-image: url(../../assets/images/backgrounds/header-asf/header-asf768px.jpg);  
 }
 .breadcrumb-fa {
   background-image: url(../../assets/images/backgrounds/header-fa/header-fa768px.jpg);  
 }
}*/

/*@media (min-width: 768px) and (max-width: 991px) {
 
 .breadcrumb-faq {
    background-image: url(../../assets/images/backgrounds/header-pregfreq/header-faq991px.jpg);
 }
 .breadcrumb-contacto {
    background-image: url(../../assets/images/backgrounds/header-contacto/header-contacto991px.jpg);  
 }
 .breadcrumb-asf {
    background-image: url(../../assets/images/backgrounds/header-asf/header-asf991px.jpg);  
 }
 .breadcrumb-fa {
    background-image: url(../../assets/images/backgrounds/header-fa/header-fa991px.jpg);  
 }
}*/

/*@media (min-width: 992px) and (max-width: 1440px) {
  
  .breadcrumb-faq {
    background-image: url(../../assets/images/backgrounds/header-pregfreq/header-faq1250px.jpg);
  }
  .breadcrumb-contacto {
    background-image: url(../../assets/images/backgrounds/header-contacto/header-contacto1250px.jpg);  
  }
  .breadcrumb-asf {
    background-image: url(../../assets/images/backgrounds/header-asf/header-asf1250px.jpg);  
  }
  .breadcrumb-fa {
    background-image: url(../../assets/images/backgrounds/header-fa/header-fa1250px.jpg);  
  }
}


@media (min-width: 1441px) and (max-width: 1719px) {
 
 .breadcrumb-faq {
    background-image: url(../../assets/images/backgrounds/header-pregfreq/header-faq1440px.jpg);
 }
 .breadcrumb-contacto {
    background-image: url(../../assets/images/backgrounds/header-contacto/header-contacto1440px.jpg);  
 }
 .breadcrumb-asf {
    background-image: url(../../assets/images/backgrounds/header-asf/header-asf1440px.jpg);  
 }
 .breadcrumb-fa {
    background-image: url(../../assets/images/backgrounds/header-fa/header-fa1440px.jpg);  
 }
}


@media (min-width: 1720px) and (max-width: 1920px) {
 
  .breadcrumb-faq {
    background-image: url(../../assets/images/backgrounds/header-pregfreq/header-faq1920px.jpg);
  }
  .breadcrumb-contacto {
    background-image: url(../../assets/images/backgrounds/header-contacto/header-contacto1920px.jpg);  
  }
  .breadcrumb-asf {
    background-image: url(../../assets/images/backgrounds/header-asf/header-asf1920px.jpg);  
  }
  .breadcrumb-fa {
    background-image: url(../../assets/images/backgrounds/header-fa/header-fa1920px.jpg);  
  }
}*/

/**************************************************/
/**************************************************/

.faq-w {
  width:100%;
}

.preg-freq {
  margin-bottom: 2rem;
}

h4.panel-title1 {
  font-size:1.2rem!important;
  font-weight: 400;
}

.panel-body1 {
  text-align:left;
  line-height:1.9rem!important; 
  padding-left: 1.5rem!important;
  padding-top: 0.7rem!important;
  padding-bottom: 0.5rem!important;
  font-size:1.2rem!important;
  font-weight: 400;
  color:#4F4F4F!important;
}

.accordion_area {
  padding-top: 30px;
  padding-bottom: 100px;
  margin-top: 2rem;
}

#accordion1 .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
}

#accordion1 a {
  color: #0088ce;
  display: block;
  margin-bottom:-0.50rem;
  padding: 10px 10px;
  border-bottom: 1px solid #0088ce;
  text-decoration: none;
}

#accordion1 .panel-heading1 a.collapsed:hover,
#accordion1 .panel-heading1 a.collapsed:focus {
  background-color: #0088ce;
  color: white!important;
  transition: all 0.2s ease-in;
}

#accordion1 .panel-heading1 a.collapsed:hover::before,
#accordion1 .panel-heading1 a.collapsed:focus::before {
  color: white!important;
}

#accordion1 .panel-heading1 {
  padding: 0;
  border-radius: 0px;
  text-align: left;
}

#accordion1 .panel-heading1 a:not(.collapsed) {
  color: white;
  background-color: #0088ce;
  transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion1 .panel-heading1 .accordion-toggle::before {
  font-family: 'Font Awesome 6 Free';
  content: '\f077';
  float: right;
  margin-right:1rem;
  margin-top:-0.1rem;
  padding-bottom:0rem;
  color: white;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
#accordion1 .panel-heading1 .accordion-toggle.collapsed::before {
  color: #293375;
  transform: rotate(-180deg);
  transition: all 0.2s ease-in;
  margin-top:0.1rem;
}

@media (min-width: 768px) and (max-width: 991px) {
  
    .faq-row {
      padding:0 ;
    }
  
    .accordion_area {
      padding-top: 30px;
      padding-bottom: 100px;
    }
}

@media (max-width: 767.98px) {

    .accordion_area {
      padding-top: 30px;
    }

    #accordion1 input a {
      color: #5F8E90;
      display: block;
      margin-bottom:-0.50rem;
      padding-left:0px!important;
      border-bottom: 1px solid #5F8E90;
      text-decoration: none;
    }

    h4.panel-title1 {
      font-size:0.91rem!important; 
      font-weight: 400;
    }

    .faq-row {
      padding:0 ;
    }

    #accordion1 .panel-heading1 .accordion-toggle::before {
      margin-right:-0.4rem;
    }

    .panel-body1 p {
      font-size:0.91rem!important;
      line-height:1.5rem!important;
      margin-left:-0.5rem!important;
      font-weight: 400;
    }

    .preg-freq {
      margin-bottom: 0rem;
    }
}





/*///////////////////////////////////////////////////////////////*/
/*--------------- Página Adhiera Su Farmacia ------------------*/
/*/////////////////////////////////////////////////////////////*/
.asf {
  max-width: 960px!important;
}

.asf__content{
	width: min(120ch, 100% - 1rem);
    margin-inline: auto;
    padding: 3rem 2rem;
    font-size: 1.3rem;
    font-weight: 500;
    color: #494949;
    line-height: 1.5;
    display: block;
}

.asf__content span {
	color: #293375;
	font-weight: 600;
}

.asf__content hr {
	opacity: .34;
    color: #293375;
    border-top: 2px solid #293375;
	margin: 3rem 0;
}

.asf__content h2{
	margin-bottom: 2rem;
	font-size: 1.4rem;
	font-weight: 600;
}

.asf__content ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 3rem;
}

.asf__content li {
	display: flex;
}

.asf__content li i {
	margin-right: 5px;
}

.asf__content li span {
	display: content;
}


.asf__form {
	border: 2px solid #293375;
}


.asf__form-header {
	width: 100%;
    background: #293375;
    text-align: center;
    border: 2px solid #293375;
}

.asf__form-header h2 {
	color: #fff;
    inset: 0;
    margin: auto;
    padding: 1.5rem;
    text-transform: none;
}

.asf__form-content {
	padding: 2rem;
    display: flex;
}

.asf__form-content h3 {
	color: #000000;
	text-transform: none;
	margin-bottom: 20px;
}

.asf__form-content a {
	background: #293375;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 0.8rem;
    text-transform: uppercase;
    transition: all 300ms;
    width: fit-content;
    margin-inline: auto;
}

.asf__form-content a i {
	color: #fff;
	margin-right: 6px;
}

.asf__form-content a:hover {
	background: #FFCC33;
	color: #293375;
}

.boton2:hover {
	background: #576CBC!important;
	color: #fff!important;
}

.boton2:focus,
.boton1:focus {
	background: #293375;
	color: #fff;
}


.button-download {
	margin-bottom: 0;
}

@media (max-width: 768px){
	.asf__content {
		font-size:1.1rem;
		width: 90%;
	}
	
	.asf__form-header h2 {
		font-size: 1.2rem;
	}
	
	.asf__form-content h3 {
		font-size: 1.2rem;
		margin-bottom: 20px;
	}
	.asf__form-content a {
		padding: 0.8rem 4rem;
	}
	
	.button-download {
		margin-bottom: 2rem;
	}
	
}

img.asf-logo-eucerin {
  width:12%!important;
  text-align: center;
  margin-bottom:1rem;
  padding:0rem!important;
  position: relative;
}

img.asf-logo-lrp {
  width:20%!important;
  text-align: center;
  margin-bottom:1rem;
  padding:0rem!important;
  position: relative;
}

img.asf-logo-andromaco {
  width:20%!important;
  text-align: center;
  margin-bottom:1rem;
  padding:0rem!important;
  position: relative;
}

img.asf-logo-pfabre {
  width:16%!important;
  text-align: center;
  margin-bottom:1rem;
  padding:0rem!important;
  position: relative;
}

.wrapper{
  width:100%;
  padding-right:0 auto!important;
  padding-left:0 auto!important;
  margin-right:0 auto!important;
  margin-left:0 auto!important;
}

.asf-w{ 
  padding-top:2.5rem!important;
  padding-bottom:2.5rem!important;
  
}

@media(max-width:992px){

     .wrapper{
      width:100%;
    } 
}

.panel-heading {
  color: #444;
  background-color: #B1C9C9!important;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border: 0px solid #e4e5e7;
}

.panel-heading a:hover {
  color: #444!important;
  background-color: #B1C9C9!important;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border: 0px solid #e4e5e7;
}

.panel-title>a, .panel-title>a:active{
  display:block;
  padding:15px;
  color:#444!important;
  font-size:17px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1px;
  word-spacing:3px;
  text-decoration:none;
}

.panel-heading  a:before {
   font-family: 'Fontawesome';
   content: "\f067 ";
   float: right;
   transition: all 0.3s;
   font-weight: 400;
}

.panel-heading.active a:before {
  content: "\f068";
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
} 

.titulo-asf {
  font-size:1.4rem!important;
}

.panel-body {
  text-align:left;
  line-height:1.9rem!important; 
  padding-bottom: 1.5rem!important;
  font-size:1.2rem!important;
  font-weight: 400;
  color:#4F4F4F!important;
}

.asf-v {
  color:#5F8E90!important;
}

.asf-v:hover {
  color:#446D6D!important;
}

@media (min-width: 768px) and (max-width: 991.98px) {

  .wrapper{
      width:100%!important;
      padding-right:0.0rem!important;
      padding-left:2.5rem!important;
  }

  img.asf-logo-eucerin {
      width:20%!important;
  }

  img.asf-logo-lrp {
      width:30%!important;
      margin-left:1rem;
  }

  img.asf-logo-andromaco {
      width:35%!important;
  }

  img.asf-logo-pfabre {
     width:25%!important;
  }
}

@media (max-width: 767.98px) {

    .wrapper{
      width:100%!important;
      padding-right:0.0rem!important;
      padding-left:2.5rem!important;
    }
    
    img.asf-logo-eucerin {
      width:35%!important;
    }

    img.asf-logo-lrp {
      width:50%!important;
      margin-left:1rem;
    }

    img.asf-logo-andromaco {
      width:55%!important;
    }

    img.asf-logo-pfabre {
     width:40%!important;
    }
    
    .asf-ol {
      margin-left: -2.0rem!important;
    }
 
    .panel-title>a, .panel-title>a:active{
      font-size:15px;
    }

    .titulo-asf {
      font-size:1.10rem!important;
    }

    .panel-body {
      text-align:left;
      line-height:1.8rem!important; 
      padding-bottom: 1.5rem!important;
      font-size:1.05rem!important;
      font-weight: 400;
      color:#4F4F4F!important;
    }

    .asf-v {
      color:#5F8E90!important;
    }

    .asf-v:hover {
      color:#446D6D!important;
    }
}

/*///////////////////////////////////////////////////////////////*/
/*----------------------- Página Contacto ----------------------*/
/*/////////////////////////////////////////////////////////////*/

  .contact-form {
     width:75%;
     padding-top: 3rem!important;
     padding-bottom: 3rem!important;
     color:#ccc!important;
}

.contact-form .form-group {
	margin-bottom: 1.2rem;
}

  .text-info {
      color: #80C042!important;
  }

  .input-group-text.contacto {
    background-color: #E1EAEA!important;
    border: 1px solid #5F8E90!important;
  }

  .form-control {
    height:calc(2.0em + 0.75rem + 2px)!important;
  }

  .form-control.contacto1 {
    border: 1px solid #5F8E90!important;
    border-radius: 0px 4px 4px 0!important;
  }

  .icon-mail-alt, .icon-user, .icon-pencil {
    font-size: 1.3em!important;
    color: #293375!important;
  }

  i.icon-pencil {
    color: #002f87!important;
  }

  .btn-enviar {
    width: 100%;
    margin-right:0rem!important;
    margin-left:0rem!important;
    border-radius: 5px!important;
    box-shadow: none!important;
    border: 0px solid #5F8E90!important;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    
  }

  /* Botón Enviar Contacto */

  .default-btnc  {
    margin-top: 1rem!important;
    border-radius:7px;
}

  .default-btnc,
  .default-btnc:hover,
  .default-btnc:focus {
      color:#fff;
  }

  .default-btnc:hover, 
  .default-btnc:focus,
  .default-btnc.transparent:hover,
  .default-btnc.transparent:focus,
  .default-btnc.secondary {
      background-color: #446D6D;
  }

  .default-btnc  {
      height: 40px;
      line-height: 40px;
      text-align: center;
      padding: 0 10px;
      padding-left: 0em;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 400;
      display: inline-block;
      cursor: pointer;
      min-width: 260px;
  }

  .default-btnc {
     padding-left: 0rem!important;
     min-width:250px; 
     margin-right:3.0rem;
     margin-left:3.0rem;
     -webkit-box-shadow: none!important;
      box-shadow: none!important;
      -moz-box-shadow: none!important;
      -o-box-shadow: none!important;
  }

  .default-btnc:hover,
  .default-btnc:focus {
      -webkit-box-shadow: none!important;
      box-shadow: none!important;
      -moz-box-shadow: none!important;
      -o-box-shadow: none!important;
  }

  .default-btnc,
  .default-btnc.secondary:hover,
  .default-btnc.secondary:focus {
      background-color: #5F8E90;
  }

@media (min-width: 767.98px) and (max-width: 991.98px) {

  .contact-form {
     width:100%;
  }

  .contact-ajuste {
    padding-left: 0rem!important;
    padding-right: 0rem!important;
    margin-left:0.7rem!important;
    margin-right:0rem!important;
  }
}

@media (max-width: 767.98px) {

  .contact-form {
     width:100%;
     padding-top: 3rem!important;
     padding-bottom: 3rem!important;
     color:#ccc!important;
  }

  .contact-ajuste {
    padding-left: 0rem!important;
    padding-right: 0rem!important;
    margin-left:0.9rem!important;
    margin-right:0rem!important;
  }

  .title-seccion {
    text-align: center;
    margin-top:2rem!important;
    font-size:1.2rem!important;
    font-weight:400 ;
    color:#393D3F;
    line-height:1.8rem!important;
  }
}

.espaciobox-c {
  margin-bottom:5rem;
}


/*/////////////////////////////////////////////////*/
/*--------------- Página FOOTER ------------------*/
/*///////////////////////////////////////////////*/

footer {
  /*height: 200px;*/
}

.card {
    background: transparent;
    padding: 0 1.0rem 0 1.0rem;
    border:none;
  }

.footer-text {
    width: 100%;
    display: block;
    padding:0.5em;
    padding-top: 0.5rem;
    text-align: center;
    font-size: 1.0rem;
    font-weight: 400;
    color: #333333;
}

.backg-footer {
    background-color:#EFEFEF;
    margin-bottom: 0px;
}

.center { 
    float: none; 
    margin-left: auto; 
    margin-right: auto; 
}

.logo-avanter {
    margin-top:-0.95rem!important;
}

.site-footer a {
    font-family:"Poppins", sans-serif;
    color: #5E5D5D;
    font-weight:500 
}

.site-footer a:hover {
    color: #1d1d1b;
    text-decoration:underline;
}

.site-footer {
     padding-top: 2.5rem!important;
     padding-bottom: 1rem!important; 
	/*position:absolute;
	 bottom:0;
	 width:100%;*/
}

.avanter {
   color: #EFEFEF; 
   text-decoration:none;
}

@media (max-width: 768px) {

  .footer-text {
    font-size: 0.85rem!important;
    padding-top: 0.5rem;
  }

  .logo-avanter {
    width: 30%;
    margin-top:-1.0rem!important;
  }
}

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

/*//////////////////////////////////////////*/
/*------------PÁGINA LANDING --------------*/
/*//////////////////////////////////////////*/

#landing {
  width: 100%;
  height: calc(100vh - 0px);
  background: url("../../assets/images/backgrounds/landing-bg.jpg") center center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}

@media (max-width: 767.98px) {
  #landing {
    width: 100%;
    height: calc(70vh - 0px);
    background: url("../../assets/images/backgrounds/landing2-bg.jpg") center center;
    background-size: cover;
    position: relative;
    margin-top: 0px;
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  #landing {
    width: 100%;
    height: calc(85vh - 0px);
    background: url("../../assets/images/backgrounds/landing2-bg.jpg") center center;
    background-size: cover;
    position: relative;
    margin-top: 0px;
    padding: 0;
  }
}

/*//////////////////////////////////////////*/
/*------------PÁGINA ERROR 404 -------------*/
/*//////////////////////////////////////////*/

.error404 {
  width: 100%;
  height: calc(100vh - 0px);
  background: url("../../assets/images/error/error404-bg.jpg") center center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}

 .box-error404 {
    width: 33%;
    margin-left:3rem!important;
  }

 .ajuste-error404 {
    width: 85%;
    margin:0 auto;
    top:0rem!important;
    background: rgba(255, 255, 255, 0.25)!important;
    border:1px solid white;
    border-radius: 0.35rem;
}

img.img404 {
    width: 100%;
    margin-top:2rem!important;
    margin-bottom: -1.5rem!important;
    margin:0 auto;
}

.txt404-1 {
  font-size:3.0rem!important;
  font-weight: 700;
  line-height: 3.1rem;
  margin-top:0rem!important;
  margin-left:0rem!important;
  margin-right:0rem!important;
  margin-bottom:1rem!important;
}

.txt404-2 {
  font-size:1.38rem!important;
  font-weight: 500;
  line-height: 1.75rem;
  margin-top:1.5rem!important;
  margin-left:0rem!important;
  margin-bottom:1rem!important;
  margin:0 auto;
}

.btn-volver-inicio {
  width:100%;
  font-family:"Poppins", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  letter-spacing:1px;
  display: inline-block;
  margin-top:1rem;
  padding:1rem;
  border-radius: 5px;
  transition: 0.5s;
  text-decoration:none!important;
  background: #4E7575!important;
  color: #fff!important;
}

.btn-volver-inicio:hover {
  background: #345150!important;
  color: #fff!important;
}

.btn-volver-inicio:focus {
  color: #fff!important;
}

.btn-volver-inicio:active {
  color: #fff!important;
}

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

@media (min-width: 1025px) and (max-width: 1280px){
  
  section.error404 {
    width: 100%;
    height:calc(120vh - 0px);
    background: url("../../assets/images/error/error404-bg-3.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 0;
    padding: 0;
  }

  .box-error404 {
    width: 33%;
    margin-left:3rem!important;
  }

 .ajuste-error404 {
    width: 85%;
    margin:0 auto;
    top:0rem!important;
    background: rgba(255, 255, 255, 0.25)!important;
    border:1px solid white;
    border-radius: 0.35rem;
}

  img.img404 {
      width: 100%;
      margin-top:2rem!important;
      margin-bottom: -1.5rem!important;
      margin:0 auto;
  }

  .txt404-1 {
    font-size:3.0rem!important;
    font-weight: 700;
    line-height: 3.1rem;
    margin-top:0rem!important;
    margin-left:0rem!important;
    margin-right:0rem!important;
    margin-bottom:1rem!important;
  }

  .txt404-2 {
    font-size:1.38rem!important;
    font-weight: 500;
    line-height: 1.75rem;
    margin-top:1.5rem!important;
    margin-left:0rem!important;
    margin-bottom:1rem!important;
    margin:0 auto;
  }

  .btn-volver-inicio {
    width:100%;
    font-family:"Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    letter-spacing:1px;
    display: inline-block;
    margin-top:1rem;
    padding:1rem;
    border-radius: 5px;
    transition: 0.5s;
    text-decoration:none!important;
    background: #4E7575!important;
    color: #fff!important;
  }
}

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

@media (min-width: 992px) and (max-width: 1024px){
  
  section.error404 {
    width: 100%;
    height:calc(110vh - 0px);
    background: url("../../assets/images/error/error404-bg-2.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 0;
    padding: 0;
  }

  .box-error404 {
    width: 100%!important;
    margin:0 auto;
  }

 .ajuste-error404 {
    width: 90%;
    top:-20rem!important;
    margin:0 auto!important;
    background: rgba(255, 255, 255, 0.25)!important;
    border:1px solid white;
    border-radius: 0.35rem;
  }

  img.img404 {
    width: 80%;
    margin-top:2rem!important;
    margin-bottom: -1.5rem!important;
    margin:0 auto;
  }

  .txt404-1 {
    font-size:2.35rem!important;
    font-weight: 700;
    line-height: 2.6rem;
    margin-top:0rem!important;
    margin-left:7rem!important;
    margin-right:7rem!important;
    margin-bottom:1rem!important;
  }

  .txt404-2 {
    font-size:1.34rem!important;
    font-weight: 500;
    line-height: 1.7rem;
    margin-top:1.5rem!important;
    margin-left:7rem!important;
    margin-right:8rem!important;
    margin-bottom:1rem!important;
  }

  .btn-volver-inicio {
    width: 73%;
    font-size: 14px;
    padding: 0.7rem;
    margin:0 auto;
    margin-top:1.5rem!important;
    margin-left:7rem!important;
  }
}

/*------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px){
  
  section.error404 {
    width: 100%;
    height:calc(120vh - 0px);
    background: url("../../assets/images/error/error404-bg-2.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 0;
    padding: 0;
  }

  .box-error404 {
    width: 100%!important;
    margin:0 auto;
  }

 .ajuste-error404 {
    width: 90%;
    top:-15rem!important;
    margin-left:1.3rem!important;
    margin-right:0px;
    background: rgba(255, 255, 255, 0.25)!important;
    border:1px solid white;
    border-radius: 0.35rem;
  }

  img.img404 {
    width: 80%;
    margin-top:2rem!important;
    margin-bottom: -1.5rem!important;
    margin:0 auto;
  }

  .txt404-1 {
    font-size:2.25rem!important;
    font-weight: 700;
    line-height: 2.5rem;
    margin-top:0rem!important;
    margin-left:5rem!important;
    margin-right:5rem!important;
    margin-bottom:1rem!important;
  }

  .txt404-2 {
    font-size:1.3rem!important;
    font-weight: 500;
    line-height: 1.7rem;
    margin-top:1.5rem!important;
    margin-left:5rem!important;
    margin-right:5rem!important;
    margin-bottom:1rem!important;
  }

  .btn-volver-inicio {
    width: 77%;
    font-size: 14px;
    padding: 0.7rem;
    margin:0 auto;
    margin-top:1.5rem!important;
    margin-left:4.8rem!important;
  }
}

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

@media (max-width: 767.98px){

  .error404 {
    width: 100%;
    height:calc(125vh - 0px);
    background: url("../../assets/images/error/error404-bg-1.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 0rem!important;
    margin-left:0px;
    margin-right: 0px;
    padding: 0 auto;
  }

  .box-error404 {
    width: 100%;
    margin:0 auto!important;
  }

  .ajuste-error404 {
    width: 85%;
    margin-left:15px;
    margin-right:15px;
    top:-9rem!important;
    background: rgba(255, 255, 255, 0.25)!important;
    border:1px solid white;
    border-radius: 0.35rem;
  }

  img.img404 {
    width: 90%;
    margin-top:2rem!important;
    margin-bottom: -1.5rem!important;
    margin:0 auto;
  }

  .txt404-1 {
    font-size:1.8rem!important;
    font-weight: 700;
    line-height: 2.1rem;
    margin-top:0rem!important;
    margin-left:0rem!important;
    margin-right:0rem!important;
    margin-bottom:1rem!important;
  }

  .txt404-2 {
    font-size:1.2rem!important;
    font-weight: 500;
    line-height: 1.5rem;
    margin-top:1.5rem!important;
    margin-left:0rem!important;
    margin-bottom:1rem!important;
    margin:0 auto;
  }

  .btn-volver-inicio {
    font-size: 14px;
    padding: 0.7rem;
  }
}

/*/////////////////////////////////////////////*/
/*----------- PÁGINA ERROR BONOSDERMO --------*/
/*///////////////////////////////////////////*/

.errorbd {
    width: 100%;
    height: calc(100vh - 0px);
    background: url("../../assets/images/error/errorbd-bg.jpg") center center;
    background-size: cover;
    position: relative;
    margin-top: 0px;
    padding: 0;
}

.box-errorbd {
    width: 33%;
    margin-left:3rem!important;
}

.ajuste-errorbd {
    width: 85%;
    margin:0 auto;
    top:-3rem!important;
    background: rgba(255, 255, 255, 0.25)!important;
    border:1px solid white;
    border-radius: 0.35rem;
}

img.imgbd {
    width: 100%;
    margin-top:2rem!important;
    margin-bottom: -1.5rem!important;
    margin:0 auto;
}

.txtbd-1 {
    color:#fff;
    font-size:2.5rem!important;
    font-weight: 600!important;
    line-height: 2.9rem;
    margin-top:0.9rem!important;
    margin-left:0.5rem!important;
    margin-right:0rem!important;
    margin-bottom:2rem!important;
    text-shadow: 0.8px 0.8px 3px black;
    -webkit-text-shadow: 0.8px 0.8px 3px black;
    -moz-text-shadow: 0.8px 0.8px 3px black;
}


.btn-volver-inicio {
  width:100%;
  font-family:"Poppins", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  letter-spacing:1px;
  display: inline-block;
  margin-top:1rem;
  padding:1rem;
  border-radius: 5px;
  transition: 0.5s;
  text-decoration:none!important;
  background: #4E7575!important;
  color: #fff!important;
}

.btn-volver-inicio:hover {
  background: #345150!important;
  color: #fff!important;
}

.btn-volver-inicio:focus {
  color: #fff!important;
}

.btn-volver-inicio:active {
  color: #fff!important;
}

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

@media (min-width: 1025px) and (max-width: 1280px){
  
  section.errorbd {
    width: 100%;
    height:calc(100vh - 0px);
    background: url("../../assets/images/error/errorbd-bg-3.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 0;
    padding: 0;
  }

  .box-errorbd {
    width: 33%;
    margin-left:3rem!important;
  }

 .ajuste-errorbd {
    width: 85%;
    margin:0 auto;
    top:-3rem!important;
    background: rgba(255, 255, 255, 0.25)!important;
    border:1px solid white;
    border-radius: 0.35rem;
}

  img.imgbd {
      width: 100%;
      margin-top:2rem!important;
      margin-bottom: -1.5rem!important;
      margin:0 auto;
  }

  .txtbd-1 {
    color:#fff;
    font-size:2.0rem;
    font-weight: 600;
    line-height: 2.6rem;
    margin-top:0.9rem!important;
    margin-left:0.5rem!important;
    margin-right:0rem!important;
    margin-bottom:2rem!important;
    text-shadow: 0.8px 0.8px 3px black;
    -webkit-text-shadow: 0.8px 0.8px 3px black;
    -moz-text-shadow: 0.8px 0.8px 3px black;
  }

  .btn-volver-inicio {
    width:100%;
    font-family:"Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    letter-spacing:1px;
    display: inline-block;
    margin-top:1rem;
    padding:1rem;
    border-radius: 5px;
    transition: 0.5s;
    text-decoration:none!important;
    background: #4E7575;
    color: #fff;
  }
}

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

@media (min-width: 992px) and (max-width: 1024px){
  
  section.errorbd {
    width: 100%;
    height:calc(100vh - 0px);
    background: url("../../assets/images/error/errorbd-bg-2.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 0;
    padding: 0;
  }

  .box-errorbd {
    width: 100%!important;
    margin:0 auto;
  }

 .ajuste-errorbd {
    width: 90%;
    top:-20rem!important;
    margin:0 auto!important;
    background: rgba(255, 255, 255, 0.25)!important;
    border:1px solid white;
    border-radius: 0.35rem;
  }

  img.imgbd {
    width: 80%;
    margin-top:2rem!important;
    margin-bottom: -1.5rem!important;
    margin:0 auto;
  }

  .txtbd-1 {
    color:#fff;
    font-size:2.7rem;
    font-weight: 600;
    line-height: 3.6rem;
    margin-top:0.9rem!important;
    margin-left:7.5rem!important;
    margin-right:3.0rem!important;
    margin-bottom:2rem!important;
    text-shadow: 2px 2px 4px black;
    -webkit-text-shadow: 2px 2px 4px black;
    -moz-text-shadow: 2px 2px 4px black;
  }

  .btn-volver-inicio {
    width: 76%;
    font-size: 23px;
    padding: 1.5rem;
    margin:0 auto;
    margin-top:1.5rem!important;
    margin-left:7.3rem!important;
  }
}

/*------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px){
  
  section.errorbd {
    width: 100%;
    height:calc(120vh - 0px);
    background: url("../../assets/images/error/errorbd-bg-2.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 0;
    padding: 0;
  }

  .box-errorbd {
    width: 100%!important;
    margin:0 auto;
  }

 .ajuste-errorbd {
    width: 90%;
    top:-17rem!important;
    margin-left:1.3rem!important;
    margin-right:0px;
    background: rgba(255, 255, 255, 0.25)!important;
    border:1px solid white;
    border-radius: 0.35rem;
  }

  img.imgbd {
    width: 80%;
    margin-top:2rem!important;
    margin-bottom: -1.5rem!important;
    margin:0 auto;
  }

  .txtbd-1 {
    color:#fff;
    font-size:2.6rem;
    font-weight: 600;
    line-height: 3.3rem;
    margin-top:0.9rem!important;
    margin-left:5.0rem!important;
    margin-right:3.0rem!important;
    margin-bottom:2rem!important;
    text-shadow: 1.0px 1.0px 3px black;
    -webkit-text-shadow: 1.0px 1.0px 3px black;
    -moz-text-shadow: 4.0px 4.0px 3px black;
  }

  .btn-volver-inicio {
    width: 77%;
    font-size: 20px;
    padding: 1.5rem;
    margin:0 auto;
    margin-top:1.5rem!important;
    margin-left:4.8rem!important;
  }
}

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

@media (max-width: 767.98px){

  .errorbd {
    width: 100%;
    height:calc(125vh - 0px);
    background: url("../../assets/images/error/errorbd-bg-1.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 0rem!important;
    margin-left:0px;
    margin-right: 0px;
    padding: 0 auto;
  }

  .box-errorbd {
    width: 100%;
    margin:0 auto!important;
   
  }

 .ajuste-errorbd {
    width: 85%;
    margin-left:15px;
    margin-right:15px;
    top:-9rem!important;
    background: rgba(255, 255, 255, 0.25)!important;
    border:1px solid white;
    border-radius: 0.35rem;
}

img.imgbd {
    width: 90%;
    margin-top:2rem!important;
    margin-bottom: -1.5rem!important;
    margin:0 auto;
}

.txtbd-1 {
  color:#fff;
  font-size:2.0rem;
  font-weight: 600;
  line-height: 2.6rem;
  margin-top:0.9rem!important;
  margin-left:0.7rem!important;
  margin-right:0rem!important;
  margin-bottom:2rem!important;
  text-shadow: 0.8px 0.8px 3px black;
  -webkit-text-shadow: 0.8px 0.8px 3px black;
  -moz-text-shadow: 0.8px 0.8px 3px black;
}

.btn-volver-inicio {
  width: 100%;
  font-size: 14px;
 }
}

/*///////////////////////////////////////////////////////////*/
/*----------------- PÁGINA SELECCIONAR MARCA ---------------*/
/*/////////////////////////////////////////////////////////*/

.title-selecc-marca {
    font-family:"Poppins", sans-serif;
    text-align: center;
    margin-top:3rem!important;
    font-size:1.8rem;
    font-weight:400 ;
    color:#393D3F;
}

hr.divisor-selecc-marca {
    width:100px;
    margin-top:1.4rem;
    margin-bottom:0rem;  
    border-bottom: 0.6px solid #213A93!important; 
    height:0;
   }

.selecc-marca {
    margin-bottom: 0rem!important; 
  }

.box  {
  width: 250px;
  display: flex;
  align-items: center;
  padding-left: 0rem!important;
  margin-left: 0.7rem!important;
  margin-right: 0.7rem!important;
  margin-top: 4rem!important;
  margin-bottom: 0rem!important;
  border-radius:10px;
  border: 0.1px solid #E8E8E8;
  background: #fff;
  display:inline-block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  cursor:pointer;
}

.espaciobox {
     margin-bottom: 4rem!important;
     height:200px;  
    }

.box:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}

.grow-shadow {
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.grow-shadow:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
      transform: scale(1.1);
  /*box-shadow: 10px 15px 7px #C7C7C7;*/
}

@media (min-width: 1600px) and (max-width: 1700px) {
  
  .box  {
      width: 230px;
  }
}

@media (min-width: 1500px) and (max-width: 1600px) {
  
  .box  {
      width: 200px;
  }
}

@media (min-width: 1400px) and (max-width: 1499px) {
  
  .box  {
      width: 200px;
  }
}


@media (min-width: 1300px) and (max-width: 1399px) {
  
  .box  {
      width: 180px;
  }
}


@media (min-width: 1200px) and (max-width: 1299px) {
  
  .box  {
      width: 160px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
 
    .box {
       margin-top:3rem!important;
       margin-bottom:0rem!important;
    }

    .box {
        width: 130px;
  }

    .espaciobox {
     margin-bottom: 4rem!important;  
    }
}


@media (min-width: 768px) and (max-width: 991.98px)  {

  .selecc-marca {
    margin-left: 1rem!important; /*1*/
  }

  .box {
        width: 220px!important; /*450*/
        margin-bottom:0rem!important;
  }
   
  .espaciobox {
     margin-bottom: 4rem!important;  
  }
}

@media (max-width: 767.98px) {

    .title-selecc-marca {
       margin-top:3rem!important;
       font-size:1.5rem;
       margin-left:2.0rem!important; 
    }

    .box {
      width: 300px!important;
      margin-left: 2.5rem!important;
      margin-right: 0rem!important;
      margin-bottom:0rem!important; 
    }

    .espaciobox {
     margin-bottom: 4rem!important;  
    }
}


/*//////////////////////////////////////////////////////*/
/*---------------- PÁGINA LOG IN ----------------------*/
/*/////////////////////////////////////////////////////*/

.login-container1 {
  margin-top: 5%;
  margin-bottom: 5%;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  max-width: 70%;
  padding-bottom:2%;
}

.img-marca {
  background-color:transparent;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  margin: auto;
  padding: auto;
  text-align: center;
}

.img-marca h1 {
  margin-top: 20%;
}


/* imagen pack página "Disponible próximamente" */
.img-packcrema {
  margin-top:3rem!important;
  padding-left: 3rem!important;
}

 /*login logos*/
.imglogo {
  width:80%!important;
  margin-left:2.0rem!important; 
  margin-top:2.5rem!important; 
  margin-bottom:2.0rem!important; 
}


.login-form {
  padding: 15px;
  color:#ccc;
}

.login-form h3 {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

i.icon-mail-alt {
  font-size: 18px;
}

i.icon-lock {
  font-size: 20px;
}

input[type="text"],
.form-control {
  width: 100%;
  font-family: "Poppins", sans-serif;
  color:#000;
  border: 1px solid #5F8E90;
  border-radius: 0px 4px 4px 0px!important;
}

.forget-password a {
  font-family:"Poppins", sans-serif;
  font-weight: 500;
  text-decoration: none;
  font-size: 14px;
}

.aviso {
    width: 100%;
    background-color: #ccc;
    font-size: 1.1em;
    color: #5F8E90;
    text-align: center;
    padding:0.8rem;
    margin-top:3rem;
    border-radius: 5px;
  }

i.icon-attention {
    font-size: 1.0em;
    color: #ff1d25;
  }

 .texto-foot {
    font-family:"Poppins", sans-serif;
    font-weight: 400;
 }

.password {
  height:3rem!important;
 }
 
 .modal__email-validation {
	color: #f00;
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: left;
	transition: margin-top 0.5s ease-in;
 }

@media (min-width: 768px) and (max-width: 991.98px) {

  hr.divisor-login {
      width:80%;
      margin-top:0.3rem;
      margin-bottom:0rem;  
      border-bottom: 0.5px solid #ccc; 
      height:0;
  }

  .loginrow {
     margin-left:2.2rem!important;
  }

  .img-packcrema {
    padding-left: 3rem!important;
  }
}

@media (max-width: 767.98px) {

  .login-container1 {
      margin-top: 2.5rem;
      margin-bottom: 5%;
      border:1px solid #CCD1D1;
      border-radius: 5px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      max-width: 90%;
      padding-bottom:2%;
  }

  hr.divisor-login {;
    margin-top:0.3rem;
    margin-bottom:0rem;  
    border-bottom: 0.5px solid #ccc; 
    height:0;
  }

  .loginrow {
    margin-left:2.2rem!important;
  }

  .imglogo {
    width:100%!important;
    margin-left:0rem!important; 
    margin-top:2.5rem!important; 
    margin-bottom:0rem!important; 
  }

  .img-packcrema {
    padding-left: 3rem!important;
  }
}


/*/////////////////////////////////////////////////////////////////////////////////*/
/*---------------------- ESTRUCTURA PÁGINAS --------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////////*/

.main-content-wrapper {
    overflow-x: hidden;
}
.main-content-wrapper::before {
    position: absolute;
}
.main-content-wrapper {
    padding-bottom: 0;
}
.main-content-wrapper::before {
    padding-top: 40px;
}

.main-content-wrapper,
.main-content-wrapper::before {
    background-color: transparent;
}

.main-content-wrapper {
    max-width: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    overflow: clip;
}

.main-content-wrapper::before {
    content: "";
    top: -40px;
    left: 0;
    right: 0;
    width: 100%;
}

/*/////////////////////////////////// AJUSTES CONTAINERS////////////////////////////////////////*/

.products-wrapper {
  /*margin-top:1rem!important;*/
  background: transparent;
}

.products-wrapper2 {
  margin-top:2rem!important;
  background: transparent;
}

@media (min-width: 768px) {

    .container.contenedor-prod {
       width:100%;
       margin:0 auto!important;
       padding:0 auto!important;
    }

    .products-wrapper2 {
      margin-top:2rem!important;
      margin-left:2.2rem!important;
      background: transparent;
   }
}

/*/////////////////////////////////////////////////////*/
/*-------------------- ESTRUCTURA --------------------*/
/*///////////////////////////////////////////////////*/

.wrapper {
    padding: 5px;
    padding-top:25px;
    width: 100%;
    margin: 0px auto!important;
}

header {
    padding: 0 15px;
}

@media (max-width: 991px) {

    header {
        padding: 0 0px;
    }

}

@media (min-width: 1px) and (max-width: 768px) {
   
   .ocultar-bot1 {
       display:none;
    }
}

@media (min-width: 1px) and (max-width: 1299px) {
   
   .ocultar-bot1 {
       display:none;
    }
}


@media (min-width: 768px) and (max-width: 2120px) {
   
  .ocultar-bot2 {
      display:none;
  }
}

  .columns {
     display: flex;
     flex-flow: row wrap;
     justify-content: center;
     margin: 5px 0;
  }

  .column {
    flex: 1;
    border: 1px solid gray;
    margin: 2px;
    padding: 10px;
    &:first-child { margin-left: 0; }
    &:last-child { margin-right: 0; } 
  }

@media screen and (max-width: 1200px) {

  .columns .column {
        margin-bottom: 5px;
    flex-basis: 40%;
        &:nth-last-child(2) {
            margin-right: 0;
        }
        &:last-child {
            flex-basis: 100%;
            margin: 0;
        }
    }
}

@media screen and (max-width: 767.98px) {

    .columns .column {
        flex-basis: 100%;
        margin: 0 0px 0px 0;
    }
}

/*          Menu-categorías de productos           */
 /**************************************************/

.main-nav-area {
    z-index: 99;
}

.main-nav-area.nav-with-search .header-search-area {
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9901;
}

.main-nav-area.nav-with-search input {
    color: #ebebeb;
}

.main-nav-area.nav-with-search ::-webkit-input-placeholder {
    color: #ebebeb;
}

.main-nav-area.nav-with-search ::-moz-placeholder {
    color: #ebebeb;
}

.main-nav-area.nav-with-search :-ms-input-placeholder {
    color: #ebebeb;
}

.main-nav-area.nav-with-search :-moz-placeholder {
    color: #ebebeb;
}

.main-nav-area.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9950;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 900ms;
    animation-duration: 900ms;
    -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.main-nav-area.sticky:hover {
    background: #fff;
}

/************************************************************
    Layout - Shop (títulos de las categorías)
*************************************************************/

.shop-wrapper h1 {
    font-family: 'Raleway';
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: .03rem;
    text-transform: capitalize;
    margin-bottom: 20px;
}

h1.titulo-categoria{
	letter-spacing: .03em!important;
}

/*logo centrado en página productos - recetario - checkout*/
 .logomarca {
    max-width:222px!important;
  }

  @media (min-width: 767.98px) and (max-width: 991px) {
      .logomarca {
         max-width:222px!important;
         margin-left:-2.9rem!important;
     }
  }

  @media (max-width: 767.98px) {
      .logomarca {
         max-width:122px!important;
         margin-left:-2.9rem!important;
     }
  }


@media (min-width: 768px) and (max-width: 991px) {

    .row.prodcontainer {
     margin-left:2.5rem!important;
     padding-right:0rem!important;
  }

    .row.prodcontainer1 {
     margin-left:0rem!important;
     padding-right:0rem!important;
  }

}

@media (max-width: 767.98px) {

   .shop-wrapper h1 {
    font-size: 17px;
  }

  .shop-wrapper {
    margin-bottom:0px;
    margin-top:-2px!important; 
  }

  .row.prodcontainer {
     margin-left:2rem!important;
     padding-right:0rem!important;
  }

  .row.prodcontainer1 {
     margin-left:2rem!important;
     padding-right:0rem!important;
  }
}

.shop-wrapper #grid.show {
    margin-bottom: -25px;
    margin-top: -15px;
}

.shop-wrapper #grid .product-layout {
  margin-bottom: 10px;
}

.shop-toolbar {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.shop-toolbar .toolbar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 28px;
}

.shop-toolbar .product-view-mode {
    margin-right: 20px;
    border-right: 1px solid #ebebeb;
}

.shop-toolbar .product-view-mode ul li {
    margin-right: 20px;
}

.shop-toolbar .product-view-mode ul li a i {
    display: block;
    font-size: 26px;
    line-height: 0;
    top: 1px;
}

.shop-toolbar .toolbar-amount {
    font-size: 14px;
}

.shop-toolbar .product-select-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.shop-toolbar .product-select-box>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.shop-toolbar .product-select-box .product-sort p,
.shop-toolbar .product-select-box .product-show p {
    margin: 0 8px 0 0;
    line-height: 28px;
    font-size: 14px;
}

.shop-toolbar .product-select-box .product-sort,
.shop-toolbar .product-select-box .product-show {
    height: 30px;
    border: 1px solid #ebebeb;
    padding: 0 10px;
    font-size: 14px;
    line-height: 29px;
}

.shop-toolbar .product-select-box .product-sort .list,
.shop-toolbar .product-select-box .product-show .list {
    max-height: initial;
    overflow-y: initial;
}

.shop-toolbar .product-select-box .product-sort .option,
.shop-toolbar .product-select-box .product-show .option {
    font-size: 14px;
}

.shop-toolbar .product-select-box .product-sort .option.selected,
.shop-toolbar .product-select-box .product-show .option.selected {
    font-weight: 500;
}

.shop-toolbar .product-select-box .product-sort::after,
.shop-toolbar .product-select-box .product-show::after {
    content: "\f107";
    font-family: FontAwesome;
    border: 0;
    width: auto;
    -webkit-transform-origin: initial;
    -ms-transform-origin: initial;
    transform-origin: initial;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 4px;
    right: 10px;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
}

.shop-toolbar .product-select-box .product-sort::after,
.shop-toolbar .product-select-box .product-show::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.shop-toolbar .product-select-box .product-show {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #ebebeb;
}

.shop-toolbar .product-select-box .product-show {
    width: 70px;
}

.shop-toolbar .product-select-box .product-sort {
    width: 300px;
}

.shop-products-wrapper .product-layout.product-list {
    padding: 0;
}

.shop-products-wrapper .product-layout.product-list .price-new {
    font-size: 22px;
    font-weight: 500;
}

.shop-products-wrapper .product-layout.product-list .product-caption {
    padding-right: 0px;
}

.shop-products-wrapper .product-layout.product-list .product-name {
    margin-bottom: 6px;
    margin-top: 5px;
}

.shop-products-wrapper .product-layout.product-list .product-name a {
    line-height: 18px;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: -.025em;
}

.shop-products-wrapper .product-layout.product-list .product-price {
    margin-top: 10px;
}

.shop-products-wrapper .product-layout.product-list .product-des {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
}

/*////////////////////////////////////////////////////////////*/

.flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

/*////////////////////////////////////////////////////////////*/

@media (max-width: 767.98px) {

  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, 
  .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, 
  .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, 
  .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, 
  .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 
  .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
  .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, 
  .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, 
  .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, 
  .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-top:-1.5rem!important;
  }
}

/************************************************************
  Base - Tipografía
*************************************************************/

html,
body {
    font-size: 13px;
    height: 100%;
}

body {
    font-family: "Poppins";
    line-height: 20px;
    color: #000;
    font-weight: 400;
    background: #fff;
	/*display:flex;
	flex-direction:column;*/
	min-height:100vh;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10.2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
	color:#293375;
}

.fa {
    font-size: 14px;
}

p {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
}

ul,
ol,
table,
dl,
dd {
    margin-bottom: 10px;
}

address,
blockquote {
    font-style: italic;
}

blockquote {
    font-size: 13px;
}

td,
th {
    padding: 10px;
}

img {
    max-width: 100%;
    margin-right:0 auto; 
    margin-left:0 auto;
    height:auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (max-width: 767.98px) {
    img {
      max-width: 100%;
      margin-right:0 auto; 
      margin-left:0 auto;
      height:auto;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
   }

}


*:focus {
    outline: none;
}

a {
    text-decoration: none;
}

a:hover,
a:focus {

    text-decoration: none;
}

a:focus {
    color:#293375;
}

a.envelope:focus {
    color:#5F8E90!important;
}
a.envelope:hover {
    color:#5F8E90!important;
}


a:focus,
a:active,
a:hover {
    outline: 0 none;
    text-decoration: none;
}

legend {
    font-size: 18px;
    padding: 7px 0px;
}

label {
    font-size: 14px;
    font-weight: normal;
	/*text-transform:uppercase;*/
}

@media (max-width: 767.98px) {
    
  label {
    font-size: 13px;
    font-weight: normal;
  }

}

/*#content {
  min-height: 100%;
  margin-bottom: -200px;
  margin-bottom: 0px;
}*/


textarea,
select,
input[type="text"],
input[type="url"],
input[type="number"],
input[type="email"],
input[type="button"],
input[type="reset"],
input[type="password"],
input[type="search"],
input[type="tel"] {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    height: 40px;
    border-color: #ddd;
}

/*input[type="button"]:hover {
   background-color:transparent!important;
}*/

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus {
    background:transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control {
    border-radius: 0;
     
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea {
    min-height: 100px;
}

.input-group,
.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
    font-size: 1.3rem;
    font-weight: 400!important;
}

button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
    background: transparent;
    color: #444;
    border: 0;
    padding: 0 0px;
    text-transform: uppercase;
    font-size: 14px;
    color: #5F8E90;
    line-height: 43px;
    height: 40px;
    display: inline-block;
    font-weight: 500;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

select:focus,
button:focus,
input:focus,
textarea:focus {
    border-color: #242424;
    outline: 0;
}

::-webkit-input-placeholder {
    color: #292929;
    font-size: 13px;
}

::-moz-placeholder {
    color: #292929;
    font-size: 13px;
}

:-ms-input-placeholder {
    color: #292929;
    font-size: 13px;
}

:-moz-placeholder {
    color: #292929;
    font-size: 13px;
}

/*color del resaltado del texto (input/textarea)*/

::-webkit-selection {                              
    background: #007bff!important;
    text-shadow: none;
    color: #fff;
}

::-moz-selection {
    background: #007bff!important;
    text-shadow: none;
    color: #fff;
}

::selection {
    background: #007bff!important;
    text-shadow: none;
    color: #fff;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/*-------- PÁGINAS REGISTRO / CAMBIAR CONTRASEÑA / RECUPERACIÓN DE CONTRASEÑA ----------------*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/

.breadcrumb2 {
    width:100%;
    padding: 10px 0;
    background: transparent;
    border-radius: 0;
    border-bottom: 0px solid #f1f1f2;
    border-top: 0px solid #f1f1f2;
    margin-top: 2.5rem;
    margin-left: 2.8rem;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.breadcrumb2 .breadcrumb-item+.breadcrumb-item {
    padding-left: 0px;
}

.breadcrumb2 .breadcrumb-item+.breadcrumb-item::before {
    width: 30px;
    color: #444444;
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    left: 0.5em;
    margin-top: -0.2rem;
}

a.breadcrumb-item.prod-item:hover {
   color: #444444;
}

a.breadcrumb-item+.breadcrumb-item:hover, a.breadcrumb-item+.breadcrumb-item:focus {
   color: #444444;
}

.breadcrumb-item.active {
    color: #5F8E90;
    font-weight: 500;
}

.ajuste-breadcrumb {
   margin-left:-1.3rem;
   margin-bottom:-0.2rem;
}

.login-container2 {
  margin-top: 2.2rem!important;
  margin-bottom: 5%;
  /*border: 4px solid #293375;*/
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  max-width: 50%;
  padding-bottom:2%;
}

#btnEnviar.recuperacion-btn {
	/*background-color: #6263ff!important;*/
	background-color: #6a7cde!important;
	/*background-color: #293375!important;*/
    color: #fff!important;
    border: none!important;
    transition: 300ms ease;
}

#btnEnviar.recuperacion-btn:hover {
	background-color: #f1f1f1!important;
	/*color:#6263ff!important;*/
	/*color: #293375!important;*/
	color: #6a7cde!important;
	cursor: pointer;
	box-shadow: 0 10px 15px -3px rgb(0 0 0/ 0.1), 0 4px 6px -4px rgb(0 0 0/ 0.1)!important;
}

.recuperacion-input:focus {
	border: 1px solid #293375!important;
}


.passw-row {
  margin-left: 2rem!important;
}

.passr-marca {
    margin-left: 1.1rem!important;
    margin-right: -1.5rem!important;
  }

.registro-row {
  margin-left: 2.2rem!important;
}

.img-marca2 {
  background-color:transparent;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  margin-top: 2rem!important;
  display:block;
  margin: auto;
  padding: auto;
  text-align: center;
}

h3.txtpassword {
  font-size:1.2rem;
  font-weight: 500;  /*normal*/
  color:#444;
  text-transform: none;
  line-height: 1.5rem;
  padding:0 auto!important; 
  margin:0 auto!important;
  margin-top:1.5rem!important;
  text-align: left;
}

.divisor-password {
  width:100%;
  margin-top:1.0rem;
  margin-bottom:2rem!important;  
  border-bottom: 0.5px solid #ccc; 
  height:0;
}

.main-title2 {
   width:100%;  
   background-color: #293375;
   font-size:1.6rem;                                
   font-weight:normal;                                 
   color:#ffffff;
   height: auto;
   line-height: 1.5rem;
   text-transform: none;
   text-align:center;
   padding-top:1rem;  
   padding-bottom:1rem;   
}

.cambiar__title {
	text-transform: none;
    font-size: 1.2rem;
    margin-top: -2rem;
    z-index: 99999;
    position: relative;
}

@media (max-width: 580px) {
	.cambiar__title {
    font-size: 1.1rem;
	line-height: 1.5;
	}
}

 #repPass {
	color: red;
}

 
#validacionPass i,
#repPass i {
	margin-right: 10px;
}


@media (min-width: 768px) and (max-width: 991px) {

  .main-title2 {
     margin-top:0.5rem!important;
     padding-bottom:1rem; 
  }

  .breadcrumb2 {
     margin-bottom:-1.2rem!important; 
  }

  .ajuste-breadcrumb {
     margin-left:-0.2rem;
     margin-bottom:-0.2rem;
  }

  .passw-row {
     margin-left: 2.5rem!important;
  }

  .passr-loreal {
    margin-left: 1.1rem!important;
    margin-right: -1.5rem!important;
  }

  .btn2 {
     min-width:250px!important;
  }

  .passw-row {
     margin-left: 2rem!important;
  }

  .registro-row {
     margin-left: 2.5rem!important;
  }

}

@media (max-width: 850px) {
  .login-container2 {
      max-width: 85%;
      margin-top: 3%;
      padding-bottom: 3rem!important;
      margin-bottom: 4rem!important;
      border: 1px solid #CCD1D1;
      border-radius: 5px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .main-title2 {
     font-size:1.5rem;
     margin-top:1.9rem!important;
  }

  h3.txtpassword {
     font-size:1.1rem;
  }

  .passw-row {
     margin-left: 2rem!important;
  }

  .row.passr-loreal {
    padding-right:0px;
    margin-left: 1rem!important;
    margin-right: 1rem!important;
  }

  .registro-row {
     margin-left: 2rem!important;
     margin-right:-1.0rem!important;
  }

  .btn2 {
     min-width:200px!important;
  }

  .form-control {
    padding-right:0.3rem!important;
    padding-left:0.3rem!important;
  }

}


/*///////////////////////////////////////////////////////////*/
/*-------------------- PÁGINA CONTACTO --------------------*/
/*/////////////////////////////////////////////////////////*/

.contacto__content {
	border: 1px solid #ddd;
	width: 100%;
	margin: auto;
	margin-bottom: 2rem;
}

.contacto__header {
	width: 100%;
	margin: auto;
	margin-top: 5rem;
	background: #293375;
	height: 6.5px;
}

@media (min-width: 768px) {
	.contacto__content {
		width: 70%;
	}
	.contacto__header {
		width: 70%;
	}
}

@media (max-width: 990px) {
	.contacto__content {
		
	}
}

.contact-form input,
.contacto-form textarea {
	background-color: #F9FBFC!important;
	font-size: 15px;
	height: calc(4rem + 2px) !important;
	border-color: #dddddd!important;
	font-size:15px!important;
}

.contact-form input:hover,
.contacto-form textarea:hover {
	border-color: #293375 !important;
	transition: border-color .3s;
}

.contact-form input:focus,
.contact-form textarea:focus {
	outline: none !important;
	border: 2px solid #293375!important;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,0.04),0 0 0 1px rgba(0,0,0,0.04);
	background-color: white;
	transition: background-color .3s;
}

.contact-form label {
	color: #000000!important;
	opacity: 1;
}

.contact-form label i {
	color: #000000!important;
}

.contact-form input:focus + label,
.contact-form input:focus + label i{
	color: #293375!important;
	opacity: 1!important;
}

.contacto__textarea {
	background-color: #F9FBFC!important;
	font-size: 12px!important;
	height: calc(4rem + 2px) !important;
	border-color: #dddddd!important;
	font-size:15px!important;
	height:100px!important;
}

.contacto__textarea:focus + label,
.contacto__textarea:focus + label i {
	color: #293375!important;
	opacity: 1!important;
}


/*///////////////////////////////////////////////////////////*/
/*-------------------- PÁGINA PRODUCTOS --------------------*/
/*/////////////////////////////////////////////////////////*/


/*-------------------- MENU PRINCIPAL ---------------------*/

.wrapper {  
  width:100%; 
  padding-top:30px;
}

.navbar.navbar-custom.top-nav-collapse {
  background: #fff; 
}

.navbar.navbar-custom.top-nav-collapse .navigation {
  padding-bottom: 15px;
}

ul.navbar {
  background-color:#fff;
  margin-top:-0.5rem;
}

ul.mainmenu {
  font-family:"Poppins", sans-serif;
  font-size:1.3rem;
  font-weight:400;
  padding-right:0.7rem; 
  color:#706F6F!important;
  /*text-transform: uppercase;*/
}

.textogris {
    font-family:"Poppins", sans-serif;
    font-size:1.2rem;
    font-weight:400;
    padding-right:0.7rem; 
    color:#706F6F!important;
}

ul.mainmenu .textogris {
	font-weight: 500;
	color: #293375!important;
}

.txt-activo {
    font-family:"Poppins", sans-serif;
    color:#293375!important;
    font-weight:600!important;
}

a.menubd {
  color: #706F6F;
}

a.navi:focus, a.navi:active {
 color:#6263ff!important;  
}

a.navi:hover  {
  color:#6263ff!important;  /*azul*/
}

.fa-envelope:before {
   font-size: 1.5rem;
   margin-top:-1.5rem!important;
}

i.navi.fa-envelope:hover, i.navi.fa-envelope:focus, i.navi.fa-envelope:active {
   font-size: 1.5rem;
   margin-top:-1.5rem!important;
   color:#5F8E90!important;
}

.adfar {
   margin-right:0.8rem!important;
}

.navitem {
   font-size: 1.5rem; 
   padding-top:0.4rem; 
   padding-left:0.1rem; 
}

.navbar-brand {
  padding-top: 10px;
  margin-top: 10px;
  padding-bottom: 0px;
}

.fixed-top {
  position: fixed;
  top:0em;
  width: 100%;
  right:0; 
  left:0; 
  z-index:1030;
  background-color:#fff;
}

.navbar.navbar-custom {
    width: inherit;
    margin-top: -0.5rem;
    padding-top:1rem;
    padding-bottom:1rem;
    box-shadow: 0 0px 6px rgb(10 33 112 / 62%);
    box-shadow: 0 5px 6px rgba(0,0,0,.2);                     /*sombra navbar*/
    -webkit-box-shadow: 0 0px 6px rgb(10 33 112 / 62%); 
    -moz-box-shadow: 0 0px 6px rgb(10 33 112 / 62%); 
    -o-box-shadow: 0 0px 6px rgb(10 33 112 / 62%); 
}

.navprod {
   padding-bottom:1rem!important;
   width: inherit;
   margin-top: 0rem!important;
   padding-top:0.5rem!important;
   box-shadow: 0 0 3px rgba(0,0,0,0.12);
   box-shadow: 0 1px 6px rgba(0,0,0,.2); 
   -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
   -moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
   -o-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
   padding-left:1rem;
   padding-right:1rem;
}


.navbar-toggle {
    padding: 4px 6px;
    font-size: 14px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

.logotipo {
  padding-bottom:0rem;
  margin-left:1.5rem;
  margin-top:0rem!important;
}

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

.logotipo:hover, .logotipo:focus {
  color:#5F8E90!important;
}

.logo-lab-centro {
  width:100px!important;
}

.logotipoeuc img {
  padding-bottom:0rem;
  margin-top:2rem;
  margin-right:0rem!important;
}

header .header-area-producto {
  padding-top: 0!important;
  padding-bottom: 0rem!important; 
}

.prod {
  padding-left:auto!important;
  padding-right:auto!important;
}


@media (max-width: 767.98px) {

  .logotipoeuc img {
    width: 73%;
    margin-top:-2.5rem!important;
    margin-left:13rem!important;
  }

  .logotipo {
    font-size:1.5rem;
  }

  .logo-lab-centro {
    width:70px!important;
  }
}

.fabars.fa-bars:before {
  font-size: 1.5rem;
  padding-top:0.5rem;
  margin:auto!important;
  color: #919191;;
}

.navbar-toggler {
    font-size:1.2rem;
    line-height:0.2;
    border: none;
}

.navbar-toggler:hover {
    background-color:transparent;
    border: none;
}

.navbar-toggler-icon {
    color:#ccc;
}

span.navbar-toggler-icon {
    color:#706F6F;
    margin-top:0.5rem;
}

.menu-sup {
    margin-top:10px;
    text-align:right;
}


@media (max-width: 767px) {

   .navbar.navbar-custom {
      width: inherit;
      margin-top: 0rem;
      padding-top:0.5rem;
      padding-bottom:0.7rem;
      box-shadow: 0 0 3px rgba(0,0,0,0.12);
      box-shadow: 0 1px 6px rgba(0,0,0,.2); 
      -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
      -moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
      -o-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
   }

   .hamb {
       margin-top:0.8rem!important;
   }
}

@media (max-width: 2021px) {

  .navbar.navbar-custom1 {
      width: inherit;
      margin-top: 0rem;
      padding-top:0.5rem;
      padding-bottom:1.5rem;
      box-shadow: 0 0 3px rgba(0,0,0,0.12);
      box-shadow: 0 1px 6px rgba(0,0,0,.2); 
      -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
      -moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
      -o-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
  }
}

@media (max-width: 2000px) {
  .menu-sup {
    margin-top:10px;
    text-align:left;
    padding-left:1.4rem!important;
  }
}


/*/////////////MENÚ/HEADER PÁGINA PRODUCTOS////////////////*/
/**********************************************************/
 
 .usermenu {
  margin-top:-5rem!important;
  margin-right:10rem!important; 
}

 .logo-euc {
  margin-top:0rem!important;
  margin-left:3rem!important;
 }

.navbar-toggler-icon1 {
  margin-right:-5rem!important;
  text-align: right;
 }

 .botuser, .botuser:hover {
  background-color:transparent;
  font-size:2.0rem;
 }

 .botreceta, .botreceta:hover {
  background-color:transparent;
  font-size:1.0rem;
 }

/********************************************************/

.ajuste-breadc-productos {
   margin-left:2.7rem;
}

/*    Separador que contiene título principal    */
/************************************************/

.prof {
   padding:0rem!important;
}

.main-title {
   width:100%;
   background-color: #5F8E90;  
   font-size:1.4rem;                                 /*1.2rem*/
   font-weight:normal;                                 /*300*/
   color:#ffffff;
   height:auto;
   line-height: 1.5rem;
   text-transform: none;
   text-align:center;
   padding-top:1rem;  
   padding-bottom:1rem;   
}

@media screen and (max-width: 991px) {

  .prof {
     margin-top:1rem!important;
  }

  .main-title {
     font-size:1.05rem;          /*0.95rem*/
  }
}

@media (max-width: 767.98px) {

  .main-title {
    margin-top:-0.6rem;
  }
}

/*   Líneas de separación (Marca / categorías-subcategorías)   */
/**************************************************************/

.shop-wrapper {
    margin:0rem!important;
  } 

  .box-products {
    padding-top:5rem!important;
    padding-bottom:5rem!important;
  }

  .box-button {
    padding-top:12.5rem!important;
    padding-bottom:12.5rem!important;
  }

  .row.productos {
    margin-bottom:3.0rem!important;
    padding-right: 0!important;
  }

  hr.lineadivisor {
    width:100%;
    margin-top:-0.5rem;
    border: 0; 
    padding-right:2.5rem!important;
    border-top: 1px solid #293375; 
    border-bottom: 1px solid #293375; 
    height:0;
	opacity:1;
  }

  hr.divisorcateg {
    width:90%;
    margin-top:-0.5rem;
    border: 0; 
    border-top: 1px solid #FFFFFF; 
    border-bottom: 1px solid #FFFFFF; 
    height:0;
	opacity:1;
  }

  .nuevo {
    text-transform: uppercase;
    font-size: 0.9rem;
    /*color: #576CBC!important;*/
	color:#E580C4!important;
    font-weight: bold;     /*500*/
  }

  .color-destacado {
    color:#5F8E90;
    letter-spacing:.02em;
  }

  .titulo-categoria {
    letter-spacing:.03em;
    color:#293375;
  }

  @media (max-width: 767.98px) {

    .color-producto {
      color: #576CBC;;
      line-height:1.5em;
    }
 }
 
 .color-producto{
	 /*color: #576CBC;*/
	 color: #E580C4;
	 letter-spacing: .02rem;
 }


/*   Lista Widget: checkbox   */
/*****************************/

.list-widget .list-group>a {
    width:100%;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin: 3px 0;
    color:#444;
	text-transform:uppercase;
}

.list-widget .list-group>a:hover {
    color:#5F8E90;
}


.list-widget .list-group>a:first-child {
    margin-top: 0;
}

.list-widget .list-group>a:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.list-widget .list-group>a::before {
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 11px;
    font-weight:normal;
    width: 17px;
    height: 17px;
    line-height: 15px;
    border: 1px solid #dfdfdf;
    display: inline-block;
    margin-right: 10px;
    border-radius: 2px;
    text-align: center;
    color: transparent;
}

@media (min-width: 992px) and (max-width: 1199px) {
  
  .list-widget .list-group>a {
    width:100%;
    font-family:'Poppins';
    text-transform: capitalize;
    font-size: 15px;           /*13px*/
    font-weight: 600;         /*400*/
    display: block;
    margin: 3px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  
  .list-widget .list-group>a {
    font-size: 15px;              /*13px*/
  }
}

@media (max-width: 767.98px) {
  
  .list-widget .list-group>a {
    width:100%;
    font-family:'Poppins';
    text-transform: capitalize;
    font-size: 14.6px;          /*12.6px*/
    font-weight: 600;          /*400*/
    display: block;
    margin: 3px 0;
  }
}


/* Menú Categorías (modo desktop)     */
/*************************************/

.title-color {
  color:#5F8E90;
}

.menu-categ {
    padding-left:1rem;
    padding-right:1rem;
}

.list-categories-widget-none a {
    color:#444;  
}

.card-header h5 a {                       /* color título de subcategorías lista desktop */
    color:#444;  
}

.cat-sub-menu a {                        /* color texto subcategorías lista desktop */
    color:#444; 
}

/*indica categoría activada*/
.list-categories-widget-none .activo-cat {
  color:#406665;
  font-weight: 600;
}

.list-categories-widget .cat-accordion {
    margin-top: -7px;
    margin-bottom: -7px;
}

.list-categories-widget .card,
.list-categories-widget .card-header,
.list-categories-widget button {
    border: 0;
}

.list-categories-widget .card-header {
    padding: 0;
    color:#5FFFFFF;;
}

.list-categories-widget button {
    padding: 0;
    font-size:16px;                 /*14px*/
    line-height: 30px;             /*36px*/
    height: auto;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 500;              /*500*/
    display: block;
    /*width: 100%;*/
    text-align: left;
    padding-right: 20px;
    color:#FFFFFF;
	
}

.list-categories-widget button::after {
    /*content: "\f067";*/
    font-family: "FontAwesome";
    font-weight: normal;
    font-size: 12px;
    right: 0;
    top: 50%;
    color:#444444;
    margin-top: -13px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.list-categories-widget button[aria-expanded="true"]::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    color:#406665;                                                  /*btn cruz activo subcategorías desktop*/
}

.list-categories-widget button[aria-expanded="true"], .list-categories-widget button:hover, /*color hover lista categorías desktop*/
.list-categories-widget .cat-sub-menu a:hover, .list-categories-widget a:hover {
  /*color:#5F8E90;*/
}

.btn-cat{
	opacity:1;
	transition: all .3s ease-in;
}

.btn-cat:hover{
	padding-left: 0.5rem;
    background: #6B5391!important;
    color: #E1C7E4!important;
    border-radius: 1.5rem;
	opacity:.7;
}


.btn-cat:focus{
	padding-left: 0.5rem;
    background: #6B5391!important;
    color: #E1C7E4!important;
    border-radius: 1.5rem;
	opacity:1;
}

.btn-activo{
	padding-left: 0.5rem!important;
    background-color: #6B5391!important;
    color: #E1C7E4!important;
    border-radius: 1.5rem;
}

.list-categories-widget .card-body {
    padding: 0;
}

.list-categories-widget .cat-sub-menu {
    margin: 0;
    font-weight: 400;
    text-align:left;
    list-style: none;
    margin-top:-3rem!important;
    margin-bottom:0rem!important;
    padding-left: 2rem!important;
}

.list-categories-widget .cat-sub-menu a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-transform: capitalize;
}

.list-categories-widget-none ::after {
    content: "\f067";
    font-family: "FontAwesome";
    right: 0;
    top: 50%;
    margin-top: -18px;
    font-weight: normal;
    font-size: 11px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    display: none!important;
}

.list-categories-widget-none button[aria-expanded="true"]::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.list-categories-widget .card-body {
    margin-top: 3rem!important;
    padding: 0;
}

.list-categories-widget .cat-sub-menu {
    margin: 0;
    list-style: none;
    padding-left: 0px;
}

.list-categories-widget .cat-sub-menu a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-transform: capitalize;
}




/* Título "Marca" Menú Categorías (modo desktop) */
/************************************************/

.widgettitle {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;                                
    letter-spacing:.05em;                            
    text-transform: capitalize;
	color:white;
	transition:color 250ms;
}

.widgettitle:hover {
	/*color: #FFCC33;*/
	color: #f0a8d8;
}

.sidebar-widget {
    margin-left: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
	padding-top:20px;
    border-bottom: 1px solid #ebebeb;
}

.sidebar-widget .widgettitle {
    font-family: font-family: 'Raleway'!important;
    font-weight: 600;
    margin-bottom: 20px;
}

.sidebar-widget:last-child {
    border-bottom: 0;
}

/*-----------------------------------*/
.widgetized-menu li a {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    padding-bottom: 15px;
    color: #c0c0c0;
}



/* Columna: listado de imagen y productos */
/*****************************************/

.product-image .action-links {
    width: 200px;
    left: 0;
    right: 0;
    bottom: 0px;
    text-align: center;
    z-index: 3;
    opacity: 1;
    height: 50px;
    line-height: 26px;
    padding: 12px 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 1px 1px 0 0 #e8e8e8;
    box-shadow: 1px 1px 0 0 #e8e8e8;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: perspective(600px) rotateX(90deg);
    transform: perspective(600px) rotateX(90deg);
}

.product-layout:hover .product-image .action-links {
    z-index: 3;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@media (min-width: 1200px) and (max-width: 2199px) {

  .product-image {
    width: 250px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {

  .product-image {
    width: 240px;
  }
}

@media (max-width: 767.98px) {

  .product-image {
    width: 220px;
  }
}

.product-image .label-product {            /* etiqueta de descuento */
    top: 20px;
    font-size: 12px;
    height: 23px;
    width: 50px;
    line-height: 23px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 400;
}

.product-image .label-product.label-sale {
    left: 0px;
	position:relative;
	/*background:#FFCC33!important;*/
	background: #E580C4!important;
	/*color: #293375;*/
	color: #fff;
	font-weight: 700;
}

@media (max-width: 767px) {
	.product-image .label-product.label-sale {
		position: absolute;
	}
}

.label-sale {
  border-radius: 5px;
}

.product-image .label-product.label-new {
    right: 20px;
}

.product-price>p>span:not(:last-child) {
    margin-right: 15px;
}

.product-price>p .price-discount {
    display: block;
    font-size: 12px;
    height: 23px;
    width: 50px;
    line-height: 23px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 400;
}

.product-price .price-old {
    font-size: 14px;
    font-weight: 400;
    padding-right: 8px;
    text-decoration: line-through;
    display: inline-block;
}

.product-price .price-new {
    font-size: 18px;
    font-weight: 500;
}

.product-caption {
    margin-top: 1.3rem!important;
    text-align: left;
}


.adicionar-button {
    width:100%;
    margin:0 auto;
    margin-top: 1.0rem!important;
    text-align: left;
}

@media (max-width: 1199px) {

  .adicionar-button {
    width:100%;
    margin-top: 2rem!important;
    text-align: left;
  }
}

/******** CENTRADO LISTA PRODUCTOS/IMAGEN  **********/

.ajuste-listaprod {
      margin-top:0rem!important;
      margin-bottom:0rem!important;
      margin-left:-1rem!important;    /*-5rem*/
    }

@media (min-width: 768px) and (max-width: 1399px) {
       
    .ajuste-listaprod {
      margin-top:0rem!important;
      margin-left:0rem!important;
      padding-left:3rem!important;
    }
}

@media (min-width: 992px) and (max-width: 1030px) {
   
   .ajuste-listaprod {
      margin-top:-1rem!important;
      margin-left:0rem!important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
   
   .ajuste-listaprod {
      margin-top:-1.0rem!important;
      padding-left:4rem!important;
    }
}

@media (max-width: 767.98px) {

    .card-img, .product-image img {
      padding-left:0rem!important;
      padding-right:0rem!important;
      margin:0 auto!important;
      margin-bottom:0rem!important;
    } 

    .ajuste-listaprod {
      margin:0 auto!important;
      margin-bottom:1rem!important;
    }
}

@media (min-width: 1200px) and (max-width: 1920px) {

  .product-image {
    width: 300px;
  }
}


/*---- Botón "Ir al recetario" [fin del listado productos] ---- */
/****************************************************************/

hr.divisor-recetbtn {
    width: 100%;
    margin-top: 0rem;
    margin-bottom: 3rem;
    height: 0;
    margin-lefT: 3rem;
    border-bottom: 1px solid #293375;
    opacity: .5;
}

.msg-bienvenida {
	color: #293375; 
	font-size: 35px; 
	line-height: 35px; 
	transition: all 1s ease-out; 
	font-family: 'Raleway', sans-serif
}

@media (max-width: 471px){
	.msg-bienvenida {
		min-height: 140px;
		margin-bottom: 1.5rem!important;
	}
}
@media (min-width: 472px) and (max-width: 538px){
	.msg-bienvenida {
		min-height: 105px;
		margin-bottom: 1.5rem!important;
	}
}
@media (min-width: 539px) and (max-width: 1376px){
	.msg-bienvenida {
		min-height: 70px;
	}
}

@media (max-width:990px){
	hr.divisor-recetbtn {
		margin-left:0;
	}
	.slide-mensajes{
		margin-left:0!important;
	}
}


 
.iralrecetario-btn {
  width:100%;
  margin-top: 3rem!important;
  margin:0 auto!important;
  text-align: left;
  padding-bottom: 3rem;
}

.txt-recetario-btn {
  margin-right:0!important;
}

@media (max-width: 1199px) {

    .iralrecetario-btn {
       margin-top: 0!important;
       text-align: left;
    }
}

@media (max-width: 767.98px) {

    .iralrecetario-btn {
       margin-top: 0!important;
       text-align: left;
    }

    .txt-recetario-btn {
        font-size:1.1rem;
    }
}

/*Botón */

.default-btn5 {
    width: 100%;
    font-family:"Poppins", sans-serif;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;                      /*400*/
    display: inline-block;
    border-radius:7px;
    cursor: pointer;
}

.default-btn5, .default-btn5:hover,
.default-btn5:focus {
    color:#fff;
}

.btn-disabled {
    opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

.btn-location {
	background-color: white;
	color: #3f3f3f;
	top: 4.5em;
	left: 0.75em;
	width: 8rem;
	font-size: 1rem;
	font-weight: 600;
	transition: all 0.4s;
	box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.19);
}
 
.btn-location:hover {
	color: black;
	background-color: white;
}

.btn-gotolist {
	top: 8.5em;
	left: 0.75em;
	width: 8rem;
	font-size: 1rem;
	font-weight: 600;
	background-color: #293375;
	color: white;
	transition: all 0.4s;
}
 
.btn-gotolist:hover {
	background-color: #212a60;
}

.btn-gotolist.viasek {
	background-color: #664666;
}

.btn-gotolist.viasek:hover {
	background-color: #936b93;
}

.map__container {
	width: 60%; 
	margin: 4rem auto 2rem !important;
}

@media (min-width: 421px) and (max-width: 1000px) {
	.map__container {
		width: 80%; 
		margin: 4rem auto 2rem !important;
	}
}

@media (max-width: 420px) {
  .map__container {
		width: 95%; 
		margin: 4rem auto 2rem !important;
	}
}

.btn-map {
	height: fit-content;
	font-size: 12px;
	line-height: 1.5;
	background-color: #293375;
	padding: 0.5rem 0.6rem;
	border-radius: 10rem;
	color: white;
	text-transform: inherit;
	transition: all 0.4s;
	border: 1px solid #293375;
	background-color: white;
	color: #293375;
}

.btn-map:hover {
	background-color: white;
	color: #293375;
	background-color: #293375;
	color: white;
}

@media (max-width: 650px) {
	#tablaFarmacias thead th {
		display: none;
	}
		
	#tablaFarmacias th , #tablaFarmacias td {
		display: flex;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.85rem 1.65rem!important;
	}
	
	#tablaFarmacias td:first-child {
		padding-top: 1rem;
	}
	
	#tablaFarmacias td:last-child {
		padding-bottom: 1rem;
	}
	
	#tablaFarmacias tbody th::before , #tablaFarmacias td::before {
		font-weight: 700;
		text-transform: capitalize;
	}
	
	#tablaFarmacias td:nth-of-type(1)::before {
		content: "telefono";
	}
	
	#tablaFarmacias td:nth-of-type(2)::before {
		content: "dirección";
	}
	
	#tablaFarmacias tbody th:first-child {
		padding-top: 1rem !important;
        font-size: 0.95rem;
        display: flex;
        justify-content: center;
        background: #6a7cde;
        color: #fff;
        text-transform: uppercase;
	}
	
	#tablaFarmacias td.btn-cell {
		justify-content: center;
	}
	
	.btn-map {
		width: 150px;
	}
	
	#tablaFarmacias.viasek tbody th:first-child {
	    background: rgb(244, 180, 181);
        color: #fff;
        text-transform: uppercase;
        font-weight: 400;
	}
}

tbody.viasek tr td .btn-map {
	border: 1px solid #f76999;
	color: #f76999;
}

tbody.viasek tr td .btn-map:hover {
	color: white;
	background-color: #f76999;
}

.default-btn5:hover, .default-btn5:focus,
.default-btn5.transparent:hover, .default-btn5.transparent:focus,
.default-btn5.secondary {
    /*background-color: #576CBC;*/
	background-color: #6e7ae6;
	transition:all ease .5s;
}

.default-btn5:hover, .default-btn5:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.default-btn5,
.default-btn5.secondary:hover,
.default-btn5.secondary:focus {
    background-color: #293375;
} 


/*  Lista de productos > Botón "Adicionar al recetario"  */
/********************************************************/

.default-btn {
   width:100%;
   padding-right:5px;
   padding-left:5px;
   border-radius:5px;
   background-color: #5F8E90;
}

.default-btn, .default-btn1  {
    font-family:'Poppins';
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 0px;
    padding-left: 0em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;       /*600*/
    display: inline-block;
    border-radius:5px;
    cursor: pointer;
    min-width: 300px;
}

.default-btn1 {
   padding: 0 10px!important;
   min-width:200px;                     /*min-width:300px;*/
   margin-right:-4.6rem;                 /*-6.0 */
}

.default-btn:hover,
.default-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ccc;
}

.default-btn1:hover,
.default-btn1:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
	color:white!important;
	background-color:#293375;
	transition:all ease .5s;
}

.default-btn.transparent, .default-btn1.transparent {
    border: 1px solid white;
}

.default-btn1 {
    margin-top: 20px;
    color: black!important;
    background: #FFCC33;
    font-weight: 500;
}

.default-btn1:hover {
    margin-top: 20px;
    background-color: #ccc;
}

@media (max-width: 767.98px) {

   .default-btn1 {
        font-size: 14px;
        vertical-align: middle;
        padding-right:0;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }
}

.default-btn.large, .default-btn1.large  {
    min-width: 245px;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
}

.default-btn.tiny-btn, .default-btn1.tiny-btn {
    padding: 8px 18px;
    font-size: 13px;
    line-height: 2;
    letter-spacing: 0.05em;
    min-width: auto;
}

.icon-plus-circled {
    padding-right: 0.5rem;
}

.text-btn {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 20px;
    padding: 0;
    display: inline-block;
    font-weight: 500;
}

.text-btn::after {
    content: "";
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 0;
    height: 1px;
}

.text-btn:hover::after {
    width: 100%;
}

.btn.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.btn-secondary {
    text-transform: uppercase;
    background: #f4f4f4;
    color: #444;
    height: 40px;
    line-height: 40px;
    border: 0;
    padding: 0 20px;
    font-weight: 500;
    font-size: 13px;
}

.btn.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-layout {
    width:100%;
}


/*  Componentes Header Dropdowns: "Mi cuenta / Cerrar sesión" (modo desktop)  */
/*****************************************************************************/

header .list-inline {
    text-align: left;
}

header .list-inline li.list-inline-item {
    margin-right: 0;
}

header .list-inline li.list-inline-item button {
    font-size: 12px;
    text-transform: capitalize;
    cursor: pointer;
    text-decoration: none;
    height: auto;
    line-height: 1;
    top: -1px;
}

header .list-inline li.list-inline-item i {
    margin-right: 0.5rem;                                   /* indica distancia entre texto user / icono cremas cart*/
    margin-top:0.15rem;
    font-size: 12px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.texto-user {
    text-align:left;
    margin-top:0.2em;
    margin-right:3em;
    color:#444444;
    line-height:1.3em;
}

header .list-inline li.list-inline-item .dropdown-toggle {
    padding: 0 0px;
    margin-top:0em;
    margin-bottom:0em;
}

.lineadivisor-p1 {
  border:1px solid #293375;
  margin:0.2em 0 0.5em 0;
  opacity:1;
  
}

.lineadivisor-p2 {
  border:1px solid #293375;
  margin:0.5em 0 0.5em 0;
  opacity:1;
}

.menu-usuario a {
  margin-left:-1.6rem;
  margin-bottom:0;
  color:#333;
}

ul.menu-usuario li  {
  margin-top:0.3rem!important;
  padding-bottom:0.3rem!important;
}

li.lista-p  {
  list-style: none;
  
}

.fa.fa-power-off:before {
  font-size: 1.4rem;
  margin-left:0;
  margin-bottom:0;  
}
.fa.fa-user.especial:before {
  font-size: 50px;
/*margin-left:0.9rem;*/
  margin-bottom:0.3rem; 
}
.fa.fa-user:before {
  font-size: 1.4rem;
  /*margin-left:0.9rem;*/
  margin-bottom:0.3rem; 
}

@media (min-width: 768px) and (max-width: 991px) {

  .menu-usuario {
    margin-left:-1rem;
  }
}

@media (max-width: 767.98px) {

  .menu-usuario {
    margin-left:-1rem;
  }

  .btn-group {
    margin-left:0.5rem;
  }
}

header .list-inline li.list-inline-item .dropdown-toggle::after {
    content: none;
}

header .list-inline li.list-inline-item .dropdown-toggle.open i {
    /*-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);*/
}

header .list-inline li.list-inline-item:last-child .dropdown-toggle {
    padding-right: 0;
}

header .list-inline li.list-inline-item:last-child::after {
    content: none;
}

header .list-inline li img {
    margin-right: 6px;
    top: -1.5px;
}

header .list-inline .dropdown-menu {
    max-height: 0;
    display: block;
    border: 0;
    padding: 0;
    right: 0rem;                                   /* ubicación dropdown menú perfil usuario desktop */
    left: auto;
    z-index: 9921;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-radius: 0;
    min-width: 120px;
}

@media (max-width: 767.98px) {

   header .list-inline .dropdown-menu {  
    left: -3em;                                        /* ubicación dropdown menú perfil usuario MOBILE */
    left: auto;
   }
}

header .list-inline .dropdown-menu.open {
    max-height: 200px;
}

header .list-inline .dropdown-menu ul {
    border: 1px solid #e5e5e5;
    border-top: 2px solid #ccc;
    left: 7px;
    margin: 15px 0 0;
    padding: 5px;
    margin-top:12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 120px;
    list-style: none;
}

@media (max-width: 767.98px) {

    header .list-inline .dropdown-menu {
      right: 1rem;  
    }

    .texto-user {
      text-align:left;
      font-size: 11.5px;
      margin-top:0.2em;
      margin-right:3.5em;
    }
}

header .list-inline .dropdown-menu ul li a {
    display: block;
    color: #000;
    font-size: 12px;
    text-decoration: none;
    padding: 3px 10px;
    line-height: 22px;
    text-align: left;
}

header .list-inline .dropdown-menu ul li:last-child a {
    border-bottom: 0;
}


/*      Carrito Menú Dropdown (modo desktop)          */
/*****************************************************/

.icon-01-cart:before {           /*color icono cremas menú carrito*/
   color:#293375;
}

.header-cart {
    margin-left: 5px;
}

.header-cart button {
    padding-right: 1.5em;
    height: auto;
    line-height: 1;
    cursor: pointer;
    background-color:transparent;
}

.header-cart button i {
    font-size: 1.8em;
    left: 0px;
    font-weight: bold;
}

.header-cart button .count-style {
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 10px;
    text-align: center;
    top: 0.8em;
    margin-left: 14px;             /*antes: left*/
    z-index: 2;
    background-color:#ccc;
}

@media (max-width: 767.98px){
  .header-cart button .count-style {
      margin-left:-0.8rem;
      top: 0.7em;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-cart button .count-style {
      margin-left: 1.1rem;
      top: 0.7em;
  }

  .ajuste-breadc-productos {
      margin-left: 1.1rem;
  }
}

.header-cart button::after {
    content: none;
}

.header-cart .dropdown-menu {                       
    max-height: 0px;
    overflow: hidden; 
    display: block;
    z-index: 9911;
    right:-0.5rem;                                            /* ubicación dropdown menú cremas cart */
    left: auto;
    padding: 0;
    border: 0;
    /*-webkit-transition: all .3s ease-out;*/
    -o-transition: all .3s ease-out;
    /*transition: all .3s ease-out;*/
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 355px;
	margin-top: 2.4rem;
    background: transparent;
}

.header-cart .dropdown-menu.open {
    max-height: 490px;
	min-height: 250px;
}

.header-cart .dropdown-menu .shopping-cart-content {
    margin-top: 15px;
    margin-right:10px;
    margin-left:10px;
    margin-bottom:10px;
    -webkit-box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
    border-top: 2px solid #444;
	background-color:white;
}

.header-cart .dropdown-menu ul {
    max-height: 270px;
    overflow-y: auto;
    padding-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
}

.header-cart .single-cart-item {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
}

.header-cart .divisor {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.header-cart .single-cart-item .shopping-cart-delete {
    top: 0px;                                                   /*tamaño icon cruz cierre*/
	position: relative;
    right: 15px;
}

.fa-trash-o {
    color:#5F8E90;
    font-size: 18px;
    margin-right:1.0rem!important; 
}

i .fa-regular .fa-trash-can{
	color:#293375;
	font-size:16px;
}

.shopping-cart-title h4 a {
   color:#5E5E5E;                                  /* color texto producto menú carrito*/
   text-transform:none;
   font-weight:500;
   transition: color .3s;
}

.shopping-cart-title h4 a:hover {
	color: #293375;
}

.header-cart .single-cart-item .shopping-cart-title {
    font-family:'Poppins';
    padding-right: 10px;
    color:#444;                               /* color número% menú carrito*/
}

.header-cart .single-cart-item .product-quantity {
    top: -4px;
    left: -4px;
    min-width: 25px;
    line-height: 25px;
    padding: 0;
    text-align: center;
    font-size: 14px;             /*13px*/
    display: inline-block;
}

.header-cart .single-cart-item img {
    max-width: 70px;
}

.header-cart .single-cart-item h4 {           /*texto descripción producto dropdown menu*/
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 5px;
    padding-right: 5px;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    max-height: 1.2em;
}

.header-cart .single-cart-item h4::after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15%;
    height: 1.2em;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 50%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), white 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%);
}

@supports (-webkit-line-clamp: 1) {
    .header-cart .single-cart-item h4 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-height: 2.4em;
    }

    .header-cart .single-cart-item h4::after {
        content: none;
    }
}

.header-cart .single-cart-item .cart-price {
    font-family:'Poppins';
    margin-bottom: 5px;
    font-weight: bold;           /*500*/
    font-size: 15px;
	color:#576CBC;
}

.header-cart .single-cart-item:last-child {
    font-family:'Poppins';
    font-weight: bold;
    border: 0;
}

.header-cart .shopping-cart-title span {
    display: block;
}

.header-cart .shopping-cart-total {
    padding: 20px 20px 0;
    -webkit-box-shadow: 0 -5px 20px -5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 -5px 20px -5px rgba(0, 0, 0, 0.08);
}

.header-cart .shopping-cart-total h4 {
    font-size: 16px;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-weight: 500;
}

.header-cart .shopping-cart-total h4>span {
    float: right;
}

.header-cart .shopping-cart-btn {
    padding-top: 10px;
    padding-left:68px; 
    padding-right:80px;
    padding-bottom:20px;     
    overflow: hidden;
}

@media (max-width: 767.98px){

  .default-btn1 {
    padding:0!important;
    margin-left:-2.5rem!important;
  }

  .single-cart-item {
    margin-left:-0.5rem!important; 
  }

  .shopping-cart-title {
    margin-left:-0.5rem!important;
  }

  .fa-trash-o {
    font-size: 18px;
    margin-right:0.7rem!important; 
  }
}

.header-cart .shopping-cart-btn>.default-btn:last-child {
    float: right;
}

.header-cart-area .top-links .dropdown-menu {
    top: 100%;
}

.header-cart-area .list-inline .list-inline-item i {
    font-weight: bold;
    line-height: 1;
}

.icon-user {
    color:#5F8E90;
    margin-top:0rem!important;
}

.icon-user:hover {
    color:#ccc;
}

.icon-user button i {
    margin-top:2.5rem!important;
}

@media (min-width: 1200px) and (max-width: 1920px) {

  .espacio-cart {
    margin-top:3em;
    padding-right:4em;
  }

  .espacio-logo {
    margin-top:1.5em;
    padding-left:40em;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {

  .espacio-cart {
    margin-top:3.8em;
    padding-right:3em;
  }

  .espacio-logo {
    margin-top:3em;
    padding-left:3em!important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {

  .espacio-cart {
    margin-top:3.8em;
    padding-right:2em;
  }

  .espacio-logo {
    margin-top:3em;
    padding-left:0.1em;
  }
      
  .header-cart button {
    padding-right: 2.5em!important;
  }
}

@media (max-width: 767.98px) {

  .espacio-cart {
    margin-top:0em;
    padding-right:2em;
  }

  .espacio-logo {
    margin-top:2em;
    padding-left:2em;
  }

  .header-cart button i {
    font-size: 1.8em;
    left:0em;
    font-weight: bold; 
  }

  .header-cart-area {
    margin-top:3em!important;
  } 

  .header-cart-area1 {
    margin-top:0em!important;
  } 
}


/* Background color Menú Categorías (modo desktop) */
/***************************************************/

.bgc-transparent,
.list-categories-widget .card-header,
.list-categories-widget button,
.modal .modal-header {
    background-color: transparent!/*important;*/
}

/* Color en elementos varios: label descuento, hovers, checkbox productos */
/*************************************************************************/

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.bgc-primary,
.header-cart button .count-style,
.header-cart .single-cart-item .product-quantity,
header .list-inline .dropdown-menu ul li a.current,
header .list-inline .dropdown-menu ul li a:hover,
header .list-inline .dropdown-menu ul li a:focus,
.default-btn:hover,
.default-btn:focus,
.default-btn.transparent:hover,
.default-btn.transparent:focus,
.default-btn.secondary,
.default-btn1:hover,
.default-btn1:focus,
.default-btn1.transparent:hover,
.default-btn1.transparent:focus,
.default-btn1.secondary,
.text-btn::after,
.product-image .label-product.label-sale,
.product-price>p .price-discount,
.product-caption .product-name a::after,
.list-widget .list-group>a:hover::before,
.list-widget .list-group>a:focus::before,
#to_top,
.custom-checkbox:hover input:checked~.checkmark,
.custom-checkbox input:checked~.checkmark,
.custom-radio input[type="radio"]:checked~.checkmark,
.btn.btn-secondary {
    background-color: #293375;
}

/*  Color blanco en textos de elementos */
/***************************************/
.color-white,
.header-cart button .count-style,
header .list-inline .dropdown-menu ul li a.current,
header .list-inline .dropdown-menu ul li a:hover,
header .list-inline .dropdown-menu ul li a:focus,
.default-btn,
.default-btn:hover,
.default-btn:focus,
.default-btn.secondary,
.default-btn.secondary:hover,
.default-btn.secondary:focus,
.default-btn1,
.default-btn1:hover,
.default-btn1:focus,
.default-btn1.secondary,
.default-btn1.secondary:hover,
.default-btn1.secondary:focus,
.text-btn,
.product-image .label-product,
.product-price>p .price-discount,
.list-widget .list-group>a:hover::before,
.list-widget .list-group>a:focus::before,
#to_top,
.btn.btn-secondary {
    color: white;
}


/*Color del resaltado del texto (input/textarea)*/
/************************************************/

::-webkit-selection {                              
    background: #4D7273;
    text-shadow: none;
    color: #fff;
}

::-moz-selection {
    background: #4D7273;
    text-shadow: none;
    color: #fff;
}

::selection {
    background: #4D7273;
    text-shadow: none;
    color: #fff;
}



/* Border-radius */
/*****************/
.circle,
.header-cart button .count-style,
.header-cart .single-cart-item .product-quantity,
#to_top,
.custom-radio .checkmark,
.custom-radio .checkmark::after {
    border-radius: 50%;
}


/* Position */
/************/

.pos-r,
.list-categories-widget button,
.categories-widget ul li a,
#to_top i,
.custom-checkbox,
.custom-radio,
header {
    position: relative;
}


.header-cart button .count-style,
.header-cart .single-cart-item .product-quantity,
.product-image .label-product,
.list-categories-widget button::after,
.categories-widget ul li a::before,
.instagram-area .image-popup figure a::before,
.custom-checkbox input[type="checkbox"],
.custom-checkbox .checkmark,
.custom-checkbox .checkmark::after,
.custom-radio input[type="radio"],
.main-content-wrapper::before {
    position: absolute;
}

/***********************************************************************************/

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

@media (min-width: 1274px) and (max-width: 1500px) {

 .colmd {
     min-width:420px;
     max-width: 500px;
 }

 .box-products {
    padding-top:5rem!important;
    padding-bottom:5rem!important;
  }

  .box-button {
    padding-left:0rem!important;
    padding-right:0rem!important;
    padding-top:0.5rem!important;
    padding-bottom:2.5rem!important;
  }

  .default-btn {
    min-width: 700px!important;
    padding-top:0rem!important;
    padding-bottom:0rem!important;
    margin-left:0rem!important;
    margin-right:0rem!important;
  }

   .btn-modal {
   min-width:150px!important;
   margin-right:1.0rem!important;  
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {

    .default-btn {
      min-width: 600px!important;
      padding-top:0rem!important;
      padding-bottom:0rem!important;
      margin-left:0rem!important;
      margin-right:0rem!important;
  }

   .box-button {
      padding-left:0rem!important;
      padding-right:0rem!important;
      padding-top:0.5rem!important;
      padding-bottom:2.5rem!important;
      margin-top:0rem!important;
      margin-bottom:0rem!important;
      margin-left:0rem!important;
      margin-right:0rem!important;
      text-align: left;
  }

  .col-lg-6-prod {
     flex:0 0 50%!important;
     max-width: 50%!important;
  } 
}

@media (min-width: 1200px) and (max-width: 1500px){

  .container-lg-prod {
    max-width:1500px;
  }
}


@media (min-width: 1200px) and (max-width: 1500px) {

 .colmd {
     min-width:320px;
     max-width: 810px;
 }

 .box-products {
    padding-top:0rem!important;
    padding-bottom:0rem!important;
  }

  .box-button {
    padding-left:0rem!important;
    padding-right:0rem!important;
    padding-top:0.5rem!important;
    padding-bottom:2.5rem!important;
  }

  .default-btn {
    min-width: 215px!important;
    padding-top:0rem!important;
    padding-bottom:0rem!important;
    margin-left:0rem!important;
    margin-right:0rem!important;
  }

   .btn-modal {
   min-width:150px!important;
   margin-right:1.0rem!important;  
  }

}



@media (min-width: 768px) and (max-width: 1199px) {

 .box-products {
    padding-top:5rem!important;
    padding-bottom:5rem!important;
    padding-left:0rem!important;
    padding-right:0rem!important;
    width:500px ;
  }

  .box-button {
    padding-left:0rem!important;
    padding-right:0rem!important;
    padding-top:0.5rem!important;
    padding-bottom:2.5rem!important;
  }

  .default-btn {
    min-width: 600px!important;
    padding-top:0rem!important;
    padding-bottom:0rem!important;
    margin-left:0rem!important;
    margin-right:0rem!important;
  }

   .btn-modal {
   min-width:150px!important;
   margin-right:1.0rem!important;  
  }

}


@media (max-width: 767.98px) {

  .box-button {
    padding-left:0rem!important;
    padding-right:0rem!important;
    padding-top:0.5rem!important;
    padding-bottom:2.5rem!important;
  }

  .default-btn {
    min-width: 250px!important;   /*350*/
    font-size: 13px;
    padding-top:0rem!important;
    padding-bottom:0rem!important;
    margin-left:0rem!important;
    margin-right:5rem!important;
    display: center;
  }

  .main-title {
    margin-bottom: 1rem!important;
  }

  .btn-modal {
   min-width:150px!important;
   margin-right:0.5rem!important;  
}

  .box-products {
    padding-left:0rem!important;
    padding-right:0rem!important;
  }
}


.list-group label {
	background-image: linear-gradient(to left, #293375, #293375 50%, #6e7ae6 50%);
  background-size: 200% 100%;
  background-position: 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
  font-weight: 600;
  cursor:pointer;
}

.list-group label:before {
  content: '';
  background: #54b3d6;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
}

.list-group label:hover {
 background-position: 0;
 /*font-weight:900; esto se puede sacar si no gusta*/
}

.list-group:hover::before {
  width: 100%;
}


/*/////////////////////////////////////////////////////////////////*/
/*-----------------------  PÁGINA RECETARIO ----------------------*/

.icon-pencil {
   color:#444!important;
}

input.form-control {
  font-family:"Poppins";
  font-size:1.1rem;
  font-weight: normal; 
}

.receta {
    background-color: #fff;
    width: 100%;
    color: #333333;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px;
    align-items: center;
    display: flex;
    float: none;
    border-radius: 5px;
}

.header-receta {
   background-color: #ccc;
   width: 100%;
   padding-left: 20px; 
   padding-right: 20px;
   padding-top: 20px;
   padding-bottom: 20px  
}

.shopping-cart-content-1 {
    width: 100%;
}

.box-shadow-1 { 
    box-shadow: 0 .15rem .85rem rgba(0, 0, 0, .08); 
}

.descripcion-producto {
      font-size:1.3rem; 
      font-weight:400;                           /*400*/
	  color:#444;
}

h4.descripcion-producto {
    font-size: 1.15rem!important;
    font-weight: 600;
}

.codigo {
    font-family: "Poppins", sans-serif;
    color: #444;
    font-size: 1.0rem;
    text-transform: none;
    font-weight: 400;
 }
 
#indicaciones{
	border:1px solid #293375;
	background:white;
}

hr.divisor-receta {
    width:100%;
    margin-top:0.3rem;
    margin-bottom:0rem;  
    border-bottom: 0.5px solid #ccc; 
    height:0;
   }

 .shopping-cart-descuento {
    position:relative;
    top:0rem;
    text-align: center;
 }

 .cart-desc {
    font-family:"Poppins", sans-serif;
    font-size:2.0rem; 
    font-weight: 600;
    color:#5F8E90;
 }

 .eliminar-receta {
    font-family:"Poppins", sans-serif;
    position:relative;
    top:0rem;
    font-size:2rem; 
    font-weight: 600;
    text-align:center;
 }

 .table {
    margin-top:1rem!important;
    margin-bottom: 0rem!important;
 }

 .table .thead-dark th {
    font-family:"Poppins", sans-serif;
    /*background-color:#293375;
    color:white;*/
	background-color: #ddd;
	color: #293375;
    font-size:1.2rem;               /*1.15rem*/
    font-weight:500;                           /*500*/
    border: 0;
 }

 .table td, .table th {
    padding-top: 1rem!important;
	padding:0.75rem;
 }
 
 .table th {
    margin-bottom: 0.5rem!important;
 }

 .table .thead-backg-receta1 th {
    font-family:"Poppins", sans-serif;
    background-color:#fff;
    color:#444;
    font-weight:400;
    border: 0;
 }

 .table .thead-backg-receta2 th {
    font-family:"Poppins", sans-serif;
    background-color:#293375;
    color:#fff;
    font-weight:400;
    border: 0;
 }

 .table .thead-backg-receta3 th {
    font-family:"Poppins", sans-serif;
    background-color:#fff;
    color:#293375;
    font-weight:400;
    border: 0;
 }

 .table .thead-backg-receta4 th {
    font-family:"Poppins", sans-serif;
    background-color:#fff;
    color:#515151;
    font-weight:500;
    border: 0;
 }

 .table .thead-backg-receta5 th {
    font-family:"Poppins", sans-serif;
    background-color:#293375;
    color:#ffffff;
    font-weight:400;
    border: 0;
 }
 
 .table tbody+tbody {
    border-top: 2px solid #dee2e6;
}

  .rp {
    font-family:"Poppins", sans-serif; 
    text-align: left;
    font-size:1.7rem; 
    font-weight: bold;                                           /*500*/
    color:#293375;
    font-style: italic;
 }

 .title1receta {
    font-family:"Poppins", sans-serif;
    font-size:1.2rem;
    text-align:center;
    line-height: 1.2rem;
 }

 .title-recdig {
     font-family:"Poppins", sans-serif;
     text-align: center;
     font-size:1.7rem; 
     font-weight: 400;
     color:#fff;
     padding:0!important;
 }

 .txt-venc {
     font-family:"Poppins", sans-serif;
     font-size:1.1rem;
     font-weight: 400;
     text-align:left;
 }

  .logo-eucerin-receta {
     margin-left:0rem!important;
     text-align:left;
  }

  .cod-barras {
     text-align:right;
  }

  .product-image .label-product-recipe { /* etiqueta de descuento */
      font-family:"Poppins", sans-serif;
      top: 20px;
      font-size: 13px;
      height: 23px;
      width: 50px;
      line-height: 23px;
      text-align: center;
      text-transform: capitalize;
      font-weight: 400;
  }

  .label-receta {
      position: absolute;
      border-radius: 3px;
      padding: 3px 5px;
	/*color: #293375;*/
	color: #fff;
      /*background-color: #ffb71b;*/
		background-color: #E580C4;
      font-size: 12px;
	  font-weight:600;
      z-index: 999;
  }

  .imgreceta {
      margin-left: 20px!important;
  }  

  .promo-banner-section {
      padding-bottom: 80px!important;
      padding-top: 20px!important;
      margin-left: 1rem!important;
  }

  .promo-banner-section1 {
      padding-bottom: 80px!important;
      padding-top: 20px!important;
      margin-left: 1rem!important;
  }
  

  @media (max-width: 767.98px) {

    .promo-banner-section, .promo-banner-section1 {
      margin-left: 1.2rem!important;
    }
  
    .title-recdig p {
        font-size:1.4rem; 
    }

    .label-receta {
        position: absolute;
        border-radius: 3px;
        padding: 0px 3px!important;
        color: white;
        background-color: #E580C4; 
        font-size: 10px;
        z-index: 999;
    }

    .imgreceta {
      width:90%;
    }
  }

 /*      Datos Médico        */
 /****************************/

 tbody.databody, tr.datatr td {
    line-height: 0.1rem;
    border:none!important;
    margin-top:1rem!important;
 }

 .table td, .table th { 
     border-top: none!important;
     border-left: none!important;
     color:#444;
     vertical-align: middle!important;
     border-style: none!important;
 }

  .databody {
    font-family:"Poppins", sans-serif;
    width:100%;
    font-size:1.1rem;
    font-weight: 500;
    text-align:left;
 }

   table.datatr td {
    width:5;
    line-height: 0.2rem;
 }

 /* LISTA DE DATOS */
 /*****************/

  .lista-datosmedico {
    width: 100%;
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.7rem;
    margin-top: 1rem!important;
    margin-left: -4rem;
    text-align: left;
  }

  li.nombremedico {
     width:100%;
  }

  ol.listadatos {
    width:100%;
    list-style-type: none;
  }

  @media (max-width: 767px) {
    
   .lista-datosmedico {
     font-size:1.0rem;
     font-weight: 400;
     line-height:1.5rem;
   }

   li.nombremedico {
     width:75%;
   }

   ol.listadatos {
    width:450px;
    list-style-type: none;
   } 
  }

 /*  botones  */
 /*************/

#wrap-btn{
    width: 100%;
    max-width: 1200px;
    text-align: center;
    margin-top: 1.0rem!important; 
    padding-right:0rem!important;
    padding-left:0rem!important;   
}

.default-btn2, .default-btn3  {
    margin-top: 1rem!important;
    border-radius:7px;
}

.default-btn2, .default-btn3,
.default-btn2:hover, .default-btn3:hover,
.default-btn2:focus, .default-btn3:focus {
    color:#fff;
}

.default-btn2:hover, .default-btn3:hover, 
.default-btn2:focus, .default-btn3:focus,
.default-btn2.transparent:hover, .default-btn3.transparent:hover,
.default-btn2.transparent:focus, .default-btn3.transparent:focus,
.default-btn2.secondary, .default-btn3.secondary {
    background-color: #5F8E90;
}

.default-btn2, .default-btn3  {
    font-family:"Poppins", sans-serif;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 0px;
    padding-left: 0em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;                      /*400*/
    display: inline-block;
    cursor: pointer;
    min-width: 260px;
}

.default-btn2, .default-btn3 {
   padding-left: 0rem!important;
   min-width:250px; 
   margin-right:3.0rem;
   margin-left:3.0rem;
}

.default-btn2:hover, .default-btn3:hover,
.default-btn2:focus, .default-btn3:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.default-btn2,
.default-btn2.secondary:hover,
.default-btn2.secondary:focus {
    background-color: #444;
}

.fa-chevron-left:hover {
    color:#fff;
}

.backg-gris {
   font-family:"Poppins", sans-serif;
   background-color: #ddd; 
   color:#293375;
   font-weight:bold;              /*500*/
   transition:all 250ms ease-in;
}

.backg-gris:hover {
   background-color: #293375;
   color:white;
}

.continue-btn{
	background-color: #293375!important;
	color:white!important;
	transition: background-color 250ms ease-in;
	font-weight:600;
}

.continue-btn:hover, .continue-btn:focus{
	/*background-color: #293375!important;*/
	color:white!important;
	/*opacity:.7;*/
	background-color: #6e7ae6!important;
}

.fa.fa-chevron-left {
   font-size: 12px;
   margin-right:0.2rem!important;
}

.fa.fa-search {
   font-size: 12px;
   margin-right:0.2rem!important;
}

.fa.fa-chevron-right {
   font-size: 12px;
   margin-left:0.2rem!important;
}      

@media (max-width: 767.98px) {
      
      #wrap-btn{
          width: 100%;
          max-width: 1200px;
          text-align: center;
          margin-top: 1.0rem!important; 
          margin-left: 0 auto;
          margin-right: 0 auto;
          padding:0 auto!important; 
      }

      .default-btn2, .default-btn3  {
          height: 37px;
          line-height: 37px;
          font-size: 13px;
          font-weight: normal;
          margin-right:0rem;
          margin-left:0rem;                   /*  1.8 rem antes*/
        }

  
      .fa.fa-chevron-left {
           font-size: 12px;
           margin-right:0.2rem!important;
      }

      .fa.fa-search {
           font-size: 12px;
           margin-right:0.2rem!important;
      }

      .fa.fa-chevron-right {
           font-size: 12px;
           margin-left:0.2rem!important;
      }

      .table-responsive {
           overflow-x: hidden;
      }
}


/* Estilos botón eliminar 'X' */
/*****************************/

 .x-receta {
    color:#444444; 
 }
 
 .eliminar-receta i.fa-regular.fa-trash-can.delete{
	font-size: 1.6rem;
    margin-left: 1.2rem;
    margin-right: 1rem;
	margin-bottom: 2rem;
 }

 i.fa-regular.fa-trash-can.delete {
   font-size: 16px;
   margin-left:1.2rem!important;
   color:#293375;
   transition: color .3s ease-in;
 }
 
 i.fa-regular.fa-trash-can.delete:hover {
   color:#576CBC;
 }

 .x-receta:hover {
    color:#5F8E90;
 }

 @media (max-width: 767px) {
   .x-receta {
    margin-left:-0.5rem!important;
    }
 }

 @media (max-width: 991px) {
   
    i.fa.fa-trash-o.delete {
      font-size: 1.3rem;
      margin-left:0rem!important;
      padding-bottom: 2rem!important;
    }
 }

/*       Media Queries        */
/*****************************/

 @media (max-width: 991px) {
    
    .databody {
      font-family:"Poppins", sans-serif;
      font-weight: bold;
      font-size:0.9rem;
   }

    .cart-desc {
      font-family:"Poppins", sans-serif;
      font-weight: bold;
      font-size:1.7rem;
   }

    .eliminar-receta {
      font-family:"Poppins", sans-serif;
      font-weight: bold;
      font-size:1.9rem;
 }

    .title1receta {
      font-family:"Poppins", sans-serif;
      font-weight: bold;
      font-size:1.0rem;
    
 }

    .rp {
      font-family:"Poppins", sans-serif;
      font-weight: bold;
      font-size:1.3rem; 
 }

    .title-recdig {
      font-family:"Poppins", sans-serif;
      font-weight: normal;
      font-size:1.2rem; 
 }

    .table .thead-dark th {
      font-family:"Poppins", sans-serif;
      font-weight: 400;
      font-size:1.1rem;                     /*0.95*/
 }
    
    .descripcion-producto {
      font-family:"Poppins", sans-serif;
      font-weight: bold;
      line-height: 1.3rem;
      font-size:1.1rem; 
 }

    .codigo {
      font-family:"Poppins", sans-serif;
      font-weight: 400;
      font-size:0.88rem;  
 }

    .txt-venc {
      font-family:"Poppins", sans-serif;
      font-weight: bold;
      font-size:0.9rem;
 }

    .bannerwt p {
      font-weight: normal;
      line-height:1.2rem!important;
    }

   .recipe {

      margin: 0 auto!important;
      padding: 0 auto!important;
   }
 }
 
 @media (max-width: 768px) {
	.eliminar-receta i.fa-regular.fa-trash-can.delete {
    font-size: 1.2rem;
	}
	
	h4.descripcion-producto {
    font-size: 1rem!important;
    font-weight: 500;
}
 }



/*//////////////////////////////////////////////////////////////////////////////////*/
/*-----------------------  PÁGINA CHECKOUT - ENVÍO DE RECETA ----------------------*/

.checkout-top {
    margin-top:0rem!important;
}

.icon-paper-plane {
    padding-right:0.25rem!important;
    font-size: 1.0em;
    color: #fff;
}

.icon-down-big {
    padding-right:0.10rem!important;
    font-size: 1.2em;
    color: #fff;
}

.txt-checkout {
    font-family:"Poppins", sans-serif;
    font-weight:400;
    color:#ccc;
} 

.txt-checkout:hover {
    font-weight:400;
    color:#444;
    text-decoration:none;
} 

/*img logo Andromaco*/
.imglogoandromaco3 {
   width:150px!important;
}

.form-group {
  margin-bottom:0rem;
}

.imglogoeurolab{
	text-align: center;
    padding-top: 30px;
    margin-bottom: 2rem;
}

.imglogoeurolab img{
	max-width:70%;
}

/******************************************/
.card-body {
      font-family:"Poppins", sans-serif;
      width:100%!important;
      margin-top: 0rem!important;
      margin-bottom: 2.75rem!important;
      font-weight: 600;
      text-align:center;
      font-size:1.2em;
}

.card-andromaco {
     margin-bottom: 0.75rem!important;
}

@media (min-width: 768px) and (max-width: 991px) {

    .card-body {
        margin-left: 0.5rem;         /*1.4*/
    }
    
    .card-body.checkout-loreal {
        margin-left: 1rem!important;         /*1.4*/
    }

   /*img logo Andromaco*/
   .imglogoandromaco3 {
       width:130px!important;
       text-align:center;
    }

}

@media (max-width: 767.98px) {

    .card-body {
        margin-left: 0rem;         /*1.4*/
    }

    .card-body.checkout-loreal {
        margin-left: 0rem!important;         /*1.4*/
    }

    /*img logo Andromaco*/
    .imglogoandromaco3 {
        width:110px!important;
        margin-left:-0.3rem!important;
        margin-top:0.5rem!important;
    }
}

.login{
    width:70%!important;
}

.text-info {
      color: #80C042;
}

.input-group-text {
    /*background-color: #D9E3F9;
    border: 1px solid #444;*/
	background-color: #f1f1f1;
	border: 1px solid #ddd;
    padding-bottom:0!important;
}

.input-group-prepend{
	display: flex;
    margin-right: -1px;
}	

input[type="email"],
.form-control {
    border: 1px solid #444;
    border-radius: 0px 4px 4px 0;
}

.iconname {
    padding-right:0.90rem!important;
    padding-left:0.90rem!important;
}

.formulario {
    margin-bottom: 0rem!important;
    font-size: 1.3rem;
}

.texto-contact {
   padding-left: 1.0rem!important ;
}

.icon-mail-alt, .icon-key, .icon-user-circle, .icon-id-card-o {
    font-size: 1.3em;
    color: #444;
}

.icon-mail-alt {
   padding-left: 3px;   
}

.icon-key {
   padding-left: 4px;
}

.icon-user-circle {
   padding-left: 4px;
}

.icon-id-card-o {
   padding-left: 4px;
}

.icon-lock {
    font-size: 1.4em;
    color: #444;
}

.btn-enviar {
    width: 100%;
    margin-right:0rem!important;
    margin-left:0rem!important;
    border-radius: 5px;
}

hr.divisor-checkout {
   width:100%;
   margin-top:1.5rem;
   margin-bottom:1.5rem;  
   border-bottom: 0.4px solid #eaeaea!important; 
   height:0;
}

.aviso2 {
    width: 100%;
    background-color: #fff!important;
    color: #444;
    text-align: center;
    padding:1.3rem!important;
    margin-top:1.5rem!important;
    margin-bottom:0rem!important;
    border-radius: 5px;
}

.form-control2 {
    width: 100%;
    font-size: 0.93em;
    margin-left: 0px!important;
    margin-right: 2px!important;
    border: 1px solid #444;
    border-radius: 4px;
}
 
 .form-row {
   margin-left: -5px!important;
   margin-right:0px!important;
 }

/*------------------------------------------*/
/* botón DESCARGAR / REALIZAR OTRA RECETA  */
/*----------------------------------------*/

.default-btn6 {
    width: 100%!important;
    font-family:"Poppins", sans-serif;
    height: 40px;
    margin-left:5px!important;
    margin-top: 0px;
    margin-bottom:0px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;                      /*400*/
    display: inline-block;
    border-radius:7px;
    cursor:pointer;
}


.default-btn6, .default-btn6:hover,
.default-btn6:focus {
    color:#fff;
}

.default-btn6:hover, .default-btn6:focus,
.default-btn6.transparent:hover, .default-btn6.transparent:focus,
.default-btn6.secondary {
    background-color: #5F8E90;
}


.default-btn6:hover, .default-btn6:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.default-btn6,
.default-btn6.secondary:hover,
.default-btn6.secondary:focus {
    background-color: #444;
} 

a i.fa.fa-download {
   font-size: 14px;
   margin-right:0.5rem!important;
   color:#fff;
}

.contbtn6-7 {
  width: 98%!important;
  margin-right:0!important;
}


/*--------------------------------------*/
/* botón SELECCIONAR OTRO LABORATORIO  */
/*------------------------------------*/

.default-btn7 {
    width: 100%;
    font-family:"Poppins", sans-serif;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;                      /*400*/
    display: inline-block;
    border-radius:7px;
    cursor:pointer;
}

.default-btn7, .default-btn7:hover,
.default-btn7:focus {
    color:#444;
}

.default-btn7:hover, .default-btn7:focus,
.default-btn7.transparent:hover, .default-btn7.transparent:focus,
.default-btn7.secondary {
    background-color: #D9E3F9;
    color:#444;
    font-weight: bold;
}


.default-btn7:hover, .default-btn7:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.default-btn7,
.default-btn7.secondary:hover,
.default-btn7.secondary:focus {
    background-color: #CCCCCC;
    color:#444;
    font-weight: bold; 
} 

button.ajuste-txtbtn6{
    margin-right: -0.5rem!important;
}


@media (max-width: 991px) {
    
    .ajuste-btn6{
      margin-bottom: 1rem;
    }

    .aviso2 {
      padding-bottom: 1!important;
	}
}
@media (max-width: 767.98px) {
    .aviso2 {
      padding-bottom: 1.2rem!important;
    }

    .form-control2 {
      width: 100%;
      font-size: 0.88em;
      margin-top: 0rem!important;
      margin-bottom: 1rem;
      border: 1px solid #444;
      border-radius: 4px;
      outline:none!important;
    }

    .ajuste-txtbtn6{
      font-size: 0.75em;
      margin-left: 0rem!important;
    }

    .default-btn5, .default-btn6, .default-btn7 {
       font-size: 0.80em;
    }

    button i.fa.fa-download {
      font-size: 13px;
    }
}

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

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

    .aviso {
       width: 100%;
       font-size: 1.0em;
    }
  }


/*///////////////////////////////////////////////////////////////////////////////////*/
/*----------  PÁGINA PRODUCTOS LRP / Vichy > BOTONES SELECTORES LRP-VICHY ----------*/

.no-gutter > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

.row.nomargin {
  padding:0 auto!important;
  margin:0 auto!important;
}

.container-loreal {
    width:105%;
    padding:0rem!important;
    margin:0 auto!important;
    margin-top:-0.5rem!important;
    margin-bottom:-1.0rem!important;
}

.btn-lrp, .btn-vichy {
  width:100%;
  height:55px;
  margin-left:0rem!important;
  margin-right: 0rem!important;
  margin-bottom:0rem!important;
  margin-top:-0.7rem!important;
  padding-left:0rem;
  padding-right: 0rem!important;
  display: inline-block;
  cursor:pointer;
}

.ajuste-col6 {
  margin-bottom:0rem!important;
  margin-left:0rem!important;
  margin-right: 0rem!important;
}

@media (min-width: 768px) and (max-width:991px) {

  .container-loreal {
    width:100%;
    padding:0rem!important;
    margin:0 auto;
    margin-top:0.7rem!important;
    margin-bottom:-1.0rem!important;
  }

  .btn-lrp, .btn-vichy {
    width:100%;
    padding-right:0rem!important;
    padding-left:0rem!important;
  }
}

@media (max-width: 767.98px) {

   .ajuste-col6 {
     margin-bottom:-6.0rem!important;
     margin-left:0rem!important;
     margin-right: 0rem!important;
   }

   .container-loreal {
     width:100%;
     padding:0rem!important;
     margin:0 auto!important;
     margin-top:-0.3rem!important;
     margin-bottom:-1.0rem!important;
   }

   .btn-lrp, .btn-vichy {
     width:100%;
     padding-right:0rem!important;
     padding-left:0rem!important;
   }  
}

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




/*//// ESTILOS VENTANA MODAL "PRODUCTO AGREGADO AL RECETARIO" ////*/
/*****************************************************************/ 

  .modal-content {
    /*top:15rem!important;*/
  }

  .modal-title {
    margin-top:-2.6rem!important;
    margin-left: 1.5rem!important;
  }


  button.close  {
     left: 0.5rem!important;
     cursor: pointer;
  }

  button.close:hover  {
     left: 0.5rem!important;
     cursor: pointer;
  }
  
  .lineamodal {
    margin:0.5rem 1.5rem 0.5rem 1.5rem!important;
  }
 
  .btn-modal {
    min-width:150px!important;
    margin-right:1.0rem!important;  
  }

  .producto-modal {
    margin-top:1rem!important;
    margin-bottom:1.3rem!important;
    margin-left:1rem!important;
  }

  .icon-ok-circled {
    margin-left:0.5rem!important;
    margin-top:5rem!important;
  }

  .modal-footer {
    border:none;
  }

  ul.agregarp-modal li {
    display:inline-block;
  }

  li.btn-agregar  {
    margin-left:5.5rem!important;
    cursor: pointer;
  }

  .btn-agregar:hover  {
    cursor:pointer;
  }
  
/*--------------------------------------------------------------------*/

.default-btn4  {
    margin-top: 1rem!important;
    margin-left:2rem!important;
    border-radius:7px;
}

.default-btn4 {
    width: 50%;
    height: 40px;
    padding: 0 0px;
    padding-left: 0em!important;                     
    display: inline-block;
    cursor: pointer;
}

.default-btn4 {
   padding-left: 0rem!important;
   min-width:250px; 
   margin-right:3.0rem!important;
   margin-left:3.0rem!important;
}

.default-btn4:hover, .default-btn4:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

@media (max-width: 767px) {

  .modal-content {
       padding-right:0rem!important;
  }

  .modal-footer {
       margin:0 auto!important;
  }

  ul.agregarp-modal li {
       display:inline;
  }

  .btn-agregar {
       margin-left:2rem!important;
  }
}

/*///////////////////////////////////////////////////////////*/

/*  Página Andrómaco > "Disponible próximamente" */

@media (min-width: 767.98px) and (max-width: 991px) {

     .logoandromaco1 {
        margin-top:2rem!important;
     }
  }
 
 @media (max-width: 767.98px) {

     .logoandromaco1 {
        margin-top:2rem!important;
     }
  }

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*----------  PÁGINA PRODUCTOS ANDRÓMACO: DERMAGLÓS / AVENO > BOTONES SELECTORES Dermaglós-Aveno ----------*/

.no-gutter > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

.row.nomargin {
  padding:0 auto!important;
  margin:0 auto!important;
}

.container-andromaco {
    width:105%;
    padding:0rem!important;
    margin:0 auto!important;
    margin-top:-0.5rem!important;
    margin-bottom:-1.0rem!important;
}

.btn-dermaglos, .btn-aveno {
  width:100%;
  height:55px;
  margin-left:0rem!important;
  margin-right: 0rem!important;
  margin-bottom:0rem!important;
  margin-top:-0.7rem!important;
  padding-left:0rem;
  padding-right: 0rem!important;
  display: inline-block;
  cursor:pointer;
}

.ajuste-col6 {
  margin-bottom:0rem!important;
  margin-left:0rem!important;
  margin-right: 0rem!important;
}

@media (min-width: 768px) and (max-width:991px) {

  .container-andromaco {
    width:100%;
    padding:0rem!important;
    margin:0 auto;
    margin-top:0.7rem!important;
    margin-bottom:-1.0rem!important;
  }

  .btn-dermaglos, .btn-aveno {
    width:100%;
    padding-right:0rem!important;
    padding-left:0rem!important;
  }
}

@media (max-width: 767.98px) {

   .ajuste-col6 {
     margin-bottom:-6.0rem!important;
     margin-left:0rem!important;
     margin-right: 0rem!important;
   }

   .container-andromaco {
     width:100%;
     padding:0rem!important;
     margin:0 auto!important;
     margin-top:-0.3rem!important;
     margin-bottom:-1.0rem!important;
   }

   .btn-dermaglos, .btn-aveno {
     width:100%;
     padding-right:0rem!important;
     padding-left:0rem!important;
   }  
}

/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*/*AGREGADO MICA*/
@media screen and (max-width: 767.98px){
	.title-bcrumb {
		text-align: left;
		margin-left: 0rem!important;
		margin-top: 3rem;
		/* margin-bottom: 0.5rem; */
	}
}
/*@media (min-width: 949px) and (max-width: 997px){
	.micaFarmaciaNombreA{
		width: 180px!important;
		height: 37.75px!important;
	}
}*/
/*@media (min-width: 997px) and (max-width: 1213px){
	.micaFarmaciaNombreB{
		width: 186px!important;
		height: 37.75px!important;
	}
}*/

.viasek__breadcrumb {
	background-color: #ff8ca3;
    margin-top: 10px;
}

.viasek__breadcrumb .title-seccion-v {
	text-transform: initial;
}
	
.viasek__btn-search {
	background: #664666;
    border: 1px solid #664666;
    text-transform: initial;
	border-radius: 3px;
	color: #fff;
	transition: all 300ms ease;
	font-size: 14px;
    font-weight: 400;
    height: 50px;
    text-transform: uppercase;
    letter-spacing: 1.25px;
}

.viasek__btn-search:hover {
	background: #936b93;
	border: 1px solid #936b93;
	color: #fff;
}

.viasek__form label {
	font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: -0.09px;
    padding-bottom: 1rem;
	color: #664666;
	font-size: 14px!important;
    letter-spacing: 0.25px;
}

.viasek__texto-fa {
    color: #ff8ca3;
    font-weight: 600;
    font-size: 20px!important;
    letter-spacing: 0.15px;
    font-family: 'Roboto', sans-serif;
}

.viasek__hr {
	border-top: 2px solid #ff8ca3!important;
}

.viasek__table-thead {
	background-color: #f4b4b5;
}

.viasek__table-thead th {
    font-size: 1rem;
    padding: 1rem 2rem;
    letter-spacing: 0.045rem;
    font-weight: 500;
    text-align: left;
}

.viasek__btn-nav {
    color: #fff;
    font-weight: 500;
    border-radius: 2px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 88px;
    transition: all 0.4s ease-in-out;
	letter-spacing: 1.5px;
    font-size: 11px;
	text-transform: uppercase;
}

.viasek__btn-nav--next {
	background-color: #ff6685;
    border: 1px solid #ff6685;
}

.viasek__btn-nav--next:hover {
	background-color: #ff97ab;
    border: 1px solid #ff97ab;
}

.viasek__btn-nav--prev {
	background-color: #664666;
    border: 1px solid #664666;
}

.viasek__btn-nav--prev:hover {
	background-color: #936b93;
    border: 1px solid #936b93;
}

.viasek__btn-nav:hover {
	color: #fff;
}

.viasek__btn-out {
    background: #f7598e;
    color: #fff!important;
    padding: 0.9rem;
    font-size: 12px;
    border-radius: 5px;
    margin-right: 16px;
    transition: all 0.4s ease-in-out;
    width: 138px;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 1.25px;
}

.viasek__btn-out:hover {
	background:#f76999;
	color: #fff!important;
}

@media (max-width: 991px) {
	.viasek__btn-out {
		margin-left: 12px;
	}
}

.modal-body.indicaciones {
	background-color: #e7e9f2;
    color: #4c4c4c;
    font-size: 12px;
	background-color: #E9EFFC;
	background-color: #f0f8ff;
    color: #000;
}

.modal-footer.indicaciones {
	background-color: #e7e9f2;
	margin: 0!important;
	background-color: #E9EFFC;
	background-color: #f0f8ff;
}

.indicaciones-title {
	color: #293375;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 1.25rem;
    margin-left: 1rem;
}

.modal-content.indicaciones {
	border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
}

.modal {
	backdrop-filter: blur(5px);
}

.modal-header.indicaciones {
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    position: relative;
	border: none;
}

.btn-indicaciones-header {
	background-color: #293375;
    color: #fff;
    transition: all 0.25s;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-transform: uppercase;
    position: absolute;
    top: 5px;
    right: 5px;
	font-weight: 600;
}

.btn-indicaciones-header:hover {
	background-color: #e60101;
}

.indicaciones-icon {
	color: #000;
    cursor: pointer;
    background: #cce9ff;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0px 2px 3px rgb(30 74 209 / 34%);
	margin-left: 12px;
}