@media (min-width: 1900px) {
    .container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {
        max-width: 1440px;
    }
}

/* BTN */
.btn-dark {
    --hover: #0b92c3;
    background-color: #0b92c3;
    border-color: var(--light) var(--light) var(--light-300);
	text-transform: uppercase;
}
.btn-dark:hover:not(.bg-transparent) { 
	background-color: #0dace5;
	border-color: var(--light) var(--light) var(--light-300);
}

.btn-dark.free-quote {
    --hover: var(--dark--200);
    background-color: var(--dark);
    border-color: var(--dark) var(--dark) var(--dark-300);
    color: var(--dark-inverse);
	text-transform: none;
}

.btn-dark.free-quote:hover:not(.bg-transparent) {
    background-color: var(--dark--200);
}

.btn-dark.free-quote:hover {
  border-color: var(--dark--200) var(--dark--200) var(--dark);
  color: var(--dark-inverse);
}

.btn-circle.btn-xl { 
	width: 90px!important;
    height: 90px!important;
    padding: 10px 16px!important;
    font-size: 35px!important;
    line-height: 1.9!important;
}

.owl-stage .btn-with-arrow-solid.btn-xl { padding-right: 30px; }
.owl-stage .btn.btn-xl { padding: 0.8rem 1rem; }

/* BADGE */
.badge i.custom-text-primary { color: #8ea027; }

/* TEXT */
.pages p {
	font-size: 1.3rem;
	line-height: 1.6;
}

.pages p strong {
	color: #ffffff;
}

.pages footer p {
	line-height: 1.8;
}

.pages h3 {
	color: #fba618!important;
}

@media (max-width: 768px) {
	.pages p {
		text-align: left;	
	}
}

.pages .contact-form-pagine p, .pages .web-services p {
	font-size: inherit;
	line-height:inherit
}

/* COLORS */

/* Skin Colors */
:root {
	--primary: #15abe3;
}

.text-color-secondary, .text-secondary {
    color: #f6a219!important;
}

.text-color-hover-secondary:hover, .text-hover-secondary:hover {
    color: #0b92c3!important;
}

.feature-box-secondary .feature-box-icon {
    background-color: #0b92c3;
}

.bg-color-quaternary, .bg-quaternary {
    background-color: #00b7a8!important;
}

.thumb-info .thumb-info-type, .thumb-info .thumb-info-action-icon, .thumb-info-social-icons a, .thumbnail .zoom, .img-thumbnail .zoom, .thumb-info-ribbon { background-color: #0b92c3; }

.mark.mark-color-primary:before {
    background: #ef007e;
}

.fucsia-color { color: #ef007e; }
.greenwater-color { color: #00b7a8; }
.orange-color { color: #f6a219; }

@media (min-width: 992px) {
  #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a.active {
    color: var(--light-rgba-90) !important;
  }
}

.page-policy p, .page-policy h4 { color: inherit; }

/* SERVICES PAGE */

.page-header {
	background-image: url("../img/bg-page-header.png");
	background-position: center bottom -90px; 
  	background-repeat: no-repeat;
  	background-size: contain;
}

/* HOME PAGE */

.body.home {
	background-image: url("../img/bg-body-danovaro-litografia.webp")!important;
	background-position: center top 0px!important; 
  	background-repeat: no-repeat!important;
  	background-size: auto!important;
}

@media (max-width: 1440px) {
	.body.home {
		background-position: center top -20px!important; }
	}

@media (max-width: 1366px) {
	.body.home {
		background-position: center top -30px!important; }
	}

@media (max-width: 1200px) {
    .body.home {
        background-position: center top -70px !important;
    }
}

@media (max-width: 1024px) {
    .body.home {
        background-position: center top -110px !important;
    }
}

@media (max-width: 820px) {
	.body.home {
        background-position: center top -160px !important;
    }
}

@media (max-width: 768px) {
	.body.home {
		background-position: center top 20px!important;
		background-size: 120% !important; }
	}

/* MAIN */
.body.home .main { margin-top: 625px; }

@media (max-width: 1920px) {
	.body.home .main { margin-top: 505px; }
}

@media (max-width: 1440px) {
	.body.home .main { margin-top: 390px; }
}

@media (max-width: 1366px) {
	.body.home .main { margin-top: 380px; }
}

@media (max-width: 1200px) {
    .body.home .main {
        margin-top: 330px;
    }
}

@media (max-width: 1024px) {
    .body.home .main {
        margin-top: 290px;
    }
}

@media (max-width: 820px) {
    .body.home .main {
        margin-top: 240px;
    }
}

@media (max-width: 768px) {
	.body.home .main { margin-top: 125px; }
}

@media (max-width: 360px) {
	.body.home .main { margin-top: 120px; }
}


/* HEADER */

.titleheader {
	font-size: 19.8px;
	font-weight: 500;
	line-height: 1.9rem;
	color: #777;
	text-align: left;
    padding-left: 11.3%;
}

.sticky-body.bg-color-dark {
  	background-color: rgba(0,0,0,1) !important;
}

@media (max-width: 768px) {
	.sticky-body.bg-color-dark .container-fluid {background-size: 70%;}
}

/* Ridimensionamento responsive del logo */
.sticky-wrapper .logocontainer img.img-fluid { width: 100%; }

.sticky-wrapper .img-fluid {
    transition: transform 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
    transform-origin: left center;
}

.sticky-wrapper .logocontainer {
    transition: padding 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
	padding-top: 0rem !important;
    padding-bottom: 1.5rem !important;
}

.sticky-wrapper .row.align-items-center {
	background-image: url("../img/sfondo-onda-header-danovaro-litografia.png");
	background-position: left bottom; 
  	background-repeat: no-repeat;
  	background-size: contain;
	padding-bottom: 70px !important;
}

.hamburguer-btn {
	width: 50px;
    height: 50px;
    margin: 15px 15px 15px 0px;
}

.hamburguer-btn .hamburguer span { height: 3px; }

/* Quando sticky è attivo */
.sticky-wrapper.sticky-active .titleheader { display: none; }

.sticky-wrapper.sticky-active .img-fluid,
.sticky-wrapper[data-plugin-sticky].sticky .img-fluid {
    transform: scale(0.3);
	margin-top: -95px;
	margin-left: 50px;
}

.sticky-wrapper.sticky-active .hamburguer-btn { 
	margin: 0px 15px 100px;
}

.sticky-wrapper.sticky-active .logocontainer,
.sticky-wrapper[data-plugin-sticky].sticky .logocontainer {
    padding-top: 0rem !important; /* Invece di py-4 (2.5rem) */
    padding-bottom: 0rem !important;
}

.sticky-wrapper.sticky-active .row.align-items-center {
	height: 150px;
	min-height: 150px;
	background-image: none;
}

.sticky-wrapper.sticky-active .sticky-body.bg-color-dark {
	background-color: rgba(0,0,0,0.7) !important;
}


/* Responsive adjustments */

@media (max-width: 1440px) {
	.titleheader { font-size: 16.3px; padding-left: 12.2%; }
	
	.sticky-wrapper .row.align-items-center { padding-bottom: 50px!important; }
	
	.sticky-wrapper.sticky-active .img-fluid,
	.sticky-wrapper[data-plugin-sticky].sticky .img-fluid {
		transform: scale(0.3);
		margin-top: -70px;
	}
	
	.sticky-wrapper.sticky-active .hamburguer-btn { 
	margin: -5px 15px 50px;
	}
	
}

@media (max-width: 1366px) {
	.titleheader { font-size: 15.5px; padding-left: 12%; }
	
	.sticky-wrapper.sticky-active .row.align-items-center { padding-top: 15px; }
}

@media (max-width: 1200px) {
	.titleheader { font-size: 13.5px; }
	
	.sticky-wrapper .row.align-items-center { padding-bottom: 40px!important; }
	
	.sticky-wrapper.sticky-active .row.align-items-center { padding-top: 30px; }
}

@media (max-width: 1024px) {
	.titleheader { font-size: 11.7px; }
	
	.sticky-wrapper .row.align-items-center { padding-bottom: 30px!important; }
	
	.sticky-wrapper.sticky-active .row.align-items-center { padding-top: 50px; }
}

@media (max-width: 820px) {
	.titleheader { font-size: 10px; padding-left: 10.5%; }
}

@media (max-width: 768px) {
	.titleheader { font-size: 9px; }
	
	.sticky-wrapper .logocontainer {
		padding-top: 1.5rem !important;
    	padding-bottom: 1.5rem !important;
	} 
	
	.sticky-wrapper .row.align-items-center { padding-bottom: 0px!important; }
	
    .sticky-wrapper.sticky-active .img-fluid,
    .sticky-wrapper[data-plugin-sticky].sticky .img-fluid {
        transform: scale(0.75);
		margin-top: 0px;
		margin-left: 15px;
    }
    
    .sticky-wrapper.sticky-active .logocontainer,
    .sticky-wrapper[data-plugin-sticky].sticky .logocontainer {
        padding-top: 0.0rem !important;
        padding-bottom: 0.0rem !important;
    }
	
	.sticky-wrapper.sticky-active .row.align-items-center {
	height: 80px;
	min-height: 80px;
	padding-top: 0px;
	}
	
	.hamburguer-btn { 
	margin: 10px 0px;
	width: 30px;
	}
	
	.sticky-wrapper.sticky-active .hamburguer-btn { 
	margin: 10px 0px 0px 0px;
	}
	
}

/* altezza scroll Menu PopUp Hamburgher */
.h-90 {
    height: 90% !important;
}
@media (max-width: 360px) {
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a { 
	font-size: 1.5rem; }
}


#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a 
{
	color: var(--primary);
}

@media (max-width: 768px) {
#header .header-logo img { width: 230px; }
}

@media (max-width: 360px) {
#header .header-logo img { width: 170px; }
}

@media (max-width: 991px) {
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
		color: #fff!important; }
}


/* PopUp Menu */
html.side-header-overlay-full-screen #header { background-color: rgba(0, 0, 51, 0.85); }

/* BTN Close */
.hamburguer-btn .close span { height: 3px; }
.hamburguer-btn.active .close span { width: 100%; }
.hamburguer-btn.hamburguer-btn-side-header-overlay { right: 5%; }
.hamburguer-btn.hamburguer-btn-side-header { top: 12%; }

@media (max-width: 768px) {
	.hamburguer-btn.hamburguer-btn-side-header-overlay { right: 13%; }
	.hamburguer-btn.hamburguer-btn-side-header { top: 3%; }
}

.header-whatsapp {
	font-size: 23px;
  	line-height: 1;
  	color: #fff;
  	margin-right: 5px;
}

.header-phone {
	font-size: 19px;
    margin-right: 5px;
}

.header-whatsapp.mobile {
	font-size: 30px;
}

.header-phone.mobile {
	font-size: 25px;
}

html.side-header-overlay-full-screen #header .header-row-side-header {
	flex: 0 0 100%;
}

/* Ordine invetito Menu PopUp*/
nav.nav-danovaro {
    display: flex;
    flex-direction: row;
}

nav.nav-danovaro .feature-box {
  display: inline-flex;
}

.first-ul {
    order: 1;
}

.second-ul {
    order: 2;
}

.third-ul {
    order: 3;
}

/* Su desktop inverte l'ordine */
@media (max-width: 768px) {
    nav.nav-danovaro {
        flex-direction: column;
    }
	
	nav.nav-danovaro .feature-box {
	  display: inline-flex;
	  margin-top: 0px!important;
		
	}
    
    .first-ul {
        order: 2;
    }
    
    .second-ul {
        order: 1;
    }
	
	.third-ul {
    order: 3;
	}
}

/* Sotto MENU SEVIZI in HP */

ul#menuservices {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center;
	padding: 15px 0px 10px;
}

ul#menuservices li i {
	font-size: 12px;
	font-weight: 700;
}

ul#menuservices li a {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
}

ul#menuservices li a:hover { color: var(--primary); }

@media (min-width: 360px) {
	ul#menuservices li a { font-size: 8px; }
	ul#menuservices li i { font-size: 7px; }
}

@media (min-width: 376px) {
	ul#menuservices li a { font-size: 10px; }
	ul#menuservices li i { font-size: 8px; }
}

@media (min-width: 820px) {
	ul#menuservices li a { font-size: 20px; }
}

@media (min-width: 1000px) {
	ul#menuservices li a { font-size: 22px; }
}

@media (min-width: 1200px) {
	ul#menuservices li a { font-size: 27px; }
	ul#menuservices li i { font-size: 12px; }
}

@media (min-width: 1366px) {
	ul#menuservices li a { font-size: 32px; }
	ul#menuservices li i { font-size: 14px; }
}

@media (min-width: 1440px) {
	ul#menuservices li a { font-size: 34px; }
	ul#menuservices li i { font-size: 15px; }
}

@media (min-width: 1900px) {
	ul#menuservices li a { font-size: 46px; }
	ul#menuservices li i { font-size: 18px; }
	ul#menuservices { padding-top: 25px; }
}

@media (min-width: 2560px) {
	ul#menuservices li a { font-size: 60px; }
	ul#menuservices li i { font-size: 23px; }
	ul#menuservices { padding-top: 40px; padding-bottom: 20px; }
}


/*@media (min-width: 769px) {
	.menuservices-image { display: none;}
}
@media (max-width: 768px) {
	ul#menuservices { display: none;}
}*/




/* HERO SLIDES */

@media (min-width: 1445px) {
  #herosliderhp.owl-carousel {
    height: 620px !important;
  }
}

@media (min-width: 2560px) {
  #herosliderhp.owl-carousel {
        height: 840px !important;
    }
}

.owl-carousel .rotate-animation {
	animation: rotate-animation 20s infinite linear;
}

.custom-stamp-1 {
    left: -60px;
    top: 5%;
	width: 230px;
    height: 230px;
}

.custom-stamp-1:after { border: none; }

.teschio {
	background-image: url("../img/teschio-messicano-danovaro.png"); 
	background-position: center; 
  	background-repeat: no-repeat;
  	background-size: 55%;
}


@media (max-width: 768px) {
.owl-item .btn-with-arrow.btn-xl, .btn-with-arrow-solid.btn-xl {
    padding-right: 45px;
	}

    .first-img-slide-1 img, .first-img-slide-3 img {
        max-width: 90%;
        margin: auto;
    }
	.first-img-slide-2 img, .first-img-slide-4 img {
        max-width: 90%;
        margin: auto;
    }
}

@media (max-width: 360px) {
    .first-img-slide-1 img, .first-img-slide-3 img {
        max-width: 100%;
    }
	.first-img-slide-2 img, .first-img-slide-4 img {
        max-width: 100%;
    }
}


/* CAROUSEL IMG in HP */ 

.full-width-negative {
    margin-left: -1rem;   /* Contrasta px-3 */
    margin-right: -1rem;
	width: auto;
}

@media (min-width: 992px) {
    .full-width-negative {
        margin-left: -3rem;   /* Contrasta px-lg-5 */
        margin-right: -3rem;
    }
}


/* FEATURES */
.danovaro-features-box .feature-box .feature-box-icon i {
	color: #ed048c;
    font-size: 50px;
    width: 60px;
    height: 80px;
    margin: auto;
}

/* CASCADING IMG */

@media (max-width: 768px) {
#recap .cascading-images-wrapper .p-relative { left:-35%!important; }
#recap .cascading-images-wrapper .cascading-images img	{ max-width: 200%; }
#recap .bottomrecap { margin-top: -180px; margin-bottom: 100px; }
#recap .bottomrecap.servizi { margin-top: 0px; margin-bottom: 100px; }
}

.cascading-images-wrapper .cascading-images img {
    max-width: 120%;
    padding-bottom: 20%;
}

.label-img-cascading {
	bottom: 0%;
	left: -45%;
}

@media (max-width: 768px) {
.label-img-cascading {
	    bottom: -20%;
	}
}

/* SERVICES */

.custom-pos-2 {
    left: -10%;
    top: -3%;
}

.custom-el-3 {
    transform: none;
}

.list-print li {
	font-weight: 700;
}

.text-resp-100 {
	line-height: 2;
}

/* FOOTER */
#footer { border-color: #fff; }

#footer a:not(.btn):not(.no-footer-css).text-color-light:hover {
  	color: var(--primary)!important;
}

#footer .social-icons.social-icons-medium li a {
	height: 53px;
    line-height: 53px;
    width: 53px;
    font-size: 1.9rem;
}

@media (max-width: 768px) {
.first-text-footer { padding-right: 3rem !important; padding-left: 3rem !important;}
}