@charset "UTF-8";
@import "custom-portfolio.css";
@import "custom-materiali-termoplastici.css";
@import "custom-settori-industriali.css";
@import "custom2.css";
@import "elasticsearch.css";
@import "accessibility.css";

:root {
  --bluxl:#000C1A;
  --bluxl-opacity: rgba(0, 12, 26, 0.85);
  --blul: #003066;
  --blum: #0055B2;
  --blus: #018de2;
  --testi: #727272;
 /* --titoli: #383838; */ 
  --titoli: #000C1A;
  --menu-footer: #b2b2b2;
  --grigio1: #EDEDED;
  --grigio2: #e6e6e6;
  --grigio3: #F2F2F2;
}


/* Error Page */
html.error-page .error-code {
  font-weight: 800;
}

html.error-page .error-logo {width: 260px;}

html.error-page body {
  background-color: rgba(0, 12, 26, 0.8) !important;
  background-blend-mode: multiply;
}


@media (min-width: 1400px) {.sppb-row-container {max-width: 1200px !important;}}
@media (min-width: 768px) {.sppb-row-container {max-width: 100%;}
}

/* Percorso */
.materiali-plastici .breadcrumb {
  padding: 30px 0px 30px 0;
  background-color: transparent;
  border-bottom: 1px solid var(--grigio2);
  margin-bottom: 40px;
}


.materiali-plastici .breadcrumb .float-start {
  float: left !important;
  margin-right: 15px;
}

/* Typography */

.contatti .sppb-icon-container { color: #fff !important;}

#sp-main-body { padding: 0px;}
#sp-main-body  .container  { max-width: 100%;}

body { color: var(--testi); line-height: 1.7!important; font-size: 17px;}  
@media (max-width: 767px){body {font-size: 15px !important;} } 

body a { color: var(--blus);}
body a:hover { color: var(--blus);}  



.article-details .article-can-edit { margin-bottom: 0px;}

h3 {
    color: var(--titoli);
    font-weight: 700;
    line-height: 1.2;
    font-size: 30px;
    margin-bottom: 20px;
}
  
h5 {
    color: var(--titoli);
    font-weight: 600 !important;
    line-height: 1.2;
    font-size: 20px;
    margin-bottom: 20px;
}  

.df-ui-btn:hover, .df-ui-btn.df-active {color: inherit !important;}


/* Varie sui testi */
body .gmp  {font-size: 17px !important;}



.gmp .sppb-chart-percent span {
  font-size: 22px !important;
  font-weight: 700;
  color: var(--bluxl) !important;
}

.elenco-puntato .sppb-addon-title {font-size: 16px;}
.elenco-puntato .sppb-addon-text {font-size: 14px;}
.elenco-puntato .sppb-icon {font-size: 15px; color: var(--bluxl);}
.elenco-puntato {margin-bottom: 20px;}

.colonna-bg-images h5 {color: #fff !important;}
.colonna-bg-images h3 {color: #fff !important;}

.banner-azienda .sppb-addon-title strong {color: var(--blus);}
.banner-azienda .sppb-addon-title {color: #fff; font-size: 54px;}
.banner-azienda .sppb-addon-content {color: #fff;}
.banner-azienda .sppb-animated-number-title {color: var(--blus); font-size: 18px;}
.banner-azienda .sppb-animated-number { font-size: 49px; font-weight: 700; margin-top: 40px;}
@media (max-width: 992px) {.banner-azienda .sppb-animated-number { font-size: 30px;}}

.banner-azienda .sppb-row-overlay {background-color: rgba(0, 12, 26, 0.8) !important;}
.azienda  #sp-footer { margin-top: -20px;}
body .azienda {font-size: 17px !important;}

.engineering-plastic .boxbluxl, .engineering-plastic .boxblul, .engineering-plastic .boxblum, .engineering-plastic .boxblus {
	height: 400px !important;
	padding: 40px !important;
}

@media (max-width: 1399px) {
	.engineering-plastic .boxbluxl, .engineering-plastic .boxblul, .engineering-plastic .boxblum, .engineering-plastic .boxblus {
	height: 450px !important;	
	}
}

	

.banner-engineering-plastic .sppb-row-overlay {background-color: rgba(0, 12, 26, 0.8) !important; }
.banner-engineering-plastic .sppb-addon-title {color: var(--blus); font-size: 28px; font-weight: 700;}
.banner-engineering-plastic .sppb-addon-content {color: #fff; font-size: 19px; margin-bottom: 30px;}
.banner-engineering-plastic .sppb-addon-divider-wrap { margin: 20px 0;}
.engineering-plastic  #sp-footer { margin-top: -20px;}



.colonna-sx {
  padding: 100px 70px 100px 0px;
  max-width: 550px;
  float: right;
}

@media (max-width: 1124px){.colonna-sx {padding: 70px 70px 70px 30px !important;}}
@media (max-width: 767px){.colonna-sx {padding: 50px 30px 50px 30px !important;}}


.colonna-sx-finale {
  padding: 100px 70px 30px 30px;
  max-width: 550px;
  float: right;
}
@media (max-width: 1124px) {.colonna-sx-finale {padding: 50px 10px 50px 10px !important;}}
@media (max-width: 767px) {.colonna-sx-finale {padding: 50px 20px 50px 20px !important;}}




.colonna-dx {padding: 100px 20px 100px 70px;max-width: 550px;}
@media (max-width: 1124px){.colonna-dx {padding: 70px 30px 70px 70px;}}
@media (max-width: 767px) {.colonna-dx {padding: 50px 30px 50px 30px !important;}}

.colonna-dx-progress-bar { padding: 100px 20px 0px 40px !important;}

@media (max-width: 1124px){.colonna-dx-progress-bar {padding: 70px 30px 0px 30px;}}
@media (max-width: 767px) {.colonna-dx-progress-bar  {padding: 50px 10px 50px 10px !important;}}


.colonna-bg-images .sppb-column-overlay {background-color: rgba(0, 12, 26, 0.8) !important;}

.colonna-bg-images .sppb-addon-text-block { color: #fff !important;}

.colonna-bg-color  { background: var(--grigio3);}

/* Lavorazioni CNS */

.lavorazioni-cnc  .testo-finale .sppb-row-column {padding-right: 0px !important; padding-left: 0px !important;}

.menu-lavorazioni-cns a {
  color: #fff;
  line-height: 1.7 ;
  font-weight: 600;
}


.menu-lavorazioni-cns h4 {
  font-size: 21px;
  line-height: 2;
  font-weight: 600;
}

.lavorazioni-cnc .lavorazioni-cnc .bg-txt .sppb-addon-title {color: #fff;}

.lavorazioni-cnc .bg-txt .sppb-addon-content {color: #fff;}

/* home */

.home .slide .sp-slider-content-align-left {
  background: rgba(255, 255, 255, 0.8);
  padding: 50px;
  width: 70%;
}

.home .slide .sp-slider-outer-stage { height: 800px;}

@media (max-width: 767px) {
.home .slide .sp-slider-outer-stage { height: 400px;}}

.home .slide .sppb-sp-slider-title {
  color: var(--bluxl) !important;
  font-weight: 800;
  font-size: 40px;
  text-transform: uppercase;
}

@media (max-width: 767px) {.home .slide .sppb-sp-slider-title {font-size: 30px;}}



.home .slide .sppb-sp-slider-text {
  color: var(--bluxl) !important;
  font-size: 30px;
}

.home .slide  .sp-slider-btn-text  {
  color: #fff;
  background-color: var(--blus);
  border-color: transparent !important;
  padding: 12px 25px !important;
  border-radius: 2px !important;
  font-size: 13px !important;
  font-weight: bold !important;
  text-transform: none !important;
}

.boxbluxl  {
  background-color: var(--bluxl);
  color: #fff;
  padding: 30px;
}

.boxblul {
  background-color: var(--blul);

  color: #fff;
  padding: 30px;
}

.boxblum {
  background-color: var(--blum);

  color: #fff;
  padding: 30px;
}

.boxblus   {
  background-color: var(--blus);

  color: #fff;
  padding: 30px;
}

.boxblus .sppb-addon-title {
  color: #fff !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  font-size: 23px !important;
  margin-bottom: 15px !important;
}

.boxblum .sppb-addon-title {
  color: #fff !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  font-size: 23px !important;
  margin-bottom: 15px !important;
}

.boxblul .sppb-addon-title {
  color: #fff !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  font-size: 23px !important;
  margin-bottom: 15px !important;
}

.boxbluxl .sppb-addon-title {
  color: #fff !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  font-size: 23px !important;
  margin-bottom: 15px !important;
}

/* Header e top menu */

@media (max-width: 1147px){
#sp-top1 {display: none !important;}
#sp-top2 {display: none !important;}
#sp-header {display: none !important;}
}

@media (max-width: 1146px){
#sp-header-mobile-tablet {display: block !important;}
#offcanvas-toggler {display: block !important;}
.sp-megamenu-parent  {display: none !important;}
}


#sp-header .col-lg-10 { width: 90% !important;}
#sp-header .col-lg-2 { width: 10% !important;}

#sp-top1 .addon-root-text-block {margin-top: 0px !important;}
#sp-top1 .sppb-addon-content {margin: 0px !important;}



#sp-top1 {
  background-color: var(--grigio1);
  padding: 10px 0px 0px 0px;
  font-size: 13px;
}

#sp-top1 .sppb-icons-group-list {margin: -15px 0 0 0 !important;}

.top2 {height: 150px;}

#sp-top2 .logo-dhlamina img {width: 240px !important;max-width: 240px !important;}

#sp-top2 .sppb-feature-box-title  {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

#sp-top2 .sppb-addon-text {
  font-size: 13px;
  line-height: 1 !important;
  padding-bottom: 10px;
} 

#sp-top2 .pull-left {
  margin-right: 10px;
  color: #000c19;
}

#sp-top2 .sppb-media  {
  border-right: 1px solid #e6e6e6;
  margin-left: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  height: 55px;
}

#sp-top2 .no-linea  .sppb-media {border-right: 0px !important;}

/* Modulo lingua */

#sp-header .sp-module {
  margin-left: 0px;
}

.sp-module-content .mod-languages ul.lang-inline li a {
  color: #fff !important;
  padding: 0 25px 0 7px !important;
  line-height: 70px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 600 !important;
  font-size: 14px;
  border-left: 1px solid #fff;
}


body.ltr .sp-megamenu-parent > li.sp-has-child > a::after {display: none;}

.mod-languages ul.lang-inline li a::before {
  content: "|";
  position: absolute;
  height: 5px;
  background-color: var(--blus);
  bottom: 0px;
  left: 25px;
}

#sp-header { height: 70px;  background: var(--bluxl-opacity);}	

#sp-header.header-sticky {
  animation: none;
  background: var(--bluxl-opacity);
}

@media (max-width: 767px) {#sp-header {background: #fff;}}


#sp-header-mobile-tablet { height: 70px; padding: 20px 0px 0px 20px;}

#sp-header-mobile-tablet .container { width: 100%;}

@media (max-width: 1146px){
#sp-logo {width: 85% !important;}
#sp-menu {width: 15% !important;}
}


@media (max-width: 767px) {
#sp-menu > .sp-column {
  float: right;
  margin-right: 30px;
}}

.burger-icon {
  width: 25px;
  cursor: pointer;
  margin-top: -15px;
}


@media (max-width: 1146px){.burger-icon { margin-top: 8px; float: right !important;}}

#sp-header.header-sticky { box-shadow: none;}
	
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background: var(--bluxl);box-shadow: none;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #bebebe;
  font-size: 14px;
  line-height: 1.5;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color: #fff;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {color: #fff;}

#sp-top-bar .sp-module { margin: 0;}

.sp-megamenu-parent > li::before {
  height: 4px;
  background-color: var(--blus);
  bottom: 0px;
  left: 25px;
  transition: all 0.3s ease;
}

.sp-megamenu-parent > li > a {
  color: #fff !important;
  padding: 0 25px;
  line-height: 70px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 600 !important;
  font-size: 14px;
}

@media (max-width: 1199px){
.sp-megamenu-parent > li > a {
  padding: 0 23px !important;
}}

.sp-megamenu-parent > li.active > a {
  color: #fff;
  font-weight: 600;
}

/* Page title */
.sp-page-title {
  background: var(--bluxl);
  padding-top: 184px;
  padding-bottom: 168px;
  margin-top: -70px;
}

@media (max-width: 767px) {.sp-page-title {padding: 60px 30px 40px 0px !important; margin-top: 0px;}}

@media (max-width: 992px) {.sp-page-title {padding: 100px 30px 100px 30px;margin-top: 0px;}}

.sp-page-title .sp-page-title-heading, #titolo-pagina .sppb-addon-title {
  font-size: 75px;
  line-height: 1.2;
  font-weight: 700;
  color: white !important;
  margin-left: 30px !important;
}
@media (max-width: 767px) {
#titolo-pagina .sppb-addon-title {
  margin-left: 0px !important;
}}

@media (max-width: 767px) {.sp-page-title .sp-page-title-heading, #titolo-pagina .sppb-addon-title { font-size: 40px;}}


@media (max-width: 767px){
#titolo-pagina .sppb-addon-content {
  margin-left: 0px !important;
}}

@media (max-width: 767px){
#titolo-pagina .sppb-addon-content {
  margin-left: 0px !important;
}}

.sp-page-title .sp-page-title-sub-heading, #titolo-pagina .sppb-addon-content {
  font-size: 25px;
  font-weight: normal;
  line-height: 1.2;
  margin-top: 20px;
  color: white !important;
  margin-left: 30px ;
}

/* Body e Varie */
body .sppb-btn-default {
  color: #fff;
  background-color: var(--blus);
  border-color: transparent !important;
  padding: 12px 25px !important;
  border-radius: 2px !important;
  font-size: 13px !important;
  font-weight: bold !important;
  text-transform: none !important;
}

body .sppb-btn.sppb-btn-primary{
  color: var(--blus);
  background-color: transparent;
  border: 2px solid var(--blus);
  padding: 12px 25px !important;
  border-radius: 2px !important;
  font-size: 13px !important;
  font-weight: bold !important;
  text-transform: none !important;
}

body .sppb-btn.sppb-btn-primary:hover{
  color: var(--blus);
  background-color: transparent;
  border: 2px solid var(--blus);
}

.sppb-btn-default:hover {
  color: #000;
  background-color: var(--blus)!important;
}
.container {max-width: 1200px;padding-left: 0px;padding-right: 0px;}

@media (max-width: 767px) {.container { max-width: 100% !important;}}


/* Progress Bar */
.sppb-progress { height: 5px !important; margin-bottom: 30px;}

.sppb-progress-bar  {
  font-size: 12px;
  line-height: 24px;
  background-color: var(--blus);
}

.sppb-progress-label { text-transform: uppercase;
}


/* Offcanvas */


@media (max-width: 767px) {
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover {
  color: var(--testi);
}}		
	

body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul {
  margin-top: 20px;
  line-height: 2;
}

 #offcanvas-toggler {
    height: 0px;
    line-height: 0;
    float: right !important;
  }

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span { background-color: var(--testi);}

.offcanvas-menu .offcanvas-inner { padding: 0px 20px 0 30px;}

.burger-icon > span {background-color: var(--bluxl);}

.offcanvas-menu {background-color: var(--bluxl);}

.offcanvas-menu .offcanvas-inner ul.menu > li a  {
  color: var(--testi);
  font-size: 13px;
  padding: 20px 0px;
border-bottom: 1px solid var(--testi);
  opacity: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #fff;
}

.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  color: var(--testi);
  font-weight: 700 !important;
  font-size: 13px !important;
  border-bottom: none;
}

.offcanvas-menu {color: var(--testi);font-size: 13px;}

#sp-footer .sppb-icon {color: var(--blus) !important;}

.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
  color: var(--blus) !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a:focus{
  color: var(--testi);
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler::after {
  font-family: "Font Awesome 6 Free";
  color: var(--testi);
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after {
  font-family: "Font Awesome 6 Free";
  content: "";
  font-weight: 900;
}

.offcanvas-active .burger-icon > span { color: var(--testi);}


/* Footer */
#sp-footer {
  background: var(--bluxl);
  color: var(--menu-footer);
  font-size: 15px;
}

#sp-footer a, #sp-bottom a { color: #b2b2b2; }

#sp-footer ul.menu {
  display: grid;
  line-height: 2;
}

#sp-footer .sppb-addon-title  {
  color: var(--blus);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 25px !important;
  font-size: 0.8rem;
  font-weight: 700;
 }
 
#sp-footer .colonnabordo-sx {
  border-left: 1px solid #3D3D3D;
  margin-left: 0px;
  padding-left: 30px;
  padding-bottom: 0px;
}

@media (max-width: 991px) {
#sp-footer .colonnabordo-sx {
  padding-bottom: 30px;
}
}
#sp-footer  .sppb-addon-content {  margin: 0px !important;}

@media (max-width: 767px) {
#sp-footer .colonnabordo-sx {
  border-left: none;
  margin-left: 0px;
  padding-left: 0px;
  padding-bottom: 30px;
}
}

#sp-footer .sppb-icon .sppb-icon-container > i {
  font-size: 18px !important;
  width: 33px !important;
  height: 0 !important;
  text-align: left !important;
  color: var(--blus) !important;
}

#sp-footer .sppb-addon-text {
  color: #ffffff;
  font-size: 0.95rem;
  line-height: 1.5;
}

#sp-footer .sppb-media > .pull-left { margin-right: 0px;}

#sp-footer .container-inner {
  padding: 70px 0 30px 0;
  border-top: none;
}

#sp-footer .logo-dhlamina img {
  display: inherit !important;
  width: 200px !important;
  padding-bottom: 20px !important;
}

/* correzioni */

#sp-left .sp-module ul > li > a {line-height: 22px !important; margin-bottom: 12px !important;}
#sp-left .sp-module .current a {color: var(--blus) !important;}
.article-details.materiali-plastici {padding-bottom: 100px;}