/**
 * Theme Name:      olvrrr
 * Theme URI:       https://olvrrr.com
 * Description:  
 * Author:          Olivier Van der Spiegelen
 * Version:         1.0
 * Author URI: 
 */

/*--------------------------------------------------------- 
  AJUSTES CABECERA PRINCIPAL
-----------------------------------------------------------*/

/*--SCROLL TRANSITION--*/
#header-main.scroll-transition{ 
    position: relative; top: 0; left: 0; right: 0;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  	
}
#header-main.scroll-transition.color{
	background-color: transparent; 
	position: absolute !important;
	border-bottom: 1px solid transparent;	
}
#header-main.scroll-transition.active{ 
    background-color: #fff; 
	position: fixed !important;
	border-bottom: 1px solid #dfdfdf; 	
}

/* logo */
#header-main.scroll-transition .header-logo img{ 
	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
#header-main.scroll-transition.active .header-logo img{ 
    height: 45px !important; width: auto !important;	
}
#header-main.scroll-transition.color:not(.active) .header-logo img{ 
    /*filter: grayscale(1) invert(1) !important; -webkit-filter: grayscale(1) invert(1) !important; */
	filter:  grayscale(1) invert(1) brightness(1000%);
}
/* icon search */
#header-main.scroll-transition.color:not(.active) .btn-icon .symbol,
#header-main.scroll-transition.color:not(.active) .elementor-menu-toggle{ color: rgba(255,255,255,.7) !important;}
#header-main.scroll-transition.color:not(.active) .btn-icon:hover .symbol,
#header-main.scroll-transition.color:not(.active) .elementor-menu-toggle:hover{ color: #fff !important;}
/* menú principal */
#header-main.scroll-transition.color:not(.active) #menu-main ul li a{ color: rgba(255,255,255,.7) !important;}
#header-main.scroll-transition.color:not(.active) #menu-main ul li a:hover{ color: #fff !important;}
/*---*/
@media (max-width: 767px){ 
    #header-main.scroll-transition .header-logo img{ 
        height: 45px !important; width: auto !important;	
    }
}



/*--COLUMNAS CABECERA--*/
.header-col-support{ display: inline-block !important; width: 100% !important; text-align: right;}   /* atención al cliente en checkout */
/*---*/
.header-principal { background: #fff; border-bottom: 0px solid #eee; position: relative;}
.header-principal .header-col-b{ display: inline-block !important; text-align: right;}   /* iconos Menú */
/*---*/
.header-shop { background: #fff; border-bottom: 1px solid #eee; position: relative;}
.header-shop .header-col-a{ display: inline-block !important; width: calc(100% - 160px) !important; text-align: right;}   /* Menú principal*/
.header-shop .header-col-b{ display: inline-block !important; width: 160px !important; text-align: right;}   /* iconos tienda */
/*---*/
.header-shop-search .header-col-a{ display: inline-block !important; width: calc(100% - 180px) !important; text-align: right;}   /* Menú principal*/
.header-shop-search .header-col-b{ display: inline-block !important; width: 180px !important; text-align: right;}   /* iconos tienda */
/*---*/
@media (min-width: 1024px){ 
    .header-principal.header-col-c{ top: 0 !important;}
}
@media (max-width: 1024px){ 
    .header-shop { padding-left: 0 !important; padding-right: 0 !important; }    
    .header-shop .header-col-a{ margin: 0 !important; width: 100% !important; text-align: center !important; display: block !important; position: absolute; bottom: 0;}
	.header-shop .header-col-b{ display: none !important;}
}


/*--------------------------------------------------------- 
  BTN-ICON (SEARCH/CART/ACCOUNT...)
-----------------------------------------------------------*/

.btn-icon{ 
    margin-left: 0px; 
    background-color: transparent; 
	border: 0px solid #fff;
	border-radius: 100%; 
	display: inline-block;
	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
.btn-icon .icon{ 
    width: 46px; height: 46px;
	color: #262626; font-style: normal; font-variant: normal; line-height: 1; 
	text-rendering: auto; -webkit-font-smoothing: antialiased; 
	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
	position: relative;
	display: block;
}
.btn-icon .icon:before{ 
    font-size: 20px; width: 20px; height: 20px;
	text-align: center;
	display: block; 
    position: absolute; top: calc(50% - 10px); left: calc(50% - 10px);
}
.btn-icon:hover { 
    background-color: transparent; /*rgba(0,0,0,.05);*/
	border-color: transparent;
}
.btn-icon:hover .icon{ 
    /*color: #77bbc7;*/
}
.btn-icon .items{ padding-top: 3px; width: 17px; height: 17px; background: #f64f49; color: #fff; font-size: 10px; line-height: 1; font-weight: 500; border-radius: 100%; top: -2px; right: -3px; position: absolute; text-align: center; display: block;}
/*-- SEARCH --*/
.btn-icon.search { }
.btn-icon.search .icon{ font-family: "Font Awesome 5 Free"; font-weight: 900;}
.btn-icon.search .icon:before{ content: "\f002";}
/*-- ACCOUNT --*/
.btn-icon.account { }
.btn-icon.account .icon{ font-family: "Font Awesome 5 Free"; font-weight: 900;}
.btn-icon.account .icon:before{ content: "\f007";}
/*-- PIN --*/
.btn-icon.pin { }
.btn-icon.pin .icon{ font-family: "Font Awesome 5 Free"; font-weight: 900;}
.btn-icon.pin .icon:before{ content: "\f3c5";}
/*-- CART --*/
.btn-icon.cart { }
.btn-icon.cart .icon{ font-family: "Font Awesome 5 Free"; font-weight: 900; }
.btn-icon.cart .icon:before{ content: "\f291"; /*content: "\f07a";*/ margin-left: -1px;}
/*-- NAV --*/
.btn-icon.nav { }
.btn-icon.nav .icon{ font-family: "Font Awesome 5 Free"; font-weight: 900;}
.btn-icon.nav .icon:before{ content: "\f0c9"; margin-top: 2px;}
.btn-icon.nav.clicked .icon:before{ content: "\f00d"; color: #f64f49;}


/*--------------------------------------------------------- 
  MENU MAIN
-----------------------------------------------------------*/

/* menu-main (principal) */
.menu-main{ width: 100%; display: block; position: relative;}
/*-- main-nav --*/
.menu-main ul.main-nav{ width: 100%; display: block;}
.menu-main ul.main-nav li.main-item{ 
    height: 100%; display: inline-block; position: relative; 
	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
.menu-main ul.main-nav li.main-item:first-child{ }
.menu-main ul.main-nav li.main-item:hover,
.menu-main ul.main-nav li.main-item.selected{ }
/*---*/
.menu-main ul.main-nav li.main-item a.main-link{ width: 100%; height: 100%; color: rgba(255,255,255,0.8); font-size: 14px; font-weight: 500; letter-spacing: .1em; display: block;}
.menu-main.bis ul.main-nav li.main-item a.main-link{ color: #222;}
.menu-main ul.main-nav li.main-item a.main-link span.text{ display: inline-block; }
.menu-main ul.main-nav li.main-item a.main-link span.arrow{ margin-left: 9px; width: 12px; height: 13px; display: inline-block; position: relative; }
.menu-main ul.main-nav li.main-item a.main-link span.arrow:after {
    content: '\f078'; color: rgba(255,255,255,0.5); font-family: 'Font Awesome 5 Free'; font-size: 12px; font-weight: 900;
    position: absolute; top: 1px; left: 0; display: block;
}
.menu-main.bis ul.main-nav li.main-item a.main-link span.arrow:after{ color: rgba(10,10,10,0.4);}
.menu-main ul.main-nav li.main-item:hover a.main-link,
.menu-main ul.main-nav li.main-item.selected a.main-link{ color: #fff;}
.menu-main.bis ul.main-nav li.main-item:hover a.main-link,
.menu-main.bis ul.main-nav li.main-item.selected a.main-link{ color: #0a42d7;}
.menu-main ul.main-nav li.main-item.has-child:hover a.main-link{ }
.menu-main ul.main-nav li.main-item:hover a.main-link span.arrow:after { color: #fff;}
.menu-main.bis ul.main-nav li.main-item:hover a.main-link span.arrow:after { color: #0a42d7;}
/*-- sub-menu --*/
.menu-main li.main-item:hover > .sub-menu{ display: block;}
.menu-main .sub-menu{ text-align: left; display: none; position: absolute; top: 100%; z-index: 500;}
.menu-main li.main-item.sub-menu-large .sub-menu{ width: 850px;}
.menu-main li.main-item:last-child .sub-menu{ right: 0;}
/*---*/
.menu-main .sub-menu .sub-menu_container{}
.menu-main .sub-menu .sub-menu-title_container{ width: 50%; float: left;}
/*---*/
.menu-main .sub-menu li.sub-item{ padding-left: 1.1em; width: 250px; display: inline-block; position: relative; }
.menu-main .sub-menu li.sub-item:before{ background: rgba(255,255,255,0.5); width: 5px; height: 5px; top: .65em; left: 0; content: ''; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.menu-main.bis .sub-menu li.sub-item:before{ background: rgba(10,10,10,0.4);}
.menu-main .sub-menu .sub-menu-title_container li.sub-item:not(.sub-menu-title){ width: 180px;}
.menu-main .sub-menu li.sub-item a.sub-link { padding: 7px 0; color: rgba(255,255,255,0.8); font-size: 13px; font-weight: 500; letter-spacing: .1em; display: block;}
.menu-main.bis .sub-menu li.sub-item a.sub-link { padding: 7px 0; color: #222;}
.menu-main .sub-menu li.sub-item a.sub-link span{ }
.menu-main .sub-menu li.sub-item:hover a.sub-link{ color: #fff; text-decoration: none;}
.menu-main.bis .sub-menu li.sub-item:hover a.sub-link{ color: #0a42d7;}
/*---*/
.menu-main .sub-menu li.sub-item.sub-menu-title { padding-left: 0;}
.menu-main .sub-menu li.sub-item.sub-menu-title:before{ display: none;}
.menu-main .sub-menu li.sub-item.sub-menu-title a.sub-link { padding-bottom: 15px; font-size: 16px; font-weight: bold;}
.menu-main .sub-menu li.sub-item.sub-menu-title:hover a.sub-link{ }



/* menu-main full width (style-a) */
.menu-main.style-a{ padding: 0 3%; background: #fff; border-bottom: 1px solid #eee; max-width: 1400px; margin-right: auto; margin-left: auto;}
/*-- main-nav --*/
.menu-main.style-a ul.main-nav{ padding-top: 10px; height: 60px;}
.menu-main.style-a ul.main-nav li.main-item{ padding-bottom: 10px; height: calc(100% - 10px);}
.menu-main.style-a ul.main-nav li.main-item:first-child{ }
.menu-main.style-a ul.main-nav li.main-item:hover,
.menu-main.style-a ul.main-nav li.main-item.selected{ }
.menu-main.style-a ul.main-nav.col-4 li.main-item{ width: calc(99.9% / 4);}
.menu-main.style-a ul.main-nav.col-5 li.main-item{ width: calc(100% / 5);}
.menu-main.style-a ul.main-nav.col-6 li.main-item{ width: calc(100% / 6);}
.menu-main.style-a ul.main-nav.col-7 li.main-item{ width: calc(99.9% / 7);}
.menu-main.style-a ul.main-nav.col-8 li.main-item{ width: calc(100% / 8);}
.menu-main.style-a ul.main-nav.col-9 li.main-item{ width: calc(100% / 9);}
/*---*/
.menu-main.style-a ul.main-nav li.main-item a.main-link{ color: #222222; font-size: 15px; border: 0; position: absolute; bottom: 0px; z-index: 600;}
.menu-main.style-a ul.main-nav li.main-item a.main-link span.text{ padding: 0 10%; width: 100%; text-align: center; white-space: normal; position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); display: block;}
.menu-main.style-a ul.main-nav li.main-item a.main-link span.arrow{ display: none;}
.menu-main.style-a ul.main-nav li.main-item a.main-link span.arrow:after{ display: none;}
.menu-main.style-a ul.main-nav li.main-item:hover a.main-link,
.menu-main.style-a ul.main-nav li.main-item.selected a.main-link{ color: #77bbc7;}
.menu-main.style-a ul.main-nav li.main-item.has-child:hover a.main-link{ }
/*---*/
.menu-main.style-a ul.main-nav li.main-item.btn-menu-a a.main-link{ color: #111113; background-color: #b1d9dd; font-weight: 500; border-radius: 24px; border: 0;}
.menu-main.style-a ul.main-nav li.main-item.btn-menu-a a.main-link:hover{ color: #77bbc4; background-color: #262626;}
.menu-main.style-a ul.main-nav li.main-item.btn-menu-a a.main-link span.text{ padding: 0 12px;}
.menu-main.style-a ul.main-nav li.main-item.btn-menu-b a.main-link{ padding: 11px 15px 13px; color: #111113; background-color: #cccccc; font-weight: 500; border-radius: 5px;}
.menu-main.style-a ul.main-nav li.main-item.btn-menu-b a.main-link:hover{ color: #111114; background-color: #77bbc4;}
/*-- sub-menu --*/
.menu-main.style-a li.main-item:hover > .sub-menu{ padding-top: 10px;}
.menu-main.style-a .sub-menu .sub-menu_container{ 
    padding: 20px 20px; background: #ffffff;
	border: 1px solid #eee; border-top: 0; border-radius: 0 0 5px 5px;
}
/*---*/
@media (max-width: 1024px){ 
    .menu-main.style-a{ border-bottom: 0px;}
}


/* menu-main inline (style-b) */
.menu-main.style-b{ padding: 0; background: transparent;}
/*-- main-nav --*/
.menu-main.style-b ul.main-nav{ text-align: right; background: #0a42d7 !important; }
.menu-main.style-b.bis ul.main-nav{ text-align: right; background: #fff !important; }
.menu-main.style-b ul.main-nav li.main-item{ padding: 0 5px; }
.menu-main.style-b ul.main-nav li.main-item:first-child{ }
.menu-main.style-b ul.main-nav li.main-item:hover,
.menu-main.style-b ul.main-nav li.main-item.selected{ }
/*---*/
.menu-main.style-b ul.main-nav li.main-item a.main-link{ padding: 15px 10px; }
.menu-main.style-b ul.main-nav li.main-item a.main-link span.text{ padding: 0; }
.menu-main.style-b ul.main-nav li.main-item a.main-link span.arrow{ }
.menu-main.style-b ul.main-nav li.main-item a.main-link span.arrow:after{ }
.menu-main.style-b ul.main-nav li.main-item:hover a.main-link,
.menu-main.style-b ul.main-nav li.main-item.selected a.main-link{ }
.menu-main.style-b ul.main-nav li.main-item.has-child:hover a.main-link{ }
/*---*/
.menu-main.style-b ul.main-nav li.main-item.btn-menu-a a.main-link{ padding: 15px 15px 15px; color: #fff; background-color: #252e5d; font-weight: 500; border-radius: 4px;}
.menu-main.style-b.bis ul.main-nav li.main-item.btn-menu-a a.main-link{ background-color: #0a42d7;}
.menu-main.style-b ul.main-nav li.main-item.btn-menu-a a.main-link:hover{ color: #fff; background-color: #1b55f5;}
.menu-main.style-b ul.main-nav li.main-item.btn-menu-b a.main-link{ padding: 11px 15px 13px; color: #111113; background-color: #cccccc; font-weight: 500; border-radius: 5px;}
.menu-main.style-b ul.main-nav li.main-item.btn-menu-b a.main-link:hover{ color: #111114; background-color: #77bbc4;}
/*-- sub-menu --*/
.menu-main.style-b li.main-item:hover > .sub-menu{ }
.menu-main.style-b .sub-menu .sub-menu_container{ 	
    padding: 10px 20px 15px 20px; margin-top: 11px; margin-left: -10px;
	background: #0a42d7;
	border: 1px solid rgba(255,255,255,0.2); border-top: 0; border-radius: 0 0 4px 4px;
}
.menu-main.style-b.bis .sub-menu .sub-menu_container{ 	
	background: #fff;
	border: 1px solid rgba(10,66,215,0.15); border-top: 0;
}



/*-- menu-frame --*/
.menu-main .menu-frame-search.close,
.menu-main .menu-frame-search.open{ display: none;}
/*---*/
@media (max-width: 1024px){ 
    .menu-main { padding: 0; border-top: 0px solid #eee; border-bottom: 0px solid #eee; }
	/*---*/
    .menu-main .menu-frame { margin-top: 9px; border-bottom: 1px solid rgba(255,255,255,.2) !important; position: absolute; top: 100%; right: 0%; left: 0%; width: 100%;}
	.menu-main.style-b.bis .menu-frame{ border-bottom: 1px solid rgba(10,66,215,0.15) !important;}
	.menu-main .menu-frame.close { display: none;}
	.menu-main .menu-frame.open { display: block;}
	/*---*/
	.menu-main ul.main-nav{ margin: 0 !important; padding: 0 !important; height: auto !important; border: 0; display: block !important;} 
	.menu-main ul.main-nav li.main-item{ text-align: center; padding: 0 !important; margin: 0 !important; width: 100% !important; border: 0 !important; border-top: 1px solid rgba(255,255,255,.2) !important; position: relative !important; display: block !important;}
	.menu-main.style-b.bis ul.main-nav li.main-item{ border-top: 1px solid rgba(10,66,215,0.15) !important;}
    .menu-main ul.main-nav li.main-item a.main-link { padding: 18px 0 !important; border: 0 !important; border-radius: 0 !important; position: relative !important; bottom: 0 !important; display: block !important;}
	.menu-main ul.main-nav li.main-item a.main-link span.text{ margin: 0 !important; padding: 0 !important; position: static !important; transform: none !important;} 
	.menu-main ul.main-nav li.main-item a.main-link span.arrow{ }
	/*---*/
	.menu-main .sub-menu{ display: none !important; position: static !important; }
	.menu-main .sub-menu.open{ display: block !important;}
	.menu-main .sub-menu .sub-menu_container{ padding: 10px 0 !important; margin: 0 !important; border: 0 !important; border-top: 1px solid rgba(255,255,255,.2) !important;}
	.menu-main.style-b.bis .sub-menu .sub-menu_container{ border-top: 1px solid rgba(10,66,215,0.15) !important;}
	.menu-main .sub-menu li.sub-item{ text-align: center !important; width: 100% !important; padding-left: 0 !important;}
	.menu-main .sub-menu li.sub-item:before{ display: none !important;}
	.menu-main .sub-menu li.sub-item a.sub-link { padding: 8px 0 !important;} 
	/*---*/
	.menu-main .menu-frame-search { border-bottom: 0px solid #eee;}
	.menu-main .menu-frame .form-search { margin: 15px 12%; width: 76% !important;}
}


/* boton MENÚ ICON : CART, ACCOUNT */
.menu-icon{ display: none; padding-right: 10px;}
.menu-icon .btn-menu-icon{ display: inline-block; margin: 2px 0; border-radius: 100%; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.menu-icon .btn-menu-icon .icon{ width: 22px; text-align: center; color: rgba(250,250,250,.6); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; display: inline-block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.menu-main.style-b.bis .menu-icon .btn-menu-icon .icon{ color: #0a42d7;}
.menu-icon .btn-menu-icon .icon:before{ display: block;}
.menu-icon .btn-menu-icon .items{ padding-top: 3px; width: 17px; height: 17px; background: #f64f49; color: #fff; font-size: 10px; line-height: 1; font-weight: 500; border-radius: 100%; top: 2px; right: -3px; position: absolute; text-align: center; display: block;}
/*-- NAV --*/
.menu-icon.nav .btn-menu-icon { padding: 12px;}
.menu-icon.nav .btn-menu-icon .icon{ font-family: "Font Awesome 5 Free"; font-size: 22px; font-weight: 900; }
.menu-icon.nav .btn-menu-icon .icon:before{ content: "\f0c9";}
.menu-icon.nav .btn-menu-icon.clicked .icon:before{ content: "\f00d"; color: #fff;}
.menu-main.style-b.bis .menu-icon.nav .btn-menu-icon.clicked .icon:before{ color: #0a42d7;}
/*-- SEARCH --*/
.menu-icon.search .btn-menu-icon { padding: 12px;}
.menu-icon.search .btn-menu-icon .icon{ font-family: "Font Awesome 5 Free"; font-size: 22px; font-weight: 900; }
.menu-icon.search .btn-menu-icon .icon:before{ content: "\f002";}
.menu-icon.search .btn-menu-icon.clicked .icon:before{ content: "\f00d"; color: #f64f49;}
/*-- ACCOUNT --*/
.menu-icon.account .btn-menu-icon { padding: 12px;}
.menu-icon.account .btn-menu-icon .icon{ font-family: "Font Awesome 5 Free"; font-size: 22px; font-weight: 900;}
.menu-icon.account .btn-menu-icon .icon:before{ content: "\f007";}
/*-- CART --*/
.menu-icon.cart .btn-menu-icon { padding: 12px;}
.menu-icon.cart .btn-menu-icon .icon{ font-family: "Font Awesome 5 Free"; font-size: 22px; font-weight: 900; }
.menu-icon.cart .btn-menu-icon .icon:before{ content: "\f291"; /*content: "\f07a";*/ }
/*---*/
@media (max-width: 1024px){ 
   .menu-main .menu-icon { width: 100%; text-align: right; display: inline-block; border-left: 0px solid #eee;}
   .menu-main .menu-icon:first-child { border-left: 0;}
   .menu-main .menu-icon .btn-menu-icon { display: inline-block;} 
}




/*--------------------------------------------------------- 
  MENU (SENCILLOS)
-----------------------------------------------------------*/


/* menu style-footer */
.menu.style-footer{ margin: 0; padding: 0; width: 100%; display: block;}
.menu.style-footer ul.main-nav{ width: 100%; text-align: left; display: block;}
.menu.style-footer ul.main-nav li.main-item{  
    padding: 0; display: block; position: relative; 
	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
.menu.style-footer ul.main-nav li.main-item:hover,
.menu.style-footer ul.main-nav li.main-item.selected{ }
/*---*/
.menu.style-footer ul.main-nav li.main-item a.main-link{ 
    padding: 6px 0; 
	color: rgba(255,255,255,1); 
	font-size: 14px !important;
	font-family: 'poppins', sans-serif; 
	font-style: normal; 
	font-weight: 500; 
	letter-spacing: .18em; 
	text-transform: uppercase; 
	line-height: 1.3em; 	 	
	display: inline-block; 
}
.menu.style-footer ul.main-nav li.main-item a.main-link span.text{ width: auto; white-space: normal; text-decoration: none; display: inline-block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.menu.style-footer ul.main-nav li.main-item a.main-link span.arrow{ display: none;}
.menu.style-footer ul.main-nav li.main-item a.main-link span.arrow:after { display: none; }
 /*---*/
.menu.style-footer ul.main-nav li.main-item a.main-link:hover span.text{ color: #fff; text-decoration: underline !important;}
.menu.style-footer ul.main-nav li.main-item.selected a.main-link span.text{ color: #fff; text-decoration: none;}
.menu.style-footer ul.main-nav li.main-item:hover a.main-link span.arrow:after{ } 
/*-- sub-menu --*/
.menu.style-footer .sub-menu{ margin-top: 8px;}
.menu.style-footer .sub-menu li.sub-item{ 
    padding: 0; display: block; position: relative; 
	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
.menu.style-footer .sub-menu li.sub-item:hover,
.menu.style-footer .sub-menu li.sub-item.selected{ }
/*---*/
.menu.style-footer .sub-menu li.sub-item a.sub-link{ 
    padding: 8px 0; 
	color: rgba(255,255,255,.5); 
	font-family: 'poppins'; font-size: 80%; font-weight: normal; letter-spacing: .05em;
	line-height: 1.1em; 
	display: inline-block; 
}
.menu.style-footer .sub-menu li.sub-item a.sub-link span.text{ width: auto; white-space: normal; text-decoration: none; display: inline-block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.menu.style-footer .sub-menu li.sub-item a.sub-link span.arrow{ display: none;}
.menu.style-footer .sub-menu li.sub-item a.sub-link span.arrow:after { display: none; }
 /*---*/
.menu.style-footer .sub-menu li.sub-item:hover a.sub-link span.text{ color: #fff; text-decoration: underline !important;}
.menu.style-footer .sub-menu li.sub-item.selected a.sub-link span.text{ color: #fff; text-decoration: none;}
.menu.style-footer .sub-menu li.sub-item:hover a.sub-link span.arrow:after{ } 
/*---*/
@media (max-width: 1024px) and (min-width: 768px){ 
    .menu.style-footer ul.main-nav{ text-align: center;}
}
@media (max-width: 767px){ 
    .menu.style-footer ul.main-nav{ text-align: center;}
    .menu.style-footer ul.main-nav li.main-item{ } 
	.menu.style-footer .sub-menu li.sub-item a.sub-link{ font-size: 95%;}
}



/* menu style-legal */
.menu.style-legal{ margin: 0; padding: 0; width: 100%; display: block;}
.menu.style-legal ul.main-nav{ width: 100%; text-align: center; display: block;}
.menu.style-legal ul.main-nav li.main-item{  
    padding: 0 20px; display: inline-block; position: relative; 
	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
.menu.style-legal ul.main-nav li.main-item:hover,
.menu.style-legal ul.main-nav li.main-item.selected{ }
/*---*/
.menu.style-legal ul.main-nav li.main-item a.main-link{ 
    padding: 6px 5px; 
	color: rgba(255,255,255,.5); 
	font-family: 'poppins', sans-serif; font-size: 80%; font-weight: normal; line-height: 1.1em; letter-spacing: .05em;
	display: inline-block; 
}
.menu.style-legal ul.main-nav li.main-item a.main-link span.text{ width: auto; text-align: center; white-space: normal; text-decoration: none; display: inline-block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.menu.style-legal ul.main-nav li.main-item a.main-link span.arrow{ display: none;}
.menu.style-legal ul.main-nav li.main-item a.main-link span.arrow:after { display: none; }
 /*---*/
.menu.style-legal ul.main-nav li.main-item:hover a.main-link span.text{ color: #fff; text-decoration: underline !important;}
.menu.style-legal ul.main-nav li.main-item.selected a.main-link span.text{ color: #fff; text-decoration: none;}
.menu.style-legal ul.main-nav li.main-item:hover a.main-link span.arrow:after{ } 
/*-- sub-menu --*/
.menu.style-legal ul.main-nav .sub-menu{ display: none;}
/*---*/
@media (max-width: 768px){ 
    .menu.style-legal ul.main-nav li.main-item{ padding: 5px 0; display: block;} 
	.menu.style-legal ul.main-nav li.main-item a.main-link{ font-size: 95%;}
}



/* menu style-checkout */
.menu.style-checkout{ margin: 0; padding: 0; width: 100%; display: block;}
.menu.style-checkout ul.main-nav{ width: 100%; text-align: center; display: block;}
.menu.style-checkout ul.main-nav li.main-item{  
    padding: 4px; display: inline-block; position: relative; 
	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
.menu.style-checkout ul.main-nav li.main-item:hover,
.menu.style-checkout ul.main-nav li.main-item.selected{ }
/*---*/
.menu.style-checkout ul.main-nav li.main-item a.main-link{ 
    padding: 10px 18px; 
	color: rgba(255,255,255,1); 
	background: rgba(0,0,0,.1);
	font-size: 11px !important;	font-family: 'title-a', sans-serif; font-style: normal; font-weight: 500; 
	letter-spacing: .18em; 
	text-transform: uppercase; 
	line-height: 1.3em;
    border-radius: 20px;	
	display: inline-block; 
}
.menu.style-checkout ul.main-nav li.main-item a.main-link span.text{ width: auto; white-space: normal; text-decoration: none; display: inline-block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.menu.style-checkout ul.main-nav li.main-item a.main-link span.arrow{ display: none;}
.menu.style-checkout ul.main-nav li.main-item a.main-link span.arrow:after { display: none; }
 /*---*/
.menu.style-checkout ul.main-nav li.main-item a.main-link:hover{ color: #111114; background: #fff; }
.menu.style-checkout ul.main-nav li.main-item a.main-link:hover span.text{ text-decoration: none !important;}
.menu.style-checkout ul.main-nav li.main-item.selected a.main-link span.text{ text-decoration: none;}
.menu.style-checkout ul.main-nav li.main-item:hover a.main-link span.arrow:after{ } 
/*-- sub-menu --*/
.menu.style-checkout ul.main-nav .sub-menu{ display: none;}



/*--------------------------------------------------------- 
  MENU NAV (sidebar, select, botones...)
-----------------------------------------------------------*/

.menu-nav{}
.menu-nav .content{ }
/*---*/
.menu-nav .content-top{ }
/*---*/
.menu-nav .content-title{ }
.menu-nav .content-text{ padding-top: 15px;}
/*---*/
.menu-nav .content-bottom{ }
/*---*/
.menu-nav .content-select{ padding-top: 15px;}
/*---*/
.menu-nav .content-menu{ padding-top: 0px;}
.menu-nav .content-menu .list{ padding: 0px; margin: -12px auto 0;} 
.menu-nav .content-menu .list .element{ padding: 12px 0 12px 1.3em; text-align: left; font-size: 16px; border-top: 1px solid #eee; position: relative;}
.menu-nav .content-menu .list .element:before{ width: 6px; height: 6px; background: #0a42d7; content: ''; top: .8em; left: .1em; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.menu-nav .content-menu .list .element:first-child{ }
.menu-nav .content-menu .list .element a{ line-height: 1.3em; text-decoration: underline; display: block;}
.menu-nav .content-menu .list .element a:hover{ text-decoration: none; }
/*---*/
.menu-nav .content-buttons{ padding-top: 20px;}
.menu-nav .content-buttons .list{ } 
.menu-nav .content-buttons .list .element{ }
/*---*/
@media (max-width: 767px){ 

}



/*--style-a (horizontal: menu)--*/
.menu-nav.style-a .content{ margin-top: 80px; padding-top: 60px; border-top: 1px solid #e3e9fa;}
/*---*/
.menu-nav.style-a .content-top{ padding: 0 0 40px 0; width: 100%;}
.menu-nav.style-a .content-title{ padding: 0; max-width: 650px;}
/*---*/
.menu-nav.style-a .content-menu .list{ margin: -8px auto 0;} 
.menu-nav.style-a .content-menu .list .element{ padding-top: 8px; padding-bottom: 8px; border-top: 0px; width: 100%; letter-spacing: .05em;}
.menu-nav.style-a .content-menu .list .element:before{ top: .9em;}
/*---*/
@media (min-width: 600px){ 
    .menu-nav.style-a{}
    .menu-nav.style-a .content{ margin-top: 100px; padding-top: 70px; display: table; width: 100%;}
    /*---
    .menu-nav.style-a .content-top{ padding: 0px 80px 0px 0; width: 45%; text-align: right; display: table-cell; vertical-align: middle; border-right: 2px solid #262626;}
    .menu-nav.style-a .content-top .content-title{  }*/
	/*---
    .menu-nav.style-a .content-bottom{ padding: 0px 0 0px 80px; width: 55%;  display: table-cell; vertical-align: middle;}	*/
    .menu-nav.style-a .content-menu{ padding: 0;}
	.menu-nav.style-a .content-menu .list .element{ width: 33%; float: left;}
}


/*--style-b (horizontal: select)--*/
@media (min-width: 600px){ 
    .menu-nav.style-b{}
    .menu-nav.style-b .content{ display: table; width: 100%; max-width: 700px;}
    /*---*/
    .menu-nav.style-b .content-top{ width: 45%; display: table-cell; vertical-align: middle;}
    /*---*/
    .menu-nav.style-b .content-bottom{ width: 55%; display: table-cell; vertical-align: middle;}
    .menu-nav.style-b .content-select{ padding-top: 0px;}
}


/*--style-c (horizontal: buttons)--*/
.menu-nav.style-c .content-buttons{ padding: 20px 0 0 0;}
.menu-nav.style-c .content-buttons .list{ } 
.menu-nav.style-c .content-buttons .list .element{ padding: 5px 0;}
.menu-nav.style-c .content-buttons .list .element .btn-b { font-size: 16px; font-weight: normal; }
.menu-nav.style-c .content-buttons .list .element .btn-b.inactive { color: #222; text-decoration: none !important; cursor: default;}
/*---*/
@media (min-width: 600px){ 
    .menu-nav.style-c{}
    .menu-nav.style-c .content{ display: table; width: 100%;}
    /*---*/
    .menu-nav.style-c .content-top{ padding: 0px 80px 0px 0; width: 45%; text-align: right; display: table-cell; vertical-align: middle; border-right: 2px solid #262626;}
    .menu-nav.style-c .content-top .content-title{  }
	/*---*/
    .menu-nav.style-c .content-bottom{ padding: 0px 0 0px 80px; width: 55%;  display: table-cell; vertical-align: middle;}	
    .menu-nav.style-c .content-buttons{ padding: 10px 0 10px 0;}
	.menu-nav.style-c .content-buttons .list .element .btn-b { font-size: 17px; font-weight: normal; }
}


/*--------------------------------------------------------- 
  BREADCRUMBS
-----------------------------------------------------------*/

/* breadcrumbs */
#breadcrumbs { margin: 0; display: block;}
#breadcrumbs .element{ margin: 0; padding: 5px 30px 0 0; display: inline-block; position: relative;}
#breadcrumbs .element:after{ content: '>'; position: absolute; top: 5px; right: 11px;}
#breadcrumbs .element:last-child{ padding-right: 0px;}
#breadcrumbs .element:last-child:after{ display: none;}
#breadcrumbs .element a{ }
#breadcrumbs .element a:hover{ }
/*-- Estilo discreto --*/
#breadcrumbs.style-a { margin-top: 0px; padding-bottom: 60px;}
#breadcrumbs.style-a .element{ color: #666; font-size: 13px; font-weight: 100; letter-spacing: .08em; }
#breadcrumbs.style-a .element:after{ color: #bbb; font-size: 14px; font-weight: normal; }
#breadcrumbs.style-a .element a{ padding: 0; text-decoration: underline; font-weight: normal;}
#breadcrumbs.style-a .element a:hover{ text-decoration: none; }
/*-- Estilo botón --*/
#breadcrumbs.style-b .element{ margin-top: 6px; color: #666; font-size: 13px; font-weight: normal; letter-spacing: .1em; }
#breadcrumbs.style-b .element:after{ color: #bbb; font-size: 13px; font-weight: normal; }
#breadcrumbs.style-b .element a{ padding: 5px 8px 5px; background: #b1d9dd; color: #111113; border-radius: 3px; text-decoration: none; font-weight: 400;}
#breadcrumbs.style-b .element a:hover{ background: #77bbc4; color: #111114;}
/*---*/
@media (max-width: 767px){ 
    #breadcrumbs.style-a { padding-bottom: 50px;}
	#breadcrumbs.style-a .element{ font-size: 12px; }
	#breadcrumbs.style-a .element:after{ font-size: 12px; }	
}


/*--------------------------------------------------------- 
  PAGINATION
-----------------------------------------------------------*/

/* pagination (post / product) */
.pagination { margin: 0; padding: 0; width: 100%; display: block;}
/*---*/
.pagination ul { margin: 40px 0 0 0; width: 100%; text-align: left; position: relative;}
.pagination ul li { display: inline-block;}
/*---*/
.pagination ul li .page-numbers{ 
    margin: 0 2px; padding: 10px; min-width: 17px;
    color: #eee; font-family: 'title-a';
    font-size: 17px; font-weight: 500; line-height: 1em; text-transform: none; text-decoration: none; text-align: center;
    border-radius: 18px; border: 0px solid #333; background-color: #fafafa;   
    -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
    display: block;
}
.pagination ul li .page-numbers.current{ color: #003bff; background-color: rgba(0,59,255,.1); border: 0px solid rgba(0,59,255,.1);}
.pagination ul li .page-numbers.dots{ background-color: #fff !important;}
.pagination ul li a.page-numbers{ color: #111; background-color: transparent; border: 0px solid transparent; cursor: pointer;}
.pagination ul li a.page-numbers:hover{ color: #fff; background-color: rgba(0,59,255,1); border: 0px solid rgba(0,59,255,1); }
/*---*/
.pagination ul li a.prev, .pagination ul li a.next{ width: auto; color: #ccc; background-color: #fff; position: relative;}
.pagination ul li a.prev:hover, .pagination ul li a.next:hover{ color: #003bff; background-color: transparent; border: 0px solid transparent;}
.pagination ul li a.prev:before, .pagination ul li a.next:before{ font-family: "Font Awesome 5 Free"; content: "\f054"; font-size: 16px; font-weight: 900; position: absolute; top: 11px; display: block;}
.pagination ul li a.prev{ padding-left: 20px; }
.pagination ul li a.next{ padding-right: 20px; }
.pagination ul li a.prev:before{ content: "\f053"; left: 0; }
.pagination ul li a.next:before{ content: "\f054"; right: 0; }


/* pagination style-blog */
.pagination.style-blog ul { text-align: center;}

/* pagination style-shop */
.pagination.style-shop ul { text-align: center;}


/** Pagination comments */
.pagination-comments { margin: 0 auto 60px; width: 100%; text-align: center; position: relative; display: block;}
.pagination-comments a { display: inline-block;}
.pagination-comments a.prev { text-align: left; position: absolute; top: 0; left: 0;}
.pagination-comments a.next { text-align: right; position: absolute; top: 0; right: 0;}


/*---------------------------------------------------------
  TOC - TABLE OF CONTENT
-----------------------------------------------------------*/

/** Table of content */
#toc_container { line-height: 1.2em; letter-spacing: .04em; margin: 2.1em 0 0; padding: 1.3em 1.5em .7em; border: 1px solid rgba(10,66,215,.2); border-radius: 5px; background: transparent;}
#toc_container .toc_title { font-family: 'poppins', sans-serif; font-size: 90%; font-weight: 500; padding: 0 0 .7em; width: 100%; text-align: left;}
#toc_container .toc_toggle { padding-left: 10px; font-size: 90% !important; font-weight: normal;}
#toc_container .toc_toggle a{ text-decoration: underline;}
#toc_container .toc_toggle a:hover{ text-decoration: none;}
#toc_container ul { padding-top: 0em; padding-bottom: .7em;}
#toc_container ul ul{ padding-top: 0em; padding-bottom: 0em;}
#toc_container li { font-size: 90%; list-style: none; margin: .8em 0 .5em 0 !important; padding: 0 !important; line-height: 1.5em;}
#toc_container li li { margin: .7em 0 .3em 1.2em !important; padding: 0 !important;}
#toc_container li:before{ display: none;}
#toc_container li a { text-decoration: underline; }
#toc_container li a:hover{ text-decoration: none;}
#toc_container li a .toc_number { padding-right: 10px; color: #252e5d; font-family: 'poppins', sans-serif; text-decoration: none !important; font-size: .9em; font-weight: bold; font-style: italic; display: inline-block;}