@charset "UTF-8";

/* si devono scgliere i css opportuni e personalizzarli con colori e altro! */
@import url("v2_stile_base.css"); 
@import url("menu.css");
@import url("piede.css"); 
@import url("v2_area0.css"); 
@import url("affianca-img-text.css");
@import url("v2_area1.css"); 
@import url("sacchiera.css");
@import url("areaContatti_v2.css"); 



/* parte CUSTOMIZZABILE della grafica! */
body .cc-cookies {
	font-weight: 300 !important;
	line-height: normal;
}
body .cc-cookies a.cc-cookie-accept {
	color: #000;
	transition: all 0.25s ease;
}
body .cc-cookies a.cc-cookie-accept:hover {
	color: #fff;
}
.container-top {
	background-color: #ff8f44;
	color: #212121;
	font-weight: 300;
	padding: 8px 0;
	font-size: 15px;
	white-space: nowrap;
}
.container-top a, .container-top a:visited, .container-top a:active, .container-top a:focus {
    color: #212121;
    font-weight: normal;
}
.container-top a:hover {
    color: #eee ;
}
.container-top #flags a img {
	vertical-align: unset;
    margin: 0 10px;
}

@media (max-width: 800px) {
	.container-top .container {
		max-width: 100%;
	}
}
@media (max-width: 600px) {
	.container-top {
		/*display: none;*/
	}
}

th {
    background-color: #eee;
    border-bottom: solid 1px #ccc;
    text-align: center;
}
nav.navbar .navbar-collapse ul {
	display: flex;
	justify-content: space-between;
}


.no-result {
	display: none;
}
legend {
	margin: 10px 0;
}
label {
	/*font-weight: normal ;*/
}
.didascalia {
	text-align: center;
	font-size: 10px;
}
.evidenzia {
    font-weight: bold;
}
.mappa_in_art {
	height: 200px;
	width: 100%;
	border: 1px solid #f0f0f0;
	
}
.backLink {
	display: none;
	font-weight: bold;
	float:right;
}
/*
.panel-body {
	padding: 0px;
}
*/

.sep{
	clear: both;
	height: 1px;
	background-color: transparent;
	margin: 20px auto;
	
	display: none;
}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}

.modal-dialog {
  color: #404040;}
.modal-footer {
    height: 70px;
    margin: 0;
}
.modal-footer .btn {
    font-weight: bold;
}
.modal-footer .progress {
    display: none;
    height: 32px;
    margin: 0;
}
.border-top {
    border-top: 1px solid #383838;
}

.owl-nav {
    position: absolute;
    width: 100%;
    bottom: 50%;
}
.owl-nav .owl-prev {
	left: -40px;
	position: absolute;
	background-color: transparent !important;
}
.owl-nav .owl-next {
	right: -40px;
	position: absolute;
	background-color: transparent !important;
}
section#fascia_contenuti {
	margin-top: 30px;
}
section#search {
	/* display: table;*/ 
	margin:20px auto;
}
section#search h4 {
	/*display: none;*/
}
section#search input#search-submit {
	transition: background-color 1s ease;
	background-color: #e5c400;
	border-radius: 4px;
	border-style: none;
	color: #fff;
	font-size: 16px;
	padding: 6px 50px;
	position: relative;
}
section#search input#search-submit:hover {
    background-color: #eed127;
}

@media (max-width: 990px) {
	.owl-nav .owl-prev {
		left: 0px;
	}
	.owl-nav .owl-next {
		right: 0px;
	}
}

.owl-dots {
	top: 100%;
	position: absolute;
	width: 100%;
	text-align: center;
}
input[type=checkbox].category-check {
	display: none;
}
input[type=checkbox].category-check + label {
	margin-left: 25px;
    cursor: pointer;
}
input[type=checkbox].category-check:checked + label::before {
    background-color: #fff;
    border: 1px solid #fff;
}
input[type=checkbox].category-check + label::before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    border: 1px solid #fff;
    position: absolute;
    top: 3px;
    left: 18px;
    border-radius: 15px;
}

.embed-container { position: relative; padding-bottom: 28.25%; height: 0; overflow: hidden; max-width: 100%; min-height: 600px; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


section#content_fixed_msg {
	padding: 60px 50px 50px 50px;
	font-size: 26px;
	line-height: 26px;
}
section#content_fixed_msg p#gitf::before {
	font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f06b";
    padding: 0px;
    font-size: 55px;
    color: #e5c400;
}

section#content_fixed_msg p span#pointer {
	position: relative;
}
section#content_fixed_msg p span#pointer::after {
	font-family: "Font Awesome 5 Free";
    font-weight: 700;
	content: "\f245";
	
    padding: 0px;
    font-size: 30px;
	color: #d0d0d0;
	position: absolute;
	top: 25px;
  	right: -20px;
}

section#pagina-title {
	color:  #FFFFFF;
	
    background-color: #101010;
    padding: 30px 0 30px 0;
}
section#pagina-title.no-bakgroung-color {
	color:  #FFFFFF;text-shadow: 2px 2px 6px #000;
	background-color: transparent;
	/* margin-top: 150px;  serve se metto <header class='navbar-fixed-top'> */
}
section#pagina-title h1 {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 35px;
}

section#breadcrumb {
	display: none;
	color:  #FFF;
	background-color:  #bda702;
	/* margin-top: 150px;  serve se metto <header class='navbar-fixed-top'> */
}
section#breadcrumb h1 {
	color: #FFF;
	text-transform: uppercase;
}
.breadcrumbs {
	font-size: 13px;
	padding: 10px 0;
	text-transform: uppercase;
}
.breadcrumb {
	background-color: transparent;
    border-radius: 0px;
    list-style: none;
    margin: 0px;
	padding: 0px;
	display: inline;

}
.breadcrumb_leaf {
	font-weight: bold;
	color: #FFF;
}
.breadcrumbs a 
,.breadcrumbs a:active 
,.breadcrumbs a :visited
,.breadcrumbs a :focus {
	color: #FFF;
}
.breadcrumbs a:hover {
	color: #cecece;
}
.start_breadgrumb {
	display:none;
}


#box-ricerca-luna-miele  {
	padding: 20px;
	color: #6c6c6c;
}
#box-ricerca-luna-miele .search-field {
	width: 250px;
}
#box-ricerca .search-field {
	width: 250px;
}


/************************************************************************ Home Page */

/* search home ...quando c'�!!! */
#area-search {
	width: 100%;
	color: #000;
	margin: 50px 0px;
}
/*
#area-search #box-ricerca {
	display: block;
	position: absolute;
	left: 181px;
}
*/
#box-ricerca  {
	padding: 20px;
}

#read_privacy {
	color: #ff8f44;
}

#box-ricerca .search-field {
	width: 250px;
}


#pageNotFoundError {
	margin-top: 10%;
}

.readmore {
	font-weight: bold;
	clear: both;
}
.readmore a {
   float: right; 
}

.readmore a::after {
	font-family: "Font Awesome 5 Free";
    font-weight: 700;
	content: "\f0da";
	/*padding: 0px 15px;
	font-size: 18px;*/
	color: #212121;
	background-repeat: no-repeat;
	margin-left: 10px;
}

.btn-more {
    clear: both;
	font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
	padding-top: 20px;
}
/*
.btn-more a::after {
    /* background-image: url(../images/icona-freccia-blu.png); * /
	font-family: "Font Awesome 5 Free";
    font-weight: 700;
	content: "\f061";
	content: " ";
	padding: 0px 15px;
	font-size: 18px;
	color: #FFF;
	background-repeat: no-repeat;
	margin-left: 10px;
}
*/
.social-share {
	
}

.social-share .at-icon-wrapper {
	background-color: #000 !important;
	/*border: 1px solid #c6c6c6 !important;*/
    border-radius: 10px;
}
/*
.social-share .at-icon {
	background-color: #FFF !important;
	fill: #000 !important;
}*/
.text-art p {
    margin: 0 0 20px 0px;
}
.branch_menu ul {
	padding: 0;
	margin: 0;
}
.striscia-titolo-ist h1.istanza_titolo {
	padding: 20px 0 0;
	text-align: center;
}
.striscia-titolo-ist h2.istanza_sottotitolo {
	padding: 10px 0;
	text-align: center;
}
#slogan-header-int {
	margin-bottom: 20px;
}
h1.arttitle 
,h2.arttitle {
	margin-bottom: 20px;
	/*text-align: center;*/
}
article.vis-art-fotosx .first-img-articolo img {
    width: 50%;
    float: left;
}

/******************************************************************** FORM COMMENTI */
.striscia-titolo-ist h2.istanza_sottotitolo {
	padding: 10px 20px 40px;
	font-size: 20px;
	/*width: 75%;*/
	margin: auto;
    color: #000;
}
form.form_commenti .red-small {
    color: #000;
    font-size: 12px;
    /*padding: 10px;*/
}

form.form_commenti input {
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 2px;
}
form.form_commenti .comment-input {
    width: 200px;
}

form.form_commenti textarea {
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 2px;
    height: 100px;
    width: 600px;
}

form.form_commenti #immagine_antispam {
    height: 60px;
}

form.form_commenti input#comment-submit {
    background-color: #246EA7;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    margin: 5px auto;
    padding: 5px 40px;
    position: relative;
	cursor:pointer;
	border: 1px;
}
form.form_commenti label {
    display: block;
}
form.form_commenti .leftcomment {
    width: 50%;
    float: left;
    clear: left;
}
/* END FORM COMMENTI */

/******************************************************************* ADVANCED SEARCH */

#box-adv-search #filters_active {
	padding: 0 0 10px 0;
}
#box-adv-search #filters_active a {
	color: #626262;
    margin-right: 5px;
}
#box-adv-search #filters_active span {
	display: inline-block;
}

#box-adv-search h4 {
	padding: 10px 0;
}
#box-adv-search #del_all_filters {
	margin-bottom: 5px;
}
#box-adv-search #del_all_filters a {
	color: #626262;
}
#box-adv-search .lista_tag {
	padding: 5px;
	background-color: #f0f0f0;
    display: inline-block;
    margin-bottom: 5px;
	margin-right: 10px;
}
#box-adv-search .lista_tag a {
	color: #626262;
}
#box-adv-search form {
	padding: 10px 0 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#box-adv-search .search-field {
	width: 250px;
}
/* END ADVANCED SEARCH */


/*************************************************************** BRANCH MENU *************************/
.branch_menu {
    margin-top: 100px;
}

.branch_menu #box-prod {
	text-align: center;
}
.branch_menu #box-prod .istanza_titolo{
    margin-top: 60px;
    text-align: center;
	background-color: transparent;
    /*font-size: var(--text-h1-size);*/
}
.branch_menu #box-prod .prod {
	margin: auto;
}

.branch_menu #box-prod ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding: 0;
}

.branch_menu #box-prod li {
    list-style: none;
}
.branch_menu #box-prod li img,
.branch_menu #box-prod li h2
 {
	/*
	-webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
	transition:all 1s;
	*/
}
.branch_menu #box-prod li img{
	/*
	border-radius: 150px;
	border: 5px solid #FFF;
	margin: auto;
	*/

    /*border: 10px solid var(--text-color-3);*/
	
	/* -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);*/
}

.branch_menu #box-prod li:hover img{
	/*
	-webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
    */
    /*border: 10px solid var(--text-color-2);*/
}

.branch_menu #box-prod li a
,.branch_menu #box-prod li a:focus
,.branch_menu #box-prod li a:active
,.branch_menu #box-prod li a:visited
{
	text-decoration: none;
    text-shadow: #FFF 0 0 3px;
	font-weight: bold;
	color: #212121;
}
.branch_menu #box-prod li a:hover {
	color: #ff8f44;
}
.branch_menu #box-prod li h2 {
    padding-top: 5px;
}
.branch_menu #box-prod li:hover h2 {
	position: relative;
    top: 0px;
    color: #dd6d23; /*var(--text-color-2)*/
}
.branch_menu #box-prod .one-prod {

}
@media (max-width: 768px) {
	.branch_menu #box-prod li a {
		font-size: 14px;
	}
}
@media (max-width: 440px) {
	.branch_menu #box-prod ul {
		display: block;
	}
}
/* END BRANCH MENU */


#testo_fixed_msg p {
	margin: 30px 0 9px;
	font-size: 18px;
}

#testo_fixed_msg p a {
	color: #1e387c;
	padding: 10px 20px;
	border: solid 1px #1e387c;
}
#lingue {
    padding-right: 1rem;
}
#lingue a {
    margin-left: 10px;
}

section.link_whatsapp {
	padding: 40px 0;

}
section.link_whatsapp #link_contatti {
	border: 3px dashed #1e387c;
    border-radius: 20px;
    padding: 30px 40px 50px 40px;
}
section.link_whatsapp font {
	color: #000;
	font-size: 30px;
}
section.link_whatsapp font:before {
	font-family: "Font Awesome 5 Free";
    font-weight: 700;
	content: "\f232";
	padding: 0px 5px;
	font-size: 30px;
	color: #000;
}

#condizioni-vendita {
	margin-top: 50px;
}


.colonne_articolo {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.colonna_articolo {
	padding: 0 5px;
}
.colonna_articolo33 {
	width: 33%;
}
.colonna_articolo50 {
	width: 50%;
}
.colonne_articolo div.mail::before
,.colonne_articolo div.tel::before
,.colonne_articolo div.fax::before
{
	font-size: 30px;
}
/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************  MEDIA QUERY **********************************/
/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
@media (max-width: 990px) {
	
	section#content_brand img {
		margin: auto;
		padding: 20px 0;
	}
	footer .container-footer #logo-footer img {
		margin: auto;
	}
	footer .container-footer div {
		text-align: center !important;
	}
	footer .container-footer #div_about_us{
		clear:both;
	}
	#testo_fixed_msg h1 {
		font-size: 28px;
	}
	#testo_fixed_msg p {
		font-size: 14px;
	}
	.colonna_articolo33 {
        width: 100%;
        text-align: center;
	}
	.colonna_articolo50 {
        width: 100%;
        text-align: center;
	}
}

@media (max-width: 768px) {
	section#content_fixed_msg p a {
		font-size: 18px;
		line-height: 18px;
	}

	.cont-articolo-main .altre-img .zoom
	,.section_vis_art article .gallery-item .zoom {
		flex: 0 0 calc(33.33% - 2px);
	}

	#box-adv-search .lista_tag {
		font-size: 13px;
		line-height: 14px;

	}
}

@media (max-width: 575px) {
	section#pagina-title {
		padding-bottom: 0;
	}
	section#pagina-title h1 {
		font-size: 25px;
	}
}
@media (max-width: 530px) {
	section#content_fixed_msg p a {
		font-size: 15px;
		line-height: 18px;
	}

	.cont-articolo-main .altre-img .zoom
	,.section_vis_art article .gallery-item .zoom {
		flex: 0 0 calc(50% - 2px);
	}

	section#content_fixed_msg h1 {
		font-size: 30px;
	}

}

@media (max-width: 440px) {

	section#breadcrumb h1 {
		font-size: 28px;
	}
}