﻿/* general */

/*
@font-face {
    font-family: 'SFNS Display';
    src: url('../fonts/HelveticaNeueDeskInterface-Regular.eot');
    src: url('../fonts/HelveticaNeueDeskInterface-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueDeskInterface-Regular.woff2') format('woff2'),
        url('../fonts/HelveticaNeueDeskInterface-Regular.woff') format('woff'),
        url('../fonts/HelveticaNeueDeskInterface-Regular.ttf') format('truetype'),
        url('../fonts/HelveticaNeueDeskInterface-Regular.svg#.HelveticaNeueDeskInterface-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SFNS Display';
    src: url('../fonts/HelveticaNeueDeskInterface-Bold.eot');
    src: url('../fonts/HelveticaNeueDeskInterface-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueDeskInterface-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeueDeskInterface-Bold.woff') format('woff'),
        url('../fonts/HelveticaNeueDeskInterface-Bold.ttf') format('truetype'),
        url('../fonts/HelveticaNeueDeskInterface-Bold.svg#.HelveticaNeueDeskInterface-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

*/
/*
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,700&display=swap');
body{ font-family: 'Lato', 'Helvetica', 'Arial', sans-serif; color: rgba(60, 60, 60, 1); }
*/

/* FUENTES EN LOCAL */
/* VEA */
@import url('fonts/fonts.css');
body	{ font-family: 'latoregular', 'Lato', 'Helvetica', 'Arial', sans-serif; color: rgba(60, 60, 60, 1); }
/* FVEA */

.row__{
	--bs-gutter-x:0.7rem;
}

:focus,
button:focus:not(:focus-visible) { 
    outline: none !important;
    box-shadow: none !important;
    
}

.offcanvas{ min-width: 580px; border:none;}

.offcanvas-header .btn-close{ background: none; padding-top: 0px; opacity: 0.65!important; padding-bottom: 12px; }
.offcanvas-header .btn-close svg{ width: 18px; margin-right: 5px; }

.offcanvas.sidebar_menu,
#offcanvas_actions_desktop,
#offcanvas_actions,
#offcanvas_config{
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	
}
.offcanvas.sidebar_menu,
#offcanvas_actions_desktop{
	min-width: 420px;
}

.input-group>.form-control:focus, 
.input-group>.form-select:focus{
	background: none;
	border:none;
	box-shadow: none;
}

/* header */

header .img-logo { /* height: 36px; margin: 7px 0; */ height:50px; }

header .search-field{
	padding: 7px 0; 
	background-color: rgba(196,196,196,0.1);
	border-radius: 5px;
}
header .search-field .input-group-text{
	
	background:none;
	border:none;
}

header .search-field input{
	
	background:none;
	border:none;
	
}

.toggle-filters{ margin-right: 10px; position: relative;  }
.toggle-filters svg{ margin-top: 5px; }
	 


header .favs svg{
    height: 40px;
    width: 30px;
   }

header .search-field input[type=text]{ max-width: 85%; }

header .search_instructions{ display: none; }
header .search_instructions p{ font-size: 1.5rem; }
header .autocomplete_results{ display: none; }
header .autocomplete_results ul{ padding: 20px 50px; }
header .autocomplete_results ul li{ list-style: none; }
header .autocomplete_results ul li a{ color: inherit; text-decoration: none; display: block; padding: 5px 0; }

header .clean-search{
	color: inherit;
	text-decoration: none;
	font-size: 0.86667rem;
	line-height: 36px;
	position: absolute;
	right: 0;
	padding: 0 15px;
	display: none;
}
header .has_text .clean-search{ display: block; }

header .show_on_search{ display: none; }
header.searching .hide_on_search{ display: none; }
header.searching .show_on_search{ display: block; }

header .row{ position: relative; }
header .toggle-menu{ position: absolute;   left: -45px; display: inline-block; width: 40px; line-height: 50px; }
header .favs{ position: absolute; right: -50px; display: inline-block; width: 40px; line-height: 50px; }
header .close-search{ position: absolute; right: -50px; width: 40px; line-height: 50px; }

.sidebar_actions{}
.sidebar_actions ul{ padding: 0px;  border-top: 1px solid rgba(0,0,0,0.1); }
.sidebar_actions ul li{ list-style: none; padding: 10px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.sidebar_actions ul li a{ color: inherit; text-decoration: none; font-size: 1.1rem; display: block; }

/* sidebar */

.sidebar_menu{}
.sidebar_menu .dropdown_item{
	border-bottom: 1px solid #D9D9D9;
	}
.sidebar_menu .dropdown_item .toggle-filter{
	text-decoration: none; 
	position: relative;
	padding-right: 27px;
	display: block;
	padding: 15px 0;
	font-size: 1.333rem;
	font-weight: normal;
	color: inherit;
} 
.sidebar_menu .dropdown_item .toggle-filter svg{
	position: absolute;
	top: 25px;
	right: 0px;
	transform: rotate(180deg); 
}
.sidebar_menu .dropdown_item .toggle-filter.collapsed{ margin-bottom: 0px; }
.sidebar_menu .dropdown_item .toggle-filter.collapsed svg{ 
	transform: none;
}
.sidebar_menu .dropdown_item .dropdown_content ul{ padding: 10px 0; }
.sidebar_menu .dropdown_item .dropdown_content ul li{ list-style: none; }
.sidebar_menu .dropdown_item .dropdown_content ul li a{ 
	color: inherit; 
	text-decoration: none; 
	display: block; 
	position: relative; 
	padding: 10px 0; 
	font-size: 1rem; 
}

.sidebar_menu .language-wrapper{
	
	position: absolute;
	bottom: 0;
	background-color: #FFF;
	left: 0;
	
}

.sidebar_menu a.language-selector svg{ float: left; margin: 7px 10px 10px 0; }
.sidebar_menu a.language-selector{
	font-weight: bold;
	font-size: 1rem; 
	color: rgba(60,60,60,1);
	text-decoration: none;
	line-height: 1.2rem;
}
.sidebar_menu a.language-selector span{ margin:0 15px 0 5px; display: inline-block; display: block; }
.sidebar_menu a.language-selector .info{
	font-size:  0.7rem;
	font-weight: normal;
	opacity: 0.5;
	text-transform: uppercase;
}


#languagesModal{}
#languagesModal svg.ico-world{ width: 30px; height: 30px;}
#languagesModal h5{
	font-size: 1.75rem;
	line-height: 2rem; 
	font-weight: bold;
	color: #3C3C3C;
	margin-bottom: 10px;
}
#languagesModal p{
	color: rgba(60, 60, 60, 0.5);
	font-size: 1.1rem;

}
#languagesModal .btn-langs-close{
	position: absolute;
	top: 10px;
	right: 5px;
	width: auto;
}
#languagesModal .btn-langs-close svg{ width: 20px; }
#languagesModal label{
	font-weight: bold;
	margin-bottom: 10px;
}
#languagesModal select{
	border:none;
	background-color: rgba(196, 196, 196, 0.1);
	padding: 15px;
	color: rgba(60,60,60,1);
	font-size: 0.93333rem;
}
#languagesModal button{ 
	padding: 10px 24px;
	background-color: rgba(60,60,60,1);
	color: #FFF;
	font-size: 0.85rem; 
	border-radius: 24px;
}

/* footer */

footer a{ font-size: 0.866667rem; text-decoration: none; color: inherit; color: rgba(60,60,60,0.5); }
footer a.language-selector{
	font-weight: bold;
	font-size: 0.93333rem; 
	color: rgba(60,60,60,1);
}
footer a.language-selector span{ margin:0 15px 0 5px; display: inline-block; }

/* breadcrumb */

.breadcrumb{}
.breadcrumb p,
.breadcrumb .results-details{ font-size: 0.9rem; } 
.breadcrumb p span{ margin: 0 5px;  }
.breadcrumb span.bull, .breadcrumb span.bull2{ font-size: 1px; color: #FFF; position: relative; /*margin: 0 10px 0 5px;*/ }
.breadcrumb span.bull:after, .breadcrumb span.bull2:after{
	content: 'Ã¢â‚¬Â¢';
	font-size: 10px;
	color: rgba(60,60,60,1);
/*	position: absolute; */
	margin-top: 3px;
}
.breadcrumb p a,
.breadcrumb .results-details a{ color: inherit; text-decoration: none; }
.breadcrumb p strong{}
.breadcrumb p .tot_products,
.breadcrumb .results-details .tot_products{ opacity: 0.5; display: inline-block; margin-left: 0px; }
.breadcrumb .results-details .dropdown-toggle{ font-weight: bold; }
.breadcrumb .results-details .dropdown-toggle::after{ display: none; }
.breadcrumb .results-details .dropdown-toggle svg{
	width: 13px;
	margin-left: 5px; 
	margin-top: -1px;
}

.breadcrumb .results-details .dropdown-item{ font-size: 0.9333rem; padding: 7px 15px; }
.breadcrumb .results-details .dropdown-item.selected{ font-weight: bold; }
.breadcrumb .results-details .dropdown-item:hover{ background: rgba(0,0,0,0.02);}


/* home */

.banners{}
.banners .banner{
	background-size: cover;
	background-position: center center;
	display: block;
	height: 260px;
	border-radius: 5px;
	text-decoration: none;
	position: relative1;
}
.banners .banner.banner-floors{
	background-image: url(../images/banner-floors.jpg);
}
.banners .banner.banner-bathrooms{
	background-image: url(../images/banner-bathrooms.jpg);
}
.banners .banner.banner-kitchens{
	background-image: url(../images/banner-kitchens.jpg);
}
.banners .banner.banner-solutions{
	background-image: url(../images/banner-solutions.jpg);
}
.banners .banner.banner-technical-solutions{
	background-image: url(../images/banner-technical-solutions.jpg);
}
.banners .banner.banner-fairs{
	background-image: url(../images/banner-fairs.png);
}
.banners .banner:after{
	
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.1);
}
.banners .banner span{
	color: #df231f;
	position: absolute;
	bottom: 4px;
	left: 24px;
	font-size: 1.5rem;
	line-height: 1.3333rem;
	font-weight: bold;
	width: 100%;
	z-index: 2;
	
}


.companies{}
.companies h5{
	font-size: 1.3333rem;
	font-weight: bold;
}

.companies .col-lg-2{
	width: 12.5%;
}

.companies a{
	display: block;
	height: 100px;
	width: 100%;
	background-color: #2C2B2B;
	border-radius: 5px;
	text-align: center;
	line-height: 100px;
}
.companies a img{ width: 70%; }

/* tipologies */

.tipologies{}
.tipologies img{
	border-radius: 5px;
	margin-bottom: 20px;
	width: 100%;
}
.tipologies img.img-round{ border-radius: 50%; }

.tipologies a{
	color: inherit;
	text-decoration: none;
	font-size: 1.1rem;
}

/* products */

.products{}
.products .product{}
.products .product img{
	width: 100%;
	border-radius: 5px;
}
.products .product a{ color: inherit; text-decoration: none; }
.products .product a h2{
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 3px;
}
.products .product a h5{
	color: rgba(60, 60, 60, 0.5);
	font-size: 0.9rem;
}

.products .product a.product_title{
	padding-right: 20px;
	display: block; 
}


.products .pagination{ display: block; }
.products .pagination li{ display: inline-block; }
.products .pagination li a{ color: inherit; text-decoration: none; display: inline-block; width: 32px; height: 32px; text-align: center; line-height: 30px; margin-bottom: 5px; }
.products .pagination li.active a{ border:1px solid rgba(60,60,60,1); margin: 0 5px; }
.products .pagination li.disabled{ opacity: 0.3; }
.products .pagination li.prev svg{ transform: rotate(90deg); }
.products .pagination li.next svg{ transform: rotate(-90deg); }

.favs_list{}
.favs_list .product .form-check-input{ float: right; border-radius: 50%; }
 
 .favs svg path{
	fill:#DEDEDE;
	stroke:#DEDEDE;
}
 
.favs.selected svg path{
	fill:#CC0107;
	stroke:#CC0107;
}

.favs_list .product{ opacity: 0.4; }
.favs_list .product.fav_selected{ opacity: 1; }


/* filters */

.filters.offcanvas{
	position: relative;
	visibility: visible;
	min-width: auto;
	transform: none;
/*	display: block; */
/*	max-width: auto; */
	width: 25%;
	z-index: 1;
}

.filters .search-field{
	padding: 7px 0; 
	background-color: rgba(196,196,196,0.1);
	border-radius: 5px;
}
.filters .search-field .input-group-text{
	
	background:none;
	border:none;
}

.filters .search-field input{
	
	background:none;
	border:none;
	
}

.filters .filter-item{ 
}

.filters .filter-item a.toggle-filter{
	color: inherit;
	text-decoration: none;
	font-size: 1.2rem;
	display: block;
	position: relative;
	padding: 15px 0;
	padding-right: 27px;
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 10px;
	
}
.filters .filter-item a.toggle-filter svg{
	position: absolute;
	top: 25px;
	right: 0px;
	transform: rotate(180deg);
}
.filters .filter-item a.toggle-filter.collapsed{ margin-bottom: 0px; }
.filters .filter-item a.toggle-filter.collapsed svg{ 
	transform: none;
}

.filters .filter-item .form-check{
	padding-top:5px; padding-bottom: 5px; 
}

.filters .filter-item .form-check .form-check-input{ border-color: #000; }
.filters .filter-item .form-check .form-check-input[type=checkbox]{ border-radius: 0px; }
.filters .filter-item .form-check .form-check-input:checked{ border-color: #000; background-color: #000; }


.filters .filter-buttons{
/*	position: absolute; */
	bottom: 0;
	left: 0;
	width: 100%;
	background: #FFF;
}
.filters .filter-buttons a{ display: block; text-align: center; font-weight: bold; font-size: 0.93333rem; padding: 10px 0; border-radius: 26px; }
.filters .filter-buttons a.btn-reset{
	border:1px solid #3C3C3C;
}
.filters .filter-buttons a.btn-products{
	border:1px solid #3C3C3C;
	background: #3C3C3C;
	color: #FFF;
}
.filters .filter-buttons a.btn-products span{ font-weight: normal; }

.toggle-filters{ text-decoration: none; }

.filters-number,
.favs-number{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	background-color: #3C3C3C;
	color: #FFF;
	text-decoration: none; 
	font-size: 0.75rem;
	margin: 0 5px;
}

		
.toggle-filters .filters-number{
	
position: absolute;
left: 11px;
width: 15px;
height: 15px;
line-height: 15px;
font-size: 10px;
	
	
}	
 

		
.favs .favs-number{
	
position: absolute;
left: 15px;
width: 15px;
height: 15px;
line-height: 15px;
font-size: 10px;
top: 6px;	
	
}	

/* product */

.product-banner{
	min-height: 80vh;
	background-size: cover;
}
.product-banner .navigation_link a{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.product-banner .navigation_link a svg{
	margin-right: 10px; 
	margin-top: -2px;
}

.product-banner .product_title{
	position: absolute;
	bottom: 0; 
	width: 100%;
}
.product-banner .product_title h1{
	font-size: 3rem;
	color: #FFF;
	font-weight: bold;
}

.product .title_block{}
.product .title_block h2{ font-size: 1.8rem; font-weight: bold; }
.product .title_block h3{ font-size: 1rem; font-weight: normal; opacity: 0.5; }
.product .title_block .favs{ float: right; }
.product .title_block .btn-config{
	float: right;
	padding: 10px 24px;
	background-color: rgba(60,60,60,1);
	color: #FFF;
	font-size: 0.85rem;
	font-weight: bold;
	border-radius: 24px;
}

.product .details_block div h4 { font-size: 1rem; }
.product .details_block div p { font-size: 0.93333rem; }

.product .product-gallery img{ width: 100%; margin-bottom: 10px; }

.product .icons_block{}
.product .icons_block a{ opacity: 0.4; }
.product .icons_block a.icon_selected{ opacity: 1; }
.product .icons_block a img{ width: 32px; margin-right: 5px; margin-bottom: 7px; }

.product .icons_block .icon_description{}
.product .icons_block .icon_description h5{ font-size: 0.93333rem; font-weight: bold; }
.product .icons_block .icon_description p{ font-size: 0.86667rem; color: rgba(60,60,60,0.6); }

.product .tabs_block{ border-top: 1px solid #D9D9D9; }
.product .tabs_block .dropdown_item{
	border-bottom: 1px solid #D9D9D9;
	}

.product .tabs_block .dropdown_item.disabled{
	opacity: 0.2;
	border-bottom: 1px solid rgba(60,60,60,1);
}
	
.product .tabs_block .dropdown_item .toggle-filter{
	text-decoration: none; 
	position: relative;
	padding-right: 27px;
	display: block;
	padding: 15px 0;
	font-size: 1.2rem;
	font-weight: bold;
	color: inherit;
} 
.product .tabs_block .dropdown_item .toggle-filter svg{
	position: absolute;
	top: 25px;
	right: 0px;
	transform: rotate(180deg); 
}
.product .tabs_block .dropdown_item .toggle-filter.collapsed{ margin-bottom: 0px; }
.product .tabs_block .dropdown_item .toggle-filter.collapsed svg,
.product .tabs_block .dropdown_item.disabled .toggle-filter svg{ 
	transform: none;
}
.product .tabs_block .dropdown_item .dropdown_content ul{ padding: 10px 0; }
.product .tabs_block .dropdown_item .dropdown_content ul li{ list-style: none; }
.product .tabs_block .dropdown_item .dropdown_content ul li a{ 
	color: inherit; 
	text-decoration: none; 
	display: block; 
	position: relative; 
	padding: 8px 0; 
	font-size: 0.9rem; 
}
.product .tabs_block .dropdown_item .dropdown_content ul li a svg{ 
    position: absolute;
    right: 0;
    top: 8px;
}

.product .tabs_block .dropdown_item.disabled .dropdown_content{ display: none!important; }

.product .tabs_block .detail li{ font-weight: bold; padding: 8px 0; font-size: 0.9rem; }
.product .tabs_block .detail li span{ width: 49.5%; font-weight: normal; display: inline-block; min-width: 120px; }

.product .share_block{}
.product .share_block a{ color: inherit; text-decoration: none; font-size: 0.9rem; font-weight: bold; }
.product .share_block .company-link{ border-bottom: 1px solid rgba(60,60,60,1); padding-bottom: 5px; margin-right: 20px; }
.product .share_block .company-link svg{ margin-left: 10px; margin-top: -2px; }
.product .share_block .share-link{}

.product-carusel{}
.product-carusel h5{
	font-size: 1.2rem;
	font-weight: bold;
}

.product-carusel .product{ padding: 0 10px; /*max-width: 16vw; float:left;*/ }
.product-carusel .product img{
	width: 100%;
	border-radius: 5px;
}
.product-carusel .product a{ color: inherit; text-decoration: none; }
.product-carusel .product a h2{
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 3px;
}
.product-carusel .product a h5{
	color: rgba(60, 60, 60, 0.5);
	font-size: 0.9rem;
	font-weight: normal;
}

.product-carusel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    
    display: block;
    float: left;
}
.product-carusel .products_slide {
	padding: 0;
}

.graphic-carusel{}
.graphic-carusel h5{
	font-size: 1.2rem;
	font-weight: bold;
}

.graphic-carusel .graphic{ padding: 0 10px; /*max-width: 16vw; float:left;*/ }
.graphic-carusel .graphic img{
	width: 100%;
	border-radius: 5px;
}
.graphic-carusel .graphic a{ color: inherit; text-decoration: none; }
.graphic-carusel .graphic a h2{
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 3px;
}
.graphic-carusel .graphic a h5{
	color: rgba(60, 60, 60, 0.5);
	font-size: 0.9rem;
	font-weight: normal;
}

.graphic-carusel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    
    display: block;
    float: left;
}
.graphic-carusel .graphic_slide {
	padding: 0;
}

.project-carusel{}
.project-carusel h5{
	font-size: 1.2rem;
	font-weight: bold;
}

.project-carusel .important-setting{ padding: 0 10px; /*max-width: 16vw; float:left;*/ }
.project-carusel .important-setting img{
	width: 100%;
	border-radius: 5px;
	/*max-height: 16vw;*/
}
.project-carusel .important-setting a{ color: inherit; text-decoration: none; }
.project-carusel .important-setting a h2{
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 3px;
}
.project-carusel .important-setting a h5{
	color: rgba(60, 60, 60, 0.5);
	font-size: 0.9rem;
	font-weight: normal;
}

.project-carusel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: left;
}

.project-carusel .projects_slide {
	padding: 0;
}

.project-carusel .projects_slide a { display: block; }
.project-carusel .projects_slide .img {
	background-size: cover;
	background-position: center center;
	padding-bottom: 66%;
	display: block;
	border-radius: 5px;
	margin-bottom: 15px;	
}

.project-carusel .projects_slide .img img { display: none; }

.slick-dots > li:only-child { display: none!important; }

.sidebar_configurator{}
.sidebar_configurator h3{
	font-size: 1.75rem;
	font-weight: bold;
	
}
.sidebar_configurator h4{
	font-size: 1rem;
	opacity: 0.5;
}
.sidebar_configurator .btn{
	color: #FFF;
	font-size: 0.8rem;
	background-color: rgba(60,60,60,1);
	border-radius: 24px;
	padding: 10px 15px;
	
}
.sidebar_configurator .btn svg{ float: left; margin-right: 10px; }
.sidebar_configurator .btn.btn-reset{}
.sidebar_configurator .btn.btn-product{ font-weight: bold; }
.sidebar_configurator h5,
.sidebar_configurator .product_filters span{
	font-size: 1.2rem;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	
}

.sidebar_configurator .product_filters span{ text-transform: lowercase; }
.sidebar_configurator .product_filters span:first-letter{ text-transform: uppercase; } 

.sidebar_configurator ul{
	list-style: none;
	padding: 0px;
}

.sidebar_configurator .product_references1 ul{ padding-left: 23px; }
.sidebar_configurator .product_references li{
	padding: 5px 0;
	font-size: 0.93333rem;
}
.sidebar_configurator .product_references li label{ width: calc(100% - 30px); }
.sidebar_configurator .product_references li input{ margin-right: 10px; margin-top: 3px; }

.sidebar_configurator .product_references [type=radio]:disabled + label{ opacity: 0.3; }
.sidebar_configurator .product_references .form-check-input
.sidebar_configurator .product_references .form-check-input:checked{ border-color: #000; background-color: #000; }

.sidebar_configurator .product_filters li{
	border-bottom: 1px solid rgba(0,0,0,0.25);
	padding-bottom: 20px; margin-bottom: 20px;
	
}

.sidebar_configurator .product_filters li input{ display: none; }
.sidebar_configurator .product_filters li label{ 
	font-size: 0.8rem; 
	padding: 10px; 
	border:1px solid rgba(60,60,60,1); 
	border-radius: 20px; 
	margin-right: 5px; 
	margin-bottom: 5px;  
	text-transform: lowercase;
	
}
.sidebar_configurator .product_filters li label:first-letter{ text-transform: uppercase; }
.sidebar_configurator .product_filters li input:checked + label{
	background-color: rgba(60,60,60,1);
	color: #FFF;
}

.sidebar_configurator .configuration-results{
	background-color: rgba(176, 168, 145, 1);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #FFF;
	z-index: 2;
}
.sidebar_configurator .configuration-results a{
	color: inherit;
	text-decoration: none;
	font-size: 0.9rem;
}

.sidebar_configurator .configuration-results .btn-reset{}
.sidebar_configurator .configuration-results .btn-reset svg{ margin-right: 5px; }
.sidebar_configurator .configuration-results .btn-product{ font-weight: bold; }
	
	
	
.form-check-input:checked[type=radio],
.form-check-input:checked[type=checkbox]{ background-image: none; background-color: rgba(60,60,60,1); }

/* title */

.title{}
.title h1{ font-size: 3rem; font-weight: bold; }
.title p{ font-size: 0.9rem; }
.title p a{ text-decoration: none; color: inherit; }

/* category banner */


.category-banner{
	min-height: 80vh;
	background-size: cover;
}
.category-banner .navigation_link a{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.category-banner .navigation_link a svg{
	margin-right: 10px; 
	margin-top: -2px;
}

.category-banner .product_title{
	position: absolute;
	bottom: 0; 
	width: 100%;
}
.category-banner .product_title h1{
	font-size: 2rem;
	color: #FFF;
	font-weight: bold;
}

.category-banner h2{
	font-size: 2.5rem;
	color: #FFF;
	font-weight: normal;
}


@media (max-width: 1200px) {

	.banners .banner{ height: 220px; }
	.banners .banner span{
		font-size: 1.6667rem;
		line-height: 2rem; 
		width: 80%;
	}
	
	.companies a{
		height: 80px; 
		line-height: 80px;
	}
	
	.products .product a h5{ font-size: 0.86667rem; }

	.product-carusel .product{ max-width: 22vw; }
	
	.graphic-carusel .graphic{ max-width: 22vw; }
	
	.project-carusel .important-setting{ max-width: 22vw; }
	/*.project-carusel .important-setting img{ max-height: 18vw; } */
	
}


@media (max-width: 991px) {
	
	.category-banner{
		min-height: 50vh; 
	}
	
	.companies .col-lg-2{
		width: 25%;
	}
	
	.companies a{ height: 90px; line-height: 90px; margin-bottom: 15px;}
	
	header .favs{ position: relative; right: auto; width: auto; } 
	header .toggle-menu{ position: relative; left: auto; width: 35px; }
	
	.product-banner{ min-height: 60vh; }
	.filters.offcanvas{
		position: fixed;
		visibility: hidden;
		width: 90vw;
		max-width: 420px;
		z-index: 1050;
	}
	
	header.searching .hide_on_search{ display: inline-block; }
	header.searching .show_on_search{ display: block; }
	header.searching .hide_on_search_mobile{ display: none; }
	header.searching .show_on_search_mobile{ display: inline-block; }
	
	header .search-field input[type=text]{ max-width: 65%; }
	
	
	.product-carusel .product{ max-width: 29vw; }
	
	.graphic-carusel .graphic{ max-width: 29vw; }
	
	.project-carusel .important-setting{ max-width: 29vw; }
	/*.project-carusel .important-setting img{ max-height: 25vw; }*/
		
}
@media (max-width: 600px) {
	
	
	header .favs svg{
    height: 32px;
    width: 27px;
   }
   
   
				
		.favs .favs-number{
			
		position: absolute;
		left: 11px;
		width: 15px;
		height: 15px;
		line-height: 15px;
		font-size: 10px;
		top: 8px;	
			
		}	
	
	header .logo-cabecera{ padding: 0px;}
	
	.container{ width: 98%; }
	.offcanvas{ min-width: 90vw!important; }
	
	.breadcrumb p .bull,
	.breadcrumb p .home-link{ display: none; }
	.breadcrumb p strong{ 
		font-size: 2.1rem; 
		display: block;
		line-height: 2rem;
		margin-bottom: 20px;
	}

	.companies .col-lg-2{
		width: 50%;
	}
	.companies a{ height: 90px; line-height: 90px; margin-bottom: 15px;}
	
	.product .title_block .btn-config{ /*width: 100%;*/ /*float: none;*/ /*margin-top: 30px;*/ }

	.product-carusel .product{ max-width: 45vw; }

	.graphic-carusel .graphic{ max-width: 45vw; }

	.project-carusel .important-setting{ max-width: 45vw; }
	/*.project-carusel .important-setting img{ max-height: 41vw; }*/

/*	
	header.searching .hide_on_search{ display: inline-block; }
	header.searching .show_on_search{ display: block; }
	header.searching .hide_on_search_mobile{ display: none; }
	header.searching .show_on_search_mobile{ display: inline-block; }
	
	header .search-field input[type='text']{ max-width: 65%; }
*/
		
	
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) {  
	
	.filters_div,
	.menu_div{
		width: 30%;
		
	}
	.menu_div > *{ transform: scale(0.8); }
	
	header .toggle-menu{ width: 28px; }
	
	.logo-cabecera{
		width: 40%;
	}
	
	
}