/*dit 2022 - tonidigrigio.it*/

/*import*/
@import url("slickslider.min.css");
@import url("fancybox.min.css");
@import url("animsition.min.css");
@import url("aos.min.css");

/*scrolling*/
body::-webkit-scrollbar {width:5px;}
body::-webkit-scrollbar-track {background:#E8EAEB;}
body::-webkit-scrollbar-thumb {background-color:#142027;}

/*loading*/
.animsition-loading {position: fixed;width: 100%;height: 100%;left: 0;right: 0;bottom: 0;top: 0;border: none;margin: 0;padding: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
/*.animsition-loading .image {position: absolute;top: 35%;left: 50%;margin: 0 0 0 -100px;width: 200px;height: 100px;background: url(assets/img/loading.gif) no-repeat center center;background-size: 200px 100px;}
.animsition-loading .image::before {content: "";position:absolute;z-index:3;border:3px solid #FFF;top:-2px;left:-2px;right:-2px;bottom:-2px;}*/
.animsition-loading span {display: block;position:absolute;bottom:20px;left:20px;right:20px;font-size:1rem;color:#000;text-align:center;font-weight: 200 !important;}
.animsition-loading::after {display:none;}

/*normalize*/
html{color:#222;font-size:1em;line-height:1.4;}::-moz-selection{background:#B3D4FC;text-shadow:none;}::selection{background:#B3D4FC;text-shadow:none;}hr{display:block;height:1px;border:0;border-top:1pxsolid#CCC;margin:1em0;padding:0;}audio,canvas,iframe,img,svg,video{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}textarea{resize:vertical;}hidden{display:none!important;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0000);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1pxdotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}mark{background:#FF0;color:#000;}sibnputmall{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,htmlinput[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],htmlinput[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1pxsolid#C0C0C0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}ul li, ol li {list-style:none;}

/*default*/
html, button, input, select, textarea {color:#000;overflow-x:hidden;}
html, body {margin:0px;padding:0px;background:#FFF;}
::-moz-selection {background:#0070BF;text-shadow:none;color:#FFF;}
::selection {background:#0070BF;text-shadow:none;color:#FFF;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #CCC;}
img {margin:0px;padding:0px;border:0px;outline:none;vertical-align: middle;border-radius:0px;}
a {text-decoration:none;outline:none;border:none; color:#E52329; }
a:hover { color: #000;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize: vertical;}
.chromeframe { margin: 0.2em 0;background:#CCC;color:#000;padding:0.2em 0;}


/*default link*/
a, a:link, a:visited, a:active, a:hover {text-decoration:none;transition:all 0.3s ease-in-out;}
a:hover {text-decoration:underline;}
a.no-decoration {text-decoration:none !important;}
a.underline {text-decoration:underline !important;}
.nowrap {white-space:nowrap;}
a.btn.btn-link i.bi {padding-left:10px;transition:all 0.3s ease-in-out;}
a.btn.btn-link:hover i.bi {padding-left:20px;}
a.btn.btn-link:hover {text-decoration:underline;}

.cta-button-dark { padding: 6px 40px; border: solid 1px #3C3C3B; color: #3C3C3B; margin: 20px 0px; text-decoration: none !important;}
.cta-button-dark:hover { background: #3C3C3B; color: #FFF !important;}

.cta-button-white { padding: 6px 40px; border: solid 1px #FFFFFF; color: #FFFFFF; margin: 20px 0px; text-decoration: none !important;}
.cta-button-white:hover { background: #FFFFFF; color: #E52329;}

.cta-button-red { padding: 6px 40px; border: solid 1px #E52329; color: #E52329; margin: 20px 0px; text-decoration: none !important;}
.cta-button-red:hover { background: #E52329; color: #FFFFFF;}

/*button download*/
a.btn-download:hover .bi-arrow-down-square {transition:all 0.3s ease-in-out;}
a.btn-download:hover .bi-arrow-down-square::before {content: "\f125";}
a.btn-download:hover h6 {text-decoration:underline;}

/*animation*/
.animation {transition:all 0.3s ease-in-out;}

/*button*/
button {box-shadow:none !important}
.btn, .btn:hover {text-decoration:none;box-shadow:none !important}

/* image effect */
/*.shadowed { box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);} */
.shadowed-yes { box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);}

/*spacing*/
.mt-page-height {margin-top:100vh}
@media only screen and (min-width:1025px) {
    .px-6 {padding-left: 6rem !important;padding-right: 6rem !important;}
    .py-6 {padding-top: 6rem !important;padding-bottom: 6rem !important;}
    .pt-6 {padding-top: 6rem !important;}
    .pb-6 {padding-bottom: 6rem !important;}
    .mx-6 {margin-left: 6rem !important;margin-right: 6rem !important;}
    .my-6 {margin-top: 6rem !important;margin-bottom: 6rem !important;}
    .mt-6 {margin-top: 6rem !important;}
	.mt-neg-6 {margin-top: -6rem !important;}
	.mt-neg-7 {margin-top: -7rem !important;}
	.mt-neg-10 {margin-top: -10rem !important;}	
    .mb-6 {margin-bottom: 6rem !important;}
    .px-10 {padding-left: 10rem !important;padding-right: 10rem !important;}
    .py-8 {padding-top: 8rem !important;padding-bottom: 8rem !important;}
	.py-10 {padding-top: 10rem !important;padding-bottom: 10rem !important;}
    .py-20 {padding-top: 20rem !important;padding-bottom: 20rem !important;}	
    .pt-10 {padding-top: 10rem !important;}
    .pb-10 {padding-bottom: 10rem !important;}
    .mx-10 {margin-left: 10rem !important;margin-right: 10rem !important;}
    .my-10 {margin-top: 10rem !important;margin-bottom: 10rem !important;}
    .mt-10 {margin-top: 10rem !important;}
    .mb-10 {margin-bottom: 10rem !important;}
}
@media only screen and (max-width:1024px) {
    .px-6 {padding-left: 3.5rem !important;padding-right: 3.5rem !important;}
    .py-6 {padding-top: 3.5rem !important;padding-bottom: 3.5rem !important;}
    .pt-6 {padding-top: 3.5rem !important;}
    .pb-6 {padding-bottom: 3.5rem !important;}
    .mx-6 {margin-left: 3.5rem !important;margin-right: 3.5rem !important;}
    .my-6 {margin-top: 3.5rem !important;margin-bottom: 3.5rem !important;}
    .mt-6 {margin-top: 3.5rem !important;}
	.mt-neg-6 {margin-top: -3.5rem !important;}
	.mt-neg-7 {margin-top: -4rem !important;}
	.mt-neg-10 {margin-top: -5rem !important;}	
    .mb-6 {margin-bottom: 3.5rem !important;}
    .px-10 {padding-left: 8rem !important;padding-right: 8rem !important;}
    .py-10 {padding-top: 8rem !important;padding-bottom: 8rem !important;}
	.py-8 {padding-top: 6rem !important;padding-bottom: 6rem !important;}	
    .py-20 {padding-top: 10rem !important;padding-bottom: 10rem !important;}		
    .pt-10 {padding-top: 5rem !important;}
    .pb-10 {padding-bottom: 5rem !important;}
    .mx-10 {margin-left: 5rem !important;margin-right: 5rem !important;}
    .my-10 {margin-top: 5rem !important;margin-bottom: 5rem !important;}
    .mt-10 {margin-top: 10rem !important;}
    .mb-10 {margin-bottom: 5rem !important;}
}
@media only screen and (max-width:680px) {
	.mt-neg-10 {margin-top: 3rem !important;}	
}
/*background image*/
.bg-cover {background-size:cover !important;background-repeat:no-repeat !important;background-position:center !important;}

/*z-index*/
.z-index-1  {z-index:1;}
.z-index-2  {z-index:2;}
.z-index-3  {z-index:3;}
.z-index-4  {z-index:4;}
.z-index-9  {z-index:9;}
.z-index-99 {z-index:99;}

/*typographic*/
body {font-family: 'IBM Plex Sans', sans-serif;}
html, body  {font-family: 'IBM Plex Sans', sans-serif;font-style:normal;font-size:14px;color:#232323;font-weight: 400;}
strong {font-weight:700;}
.fst-italic, em, i {font-style:italic !important;}
.indent {text-indent:-99999px;}

.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}

@media only screen and (max-width:1200px) {
  html, body {font-size:10px;}
}

/*primary*/
.fw-thin        {font-weight: 100 !important;}
.fw-extra-light {font-weight: 200 !important;}
.fw-light       {font-weight: 300 !important;}
.fw-regular     {font-weight: 400 !important;}
.fw-medium      {font-weight: 500 !important;}
.fw-semi-bold   {font-weight: 600 !important;}
.fw-bold        {font-weight: 700 !important;}
.fw-extra-bold  {font-weight: 800 !important;}
.fw-black       {font-weight: 900 !important;}

/*height*/
.wh-10  {min-height:10vh;}
.wh-20  {min-height:20vh;}
.wh-30  {min-height:30vh;}
.wh-40  {min-height:40vh;}
.wh-50  {min-height:50vh;}
.wh-60  {min-height:60vh;}
.wh-70  {min-height:70vh;}
.wh-80  {min-height:80vh;}
.wh-90  {min-height:90vh;}
.wh-100 {min-height:100vh;}

/*background color*/
.bg-black     {background:#000 !important;}
.bg-antracite { background: #3C3C3B !important}
.bg-lightgray { background: #babab9 !important}
.bg-white     {background:#FFF !important;}
.bg-dark-red  { background: #9E1D18 !important }
.bg-red 	  { background: #E52329 !important }
.bg-grad-red  { background: linear-gradient(180deg, #E52329 0%, #731215 100%) 0% 0% no-repeat padding-box; }
.bg-bluenavy  {background:#21333D !important;}
.bg-warmgray  {background:#B8B5B5 !important;}
.bg-lightgray {background:#E8EAEB !important;}
.bg-bluenavy-opacity  {background:rgba(33,51,61,0.95) !important;}
.bg-transparent { background: transparent !important;}
.bg-green { background: #0CAC47 !important;}
.bg-gray { background:#ccc !important; color: #000 !important;}

/*text color*/
.text-black     {color:#000 !important;}
.text-white     {color:#FFF !important;}
.text-bluenavy  {color:#21333D !important;}
.text-warmgray  {color:#B8B5B5 !important;}
.text-lightgray {color:#E8EAEB !important;}
.text-dark-red  { color: #9E1D18 !important }
.text-red 	  { color: #E52329 !important }
.text-blu 	  { color: #1c74c7 !important }

/* special text */
.fs-extra { font-size: 4rem !important}

ul.normal li { list-style: disc; }

/* EMC FIME CUSTOM */

/*head*/
#header-container {padding:15px 0px;height:120px;transition:all 0.3s ease-in-out; }
#header-container.scroll-to-fixed-fixed {padding:10px 0px;height:90px;box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
#header-container.scroll-to-fixed-fixed #head-logo, #header-container.scroll-to-fixed-fixed #head-logo .svg-container, #header-container.scroll-to-fixed-fixed #head-logo .svg-container {width:200px;}
#header-container.scroll-to-fixed-fixed #head-logo .svg-container svg g {opacity:0;}
 .scroll-to-fixed-fixed { height: 90px !important; background: #FFF !important; }

.header-spacer {position:absolute;z-index:1;left:0px;right:0px;top:0px;}
#head-logo, #head-logo .svg-container {width:280px;height:auto;margin: 0px;}
#foot-logo, #foot-logo .svg-container {width:180px;height:auto;margin:0px;}

#LargeNewsCarousel .carousel-indicators {
	/*bottom: -60px !important;*/
}

.max-500 { max-width: 500px}

@media(max-width: 991px){
 #head-logo, #head-logo .svg-container {width:200px;}
	.fs-1 { font-size: 2.5rem !important;}
	.fs-2 { font-size: 2.25rem !important;}
	.fs-3 { font-size: 2rem !important;}
	.fs-4 { font-size: 1.75rem !important;}
	.fs-5 { font-size: 1.5rem !important;}
	.fs-6 { font-size: 1.4rem !important;}
	.container-fluid { padding-left: 2rem !important; padding-right: 2rem !important}
	#NewsCarousel .container-fluid { padding-left: 0px !important; padding-right: 0px !important}
	#NewsCarousel .carousel-control-prev, #NewsCarousel .carousel-control-next { display: none !important;}
	#header-container {z-index: 1056 !important;}
	#header-language { text-align: center;}
	#header-language a { padding: 10px;}
	.video-home { margin-top: 3.5rem !important;}
	.video-home .container-fluid { padding-left: 0px !important; padding-right: 0px !important; }
	
	.bg-prodotti { background-position: center top !important; }
}

@media(min-width: 1200px){
	.fs-1 { font-size: 3rem !important;}
	.fs-2 { font-size: 2.5rem !important;}	
}

/* lang */
#header-language ul { margin: 0px;}
#header-language ul li { padding: 5px;}
#header-language a { color: #707070; font-weight: 700; text-transform: uppercase; }
#header-language a:hover { color:#E52329;  }
#header-language a.active { background: #9E1D18; color: #FFF; border: solid 1px #E52329;}

/*nav principale*/
.navbar { position: static;}
#menu-main .navbar-nav li a {position:relative;opacity:.9;text-decoration:none !important; font-weight: 700; color: #3C3C3B}
#menu-main .navbar-nav li a::after {content: "";width:2%;height:2px;background:#E52329;opacity:0;position:absolute;bottom:0px;left:49%;right:49%;transition:all 0.3s ease-in-out;}
#menu-main .navbar-nav li a:hover::after{left:0px;right:0px;width:100%;transform: translateX(0px);background: #E52329;opacity:1;}
#menu-main .navbar-nav li a:hover, #menu-main .navbar-nav li a.active, #menu-main .navbar-nav li.active a {opacity:1; color:#E52329 !important}
#menu-main .dropdown-toggle::after {margin-left: 0px; border: none;}

/*nav mobile*/
#menu-mobile {margin-top:100px}
#menu-mobile.open {animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s both;} 
@keyframes slide-top {
    0% {
        opacity: 0;
        transform: translateY(25%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

/*mobile menu*/
#modal-mobile-menu {background:rgba(255,255,255,0.95);}
#mobile-menu {width:36px;height:36px;position:relative;border:1px solid #E52329;display: block;}
#mobile-menu span {width:20px;height:1px;background:#E52329;display:block;position:absolute;left:50%;transform:translateX(-50%);transition:all 0.3s ease-in-out;}
#mobile-menu span:nth-child(1) {top:10px}
#mobile-menu span:nth-child(2) {top:17px}
#mobile-menu span:nth-child(3) {bottom:9px}
#mobile-menu span:nth-child(4) {top:50%;left:50%; transform: translate(-50%, -50%) rotate(45deg);opacity:0;}
#mobile-menu span:nth-child(5) {top:50%;left:50%; transform: translate(-50%, -50%) rotate(-45deg);opacity:0;}
#mobile-menu.active span:nth-child(1), #mobile-menu.active span:nth-child(2), #mobile-menu.active span:nth-child(3) {opacity:0;}
#mobile-menu.active span:nth-child(4), #mobile-menu.active span:nth-child(5) {opacity:1;}


/* mega menu */
.navbar .megamenu{ padding: 1rem; }
.megamenu-list { padding-left: 0px;}
.megamenu-list li a { padding: 10px 0px; color: #232323; border-top: solid 1px #c2c2c2; border-bottom: solid 1px #c2c2c2; display: block; margin-top: -1px;}
.megamenu-list li a i { font-size: 18px;}
/*
.second-col .megamenu-list, .third-col .megamenu-list { display: none;}
.visibile { display: inherit !important;}
.sub-list {display: none; }
*/

@media all and (min-width: 992px) {
  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; top:-5px; width:100% !important; padding-top: 180px !important;  z-index: -1;}
}	

@media all and (min-width: 992px) {
  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; top:-5px; width:100% !important; padding-top: 180px !important;  z-index: -1;}
}	




@media all and (min-width: 1400px) {
	.has-megamenu .container-xxl {max-width: 1380px !important }
}


/*search*/
#search-button {width:36px;height:36px;font-size:1.2rem; overflow: hidden;}
#search-button:hover {color:#21333D;}
#modal-search {background:rgba(255,255,255,0.85);}
#modal-search .btn-close {
    position:absolute;
    bottom:40px;
    left:50%;
    transform: translateX(-50%);
    z-index:99;
}
#modal-search-form input {width:calc(100% - 100px);margin-right:10px;height:36px;float:left;color:#21333D;font-size:2em;outline:none;border:none;box-shadow:none;background:transparent !important;}
#modal-search-form button {width:90px;height:36px;float:right;}
#modal-search-form input::placeholder {color:#C7CCCE;font-size:1.25em;font-style:italic;font-weight:200;}
#modal-search-form input:focus {font-size:2em;color:#21333D;background:transparent !important;}

/* footer */
.accordion-button { overflow: hidden;}
#accordion-footer .accordion-button::after {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23FFF' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
}
@media only screen and (min-width:768px) {
    #accordion-footer .accordion-header::before {content: "";position:absolute;top:0px;left:0px;right:0px;bottom:0px;opacity:0;z-index:3;}
    #accordion-footer .accordion-button::after {display:none;}
}

/*scroll-top*/
#up-button  {width:36px;height:36px;;position:fixed;right:20px;z-index:999;transition:all 0.3s ease;border:1px solid #21333D;background:#FFF;}
#up-button a {display:block;text-align:center;font-size:1.25rem;color:#21333D;line-height:36px;}
#up-button a:hover {background:#21333D;color:#FFF}
#up-button.godown {bottom:-100px;}
#up-button.goup {bottom:40px;}

/* page background  */
.bg-home { background: url("../img/bg-gray-2.jpg") no-repeat center top;background-size: cover; }
.bg-linee { background: url("../img/bg-gray-2.jpg") no-repeat center top;background-size: 100%; background-attachment: fixed; }

#LargeNewsCarousel .carousel-control-next {right: -2%}
#LargeNewsCarousel .carousel-control-prev {left: -2%}



.bg-hydro { background: url("../img/background-hydro.png") no-repeat; background-size: cover; }
.bg-hydrogen { background: url("../img/bg_hydrogen.jpg") no-repeat; background-size: cover; background-position: center center;}
.bg-hydrogen-2 { background: url("../img/bg_hydrogen-2.jpg") no-repeat; background-size: cover; background-position: center center;}
.bg-company { background: url("../img/bg-company.jpg") no-repeat top center;  background-size: cover;}
.bg-lab { background: url("../img/bg-lab.jpg") no-repeat top center; }
.bg-prodotti { background: url("../img/bg-prodotti-4.jpg") no-repeat center bottom; }
.bg_lavora_con_noi { background: url("../img/emcfime-people.jpg") no-repeat center center}
.bg-isotipo { background: url("../img/white-iso.png"), linear-gradient(180deg, #E52329 0%, #731215 100%); background-size: 70%, contain; background-position: 160% center; background-repeat: no-repeat; }
.bg-isotipo-gray { background: url("../img/white-iso.png"), linear-gradient(180deg, #3c3c3b 0%, #666 100%); background-size: 70%, contain; background-position: 160% center; background-repeat: no-repeat;}

.bg-expocomfort { background: url("../img/bg-expocomfort-2022.jpg") no-repeat; background-size: cover; background-position: center center;} 


.bg-map-sedi { background: url("../img/map-whote.png"); background-size: 80%; background-repeat: no-repeat; background-position:center;}


/*****CARDS*****/
.card.default-card, .card.default-card .card-header, .card.default-card .card-footer {background:transparent;border:none;outline:none;border-radius:0px;}

/*card image effect*/
.card .card-image {overflow: hidden;}
.card .card-image figure {transition:all 0.3s ease-in-out;}
.card .card-image figure {transform: scale(0.85);}
.card:hover .card-image figure {transform: scale(1.0);}
.card .card-image.no-scale figure, .card:hover .card-image.no-scale figure {transform:none;}

#news-list .card .card-image figure, .slider-news .card .card-image figure {transform: scale(1);}
#news-list .card:hover .card-image figure, .slider-news .card:hover .card-image figure {transform: scale(1.1);}


/*news*/
.slider-news {margin-left:-8px;margin-right:-8px;}
.slider-news .slick-slide {overflow:hidden;}
.card-news-slider {margin-left:8px;margin-right:8px;}
@media only screen and (min-width:1200px) {
  .card-news-slider {width:350px;}
}
@media only screen and (min-width:1440px) {
  .card-news-slider {width:450px;}
}
@media only screen and (max-width:760px) {
  .slider-news {margin-right:0px}
}
/*news grid*/
.grid-news  {margin-left:-8px;margin-right:-8px;}
.grid-news .card-news {margin-left:8px;margin-right:8px;}
@media only screen and (max-width:1200px) {
  .card-news-slider {width:inherit;}
}


/*****SLIDER*****/
.slick-dots {display:block;width:100%;text-align:center;margin:4rem 0px 0px 0px;padding:0px;line-height:0px;}
.slick-dots li {display:inline-block;margin:0px;height:20px;overflow:hidden;}
.slick-dots li button {display:block;width:25px;height:4px;border:1px solid #B8B5B5;outline:none;background:#B8B5B5;overflow:hidden;text-indent:-9999px;margin-top:7px;}
@media only screen and (min-width:1200px) {
  .slick-dots li button {width:50px;}
}
.slick-dots li.slick-active button {background:#21333D !important;border-color: #21333D !important;}
.slick-arrow {transition:all 0.3s ease-in-out;display:block;width:36px;height:36px;line-height:0px;background:transparent;overflow:hidden;border:none;outline:none;position:absolute;top:50%;transform: translateY(-50%);z-index:99;color:#FFF;font-size:1.2rem;border:1px solid #FFF;cursor:pointer;}
.slick-arrow:hover {background: #FFF;cursor:pointer;color:#21333D;}
.slick-arrow.slick-prev {left:20px;}
.slick-arrow.slick-next {right:20px;}
.bg-warmgray .slick-dots li button {background:#C6C4C4;border-color:#C6C4C4;}

/*slider image*/
.slider-image .slick-dots {position:absolute;z-index:999;bottom:20px;left:0px;right:0px;}
.slider-image .slick-dots li button {border:1px solid #FFF;background:#FFF;opacity:.25;}
.slider-image .slick-dots li.slick-active button {opacity:1;}

/* PRODOTTI */

.energy-label { text-align: center; display: inline-block; padding: 5px 24px; color: #FFF;}
.nav-link.active { color: #E52329 !important;}

/*griglia prodotti*/
.grid-prodotti  {margin-left:-8px;margin-right:-8px;}
.grid-prodotti .card-prodotti-grid {margin-left:8px;margin-right:8px;margin-bottom:8px;margin-top:8px;}
.img-prod-detail { max-width: 50% !important;}
@media only screen and (max-width:680px) {
  .grid-prodotti  {margin-left:-4px;margin-right:-4px;}
  .grid-prodotti .card-prodotti-grid {margin-left:4px;margin-right:4px;margin-bottom:4px;margin-top:4px;}
	.img-prod-detail {position: relative !important; max-width: 100% !important;}
}
#infografica { left: 5% !important; right: 5% !important; }

/*paginazione*/
.pagination a, .pagination span {display:inline-block;}
.pagination span, .pagination a  {width:36px;height:36px;border:1px solid #21333D;background:#FFF;color:#21333D;font-size:1rem;text-align:center;line-height:34px;text-decoration:none;}
.pagination a:hover, .pagination span {color:#FFF;background:#21333D;}
.pagination span {border-color:#FFF;}

/*contatti*/
.form-contatti button.sender {height:50px; clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);transition:all 0.3s ease-in-out;background:#21333D;color:#FFF;}
.form-contatti button.sender:hover {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);background: #142027;}
.numero-verde-contatti img {width:100%;max-width:160px;}
.social-list.contatti-page li a {display:block;width:30px;height:30px;text-align:center;line-height:28px !important;font-size:1.1rem;}
#map-wrapper {width:100%;height:75vh;position:relative;background:#DDD;}
#map-container {width:100%;height:75vh;}
#map-container img,  #map-container object,  #map-container embed {max-width:none;}
#map-container a[target=_blank]{display: none !important;} 
#map-container .gm-style-cc {display: none !important;} 
body.page-template-contatti #cta-form-contatti {display:none;}
@media only screen and (max-width:770px) {
  #map-wrapper, #map-container {height:60vh;}
}
@media only screen and (max-width:680px) {
  #map-wrapper, #map-container {height:40vh;clip-path:none;}
}

@media only screen and (max-width:800px) {
/*  .bg-home  {background-position: top !important; padding-top: 10rem !important}*/
	
	#prd-first-row, #product_category { padding-top: 15rem !important; }
	#footer-container .bottom-footer .text-left, #footer-container .bottom-footer .text-right { text-align: center !important;}
	.accordion-button:not(.collapsed) { color: #E52329 !important }
	#infografica { position: relative !important; left: 0px !important; right: 0px !important;}
	#cta_banner p { text-align: center !important;}
	.img-fluid { width: 100%; max-width: 100% !important;}
	#footer-container .accordion-collapse { margin-bottom: 20px !important;}
}

p.lead {font-size: 1.6rem; font-weight: 600;}

/* bradcrump */
.breadcrump { 
	margin: 0px;
	padding: 0px;
	position: absolute;
    margin-top: -6%;
}
.titoletto-bc { display: none; }
.breadcrump li { margin-right: 20px; display: inline-block !important; }
.breadcrump a { padding: 5px 20px !important; opacity: 0.8}
.breadcrump a:hover { opacity: 1}

@media only screen and (max-width:800px) {
	.breadcrump { 
		margin: 0px;
		padding: 0px;
		position: relative !important;
		margin-top: -40px !important;
		margin-bottom: 20px;
	}
	.breadcrump li {margin-bottom: 10px; margin-right: 5px !important; }
	.breadcrump li a {font-size: 12px !important; padding: 5px 10px !important;}
}


#plus-prodotto { padding: 0px 0px 0px 20px; border-left: solid 2px #E52329; font-weight: bold; margin-bottom: 20px;}
#plus-prodotto i.bi { display: none; } 


.pagina-speciale-prodotti .card-body { margin-top: -15% !important;}

.slider-prodotti .default-card {
    width: 350px;
}
.slider-prodotti .default-card .card-body { margin-top: -3rem !important}


@media only screen and (min-width: 1480px) {

	}