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

/************************************************************
   Base - Global
*************************************************************/

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
     box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

section {
    margin-bottom: 80px;
    display: block;
    width: 100%;
    float: none;
    clear: both;
}

.main-content-wrapper {
    overflow-x: hidden;
}


/* Breadcrumb > color marca
*************************************************************/

.breadcrumb .breadcrumb-item.active  {
    font-weight: 500;
    color:#0067AC!important;
}

.breadcrumb-item.active  {
    color:#0067AC!important;
}

.prod-item  {
    color:#444444!important;
}

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

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

body {
    font-family: "PT Sans",sans-serif;
    line-height: 20px;
    color: #424b51;
    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: "PT Sans", sans-serif;
    font-weight: 500;
}

.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;
   }
}


h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
}

a,
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"],
button,
input[type="submit"],
.header-cart button i,
.text-btn::after,
.btn.btn-secondary,
.list-widget .list-group>a::before,
#to_top,
.custom-checkbox input[type="checkbox"],
.custom-checkbox .checkmark,
.custom-checkbox .checkmark::after,
.custom-radio .checkmark,
.custom-radio .checkmark::after {
    -webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
    -o-transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
    transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
}


/************************************************************
  Base - Colors
*************************************************************/

a:focus,
a:active,
a:hover,
.btn-link:hover,
.btn-link:focus,
.btn-link:active{
    color: #0055b8 !important;                                             
}


/* /////// COLOR TEXTOS PÁGINA PRODUCTOS  ///////////*/
/****************************************************/
h1,
h2,
h3,
h4,
h5,
h6,
a
 {                                            
    color: #36749d;
}

.color-transparent {
    color: transparent;
}


/*////// Iconos Carrito  ////////////*
/***********************************/

/*  icono perfil usuario */

.icon-user {
    color:#36749d !important;
    font-size: 1.9rem!important;             /* tamaño icon-user carrito*/
}

.icon-user:hover {
    color: #36749d !important;
}

/*  icono pack de cremas */

.icon-01-cart:before {
    color:#36749d!important;
}

.icon-01-cart:hover {
    color:#191e33!important;
}


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

.backcolor-marca {
  background-color: #36749d;  
}

.title-color {
  color:#0055b8;
}
  
/*--------------------------------------------------------------------*/
.default-btn4  {
    margin-top: 1rem!important;
    margin-left:2rem!important;
    border-radius:7px;
}

.default-btn4, .default-btn4:hover,
.default-btn4:focus {
    color:#fff!important;
}

.default-btn4:hover, .default-btn4:focus,
.default-btn4.transparent:hover, .default-btn4.transparent:focus,
.default-btn4.secondary {
    background-color: #000!important;  
}

.default-btn4 {
    width: 50%;
    font-family:"Poppins", sans-serif;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;                      /*400*/
    display: inline-block;
}

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

.default-btn4,
.default-btn4.secondary:hover,
.default-btn4.secondary:focus {
    background-color: #0093D1!important;        
} 

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

@media (max-width: 767.98px) {

    .modal-title {
        font-size: 1.15rem;
   }
   
    .icon-ok-circled {
        font-size: 2.5rem!important;
   }

    .btn-agregar, .btn-agregar:hover  {
        font-size:1.0rem; 
   }

    .btn-modal {
        font-size:0.93rem;   
   }

   .modalprod {
        font-size:1.0rem;
   }

   .modalcode{
        font-size:0.83rem;
   }

   ul.agregarp-modal li {
       display:inline;
  }
}

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

.login-form h3 {
  font-family: "PT Sans", sans-serif;
  letter-spacing: 1px;
  font-weight: 700;
}

input[type="text"],
.form-control {
  color:#434c52 !important;
  border: 1px solid #36749d!important;
}

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

.aviso {
    background-color:#e8f8fe !important;
    font-size: 1.1em!important;
    color: #000!important;      /*color txt*/
  }

i.icon-attention {
    color: #36749d !important;
  }

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

.password {
  height:45px!important;
 }

 .logo-laboratorio {
   width:80px;
 }

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

  .logo-lab-centro {
     margin-top:0.4rem!important;
  }
} 

@media (max-width: 767.98px) {

  .login-container1 {
     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);
  }
}

/*////////////////////////////////////////////////////////////*/
/*-------  PÁGINA RECUPERACIÓN DE CONTRASEÑA ----------------*/

.login-container2 {
  border: 1px solid #CCD1D1;
}

.img-marca2 {
  color: #fff;
}

h3.txtpassword {
  font-size:1.2rem!important;
  font-weight: normal;
  color:#000;
  text-transform: none;
  line-height: 1.5rem;
}

.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: #0067AC;
   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 (max-width: 767.98px) {
  .login-container2 {
      border: 1px solid #CCD1D1;
  }

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

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

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

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

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

/*//////////////////////////////////////////////////////////////////////////////////*/
/*-----------------------  PÁGINA CHECKOUT - ENVÍO DE RECETA ----------------------*/

  .icon-paper-plane {
    font-size: 1.0em!important;
    color: #fff !important;
  }

  .icon-down-big {
    font-size: 1.2em!important;
    color: #fff!important;
  }

  .txt-checkout {
    font-family:"Poppins", sans-serif;
    font-size: 1.0rem!important;
    font-weight:400;
    color:#000;
  } 

 .txt-checkout:hover {
    font-weight:400;
    color:#000!important;
    text-decoration:none;
  } 

  .card-body {
      font-family:"PT Sans", sans-serif;
      font-size:1.2em;
      font-weight: 600;
      text-align:center;
  }

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

  .input-group-text {
    background-color: #e8f8fe !important;
    border: 1px solid #36749d!important;
    width: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  input[type="email"],
  .form-control {
    border: 1px solid #36749d!important;
  }

  .formulario {
    font-size: 1.3rem!important;
  }

  .icon-mail-alt, .icon-key, .icon-user-circle, .icon-id-card-o {
    font-size: 1.3em!important;
    color: #36749d!important;
  }

  .icon-lock {
    font-size: 1.5em!important;
    color: #36749d !important;
  }

  hr.divisor-checkout { 
   border-bottom: 0.4px solid #eaeaea!important;
  }

  .aviso2 {
    width: 100%;
    background-color: #e8f8fe !important;
    color: #000!important;
  }

  .form-control2 {
    font-size: 0.93em!important;
    border: 1px solid #3076C0!important;
  }
 
/*------------------------------------------*/
/* botón DESCARGAR / REALIZAR OTRA RECETA  */
/*----------------------------------------*/

.default-btn6 {
    width: 100%;
    font-family:"PT Sans", sans-serif;
}

.default-btn6, .default-btn6:hover,
.default-btn6:focus {
    color:#fff!important;
}

.default-btn6:hover, .default-btn6:focus,
.default-btn6.transparent:hover, .default-btn6.transparent:focus,
.default-btn6.secondary {
    background-color: #fff !important;
	color: #36749d!important;
}

.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: #36749d!important;
	border: 2px solid #36749d !important;
} 

button i.fa.fa-download {
   font-size: 14px!important;
   margin-right:0.5rem!important;
   color:#fff;
}

/*--------------------------------------*/
/* botón SELECCIONAR OTRO LABORATORIO  */
/*------------------------------------*/

.default-btn7 {
    width: 100%;
    font-family:"Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;  /*400*/
    text-transform: uppercase;
}

.default-btn7, .default-btn7:hover,
.default-btn7:focus {
    color:#9FD1F0!important;
}

.default-btn7:hover, .default-btn7:focus,
.default-btn7.transparent:hover, .default-btn7.transparent:focus,
.default-btn7.secondary {
    background-color: #36749d !important;
	color: #fff !important;
}

.default-btn7,
.default-btn7.secondary:hover,
.default-btn7.secondary:focus {
    background-color: #FFF !important;
	color: #36749d !important;
	border: 2px solid #36749d !important;
} 

@media (max-width: 767.98px) {
    
    .form-control2 {
      font-size: 0.88em!important;
      border: 1px solid #000!important;
    }

    .ajuste-txtbtn6{
      font-size: 0.75em!important;
    }

    .default-btn5, .default-btn6, .default-btn7 {
       font-size: 0.80em!important;
    }

    button i.fa.fa-download {
      font-size: 13px!important;
    }
}

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

 @media (max-width: 767.98px) {

    .aviso {
       font-size: 1.0em!important;
    }
  }


/*------------- PÁGINA RECETARIO --------------*/
/*////////////////////////////////////////////*/

i.icon-pencil {
   color:#0067AC!important;
}

input.form-control {
  font-family: "PT Sans",sans-serif !important;
  font-size:1.3rem!important;
  font-weight: 400; 
}

.receta {
    background-color: #fff;
    color: #333333;
}

.header-receta {
   background-color: #ccc;
}

h4.descripcion-producto {
      font-size:1.3rem!important; 
      font-weight:600;           
      
}

.codigo {
    font-family:"PT Sans", sans-serif;
    color:#444!important;
    font-size:1.0rem!important; 
    text-transform: none;
    font-weight: 400;                      /*300*/
 }

hr.divisor-receta {
    border-bottom: 0.5px solid #ccc;
  }

 .cart-desc {
    font-family:"Poppins", sans-serif;
    font-size:2.0rem!important; 
    font-weight: 600!important;
    color:#0067AC!important;
 }

 .eliminar-receta {
    font-family:"Poppins", sans-serif;
    font-size:2.2rem; 
    font-weight: 600;
 }

 .table .thead-dark th {
    font-family: "PT Sans", sans-serif;
  background-color: #e8f8fe !important;
  color: #36749d !important;
  font-size: 1.35rem !important;
  font-weight: 700;
 }

 .table .thead-backg-receta1 th {
    font-family:"Poppins", sans-serif;
    background-color:#fff!important;
    color:#000!important;
    font-weight:400;
 }

 .table .thead-backg-receta2 th {
    font-family: "PT Sans", sans-serif;
  background-color: #36749d !important;
  color: #fff !important;
  font-weight: 400;
 }

 .table .thead-backg-receta3 th {
    font-family:"Poppins", sans-serif;
    background-color:#fff!important;
    color:#000!important;
    font-weight:400;
 }

 .table .thead-backg-receta4 th {
    font-family:"Poppins", sans-serif;
    background-color:#fff!important;
    color:#515151!important;
    font-weight:500;
 }

 .table .thead-backg-receta5 th {
    font-family:"Poppins", sans-serif;
    background-color:#36749d !important;
    color:#ffffff!important;
    font-weight:400;
 }

  .rp {
    font-family: "PT Sans", sans-serif;
	  font-size: 1.7rem !important;
	  font-weight: 600;
	  color: #36749d !important;
	  font-style: italic;
 }

 .title1receta {
    font-family:"Poppins", sans-serif;
    font-size:1.2rem!important;
    text-align:center;
    line-height: 1.2rem!important;
 }

 .title-recdig {
     font-family:"PT Sans", sans-serif;
     text-align: center;
     font-size:1.7rem!important; 
     font-weight: 400;
     color:#fff!important;
     padding:0!important;
 }

 .txt-venc {
     font-family:"Poppins", sans-serif;
     font-size:1.1rem!important;
     font-weight: 400!important;
     text-align:left;
 }


   /* etiqueta de descuento */
  .product-image .label-product-recipe {                    
      font-family:"Poppins", sans-serif;
      top: 20px;
      font-size: 13px;
      text-align: center;
      text-transform: capitalize;
      font-weight: 400;
  }

  .label-receta {
      color: white;
	  background-color: #35739c;
	  font-size: 12px;
	  font-weight: 700;
  }

  .imgreceta {
      margin-left: 20px!important;
  }  


  @media (max-width: 767px) {
     
    .title-recdig p {
        font-size:1.4rem!important; 
    }

    .label-receta {
        color: white; 
        font-size: 10px!important;
    }
  }

 /*      Datos Médico        */
 /****************************/

 .table td, .table th {
     color:#000!important;
 }

  .databody {
    font-family:"Poppins", sans-serif;
    font-size:1.1rem!important;
    font-weight: 500;
    text-align:left;
 }


 /* LISTA DE DATOS */
 /*****************/

  .lista-datosmedico {
     font-family: "PT Sans", sans-serif;
	  color: #434c52 !important;
	  font-size: 1.1rem !important;
	  font-weight: 400;
	  line-height: 1.7rem !important;
	  text-align: left;
  }

  @media (max-width: 767px) {
    
   .lista-datosmedico {
     font-size:1.0rem!important;
     font-weight: 500;
     line-height:1.5rem!important;
   }

  }

 /*  botones  */
 /*************/

.default-btn2, .default-btn3,
.default-btn2:hover, .default-btn3:hover,
.default-btn2:focus, .default-btn3:focus {
    color: #36749d !important;
}

.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: #FFF !important;
}
.default-btn2 {
	color: #fff!important;
}

.default-btn2, .default-btn3  {
    min-width: 260px;
    font-family:"PT Sans", sans-serif;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;                      /*400*/
}

.default-btn2, .default-btn3 {
   min-width:250px;
}

.default-btn2,
.default-btn2.secondary:hover,
.default-btn2.secondary:focus {
    background-color: #36749d !important;
	border: 2px solid #36749d !important;
}

.fa-chevron-left:hover {
    color:#fff!important;
}

.backg-gris {
   font-family: "PT Sans", sans-serif;
  background-color: #FFF !important;
  color: #36749d !important;
  font-weight: bold !important;
  border: 2px solid #36749d;           /*500*/
}

.backg-gris:hover {
   background-color: #36749d !important;
   color: #FFF!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{
          text-align: center;
      }

      .default-btn2, .default-btn3  {
          height: 37px;
          line-height: 37px;
          font-size: 13px;
          font-weight: normal;
        }

  
      .fa.fa-chevron-left {
           font-size: 12px;
      }

      .fa.fa-search {
           font-size: 12px;
      }

      .fa.fa-chevron-right {
           font-size: 12px;
      }
}


/* Estilos botón eliminar 'X' */
/*****************************/

 .x-receta {
    color:#000!important; 
 }

 i.fa.fa-trash-o.delete {
   font-size: 2rem!important;
 }

 .x-receta:hover {
    color:#00a7b5!important;
 }

 @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!important;
    }
 }

/*       Media Queries        */
/*****************************/

 @media (max-width: 991px) {
    
    .databody {
      font-family:"PT Sans", sans-serif;
      font-weight: 400;
      font-size:0.9rem!important;
   }

    .cart-desc {
      font-family:"PT Sans", sans-serif;
      font-weight: 600;
      font-size:1.7rem!important;
   }

    .eliminar-receta {
      font-family:"PT Sans", sans-serif;
      font-weight: 500;
      font-size:1.9rem;
 }

    .title1receta {
      font-family:"PT Sans", sans-serif;
      font-weight: 500;
      font-size:1.0rem!important;
    
 }

    .rp {
      font-family:"PT Sans", sans-serif;
      font-weight: 500;
      font-size:1.3rem!important; 
 }

    .title-recdig {
      font-family:"PT Sans", sans-serif;
      font-weight: normal;
      font-size:1.2rem!important; 
 }

    .table .thead-dark th {
      font-family:"PT Sans", sans-serif;
      font-weight: 400;
      font-size:1.1rem!important;                     /*0.95*/
 }
    
    h4.descripcion-producto {
      font-family:"PT Sans", sans-serif;
      font-weight: 400;
      line-height: 1.3rem!important;
      font-size:1.1rem!important; 
 }

    .codigo {
      font-family:"PT Sans", sans-serif;
      font-weight: 400;
      font-size:0.88rem!important;  
 }

    .txt-venc {
      font-family:"PT Sans", sans-serif;
      font-weight: 400;
      font-size:0.9rem!important;
 }

    .bannerwt p {
      font-weight: normal;
      line-height:1.2rem!important;
    }
 }

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

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"] {
    height: 40px;
    border-color: #ddd;
}

textarea {
    min-height: 100px;
}

button,
input[type="reset"],
input[type="button"] {
    background: #f4f4f4;
    color: #444;
    text-transform: uppercase;
    font-size: 14px;
    color: #444;
    line-height: 43px;
    height: 40px;
    font-weight: 500;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}


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

/* dropdown menues carrito recetario */
/************************************/
/*

.header-cart .dropdown-menu,
header .list-inline .dropdown-menu,
#to_top {
  overflow: hidden;  
}

.row.with-border,
.rounded-corners,
.header-cart button,
.default-btn, 
.default-btn1,
.feature-box.type-2,
.tags-widget ul li a {
    border-radius: 7px;
}

button,
input[type="reset"],
input[type="button"],
input[type="submit"],
.product-image .label-product,
.product-price>p .price-discount,
.shopping-cart-wrapper .default-btn .default-btn1,
.login-wrapper .default-btn .default-btn1,
.modal .modal-content {
    border-radius: 3px;
}
*/


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

hr.divisor-recetbtn {
  border-bottom: 0.4px solid #eaeaea!important;
}
 
.iralrecetario-btn {
  text-align: left;
}


@media (max-width: 1199px) {

    .iralrecetario-btn {
       text-align: left;
    }
}

@media (max-width: 767.98px) {

    .iralrecetario-btn {
       text-align: left;
    }

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

/*Botón */

.default-btn5 {
    font-family:"PT Sans", sans-serif;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;                      /*400*/
    border-radius:7px;
}

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

.default-btn5:hover, .default-btn5:focus,
.default-btn5.transparent:hover, .default-btn5.transparent:focus,
.default-btn5.secondary {
    background-color: #0069d9 !important;
	color: #fff !important;
}

.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: #00aeef !important;
} 


/*  Lista de productos > Botón "Adicionar al recetario"  */
/********************************************************/
.default-btn, .default-btn1  {
    font-family:'PT Sans',sans-serif!important;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;       /*600*/
}

.default-btn {
    background-color:#000000;
}

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

.default-btn1 {
    background-color: #00aeef !important;
	border: 2px solid #00aeef !important;
}


@media (max-width: 767.98px) {

   .default-btn1 {
        font-size: 14px;
        line-height: 30px;
        text-align: center; 
    }
}

.default-btn.large, .default-btn1.large  {
    line-height: 50px;
}

.default-btn.tiny-btn, .default-btn1.tiny-btn {
    font-size: 13px;
    line-height: 2;
    letter-spacing: 0.05em;
}

.text-btn {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 500;
}

.btn.btn-secondary {
    font-size: 13px;
    font-weight: 500;
    line-height: 40px;
    text-transform: uppercase;
    background: #f4f4f4;
    color: #444;
}


/*  Componentes Header Dropdowns: "Mi cuenta / Cerrar sesión" (modo desktop)  */
/*****************************************************************************/

.menu-usuario a {
   color: #0067AC;
}

.menu-usuario a:hover {
   color: #191e33 !important;
}

header .list-inline li.list-inline-item button {
    font-size: 12px;
    text-transform: capitalize;
    text-decoration: none;
    line-height: 1;
}

header .list-inline li.list-inline-item i {         
    font-size: 12px;              
}

.texto-user {
    color:#36749d;                 /* Bienvenido + Nombre en el header */        
    line-height:1.3em;
}

.txt-iconuser-1 {                  /*"Bienvenido dr/dra" panel lateral */
    color: #36749d!important;
}

li.txt-nombre-1 {
    color:#36749d!important;       /* color nombre usuario panel lateral */
}

.lineadivisor-p1 {
  border:1px solid #36749d;
}

.lineadivisor-p2 {
  border:1px solid #36749d;
}

.fa.fa-power-off:before {
  font-size: 1.4rem!important; 
}

.fa.fa-user:before {
  font-size: 1.4rem!important;
}

header .list-inline .dropdown-menu ul {
    border: 1px solid #e5e5e5;
    border-top: 2px solid #000;
}

@media (max-width: 767.98px) {

    .texto-user {
      text-align:left;
      font-size: 11.5px;
    }
}

header .list-inline .dropdown-menu ul li a {
    color: #000;
    font-size: 12px;
    text-decoration: none;
    line-height: 22px;
    text-align: left;
}

/*       Carrito Menú Dropdown (modo desktop)         */
/*****************************************************/

.header-cart button {
    background-color:transparent!important;
}

.header-cart button i {
    font-size: 1.8em;
    font-weight: bold;
}

.header-cart button .count-style {
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    text-align: center;
    background-color:#36749d !important;
	font-weight: 700;
}

.header-cart .dropdown-menu { 
    box-shadow: none!important;
}

.header-cart .dropdown-menu .shopping-cart-content {
    -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 #35729b;
}

.header-cart .single-cart-item {
    border-bottom: 1px solid #ebebeb;
}

.header-cart .divisor {
    border-bottom: 1px solid #ebebeb;
}

.fa-trash-o {
    color:#36749d!important;
    font-size: 18px!important;
}

.header-cart .single-cart-item .shopping-cart-title {
    font-family:'PT Sans',sans-serif!important;
}

.shopping-cart-title h4 a {
    color: #36749D;
  font-weight: 700;
}

.header-cart .single-cart-item .product-quantity {
    font-size: 14px;             
    line-height: 25px;
    text-align: center;
} 

.header-cart .single-cart-item h4 {           /*texto descripción producto dropdown menu*/
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.2;
}

.header-cart .single-cart-item h4::after {
    content: "";
    text-align: right;
    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;
    }
}

.header-cart .single-cart-item .cart-price {
    font-family: 'PT Sans' !important;
  font-weight: bold;
  font-size: 15px;
  color: #36749D !important;
}

.header-cart .single-cart-item:last-child {
    font-family:'Raleway'!important;
    font-weight: bold;
}

.header-cart .shopping-cart-total {
    -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;
    font-weight: 500;
    line-height: 1.4;
    text-transform: capitalize;
}

@media (max-width: 767.98px){
  .fa-trash-o {
    font-size:18px!important;
  }
}

.header-cart-area .list-inline .list-inline-item i {   
    font-weight: bold;
    line-height: 1;
}

@media (max-width: 767.98px) {

  .header-cart button i {
    font-size: 1.8em;
    font-weight: bold; 
  } 
}


/*  Background color Menues Dropdown carrito + Mi cuenta  */
/*********************************************************/

.bgc-white,
.header-cart .dropdown-menu .shopping-cart-content,
header .list-inline .dropdown-menu ul {
    background-color: white;
}


/*  Background color Botón "Adicionar al recetario"  */
/*********************************************************/

.bgc-dark,
.default-btn,
.default-btn.secondary:hover,
.default-btn.secondary:focus,
.default-btn1,
.default-btn1.secondary:hover,
.default-btn1.secondary:focus,
.btn.btn-secondary.dark,
#to_top:hover {
   background-color: #36749d;
  border: 2px solid #36749d;
}


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

.bgc-transparent,
.header-cart button:focus, .header-cart button:hover, 
.header-cart .dropdown-menu, 
.header-cart-area .list-inline .list-inline-item a:hover, 
.header-cart-area .list-inline .list-inline-item a:focus,
 header.header-type-2 .list-inline .dropdown-menu ul li a:hover, 
 header.header-type-2 .list-inline .dropdown-menu ul li a.current, 
.main-nav-area.nav-with-search input,
.list-categories-widget .card-header,
.list-categories-widget button,
.modal .modal-header {
    background-color: transparent!important;
}


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

.main-title {
   background-color: #36749d;  
   font-size:1.4rem;                                 
   font-weight:normal;
   color:#ffffff;
}

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

  .main-title {
   font-size:1.3rem;
  }
}

@media (max-width: 767.98px) {

  .main-title {
   font-size:1.15rem;
  }
}

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

  hr.lineadivisor {
    border: 0;
	border-top: 1px solid #35729b;
	border-bottom: 1px solid #35729b;
  }

  hr.divisorcateg {
    border: 0; 
    border-top: 1px solid #35729b; 
    border-bottom: 1px solid #35729b;
  }

  .nuevo {
    text-transform: uppercase;
    font-size: 0.9rem;
    color: #92aec3;
	color: #00aeef;
    font-weight: bold;     /*500*/
  }

  .color-producto {
    color: #36749D;
	letter-spacing: .02em;
  }

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

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

.list-widget .list-group>a {
    font-family: 'Raleway', sans-serif!important;
    font-size: 16px;
    font-weight: 500;
    color:#213A70;                                        /* color texto lista productos */
}

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

@media (min-width: 992px) and (max-width: 1199px) {
  
  .list-widget .list-group>a {
    font-family:'Raleway'!important;
    text-transform: capitalize;
    font-size: 15px;           /*13px*/
    font-weight: 600;         /*400*/
  }
}

@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 {
    font-family:'Raleway'!important;
    text-transform: capitalize;
    font-size: 13.6px;          /*12.6px*/
    font-weight: 600;          /*400*/
  }
}



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

/*indica categoría activada*/
.activo-cat {
    color:#0067AC!important;
    font-family:'Raleway'!important;
    font-weight: 800!important;
}

.card-header h5 a {
    color:#213A70;
}

.cat-sub-menu a {
    color:#213A70;
}

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

.list-categories-widget .card-header {
    color:#213A70!important;
}

.list-categories-widget button {
    font-size: 16px !important;
	  font-family: 'PT Sans',sans-serif !important;
	  line-height: 30px;
	  text-transform: capitalize;
	  text-decoration: none;
	  font-weight: 400;
	  text-align: left;
	  color: #434c52 !important;
	  letter-spacing: .8px;
}

/*.list-categories-widget button::after {
    content: "\f067";
    font-family: "FontAwesome";
    font-weight: normal;
    font-size: 12px;
    color:#000!important;
}*/
 
/* hover lista productos */ 
.list-categories-widget button[aria-expanded="true"]::after {
    color:#3076C0!important;
}

.list-categories-widget button[aria-expanded="true"], .list-categories-widget button:hover, 
.list-categories-widget .cat-sub-menu a:hover, .list-categories-widget a:hover {
  color:#36749D!important;
}

.list-categories-widget .cat-sub-menu {
    font-weight: 400;
    text-align:left;
    list-style: none;
}

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

.list-categories-widget-none ::after {
    content: "\f067";
    font-family: "FontAwesome";
    font-weight: normal!important;
    font-size: 11px!important;
}

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


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

.widgettitle {
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;                                
    letter-spacing:.05em;                            
    text-transform: capitalize!important;
}

.sidebar-widget .widgettitle {
    font-family: 'PT Sans',sans-serif !important;
    font-weight: bold;
}

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

.widgetized-menu li a {
    font-family: 'Raleway'!important;
    font-size: 14px;
    text-transform: capitalize;
    color: #c0c0c0;
}


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

.product-image .action-links {
    text-align: center;
    opacity: 1;
    line-height: 26px;
    -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 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


.product-image .label-product {               /* etiqueta de descuento */
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  text-align: center;
  text-transform: capitalize;
  font-weight: 700;
  border: 2px solid #36749d; 
}

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

.product-price .price-old {
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}

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

.product-caption {
    text-align: left;
}


.adicionar-button {
    text-align: left;
}

@media (max-width: 1199px) {

  .adicionar-button {
    text-align: left;
  }
}

/* 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-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: #e8f8fe;
}

.default-btn:hover,
.default-btn:focus,
.default-btn.transparent:hover,
.default-btn.transparent:focus,
.default-btn.secondary {
      background-color: #fff;
}


/*  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!important;
}


/*////////////////////////////////////////////////////////////*/ 
* { box-sizing: border-box; }

/* ESTRUCTURA */
/**************/
.wrapper {
    padding: 5px;
    padding-top:25px;
    width: 100%;
    margin: 0px auto;
}

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: 769px) 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: 768px) {
    .columns .column {
        flex-basis: 100%;
        margin: 0 0 5px 0;
    }
}

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

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

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

.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 {
    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-size: 23px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -.05em;
  text-transform: capitalize;
  color: #0055B8 !important;
  font-family: 'PT Sans', sans-serif;
  letter-spacing: 1.2px !important;
}

@media (max-width: 767.98px) {

   .shop-wrapper h1 {
    font-size: 16px;
    line-height: 10px;
  }
}

.shop-toolbar .toolbar-inner {
    line-height: 28px;
}

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

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

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

.shop-toolbar .product-select-box>div {
    align-items: center;
}

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

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

.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;
    -webkit-transform-origin: initial;
    -ms-transform-origin: initial;
    transform-origin: initial;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    font-size: 12px;
    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 {
    border-right: 1px solid #ebebeb;
}

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

.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-des {
    border-top: 1px solid #ebebeb;
}


/*************************************************************************
/*************************************************************************/
/*///// Página Productos: Menú Productos Responsive y Menú Lateral /////*/
/***********************************************************************/


/* Menu Productos Responsive */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   
      header.header-type-3 #main_nav>.menu-toggle+ul {
          text-align: center;
          border-top: 1px solid #ebebeb;
      }
}

.main-nav-area .stellarnav.active .menu-toggle::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.main-nav-area .stellarnav.mobile>ul {
    background-color: #36749d !important;
}

.main-nav-area-loreal .stellarnav.mobile>ul {
    background-color: #000000!important;
}

.main-nav-area.floating-nav {
    background-color: #000!important;
}

@media only screen and (max-width: 991px) {
    
  #main_nav {
    border-color: #000!important;
  }

  #main_nav .menu-toggle {
    font-family: 'PT Sans',sans-serif !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 14px;
	letter-spacing: .6px;
  }

  #main_nav>ul>li a {
    color: #fff !important;
    font-weight: 700 !important;
	letter-spacing: .6px;
  }

  #main_nav.mobile .menu-toggle+ul {
    font-family:'PT Sans',sans-serif !important;
  }

  #main_nav.mobile ul li a {
    font-size: 15px;             /*13px*/
    line-height: 15px;
    text-transform: capitalize;
    font-weight: 400;
  }

  #main_nav.mobile ul li a span {
    border: 0;
    background: transparent!important;
  }

  #main_nav.mobile ul li .dd-toggle i {
    font-size: 12px;
  }

  #main_nav.mobile ul li ul {
    background: #1d3344;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
  }

  #main_nav.mobile ul li ul a {
    color: #36749d !important;
  }

  #main_nav.mobile ul li ul a:hover {
    color: #191e33!important;
  }

  #main_nav.mobile .mega-container {
    background: #434343;
  }

  #main_nav.mobile .mega-container .mega-menu-title {
    border-bottom-color: rgba(255, 255, 255, 0.15);
  }

  #main_nav.mobile .mega-container .mega-menu-title h3 {
    font-size: 13px;
    color: #fff!important;
    font-weight: normal;
    line-height: 15px;
  }

  header.bgc-secondary.white-scheme #main_nav {
      border-color: #434343;
  }

  header.bgc-secondary.white-scheme .main-nav-area.sticky {
      background: #434343;
  }

  header.bgc-secondary.white-scheme .main-nav-area.sticky:hover {
      background: #434343;
  }

  header.header-type-2 .main-nav-area.sticky {
      background: #434343;
  }

  header.header-type-2 .main-nav-area.sticky:hover {
      background: #434343;
  }

  header.header-type-3.main-nav-area {
      background: transparent!important;
  }

  header.header-type-3 #main_nav {
      background: #434343;
  }
 
  header.header-type-4 .main-nav-area.sticky {
      background: #434343;
  }

  header.header-type-4 .main-nav-area.sticky:hover {
      background: #434343;
  }

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

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

  .main-nav-area {
      background: #434343;
      text-align: left;
  }

  .main-nav-area .menu-toggle {
      color: #fff;
  }

  .main-nav-area .menu-toggle::after {
      content: "\f078";
      font-family: FontAwesome!important;
      font-size: 12px;
      color: #fff;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
  }   
}

.main-nav-area .stellarnav.active .menu-toggle::after {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.main-nav-area .stellarnav.mobile>ul {
        background: #1d3344;
}

.main-nav-area-loreal .stellarnav.mobile>ul {
        background: #000000;
}

.main-nav-area.floating-nav {
        background: #1d3344;
}

.main-nav-area-loreal.floating-nav {
        background: #000000;
}

@media only screen and (max-width: 767.98px) {
  
    .header-cart .dropdown-menu {
        -webkit-transform: translateX(-44%);
        -ms-transform: translateX(-44%);
        transform: translateX(-44%);
    }

    h4.shopping-cart-title {
        font-weight: 400;
        font-size: 13px!important;
    }

    .header-cart .single-cart-item h4 {
        font-size: 13px;
        font-weight: 400;
    }

    header.header-type-4 .header-cart-area .dropdown-menu {
        -webkit-transform: translateX(-44%);
        -ms-transform: translateX(-44%);
        transform: translateX(-44%);
    }

    header .list-inline .dropdown-menu {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .boxed-layout .main-content-wrapper {
        background: #fff;
    }
}


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

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

ul.navbar {
  background-color:#fff;
}

a.menubd {
  color: #706F6F;
}

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

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

.fa.fa-times-circle {
   color:#0067AC;
}
.label-product.label-sale {
	color: #36749d !important;
}
.default-btn:hover, .default-btn:focus {
	color: #36749d !important;
}
.icon-01-cart {
  color: #36749d!important;
}
.default-btn1:hover, default-btn1:focus {
    background-color: #0069d9 !important;
  color: #fff !important;
  border: 2px solid #0069d9 !important;
}
@media only screen and (max-width: 991px) {
  #main_nav.mobile ul li ul {
    background: #e8f8fe!important;
    padding-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
  }
}
button.btn.btn-link.btn-block:hover {
	text-decoration: none!important;
}
.hover-underline-animation {
  display: block;
  position: relative;
  color:#191e33;
  transform: translate3d(0, 0, 0);
  transition: 0.25s all ease-in-out;
}
.hover-underline-animation:hover {
	transform: translate3d(10px, 0, 0);
}
.title-selecc-marca {
  font-family: "PT Sans", sans-serif!important;
  color: #434c52;
}
button:hover i.icon-paper-plane  {
	color: #fff!important;
}
button:hover i.fa.fa-download {
	color: #36749d!important;
}
.default-btn2.btn-enviar {
	line-height: 2px;
	font-weight: 700;
}
button.swal2-confirm {
	display: inline-block;
  padding: 15px;
  line-height: 1px;
  background-color: #36749d!important;
  color: white !important;
}
.password {
	height: calc(2em + 0.75rem + 2px)!important;
}