/**
* Archivo de estilos personalizados 
* 
**/
/*=================================================
    >>> Table Of Content - GWEB-STYLE.CSS
===================================================

===================================================
            --- GENERAL SETTINGS ---
---------------------------------------------------
# Position marker tags
# Go-top Button
# Breadcrumbs
===================================================
            --- HEADER LAYOUT ---
---------------------------------------------------
# HEADER ABOVE
    Top-bar
        Left area (info)
        Center area (mail)
        Right area (social)
···················································
# HEADER MAIN
    Main Header
        Brand (logo)
        Search
        Login
        Mini Wishlist
        Mini Cart
···················································
# HEADER BELOW
    Bottom-bar
···················································
# NAVBAR
    Navegation bar Menu
        Main Menu Normal
        Main Menu Search (lupa)
        Movil Menu Drop Down

===================================================
--- EXTRA ITEMS AREA --- 
---------------------------------------------------
# Mini Wishlist Drop Down
# Mini Cart Drop Down
# Modal Popup

===================================================
            --- MAIN SLIDER LAYOUT ---
---------------------------------------------------
# HOME SLIDER SECTION
    Main Slider Section -> homepage-slider.php
        Slider area
        Promo area
···················································
# SMART SLIDER
···················································
# BANNER STATIC
···················································
# VIDEO BANNER

===================================================
            >>> HOME CONTENT AREA <<<
---------------------------------------------------  
# HOME MINI BANNER SECTION
2. Mini Banner Category -> mini-bnr-cat.php

···················································
# HOME FEAT PRO SECTION
3. Featured Products Category -> feat-pro-cat.php
    3.1 Links
    3.2 Typography
    3.3 Accessibility
    3.4 Forms
    3.5 Placeholder
    3.6 Button
    3.7 Clearings
    3.8 Table

···················································
# HOME CTA (CALL TO ACTION) SECTION
4. Call to Action 1 (CTA-1) -> cta-1.php
    4.1 Background Color
    4.2 Background Image
    4.4 Button CTA-1

···················································
# PRODUCT CATEGORY SLIDER -> pro-cat-slider.php
···················································
# LATEST PRODUCT CATEGORY -> cat-pro-lat.php
···················································
# PRODUCT TABS -> pro-tab.php
···················································
# HOME BLOG SECTION -> blog-home.php
···················································
# PRODUCTS CATEGORY BANNER -> pro-cat-bnr.php
···················································
# LOGO SLIDER SECTION -> logo-slider.php
···················································
===================================================
            --- ASIDE LAYOUT --- 
---------------------------------------------------
# ASIDE RIGHT
···················································
# ASIDE LEFT
···················································
# ASIDE TOP
···················································
# ASIDE BOTTOM

===================================================
            --- FOOTER LAYOUT ---
---------------------------------------------------
# FOOTER ABOVE
···················································
# FOOTER MAIN
···················································
# FOOTER BELOW
···················································
# COPYRIGHT


/////////////////////////////////////////////////// 
    WOOCOMMERCE ** 
/////////////////////////////////////////////////// 
===================================================
            --- WOOCOMMERCE PRODUCTS ---
---------------------------------------------------
# Product card
···················································
# 
···················································
# 
···················································
# 
===================================================
/* **  End - Table Of Content ******************* *
==================================================*/




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

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


/*===================================================
            --- GENERAL SETTINGS ---
----------------------------------------------------*/

/* # Position marker tags							*/
/*===============================================================================================*/
/* ** xx. Position marker tags - ETIQUETA MARCADOR DE POSICION **  */
/*-----------------------------------------------------------------------------------------------*/

/* INI - MARCADOR DE POSICION .................................................................. */
.marcador, h2.arch-nombre{

    display: none;   /*    */	

  width: 100%;
  margin: 0 auto;
  padding: 15px 20px;
  color: blueviolet ;
  background-color: yellow;
  border: 4px dashed #C00;
  margin-bottom: 5px;
}

.ast-container h1.marcador, h2.arch-nombre{
  margin: 0 auto;
  padding: 15px 20px;
  color: red ;
  background-color: yellow;
  margin-bottom: 5px;
  text-align: center;
}
/* FIN - MARCADOR DE POSICION..........................................................*/



/*# Go-top Button ..................................... */


/*# Breadcrumbs ..................................... */








/*===================================================	*/
/*            --- HEADER LAYOUT ---*/
/*---------------------------------------------------	*/
/* # HEADER ABOVE ..................................... */

/*    Top-bar ..................................... */

/*====================================================================================*/
/* **  TOPBAR  ** */
/*------------------------------------------------------------------------------------*/
/*topbar - posiciona los elementos e iconos de la barra superior*/
.header-three .gweb-header-icons {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 95%;  /*old: 100% */
    max-width: 1300px;
}
/*.....................gweb-header-icons.............................*/
.gweb-top-header-wrap {
	/*line-height: .4;*/
    background-color: #3ab54f;
    color: #fff;
    border-bottom: 1px solid #eee;
    border-top: 2px solid #aaa;
}
.top-header-left-text{
  font-size: 12px;
    font-weight: 400;
    font-family: poppins;
    /*padding: 8px 0px;*/
    color: #ffffff;
    font-weight: bolder;
    font-style: oblique;
    }

.top-header-call-title {    
    /*padding:8px 0;*/
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    font-family: poppins;
    color: #ffffff;
    font-weight: bolder;
    font-style: oblique;
}
.top-header-contact-num {
    /*padding: 8px 0;*/
    margin-left: 15px;
    font-size: 12px;
    font-weight: 400;
    font-family: poppins;
    color: #ffffff;
    font-weight: bolder;
    font-style: oblique;
}
.gweb-header-icons a {
    margin-left: 8px;
    color: #ffffff;
    font-size: 12px;
    -webkit-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
         -ms-transition: all ease-in-out 0.5s;
          -o-transition: all ease-in-out 0.5s;
             transition: all ease-in-out 0.5s; 
}
.header-one .gweb-header-icons {    
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;    
        margin: 0 auto;
    width: 100%;
    max-width: 1400px;
    padding: 0 10px;
}
.gweb-top-header-left {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.gweb-sc-icons {
    /*padding-top: 4px;*/
    padding-left: 30px;  /*old:   8px*/
}
.gweb-sc-icons a:hover{
  color: #DF3550;
}
/*end-ok*/


.topbar-mail:hover{
	color: greenyellow;
	transition: all ease-in-out 0.5s;
}

.top-header-contact-num a:hover{
	color: greenyellow ;
	transition: all ease-in-out 0.5s;
}

i.fa.fa-facebook:hover{
	color: blue ;
	transition: all ease-in-out 0.5s;
}

i.fa.fa-youtube:hover{
	color: red ;
	transition: all ease-in-out 0.5s;
}

i.fa.fa-instagram:hover{
	color: #DD2A7B ;
	transition: all ease-in-out 0.5s;
}
/* ···················································································*/




/*        Left area (info) ..................................... */
/*        Center area (mail) ..................................... */
/*        Right area (social) ..................................... */
/*······················································*/







/*# HEADER MAIN ................................................................................................. */


/*    Main Header ..................................... */


/*        Brand (logo) ..................................... */


/** Header Site Branding ---------------------------------------------------------------------- **/
.site-branding img {
    width: 140px;
}
/* logo -> aumenta tamaño del logo empresa  */
.site-branding img {
  width: 80px;
      border-style: none;
}

/*.gweb-logos {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center;
    width: 100%;
     -webkit-justify-content: space-between;
            justify-content: space-between;
        padding: 0px 10px;
        margin-top: 2px;
        margin-bottom: 5px;
    height: 85px;    
}*/
.gweb-logos {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0px 10px;
    /* margin-top: 2px; */
    /* margin-bottom: 5px; */
    height: 85px;
}


.gweb-logos form{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    height: 50px;    
    align-items: center;
    -webkit-align-items: center;     
   }




/* posiciona el título y descripción al lado del logo */
.site-branding{
	/*background-color: white;*/
	display: flex;
	align-items: center;
	height: 85px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px;
}
/*ancho máximo del logo*/
.logo-brand{
	/*background-color: blue;*/
	/*border: 2px solid #CCC;*/	
	max-height: 80px;
}
/*separa arriba y abajo el texto de la desripcón o slogan*/
.site-description{
	/*padding-top: 10px;
	padding-bottom: 10px;*/
}
/*separa del logo y posiciona verticalmente el título y descripción */
.title-brand{
/*background-color: red;*/

	/*margin: 1em 5px 5px;*/

/*border: 2px solid #CCC;*/
/*margin-top: 1em;*/
	/*height: 100%;
	vertical-align: middle;*/
	/*align-items: center;*/
	/*display: inline-block;*/
	/*margin-top: .5rem;*/
    /*margin-left: .2rem;
    height: 85px;*/
}
.title-brand {
    /* background-color: red; */
    /* margin: 1em 5px 5px; */
    /* border: 2px solid #CCC; */
    /* margin-top: 1em; */
    /* height: 100%; */
    /* vertical-align: middle; */
    /* align-items: center; */
    display: inline-block;
    /* margin-top: .5rem; */
    margin-left: .3rem;
    /*height: 85px;*/
        max-height: 80px;
}

/** RESPONSIVE  **/
@media screen and (max-width: 992px){
	/*tamaño del logo en dispositivos pequeños*/
	.custom-logo{
		/*background-color: blue;
		*/

		max-height: 100px!important;
		width: auto;
		/*border: 2px solid #CCC;*/
	}
}
/** end - Header Site Branding ---------------------------------------------------------------- **/



/*        Search ···················································*/
.search-wrap {
    display: flex;  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;  
    border: 2px solid #ddd;
    border-radius: 5px;
    height: 80%;  /*  old > 100% */
    align-items: center;
     -webkit-align-items: center;     
    position: relative;
    background-color: #eee;
}

/*search - buscador por categoria y flecha hacia abajo*/
.gw7_search_wrap select {
    border: none;
    -webkit-appearance: none;   
    background-repeat: no-repeat;
    background-position: right 50%;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    padding: 10px;
    background-color: transparent;
    background-image: url(./../../assets/images/down-arrow.png);
    background-image: url(assets/images/down-arrow.png);
    cursor: pointer;
}
/*search-ancho barra buscador categorias*/
.gw7_search_wrap {
    width: 150px;
    position: relative;
}

/*search - ancho de la barra de input por palabra*/
.gw7_search_form input[type="text"]{
  border: none;
  padding-right: 50px;
  width: 320px;
    /*background: transparent;*/
    text-transform: capitalize;
    cursor: pointer;
}


/*search-margen derecho*/
.gw7_search_form {
    margin-left: 20px;
}

/*search-boton lupa*/
.gw7_search_form button#searchsubmit {
    padding: 15px;
    color: #fff;
    background-color: #3ab54f;
    /*border: none;*/
    border: 1px solid #3ab54f;
    
    cursor: pointer;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: -3px; /* 0 */
    font-size: 16px;
    border-radius: 10px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
}

/*search-boton lupa estado hover*/
.gw7_search_form button#searchsubmit:hover {
    
    color: #3ab54f;
    background-color: #fff;
    border: 1px solid;
    border-color: #3ab54f;

}

/*search-font del placeholder*/
.gw7_search_form input::placeholder {
    font-size: 13px;
}

/*search - linea de separación*/
.gw7_search_wrap:after {
    position: absolute;
    top: 4px;
    left: 110%;
    background-color: #818181;
    width: 1px;
    height: 35px;
    content: '';
}
/*search*/
.browse-category i {
    font-size: 22px;
    font-weight: 800;
    padding-left: 15px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
    margin-top: -2px;
}

/* --------------------------------------------------------------*/
/* browse-category-product-cat - OTRO BUSCADOR POR CATEGORÍAS*/
/* --------------------------------------------------------------*/
/* ********** OBS:   ACTUALMENTE NO ESTÁ EN USO; *************** */

/*................................gweb-product-cat.........................................*/

/*browse Product categories in header............................................................*/
.browse-category {
    display: inline-block;
    background-color: #df3550;
    width: 250px;
    color: #fff;
    font-size: 14px;
    font-family: poppins;
    cursor: pointer;
    font-weight: 500;
    line-height: 50px;
    height: 50px;
}

.gweb-product-cat {
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-align-items: center;
            align-items: center;
    padding: 0 10px;       
}
.browse-category-wrap {
    position: relative;
    width: 250px;
}
.browse-category-wrap ul {
    list-style: none;
}

.browse-category-wrap .categorylist {
    max-height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0px 25px;
    width: 100%;
    background: #FFF;
    overflow: hidden;
    -webkit-transition: all .4s cubic-bezier(.77,0,.175,1);
    -moz-transition: all .4s cubic-bezier(.77,0,.175,1);
    -ms-transition: all .4s cubic-bezier(.77,0,.175,1);
    -o-transition: all .4s cubic-bezier(.77,0,.175,1);
    transition: all .4s cubic-bezier(.77,0,.175,1);
    z-index: 10;
}
.browse-category-wrap .categorylist.gw7-cat-menu-active {
    max-height: 1000px;
    padding: 20px 25px;
    -webkit-box-shadow: 2px 2px 10px -2px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 10px -2px rgba(0,0,0,0.2);    
}
.browse-category-wrap .categorylist ul li:first-child a {
    padding-top: 0px;
}
.browse-category-wrap .categorylist ul li a {
        color: #666;
    font-weight: 400;
    font-size: 14px;
    padding: 15px 25px;
    display: block;
    border-bottom: solid 1px #eee;
    position: relative;
    text-decoration: none;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.browse-category-wrap .categorylist ul li:last-child a{
    border-bottom: none;
    padding-bottom: 0;
}
.browse-category-wrap .categorylist ul li:last-child a:before{
    height: 0;
}
.browse-category-wrap .categorylist ul li a:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 1px;
    width: 0;
    left: 0;
    background: #DF3550;
    -webkit-transition: all .4s cubic-bezier(.77,0,.175,1);
    -moz-transition: all .4s cubic-bezier(.77,0,.175,1);
    -ms-transition: all .4s cubic-bezier(.77,0,.175,1);
    -o-transition: all .4s cubic-bezier(.77,0,.175,1);
    transition: all .4s cubic-bezier(.77,0,.175,1);
}
.browse-category-wrap .categorylist ul li a:hover:before{
    width: 100%;
}
.browse-category-wrap .categorylist ul li a:hover{
    color: #DF3550;
}
.browse-category-wrap ul{
    padding: 0;
    margin: 0;
}


/*        Login ···················································*/

/*====================================================================================*/
/* **  LOGIN  ** */
/*------------------------------------------------------------------------------------*/

/*login ················································································*/
/*login de usuario*/
.user-logout-wrap.gw7-icon-header {
    margin-right: 30px;
    position: relative;   
}

/*login-tamaño*/
.user-logout-wrap.gw7-icon-header a {    
    color: #333;
    font-size: 25px;
    -webkit-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
         -ms-transition: all ease-in-out 0.5s;
          -o-transition: all ease-in-out 0.5s;
             transition: all ease-in-out 0.5s; 
}

/*login-hover color*/
.user-logout-wrap.gw7-icon-header a:hover{
  color: #df3550;
}


/*login-leyenda inicio de sesion*/
.user-logout-wrap.gw7-icon-header span {
    font-size: 14px;
    position: absolute;
    z-index: 100;
    top: 20px;
    right: 0;
    width: 225px;
    text-align: center;
    padding: 20px 20px;
    line-height: 40px;
    background: #FFF;
    color: #404040;
    visibility: hidden;
    opacity: 0;
    font-family: poppins;
    -webkit-transform: translateY(45px);
    -moz-transform: translateY(45px);
    -ms-transform: translateY(45px);
    -o-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-box-shadow: 2px 3px 10px -2px rgba(0,0,0,0.2);
    box-shadow: 2px 3px 10px -2px rgba(0,0,0,0.2);
    -webkit-transition: all .4s cubic-bezier(.77,0,.175,1);
    -moz-transition: all .4s cubic-bezier(.77,0,.175,1);
    -ms-transition: all .4s cubic-bezier(.77,0,.175,1);
    -o-transition: all .4s cubic-bezier(.77,0,.175,1);
    transition: all .4s cubic-bezier(.77,0,.175,1);
}

/*login-hace visible la leyenda leyenda inicio de sesión en hover*/
.user-logout-wrap.gw7-icon-header a:hover span {
    opacity: 1;
    visibility: visible;
    color: #333;
    -webkit-transform: translateY(15px);
       -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
         -o-transform: translateY(15px);
            transform: translateY(15px);
}



/*login-color leyenda en hover*/
.user-logout-wrap.gw7-icon-header a span:hover {
  color: #df3550;
  -webkit-transition: 1s;
     -moz-transition: 1s;
      -ms-transition: 1s;
       -o-transition: 1s;
          transition: 1s;
}



/*login, wishlist-color en hover*/
.user-logout-wrap.gw7-icon-header a.gw7-wishlist-ct-class:hover{
  color: #df3550;
  -webkit-transition: 1s;
     -moz-transition: 1s;
      -ms-transition: 1s;
       -o-transition: 1s;
          transition: 1s;
}


/*login, wishlist - ancho de la fuente*/
.gweb-login-wrap i{
    font-weight: 800;
}


/*login,wishlist,cart - posiciona los iconos*/
.gweb-login-wrap {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    margin-right: 15px;
    -webkit-align-items: center;
            align-items: center;
}




/*        Mini Wishlist ····················································································*/


/*====================================================================================*/
/* **  WISHLIST SECTION ** */
/*------------------------------------------------------------------------------------*/


.gw7-add-to-wishlist-wrap {
    position: absolute;
    top: 5px;
    right: 0;    
    font-size: 12px;
    width: 100%;
    color: #FFF;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    -webkit-transform: translateX(50px);
       -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
         -o-transform: translateX(50px);
            transform: translateX(50px);
        -webkit-transition: all .4s cubic-bezier(.77,0,.175,1);
    -moz-transition: all .4s cubic-bezier(.77,0,.175,1);
    -ms-transition: all .4s cubic-bezier(.77,0,.175,1);
    -o-transition: all .4s cubic-bezier(.77,0,.175,1);
    transition: all .4s cubic-bezier(.77,0,.175,1);
}
.gweb-feat-prod-cat-wrap ul.products li:hover .gw7-add-to-wishlist-wrap{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
         -o-transform: translateX(0px);
            transform: translateX(0px);
}
 .gw7-add-to-wishlist-wrap .add-to-wishlist-custom, 
 .gw7-add-to-wishlist-wrap .compare-wrap,
 .gw7-add-to-wishlist-wrap .gw7-quick-view-wrapp {
    display: block;
    width: 100%;
    text-align: right;
    height: 48px;
}
.gw7-add-to-wishlist-wrap .add-to-wishlist-custom a {
    position: relative;
    display: block;
    color: #FFF;
}
.gw7-add-to-wishlist-wrap .add-to-wishlist-custom a:before {
    position: absolute;
    content: "\e813";
    top: 0;
    right: 5px;
    font-family: 'Linearicons-Free';
    z-index: 9;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    background-color: #fff;
    padding: 10px 15px;
    -webkit-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
         -ms-transition: all ease-in-out 0.5s;
          -o-transition: all ease-in-out 0.5s;
             transition: all ease-in-out 0.5s; 
}
.gw7-add-to-wishlist-wrap .add-to-wishlist-custom a:hover:before {
    color: #DF3550;
    }
    a.link-wishlist{
        position: relative;
    }
.gw7-add-to-wishlist-wrap .add-to-wishlist-custom a.add_to_wishlist.link-wishlist span {
    position: absolute;
    display: block;
    top: 8px;
    right: 0px;
    padding: 4px 10px;
    background: #DF3550;
    -webkit-transform: translate(-35px, 0) translateZ(0);
    -moz-transform: translate(-35px, 0) translateZ(0);
    -ms-transform: translate(-35px, 0) translateZ(0);
    -o-transform: translate(-35px, 0) translateZ(0);
    transform: translate(-35px, 0) translateZ(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s cubic-bezier(.77,0,.175,1);
    -moz-transition: all .4s cubic-bezier(.77,0,.175,1);
    -ms-transition: all .4s cubic-bezier(.77,0,.175,1);
    -o-transition: all .4s cubic-bezier(.77,0,.175,1);
    transition: all .4s cubic-bezier(.77,0,.175,1);
}
.gw7-add-to-wishlist-wrap .add-to-wishlist-custom .yith-wcwl-wishlistexistsbrowse.show a span,
.gw7-add-to-wishlist-wrap .add-to-wishlist-custom .yith-wcwl-wishlistaddedbrowse.show a span {
    position: absolute;
    display: block;
    top: 8px;
    right: 0px;
    padding: 4px 10px;
    background: #DF3550;
    -webkit-transform: translate(-35px, 0) translateZ(0);
    -moz-transform: translate(-35px, 0) translateZ(0);
    -ms-transform: translate(-35px, 0) translateZ(0);
    -o-transform: translate(-35px, 0) translateZ(0);
    transform: translate(-35px, 0) translateZ(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s cubic-bezier(.77,0,.175,1);
    -moz-transition: all .4s cubic-bezier(.77,0,.175,1);
    -ms-transition: all .4s cubic-bezier(.77,0,.175,1);
    -o-transition: all .4s cubic-bezier(.77,0,.175,1);
    transition: all .4s cubic-bezier(.77,0,.175,1);
}


.gw7-add-to-wishlist-wrap .add-to-wishlist-custom span:after,
.gw7-add-to-wishlist-wrap .add-to-wishlist-custom .yith-wcwl-wishlistexistsbrowse.show a span:after,
.gw7-add-to-wishlist-wrap .add-to-wishlist-custom .yith-wcwl-wishlistaddedbrowse.show a span:after {
    content: "";
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #DF3550;
}

.gw7-add-to-wishlist-wrap .compare-wrap a:before {
    position: absolute;
    top: 0;
    right: 5px;
    content: "\e862";
    font-family: 'Linearicons-Free';
    z-index: 9;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    background-color: #FFF;
    padding: 10px 15px;
    -webkit-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
         -ms-transition: all ease-in-out 0.5s;
          -o-transition: all ease-in-out 0.5s;
             transition: all ease-in-out 0.5s; 
}
.gw7-add-to-wishlist-wrap .compare-wrap a:hover:before{
    color: #DF3550;
}

.gw7-add-to-wishlist-wrap .compare-wrap{
    position: relative;
}
.gw7-add-to-wishlist-wrap .compare-wrap span{
    position: absolute;
    display: block;
    top: 8px;
    right: 0;
    padding: 4px 10px;
    background: #DF3550;
    color: #FFF;
    -webkit-transform: translate(-35px, 0) translateZ(0);
    -moz-transform: translate(-35px, 0) translateZ(0);
    -ms-transform: translate(-35px, 0) translateZ(0);
    -o-transform: translate(-35px, 0) translateZ(0);
    transform: translate(-35px, 0) translateZ(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s cubic-bezier(.77,0,.175,1);
    -moz-transition: all .4s cubic-bezier(.77,0,.175,1);
    -ms-transition: all .4s cubic-bezier(.77,0,.175,1);
    -o-transition: all .4s cubic-bezier(.77,0,.175,1);
    transition: all .4s cubic-bezier(.77,0,.175,1);
}
.gw7-add-to-wishlist-wrap .compare-wrap span:after {
    content: "";
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #DF3550;
}
.gw7-product-image-wrapp .add-to-wishlist-custom a.add_to_wishlist.link-wishlist:hover span{
    opacity:1;
    visibility: visible;
        -webkit-transform: translate(-60px, 0);
    -moz-transform: translate(-60px, 0);
    -ms-transform: translate(-60px, 0);
    -o-transform: translate(-60px, 0);
    transform: translate(-60px, 0);
}
    
.gw7-add-to-wishlist-wrap .compare-wrap a.gw7-compare.product-compare:hover span{
        opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-60px, 0);
    -moz-transform: translate(-60px, 0);
    -ms-transform: translate(-60px, 0);
    -o-transform: translate(-60px, 0);
    transform: translate(-60px, 0);
}
 img.ajax-loading {
    position: absolute;
    top: 15px;
    right: 21px;
    height: 15px;
    width: 15px;
    visibility: visible;
    z-index: 100;
}
.gw7-add-to-wishlist-wrap .add-to-wishlist-custom .yith-wcwl-wishlistexistsbrowse.show a:hover span,
.gw7-add-to-wishlist-wrap .add-to-wishlist-custom .yith-wcwl-wishlistaddedbrowse.show a:hover span{
        opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-60px, 0);
    -moz-transform: translate(-60px, 0);
    -ms-transform: translate(-60px, 0);
    -o-transform: translate(-60px, 0);
    transform: translate(-60px, 0);
}
.gw7-add-to-wishlist-wrap .add-to-wishlist-custom .yith-wcwl-wishlistaddedbrowse.show a.link-wishlist::before{
    color: #DF3550;
}
.gw7-add-to-cart-wrap a.added{
    display:none;
}
a.added_to_cart{
    background-color: transparent;
    font-size: 15px;
    color: #000;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    font-weight: 600;
    font-family: poppins;
}
.woocommerce a.added_to_cart{
    padding: 0;
}
a.added_to_cart:hover{  
    color: #DF3550;
}
.gw7-product-title-wrapp h2:hover{
    color:#DF3550;
}
.gw7-product-title-wrapp h2{
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
         -ms-transition: all ease-in-out 0.5s;
          -o-transition: all ease-in-out 0.5s;
             transition: all ease-in-out 0.5s; 
}
.gw7-product-wrapp {
    position: relative;
    overflow: hidden;
}
.woocommerce ul.products li.product a img{
    margin: 0 !important;
        border: 1px solid #eee;
}
/*.gw7-product-wrapp:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(255, 255, 255, 0.2);
    z-index: 8;
}*/










/*wishlist ···············································································*/

/*wishlist*/
.gw7-wishlist-wrap.gw7-icon-header { 
    position: relative;
}

/*wishlist-tamaño*/
.gw7-wishlist-wrap.gw7-icon-header a.gw7-wishlist-ct-class{
    color: #333;
    font-size: 25px;
    -webkit-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
         -ms-transition: all ease-in-out 0.5s;
          -o-transition: all ease-in-out 0.5s;
             transition: all ease-in-out 0.5s; 
}

.gw7-wishlist-wrap.gw7-icon-header a.gw7-wishlist-ct-class:hover{
  color: #df3550;
  -webkit-transition: 1s;
     -moz-transition: 1s;
      -ms-transition: 1s;
       -o-transition: 1s;
          transition: 1s;
}

/*wishlist-counter*/
span.wishlist-counter {
    position: absolute;
    top: -15px;
    left: 17px;
    font-size: 12px;
    background-color: #ff0000d1;
    border-radius: 50%;
    color: #fff;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 2.2;
}

/*wishlist-lista de prod*/
.wishlist-dropdown.product_list_widget {
    font-size: 14px;
    position: absolute;
    z-index: 99;
    top: 15px;
    right: 0;
    width: 350px;
    padding: 20px;
    padding-bottom: 0;
    color: #333;
    background: #FFF;
    visibility: hidden;
    overflow-y:auto ;
    opacity: 0;
    -webkit-transform: translateY(45px);
    -moz-transform: translateY(45px);
    -ms-transform: translateY(45px);
    -o-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-box-shadow: 2px 3px 10px -2px rgba(0,0,0,0.2);
    box-shadow: 2px 3px 10px -2px rgba(0,0,0,0.2);
    -webkit-transition: all .4s cubic-bezier(.77,0,.175,1);
    -moz-transition: all .4s cubic-bezier(.77,0,.175,1);
    -ms-transition: all .4s cubic-bezier(.77,0,.175,1);
    -o-transition: all .4s cubic-bezier(.77,0,.175,1);
    transition: all .4s cubic-bezier(.77,0,.175,1);
    max-height: 500px;
}

/*wishlist-muestra la lista al hacer hover*/
.gw7-wishlist-wrap.gw7-icon-header:hover .wishlist-dropdown.product_list_widget{
  opacity: 1;
    visibility: visible;
    color: #333;
    -webkit-transform: translateY(15px);
       -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
         -o-transform: translateY(15px);
            transform: translateY(15px);
}

.gw7-wishlist-wrap.gw7-icon-header a li{
  font-size: 14px;
  color: #000;
   font-family: poppins;
}

.gw7-wishlist-wrap.gw7-icon-header p{
  font-size: 14px;
  color: #7b7b7b;
   font-family: poppins;
       margin-top: 0px;
       text-align: center;
}

/*wishlist - quita viñetas, margenes y padding de los productos*/
ul.cart-widget-products{
    list-style: none;
    margin: 0;
    padding: 0;
}

/*wishlist - color de los a*/
.gweb-login-wrap a. {
    color: transparent;
}

/*wishlist - posiciona los elementos de la lista*/
.cart-widget-products li.cart-widget-prod {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    
}
/*wishlist - padding y calcula ancho*/
.cart-widget-products .descr-box {
    padding-left: 15px;
    width: calc(100% - 80px);
}

/*wishlist - caja de descripción*/
.descr-box a {
    font-size: 14px;
    color: #000 ;
    text-decoration: none;
     font-family: poppins;
     -webkit-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
         -ms-transition: all ease-in-out 0.5s;
          -o-transition: all ease-in-out 0.5s;
             transition: all ease-in-out 0.5s; 
}

/*wishlist - color de enlace a, en hover */
.descr-box a:hover{
  color: #DF3550;
}

/*wishlist - color textos de la descrpción del producto en estado hover */
.descr-box h4.product-title a:hover{    
    color:  #3ab54f;  /*#59d600; */
}



/*wishlist - margen del tituo del producto*/
h4.product-title {
    margin: 0;
}

/*wishlist,cart - color precio*/
.gweb-logos span.woocommerce-Price-amount.amount {
    color: #999;
    font-family: poppins;
}


/*wishlist - leyenda y viñinea bajo leyenda*/
p.gw7-item-notice {
    position: relative;
}
p.gw7-item-notice::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #999;
    top: 100%;
    left: 0;
   margin-top: 10px;
}

/*wishlist - botón ver lista deseos*/
.wishlist-dropdown p.buttons a{
  display: block;
    color: #FFF;
    font-size: 14px;
    font-family: poppins;
    text-decoration: none;
    background-color: #DF3550;
    border-radius: 0px;
    height: 45px;
    line-height: 45px;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    border: 1px solid #DF3550;
}

/*wishlist - boton en hover*/
.wishlist-dropdown p.buttons a:hover{
  background-color: #FFF;
  color: #DF3550;
  border: 1px solid #DF3550;
  /*-webkit-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
       -o-transition: all ease-in-out 0.5s;
          transition: all ease-in-out 0.5s;*/
}

/*wishlist - icono "ojo" del botón*/
p.buttons span:after {
    position: absolute;
    content: '\f06e';
    font-family: fontawesome;    
    right: 110%;
}
p.buttons span {
    position: relative;
}









/*        Mini Cart ···················································*/


/*·····································································································*/
/*# HEADER BELOW ···················································*/
/*·····································································································*/

/*    Bottom-bar*/
/*···················································*/
/*# NAVBAR*/
/*    Navegation bar Menu*/
/*        Main Menu Normal*/
/*        Main Menu Search (lupa)*/
/*        Movil Menu Drop Down*/

/*===================================================*/
/*--- EXTRA ITEMS AREA --- */
/*---------------------------------------------------*/
/*# Mini Wishlist Drop Down*/
/*# Mini Cart Drop Down*/
/*# Modal Popup*/

/*===================================================*/
/*            --- MAIN SLIDER LAYOUT ---*/
/*---------------------------------------------------*/

/*# HOME SLIDER SECTION ···················································*/

/*    Main Slider Section -> homepage-slider.php ···················································*/

/*permite hacer scroll sobre la imagen del slider en movil*/
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: auto!important;
    touch-action: auto!important;
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    user-select: auto!important;
}

/*        Slider area ···················································*/


/*        Promo area ···················································*/
/*········································································································*/



/*# SMART SLIDER ···················································*/
/*···················································*/
/*# BANNER STATIC ···················································*/
/*···················································*/
/*# VIDEO BANNER ···················································*/

/*===================================================*/
/*            >>> HOME CONTENT AREA <<<*/
/*---------------------------------------------------  */
/*# HOME MINI BANNER SECTION*/
/*2. Mini Banner Category -> mini-bnr-cat.php*/

/*···················································*/
/*# HOME FEAT PRO SECTION*/
/*3. Featured Products Category -> feat-pro-cat.php*/
/*    3.1 Links*/
/*    3.2 Typography*/
/*    3.3 Accessibility*/
/*    3.4 Forms*/
/*    3.5 Placeholder*/
/*    3.6 Button*/
/*    3.7 Clearings*/
/*    3.8 Table*/

/*···················································*/
/*# HOME CTA (CALL TO ACTION) SECTION*/
/*4. Call to Action 1 (CTA-1) -> cta-1.php*/
/*    4.1 Background Color*/
/*    4.2 Background Image*/
/*    4.4 Button CTA-1*/

/*···················································*/
/*# PRODUCT CATEGORY SLIDER -> pro-cat-slider.php*/
/*···················································*/
/*# LATEST PRODUCT CATEGORY -> cat-pro-lat.php*/
/*···················································*/
/*# PRODUCT TABS -> pro-tab.php*/
/*···················································*/
/*# HOME BLOG SECTION -> blog-home.php*/
/*···················································*/
/*# PRODUCTS CATEGORY BANNER -> pro-cat-bnr.php*/
/*···················································*/
/*# LOGO SLIDER SECTION -> logo-slider.php*/
/*···················································*/
/*===================================================*/
/*            --- ASIDE LAYOUT --- */
/*---------------------------------------------------*/
/*# ASIDE RIGHT*/
/*···················································*/
/*# ASIDE LEFT*/
/*···················································*/
/*# ASIDE TOP*/
/*···················································*/
/*# ASIDE BOTTOM*/

/*===================================================*/
/*            --- FOOTER LAYOUT ---*/
/*---------------------------------------------------*/
/*# FOOTER ABOVE*/
/*···················································*/
/*# FOOTER MAIN*/
/*···················································*/
/*# FOOTER BELOW*/
/*···················································*/
/*# COPYRIGHT*/


/*/////////////////////////////////////////////////// */
/*    WOOCOMMERCE ** */
/*///////////////////////////////////////////////////*/ 
/*===================================================*/
/*            --- WOOCOMMERCE PRODUCTS ---*/
/*---------------------------------------------------*/
/*# Product card*/
/*···················································*/
/*# */
/*···················································*/
/*# */
/*···················································*/
/*# */
/*===================================================*/
/* **  End - Table Of Content ******************* **/
/*==================================================*/