body { font-family: "Khand", sans-serif; background-color: #fff; position: relative; display: flex; flex-direction: column; min-height: 100vh; font-size: 1.1rem; }

.container-fluid { max-width: 1400px; }

a { color: #ff6900; }
a:hover { color: #dd4700; }

header,footer { background-color: #fff; color: #000000; font-size: 1.35rem; }
header .link-1 { color: #000000; margin-right: 15px; }
header .link-1:hover { color: #000; text-decoration: none; }
header .link-2 { color: #ff6900; margin-right: 15px; }
header .link-2:hover { color: #dd4700; text-decoration: none; }

.barra { background-color: #ff6900; height: 5px; margin: 5px 0 0; }

nav {}
nav a { display: block; color: #444; font-size: 1.3rem; border-right: 1px solid #ff6900; }
nav a:last-child { border: none; }
nav a:hover { color: #ff6900; text-decoration: none; }

main { flex: 1; }

.h-50 { height: 50%; }
.h-100 { height: 100%; }

/*
.riga-sopra { height: 50%; position: relative;}
.riga-sopra > div { position: absolute; bottom: 0; left: 0; right: 0; }
*/

.titolo-h1 { font-size: 1.8rem; margin: 1rem 0; padding: 0.25rem 0.25rem 0 0.25rem; text-align: center; }

.home-titolino { display: flex; width: 100%; justify-content: center; align-items: center; font-size: 2.5rem; text-align: center; }
.home-titolino:before, .home-titolino:after { content: ''; border-top: 2px solid #ff6900; margin: 0 20px 0 0; flex: 1 0 20px; }
.home-titolino:after { margin: 0 0 0 20px; }

.home-scelti img { transition: all .2s ease-in-out;  }
.home-scelti img:hover {          
		   -moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05); }
.home-catalogo a { text-decoration: none; }


.text-shadow { text-shadow: 0 0 5px rgba(0,0,0,1), 0 1px 2px #000; }
.text-shadow-light { text-shadow: 0 0 5px rgba(255,255,255,1), 1px 1px 1px #fff; }


.bread a { color: #6c757d; text-decoration: none;  }
.bread a:hover { text-decoration: underline; }

.text-col-1 { color: #000000;}
.text-col-1a { color: #b8b8c4;}
.text-col-2 { color: #ff6900;}
.text-col-2a { color: #e3d2c5;}
.text-col-3 { color: #aaaaaa; }

.bg-col-1 { background-color: #000000; }
.bg-col-1a { background-color: #b8b8c4; }
.bg-col-2 { background-color: #ff6900;  }
.bg-col-2a { background-color: #e3d2c5;  }
.bg-grigino { background-color: #dddddd; }
.bg-lightgrey { background-color: #eeeeee; }

.btn-outline-orange { background-color: #ff6900; border-color: #ff6900; color: #ffffff; }
.btn-outline-blu { background-color: #ffffff; border-color: #ffffff; color: #000000; }
.btn-outline-blu:hover { background-color: #000000; border-color: #000000; color: #ffffff; text-decoration: none; }

.border-bottom-orange-5px { border-bottom: 5px solid #ff6900; }
.border-grey { border-color: #dee2e6; }

.bread { font-size: 0.9rem; }

.prodotto .descrizione { font-size: 1rem; }
.prodotto td { font-size: 0.9rem; }

.box-prodotto * {	
	-webkit-transition: all 0.4s ease-in-out !important; 
	   -moz-transition: all 0.4s ease-in-out !important; 
	        transition: all 0.4s ease-in-out !important;  
	 -webkit-transform:scale(1.0);
	        }
.box-prodotto .card { border: none; }	        
.box-prodotto a { text-decoration: none;  }
.box-prodotto .card-img-cont { overflow: hidden; }
.box-prodotto a:hover .card { box-shadow: 0 0 50px rgba(0,0,0,0.2);}

a.card-link-cont img {  -webkit-transform:scale(1.0); }
a.card-link-cont:hover img  { 
	-webkit-transform: scale(1.5) rotate(10deg) !important; 
	   -moz-transform: scale(1.5) rotate(10deg) !important; 
	        transform: scale(1.5) rotate(10deg) !important;  }


.ekko-lightbox-nav-overlay a { opacity: 1 !important; color: #000 !important; }

#btnSupport { position: fixed; bottom: 0; right: 30px; box-shadow: 0 0 5px #fff; }


#side-menu { background-color: rgba(225,225,225,1); position: fixed; left: 0; top: 0; margin-left: -100%; width: 100%; height: 100%; overflow: scroll; z-index: 999999;  }
.side-menu-link1 { margin-top: 10px; border-top: 1px solid #ccc;  }
.side-menu-link1 a { display: block; font-size: 1.2rem; border-bottom: 1px solid #ccc;  }
.side-menu-link1 a:hover { background-color: #fff; }
.side-menu-link2 { border-top: 1px solid #ccc;  }
.side-menu-link2 a { display: block; font-size: 1.2rem; border-bottom: 1px solid #ccc; color: #000000;  }
.side-menu-link2 a:hover { background-color: #fff; }

@media (max-width: 575px) {
	.logo img { height: 60px; }
}
@media (min-width: 576px) and (max-width: 767px) {
	.logo img { height: 60px; }
	.bread { font-size: 1.0rem; }
	.titolo-h1 { font-size: 2.0rem; }
	.prodotto .descrizione { font-size: 1.05rem; }
	.prodotto td { font-size: 0.93rem; }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.logo img { height: 80px; }
	.bread { font-size: 1.05rem; }
	.titolo-h1 { font-size: 2.1rem; }
	.prodotto .descrizione { font-size: 1.12rem; }
	.prodotto td { font-size: 0.96rem; }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	.logo img { max-width: 100px; }
	.bread { font-size: 1.10rem; }
	.titolo-h1 { font-size: 2.3rem; }
	.prodotto .descrizione { font-size: 1.16rem; }
	.prodotto td { font-size: 1.02rem; }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399px) {
	.logo img { max-width: 125px; }
	.bread { font-size: 1.20rem; }
	.titolo-h1 { font-size: 2.45rem; }
	.prodotto .descrizione { font-size: 1.20rem; }
	.prodotto td { font-size: 1.06rem; }
}
/* Large devices (large desktops, 1400px and up) */
@media (min-width: 1400px)  {
	.logo img { max-width: 150px; }
	.bread { font-size: 1.30rem; }
	.titolo-h1 { font-size: 2.6rem; }
	.prodotto .descrizione { font-size: 1.25rem; }
	.prodotto td { font-size: 1.1rem; }
}