html {
	scroll-behavior: smooth;
}

/* cookie*/
/* nuova versione */

.cookie-warn {
	/*position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 90%;*/
}

.cookie-warn-in {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	/* bottom: 0; */
	background: #eee;
	padding: 40px;
	text-align: center;
	width: 80%;
	min-height: 40%;
	z-index: 100000;
	/* border-top: 2px solid #000; */
	display: flex;
	justify-content: center;
	align-items: center;
}
.cookie-hide {
	position: absolute;
	top: 20px;
	right: 20px;
}

.cookie-warn-block {
	width: 100%;
	height: 100%;
}

.cookie-warn-block h4 {
	font-size: 20px;
	margin-bottom: 20px;
}

.cookie-warn-block p {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 20px;
}

.cookie-warn-block label {
	margin-bottom: 10px;
}

.cookie-selection {
	margin-top: 25px;
}

.cookie-set {
	margin: 10px 5px;
	min-width: 150px;
}

#cookie-initial {
	display: none;
}

#cookie-multichoice {
	display: none;
}

.cookie-multichoice-open {
	margin: 10px 5px;
}

.cookie-link {
	cursor: pointer;
	margin: 10px 0px;
}

/* menu secondo livello  */
ul.dropdown-menu.maindrop ul {
	top: 0;
	left: 100%;
}

ul.dropdown-menu.maindrop li {
	position: relative;
}

/* indirizzi */

#add-content .col-sm-4:nth-child(3n+4) {
	clear: both;
}

/* voti prodotto */
.mezzastar {
	display: none;
	width: 13px;
	overflow:hidden;
}

.mezzastar .glyphicon{
    margin-left: -12px;
}

.containerStelle {
	font-size: 25px;
}

.containerStelle:hover .add-rating {
	color: #f00
}

.add-rating {
	float: left;
    padding: 3px;
}

.add-rating:hover + .add-rating, .add-rating:hover + .add-rating + .add-rating, .add-rating:hover + .add-rating + .add-rating + .add-rating, .add-rating:hover + .add-rating + .add-rating + .add-rating + .add-rating {
	color: #F90;
}

.containerStelle span {
	float: left;
}

.voto-sum-10 .voto-s-1, .voto-sum-15 .voto-s-1, .voto-sum-20 .voto-s-1, .voto-sum-25 .voto-s-1, .voto-sum-30 .voto-s-1, .voto-sum-35 .voto-s-1, .voto-sum-40 .voto-s-1, .voto-sum-45 .voto-s-1, .voto-sum-50 .voto-s-1 {
	color: #f00
}

.voto-sum-20 .voto-s-2, .voto-sum-25 .voto-s-2, .voto-sum-30 .voto-s-2, .voto-sum-35 .voto-s-2, .voto-sum-40 .voto-s-2, .voto-sum-45 .voto-s-2, .voto-sum-50 .voto-s-2 {
	color: #f00
}

.voto-sum-30 .voto-s-3, .voto-sum-35 .voto-s-3, .voto-sum-40 .voto-s-3, .voto-sum-45 .voto-s-3, .voto-sum-50 .voto-s-3 {
	color: #f00
}

.voto-sum-40 .voto-s-4, .voto-sum-45 .voto-s-4, .voto-sum-50 .voto-s-4 {
	color: #f00
}

.voto-sum-50 .voto-s-5 {
	color: #f00
}

.voto-sum-15 .voto-s-2, .voto-sum-25 .voto-s-3, .voto-sum-35 .voto-s-4, .voto-sum-45 .voto-s-5 {
	color: #f00;
	width: 12px;
	overflow:hidden;
}

.voto-sum-15 .voto-s-15, .voto-sum-25 .voto-s-25, .voto-sum-35 .voto-s-35 , .voto-sum-45 .voto-s-45 {
	display: block;
}


/* custom select */
.ui-selectmenu-button.ui-button {
	width: 100%;
    height: 34px;
    padding: 8px 7px;
}

.ui-selectmenu-menu .ui-menu {
	max-height: 250px;
}

.ui-widget-overlay {
	background: #313131;
	opacity: .9;
}
/* custom checkbox e radio */
.customContSel {
	display: inline-block;
	height: 13px;
	width: 13px;
	margin-right: 5px;
	text-align: left;
	cursor: pointer;
}

.customContSel input[type=checkbox], .customContSel input[type=radio] {
	padding: 0;
	margin: 0;
	height: 16px;
	width: 16px;
	cursor: pointer;
}

input[disabled] {
	cursor: default;
}

.customCheckbox, .customRadio {
	display: inline-block;
	position: absolute;
	height: 16px;
	width: 16px;
	background-color: #fff;
	border: solid 1px #000;
}

.customRadio {
	border-radius: 8px;
}

.customCheckbox span.cchecked, .customRadio span.cchecked {
	display: block;
	height: 10px;
	width: 10px;
	margin: 2px 0 0 2px;
	background-color: #666;
}

.customRadio span.cchecked {
	height: 8px;
	width: 8px;
	margin: 3px 0 0 3px;
	border-radius: 100%;
}

.customCheckbox.focused, .customRadio.focused{
	box-shadow: #999 0px 0px 5px 2px;
}

.customCheckbox.disab, .customRadio.disab {
	background-color: #eee;
	border: solid 1px #aaa;
}

.customCheckbox.disab span.cchecked, .customRadio.disab  span.cchecked {
	background-color: #ccc;
}

/* cart */
.smallCart {
	white-space: nowrap;
}

/* popup add cart */
.popAdvice {
	min-width: 350px;
	max-width: 700px;
	margin: 0 auto;
}

/* slider */
.bx-wrapper {
	border: none;
	background: none;
	box-shadow: none;
}

.bx-wrapper .sliderProdotti .col-sm-4 {
    padding: 0;
}

.lastBestProducts .bx-viewport {
	padding: 0;
}

.lastBestProducts .bx-viewport .row {
	margin: 0;
}

/* elenco prodotti */
.resCont .col-sm-4:nth-child(3n+4) {
	clear: both;
}


/* Show password */
.showPassword {
	cursor: pointer;
}


/* Forza password */
.pwdStr {
	display: flex;
	justify-content: space-between;
	color: #737373;
}

.pwdStr span {
    width: 23%;
    height: 10px;
    display: inline-block;
    background: #fff;
}

.pwdStr.psw-bad span:first-child {
    background: #d9534f;
}

.pwdStr.psw-poor span:first-child, .pwdStr.psw-poor span:first-child + span {
    background: #f0ad4e;
}

.pwdStr.psw-medium span:first-child, .pwdStr.psw-medium span:first-child + span, .pwdStr.psw-medium span:first-child + span + span {
    background: #5bc0de;
}

.pwdStr.psw-good span {
    background: #5cb85c;
}

.impersonatorBlock {
	position: fixed;
	bottom: 0;
	left: 50px;
	padding: 20px;
	background: #fff;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	box-shadow: 0 0 5px 5px #ddd;
	z-index: 99;
}


/* VECCHIO CONIO */




/* GENERICI */

/* TESTATA */

.main-head {
	height: auto;
	margin-left: -15px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 8000;
}

.main-head .container {
	position: relative;
}

.main-userzone .nav > li {
	display: inline-block;
	padding-left: 30px;
}

.nav > li > a {
	padding: 0;
}

.main-logo {
	z-index: 1;
}

.main-logo a {
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
}

.main-logo h1 {
	font-size: 40px;
	margin: 0;
	padding: 25px 0 20px 120px;
	/* height: 25px; */
	background: url(../img/logo.png) left center no-repeat;
	vertical-align: top;
	/* line-height: 30px; */
	/* font-weight: 100; */
	background-size: contain;
}

.main-logo h1 span {
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
}

.langCont select {
	vertical-align: top;
	display: inline-block;
	margin-top: 8px;
	width: 100px;
	height: 20px;
}

.langCont .customStyleSelectBoxInner {
	background-position: right 7px;
}

.miniCart {
	width: 450px;
}

/*.shopMenu {
    position: absolute;
    bottom: 0;
    right: 0;
}*/
.socialMenu {
	height: 50px;
}

.shopMenu {
	margin-right: 10px;
}

.shopMenu .socialLi {
	display: none;
}

.langCont .customStyleSelectBoxInner {
	padding: 1px 20px 1px 8px;
}

.lines-button {
	display: none;
}

.shopMenu ul {
	//padding-top: 20px;
}

.shopMenu ul li {
	padding: 30px 0 5px 20px;
}

.socialMenu ul li {
	float: right;
	padding: 15px 20px;
}

ul.dropdown-menu.maindrop ul {
	top: 0;
	left: 100%;
}

ul.dropdown-menu.maindrop li {
	padding: 10px;
}

.shopMenu .dropdown-menu > li > a {
	padding: 0;
}

.main-userzone {
	position: absolute;
	right: 0;
}

.main-userzone form {
	padding: 0;
	margin: 0;
}

input[type="text"].searchField {
	width: 70px;
}

input[type="text"].searchField.visibleField {
	width: 200px;
}

.searchBut {
	display: none;
	padding: 3px 12px;
	margin-left: -4px;
	margin-top: -4px;
}

.breadcrumbContainer {
	padding-top: 50px;
}

.breadcrumb {
	margin-bottom: 0;
}

/* Corpo pagina */

.mainBody.mainBodyContent {
	padding-top: 80px;
}

#container .pageBody {
	margin-bottom: 30px;
}

/* Homepage */

.bx-wrapper .bx-viewport {
	left: 0;
}

.mainImg .bx-wrapper {
	padding-left: 0px;
}

.random-brand .thumbnail div a {
	width: 100%;
	height: 170px;
	display: block;
	position: relative;
}

.random-brand .thumbnail div a img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.bx-viewport .sliderProdotti .col-sm-4 {
	padding: 0;
}

.bestSeller-products .bx-wrapper .bx-viewport,
.lastBestProducts .bx-wrapper .bx-viewport {
	padding-left: 20px;
}

.sliderNav span a {
	width: 25px;
	height: 24px;
	display: inline-block;
}

/* Minischede */

.newProd {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.newProd p {
	margin-top: -28px;
	margin-left: 5px;
}

.nomeProdotto h5 a {
	height: 31px;
	display: inline-block;
}

/* Sheda prodotto */

.prodottoNome {
	margin-top: 0;
}

.prodottoThumb {
	margin-top: 10px;
}

.quantitaOrdine {
	margin-top: 20px;
}

.prodDetBlock {
	margin-top: 20px;
}

h2.ui-accordion-header {
	margin-bottom: 0;
}

.popAdvice {
	display: none;
	position: absolute;
	max-width: 80%;
	padding: 15px;
}

.testoPop {
	width: 253px;
}


/* custom select */

.customStyleSelectBox {
	display: block;
	height: 34px;
	width: 100%;
}

.customStyleSelectBoxInner {
	display: inline-block;
	height: 34px;
	padding: 6px 12px;
	width: 100%;
}

.customStyleSelectBoxList {
	position: absolute;
	bottom: 33px;
	margin: 0;
	padding: 0;
	width: 90%;
	*left: 0;
}

.customStyleSelectBoxList li {
	margin: 0;
	padding: 7px 12px;
}

.customContSel {
	display: inline-block;
	height: 13px;
	width: 13px;
	margin-right: 5px;
}

.customContSel input[type=checkbox], .customContSel input[type=radio] {
	padding: 0;
	margin: 0;
	height: 16px;
	width: 16px;
}

.customCheckbox, .customRadio {
	display: inline-block;
	position: absolute;
	height: 16px;
	width: 16px;
}

.customCheckbox span.cchecked, .customRadio span.cchecked {
	display: block;
	height: 10px;
	width: 10px;
	margin: 2px 0 0 2px;
}

.customRadio span.cchecked {
	height: 8px;
	width: 8px;
	margin: 3px 0 0 3px;
}

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

.navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
}

.socialMenu .menu-facebook a {
	width: 40px;
	height: 40px;
	display: inline-block;
}

/*-------- HOME -------*/
.slider-image img {
	width: 100%;
}

.slider-clients {
	margin: 30px 100px;
}

.slider-clients .slider-image img {
	width: auto;
}

.homeNews,
.viewAllNews {
	height: 255px;
}

.homeWorks {
}

.homeWorks .imageBlock,
.homeWorks .textBlock {
	padding: 20px 30px;
	display: block;
}

	.homeWorks .imageBlock.progettazione,
	.homeWorks .imageBlock.realizzazione,
	.homeWorks .imageBlock.installazione {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

.homeWorks .imageBlock h3 {
	/*position: relative;
	top: 100px;*/
	margin: 0px;
	text-transform: uppercase;
}

.homeWorks .textBlock h3 {
	margin-top: 0px;
	margin-bottom: 30px;
}

.homeClients .text-center h3 {
	padding: 20px 0;
}

.homeSections {
	padding: 0px;
	height: 510px;
}

.homeMap {
	height: 500px;
}

.chiSiamo {
	height: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.chiSiamo .chiSiamoIcon {
	height: 140px;
	margin-top: 45px;
	text-align: right;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.chiSiamo .chiSiamoIcon i {
	font-size: 125px;
}

.chiSiamo h2 {
	text-align: right;
}

.chiSiamoText {
	margin: 45px 0;
}

.viewAllNews a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -10000px;
}

.homeSections a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 45% 5%;
	font-size: 38px;
	text-decoration: none;
	text-transform: uppercase;
	color: rgba(255,255,255,0);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

/*.homeSections a:hover {
    background-color: rgba(0, 152, 70, 0.2);
    text-shadow: 2px 2px 0px #00442e;
    color: #fff;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}*/

.homeSections:hover a,
.homeSections:active a {
	background-color: rgba(0, 152, 70, 0.2);
	text-shadow: 2px 2px 0px #00442e;
	color: #fff;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.homeNewsCaption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 20px;
}

.footerContacts {
	height: 300px;
}

.footerInfo {
	height: auto;
}

#map_canvas {
	height: 500px;
}


/*------- ROTAZIONI -------*/

.rotating {
	position: relative;
	height: 300px;
}

.rotating .front {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: inherit;
	height: inherit;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
	transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.rotating:hover .front,
.rotating:focus .front {
	z-index: 900;
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.rotating .back {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 800;
	height: inherit;
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-179deg); /* setting to 180 causes an unnatural-looking half-flip */
	transform: rotateX(-179deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	/* -- transition is the magic sauce for animation -- */
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.rotating:hover .back,
.rotating:focus .back {
	z-index: 1000;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
	transform: rotateX(0deg) rotateY(0deg);
}

/*---- NEWS ----*/
.newsPage {
	padding-top: 45px;
	padding-bottom: 40px;
}

.newsBanner {
	margin-bottom: 40px;
	margin-left: -15px;
	margin-right: -15px;
	height: 220px;
}

.newsBanner.news {
	background: url(../img/newsBanner.jpg) center center no-repeat;
	background-size: cover;
}

.newsBanner.pratiche {
	background: url(../img/praticheBanner.jpg) center center no-repeat;
	background-size: cover;
}

.newsBanner.gestione {
	background: url(../img/sicurezzaBanner.jpg) center center no-repeat;
	background-size: cover;
}

.newsBanner.installazioni {
	background: url(../img/installazioniBanner.jpg) center center no-repeat;
	background-size: cover;
}

.border {
	margin-left: -15px;
	margin-right: -15px;
}

.item {
	position: relative;
	margin-bottom: 20px;
}

.item img {
	width: 100%;
}

.newsCaption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
	display: inline-block;
	padding: 15px 0;
}

.newsCaption p {
	margin-bottom: 0px;
	padding: 0 20px 0 50px;
}

.newsDefaulImage,
.newsDefaulImage a {
	height: 375px;
	display: block;
}

.newsGalleryBlock {
	min-height: 375px;
}

.prodImg img {
	width: 100%;
	margin-bottom: 15px;
}

.newsDateBlock {
	margin-top: 20px;
	height: 140px;
}

.newsDateBlock div {
	margin-top: 15px;
}

.newsDateBlock .newsDay {
	font-size: 40px;
	width: 84px;
	margin: 10px auto;
}

.newsDateBlock .newsMonth {
	font-size: 20px;
}

.newsMenu .title {
	margin-bottom: 0px;
}

.newsMenu .selezionato {
	display: none;
}

/*----- FOOTER -----*/

.toFixFooterCont {
	min-height: 100%;
	position: relative;
	background: #fff;
}

.toFixFooterContBody {
	padding-bottom: 420px;
}

.main-footer {
	width: 100%;
	position: absolute;
	bottom: 0;
}

.footerIcon {
	height: 95px;
	margin-top: 30px;
}

.footerIcon a {
	height: 160px;
	display: block;
	text-align: center;
}

.footerIcon a i {
	font-size: 95px;
}

.footerInfo {
	padding: 10px 0;
}

.footerInfo p {
	margin-bottom: 0px;
}

.footerPrivacy,
.footerMindgear {
	margin: 15px 0;
}

.footerText a {
	display: block;
}


/*------ NOTIFICHE -----*/

.notification {
	text-align: center;
	padding: 10px 0;
	background: #eee;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}

/* ---------- RESPONSIVE ---------*/

@media (min-width: 991px) and (max-width: 1200px) {

	.main-logo h1 {
		font-size: 35px;
	}

	.main-logo h1 span {
		font-size: 20px;
	}

	.shopMenu ul li {
		//padding: 25px 0 5px 12px;
	}

	.homeSections a {
		padding: 45% 0;
	}

	/*---- NEWS ----*/

	.newsDateBlock .newsMonth {
		font-size: 17px;
	}
}

@media (max-width: 991px) {

	.toFixFooterContBody {
		padding-bottom: 395px;
	}

	.main-logo h1 span {
		font-size: 20px;
	}

	.homeSections a {
		padding: 50% 0;
	}

	.slider-clients {
		margin: 30px 0px;
	}

	.slider-clients .bx-wrapper .bx-next {
		right: 0px;
	}

	.slider-clients .bx-wrapper .bx-prev {
		left: 0px;
	}

	/*---- NEWS ----*/
	.newsDateBlock .newsDay {
		font-size: 20px;
		width: auto;
	}

	.newsDateBlock .newsMonth {
		font-size: 12px;
	}

	.newsBanner.pratiche h1 {
		padding: 65px 30px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.toFixFooterContBody {
		padding-bottom: 420px;
	}

	.shopMenu ul li {
		//padding: 15px 8px;
	}

	.newsDateBlock div {
		margin-top: 35px;
	}

	.footerInfo {
		height: auto;
	}

	.footerContacts {
		height: 320px;
	}
}

@media (max-width: 767px) {

	.homeSections a {
		padding: 30% 0;
	}

	.homeSections a {
		background-color: rgba(200, 200, 200, 0.3);
		text-shadow: 2px 2px 0px #00442e;
		color: #fff;
	}

	.homeWorks .imageBlock h3 {
		top: 80px;
	}

	.shopMenu .navbar-nav li a {
		font-size: 26px;
	}

	.chiSiamo .chiSiamoIcon {
		text-align: center;
	}

	.toFixFooterContBody {
		padding-bottom: 877px;
	}

	.bx-wrapper .bx-controls-direction a {
		top: 40%;
	}

	.slider-clients .bx-wrapper .bx-controls-direction a {
		top: -19%;
	}

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom: 10px;
	}

	.slider-clients .slider-image {
		margin-left: 15px;
	}

	.lines-button {
		position: fixed;
		top: 10px;
		right: 10px;
	}

	.navbar {
		min-height: 0;
		text-align: center;
		margin-bottom: 0px;
	}

	.main-logo {
		text-align: left;
	}

	.main-logo a {
		margin-left: 0px;
		display: inline-block;
	}

	.lines-button {
		display: inline-block;
	}

	.shopMenu ul li {
		padding: 15px 20px;
	}

	.socialMenu .menu-facebook a {
		margin-right: 0px;
	}

	.navbar-toggle {
		float: none;
		margin-right: 0px;
	}

	.shopMenu ul {
		width: 100%;
		text-align: center;
		position: fixed;
		left: 0;
		background: rgba(255,255,255, 0.9);
		margin: 0;
		top: 133px;
		bottom: 0;
	}

	.socialRow {
		display: none;
	}

	.shopMenu .socialLi {
		display: block;
	}

	.newsGalleryBlock {
		min-height: inherit;
	}

	.newsGalleryImage {
		float: left;
	}

	.newsMenuImage {
		float: left;
	}

	.newsMenuCaption {
		float: right;
	}

    .chiSiamo,
    .footerContacts {
        height: auto;
        display: block;
    }

	.footerInfo {
		padding: 20px 0;
	}

	.footerText,
	.chiSiamo h2 {
		text-align: center;
	}


	/*---- NEWS ----*/

	.newsDateBlock {
		margin-top: 20px;
		height: 140px;
	}

	.newsDateBlock div {
		margin-top: 15px;
	}

	.newsDateBlock .newsDay {
		font-size: 40px;
		width: 84px;
		margin: 10px auto;
	}

	.newsDateBlock .newsMonth {
		font-size: 20px;
	}
}

@media (max-width: 600px) {

	.toFixFooterContBody {
		padding-bottom: 897px;
	}

	.mainBody.mainBodyContent {
		padding-top: 102px;
	}

	.main-logo h1 {
		font-size: 35px;
		height: 60px;
		padding: 17px 0 50px 80px;
	}

	.main-logo h1 span {
		font-size: 17px;
	}

	.homeSections a {
		padding: 35% 0;
	}

	.shopMenu ul {
		top: 102px;
	}

	.footerIcon {
		height: 105px;
		margin-top: 20px;
	}

	/*--- NEWS ---*/

	.newsBanner h1 {
		padding: 65px 30px;
	}
}

@media (max-width: 450px) {

	.toFixFooterContBody {
		padding-bottom: 897px;
	}

	.mainBody.mainBodyContent {
		padding-top: 142px;
	}

	.main-logo h1 {
		/*font-size: 27px;
		height: 50px;
		background-size: contain;
		padding: 46px 0 50px 0px;
		background: url(../img/logo.png) top center no-repeat;
		text-shadow: 1px 1px 0px #fff;*/
	}

	.main-logo h1 span {
		font-size: 13px;
	}

	.shopMenu ul {
		padding: 0;
		width: 100%;
		text-align: center;
		position: fixed;
		left: 0;
		background: rgba(255,255,255, 0.9);
		margin: 0;
		top: 102px;
		bottom: 0;
	}

	.homeSections a {
		padding: 45% 0;
	}

	.homeWorks .imageBlock h3 {
		top: 80px;
	}

	.lines-button {
		position: fixed;
		top: 30px;
		right: 10px;
	}

	/*--- NEWS ---*/

	.newsBanner.pratiche h1 {
		padding: 25px 30px;
	}
}



/*----- BOTTONE X -----*/

button {
	display: inline-block;
	margin: 0 1em;
	border: none;
	background: none;
	outline: none;
}

button span {
	display: block;
}


/* ====================== lines button ==================================================*/
.lines-button {
	padding: 2rem 1rem;
	transition: .3s;
	cursor: pointer;
	user-select: none;
	border-radius: 0.57143rem;
	/* */
}

.lines-button:hover {
	opacity: 1;
}

.lines-button:active {
	transition: 0;
}

.lines {
	display: inline-block;
	width: 4rem;
	height: 0.57143rem;
	background: #969696;
	border-radius: 0.28571rem;
	transition: 0.3s;
	position: relative;
}

.lines:before, .lines:after {
	display: inline-block;
	width: 4rem;
	height: 0.57143rem;
	background: #969696;
	border-radius: 0.28571rem;
	transition: 0.3s;
	position: absolute;
	left: 0;
	content: '';
	-webkit-transform-origin: 0.28571rem center;
	transform-origin: 0.28571rem center;
}

.lines:before {
	top: 1rem;
}

.lines:after {
	top: -1rem;
}

.lines-button:hover .lines:before {
	top: 1.14286rem;
}

.lines-button:hover .lines:after {
	top: -1.14286rem;
}

.lines-button.chiuso {
	-webkit-transform: scale3d(0.8, 0.8, 0.8);
	transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.arrow.chiuso .lines:before, .lines-button.arrow.chiuso .lines:after {
	top: 0;
	width: 2.22222rem;
}

.lines-button.arrow.chiuso .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 40deg);
	transform: rotate3d(0, 0, 1, 40deg);
}

.lines-button.arrow.chiuso .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -40deg);
	transform: rotate3d(0, 0, 1, -40deg);
}





.lines-button.x.chiuso .lines {
	background: transparent;
}

.lines-button.x.chiuso .lines:before, .lines-button.x.chiuso .lines:after {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0;
	width: 4rem;
}

.lines-button.x.chiuso .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

.lines-button.x.chiuso .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}



/* VECCIO CONIO */




@media (max-width: 480px) {

	/* Cookies */
	.cookie-warn-in {
		height: 70%;
		width: 90%;
		padding: 20px;
		overflow-y: scroll;
	}

	.cookie-buttons .text-left,
	.cookie-buttons .text-right {
		text-align: center;
	}
}