body{font-family: Epilogue, Arial, Helvetica, sans-serif;
  background: rgb(15,18,17);
background: -moz-linear-gradient(180deg, rgba(12,12,12,1) 40%, rgba(128,128,128,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(12,12,12,1) 40%, rgba(128,128,128,1) 100%);
background: linear-gradient(180deg, rgba(12,12,12,1) 40%, rgba(128,128,128,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f1211",endColorstr="#808080",GradientType=1);
  }
#header {
    padding: 0.8em 1em 0.1em 1em !important;
    background: rgb(253,205,49);
background: -moz-linear-gradient(90deg, rgba(253,205,49,1) 0%, rgba(15,18,17,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(253,205,49,1) 0%, rgba(15,18,17,1) 100%);
background: linear-gradient(90deg, rgba(253,205,49,1) 0%, rgba(15,18,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdcd31",endColorstr="#0f1211",GradientType=1);
z-index:1000 !important;
}
#header.alt{
  background:transparent;
}
#header > .logo img {
    width: 144px !important;
    height: 38.5px !important;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0.25em;
    /*background-color: #fff;*/
}
#header.alt > .logo img {
  /*background-color: rgba(255,255,255,1);
  border-radius: 5px;*/
}
#header > nav > ul {
    font-weight: 900 !important;
}

#banner {

    background-position: 50% 50% !important;
    border-top:none;
    background-color: #808080;
    padding: 0;

}
#banner h1{font-size: 4.5em;font-weight: 600;margin-bottom: 0em;}
#banner h2{font-size: 2.5em;font-weight: 300;margin-bottom: 0em;text-transform: none;}
#banner h1,#banner h2,#banner h3 {

}
#banner a.round{border-radius: 2em;text-transform: none;font-weight: 500;font-size: 1em;}
#banner hr {border-bottom-color: rgba(255, 255, 255, 1);}
#banner p {color: white;border-bottom: 1px solid white;width: 100%;padding-bottom: 1em;
}
#banner > .inner {
    width: 28em !important;
    float: left !important;
    text-align: left;
    background: rgba(253,205,490,0.6);
    background: -moz-linear-gradient(180deg, rgba(253,205,49,0.6) 0%, rgba(15,18,17,0.6) 100%);
    background: -webkit-linear-gradient(180deg, rgba(253,205,49,0.6) 0%, rgba(15,18,17,0.6) 100%);
    background: linear-gradient(180deg, rgba(253,205,49,0.6) 0%, rgba(15,18,17,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdcd31",endColorstr="#0f1211",GradientType=1);
    margin: 0em auto 0 0;
    vertical-align: bottom;
    padding: 10em 2em 4em;
    border-top-right-radius: 5em;
    border-bottom-right-radius: 5em;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;

}
#banner:before{opacity: 0.35 !important;}
@media screen and (max-width: 1680px) {

    #banner {
        height: 200px;
        /*min-height: 400px;*/
    }

}

#footer {
    background-color: transparent !important;/*#333333*/
    color: rgba(255, 255, 255, 0.75);
    padding: 7.5em 0 5.5em 0 ;
    background-color: #333333;
}
ul.icons.footer li a{font-size: 2em;}
.style3 {
    background-color: rgba(0,0,0,0.02);
}
.button,.button.primary {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #FFFFFF;
    color: #FFF !important;
    border-radius: 0.75rem;
}
.button.primary {background-color: #3D3E3D;border-radius: 0.75rem;}
.button.primary:hover{background-color: #A0A0A0}
.button.cta,.button.primary.cta{background-color: #FDCD31;font-weight: 600;}
input[type="text"], input[type="password"], input[type="email"], select, textarea {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.75);
    border-radius: 0.75em;
}
input[type="submit"], input[type="reset"], input[type="button"], button, .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #FFF;
    color: #FFF !important;
    border-radius: 0.75em;
}
input[type="checkbox"] + label:before, input[type="radio"] + label:before {
    background: rgba(144, 144, 144, 0.075);
    border-color: rgba(255, 255, 255, 0.75);
}
label {color: #FFF;}
input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000;
}
a,b,blockquote{color:white;}
.split > * {
    width: 100% !important;
}

.news{margin-bottom:2.5rem;}
.news h2 {/*white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis !important;*/}
#header > nav > ul li.current{border-bottom: 2px solid #FDCD31;}
#header > nav > ul li{line-height: 3em;}
.breadcrumbs {
    background-color:#3D3E3D;
    margin: 0rem auto 2rem auto;
    padding: 0.75rem 0.75rem;
    color: #FFF;
    border-radius: 0.75rem;
}
.breadcrumbs a {
    color: #FFF;
}
section#two.wrapper.style3 {
    background-color: #000;
}
section#main.wrapper.style3 {
    padding-top:2rem;
}
section#three.wrapper.search {
    padding: 2rem 0;
}
strong{color: white;font-weight: 600;}
tr,td,th{color: white;}
@media screen and (max-width: 736px){
    section#three.wrapper.search {
        padding: 1rem 0 0 0;
    }
    #header > .navPanelToggle {
    height: 3em;
    line-height: 3em;
    padding: 0 1em;
    margin-top: -0.5em;
}
  .tabs .titles li.active{font-size: 0.8rem !important;height: 64px !important;}
    #banner {
        height: 50vh;
        min-height: 50vh;
    }
    div.row.catalog div.col-12.col-12-xsmall a.button{position: relative !important;bottom:0em}
    .news .image.fit{max-width: 100% !important;}
}

#map-canvas {
	width: 100%;
	height: 600px !important;
}
#map-canvas img {
	max-width: none;
	background-color: transparent;
}

table th {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.75em 0.75em;
}

#request {
	display: none;
}

.path {
    color:#FFF;font-weight: 600;
}
ul.alt li {border-top-color: rgba(144, 144, 144, 0.75);padding: 0.75em 0 0.1em !important;}
ul.alt li a{text-decoration: none;border-bottom: 1px solid #FDCD31;padding:0 0.25em;}
.bhome {
    height: 90% !important;
    min-height: 90% !important;
}
a.navPanelToggle.button{background-color: #0F1211 !important;}
.features article.icon:before{color:#FFF;}
.features article h3{color:#FFF;}
.wrapper.style5{background-color: #121212;}
.wrapper.style5 h3, .wrapper.style5 span, .wrapper.style5 article{color: #FFF;margin:0;}
.wrapper.style5 span{font-size: 2.5em;}
.wrapper.style5 h3{font-size: 1.6em;font-weight: 400;}
.wrapper.style5 p{color:#808080;font-size: 1.1em;}
.wrapper.style5 .stats > article {border-color: rgba(255, 255, 255, 0.35);}
a span.image.fit{border:3px solid;border-radius: 8px;}
span.colorcat{width: 3em;height: 3em;border-radius: 0.8em;background-color: #D9D9D9;display: inline-block;vertical-align: middle;margin-right: 1em;}
span.textcat{width:80%;line-height: 3em;border-radius: 0.8em;border:2px solid #D9D9D9;display: inline-block;vertical-align: middle;padding:0 1em;text-align: left;}
span.textcat:hover{background-color: #808080;}
/*new designe black*/
nav ul li:last-child{border-left:1px solid white;padding-left: 1em !important;}
nav ul li:hover{border-bottom:2px solid #FDCD31;}
div.inner.nohome{visibility: hidden;}
.dropotron{background: rgba(128, 128, 128,0.4);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.dropotron.level-0:before{display: none;}
.dropotron a{color: white;}
.dropotron li{border-top: none;}
.dropotron li a:hover{background: rgba(0,0,0,0.5);}
h1,h2,h3,h4,h5,h6{color:#FFF;font-family: Epilogue, Arial, Helvetica, sans-serif;}
.tabs .titles li.active{color:#FFF;font-weight: 600;font-size: 1.2rem;background-color:#262626;border-top-left-radius: 10px;border-top-right-radius: 10px;border:none;height: 84px !important;}
.tabs .titles li{color: #808080;border-top-left-radius: 10px;border-top-right-radius: 10px;border:none;height: 70px !important;}
@media screen and (max-width: 1280px) {.tabs .titles li{height: 64px;}.tabs .titles li.active{height: 90px !important;}}
.tabs .panels {border-color: rgba(144, 144, 144, 0.5);border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.tabs .panels input[type="text"]{border-radius: 10px;padding: 2em !important;background-color: rgba(144, 144, 144, 0.075)}
.tabs .button{height: 3.85em;}
p{color:#FFF}
#company{background-repeat: no-repeat;background-size: cover;padding-top: 20em;background-image:url(/images/bg-azienda.jpg);background-position: center;}
#company article.icon.solid:before {font-size: 3em;margin-bottom: 1em;}
#company article h3{font-size: 2.5em;font-weight: 500;text-align: left;padding-top:0.25em;border-top: 1px solid white;line-height: 1.1em;}
#company .stats > article{padding: 0 1.5em 1.5em;border:none; width: 30%}
#company .stats > article p{color: white;text-align: left;font-size: 1.2em;margin-top:0.5em;}
#company .stats > article b{color: white;font-weight: 600;}
@media screen and (max-width: 736px){#company .stats > article{width: 100%;margin-bottom: 1em;}}
div.row.catalog div.col-12.col-12-xsmall{position: relative;}
div.row.catalog div.col-12.col-12-xsmall a.button{position: absolute;bottom:2em}
#results{display:;}
.news span.number{float: left;font-size: 5em;font-weight: 600;margin:4.25% 0.5em 0 0;}
.news:hover span.number{color:#FDCD31;scale: 1.5;}
#textall{max-height: 300px;overflow: hidden;transition: max-height 0.8s ease-out;}
#livesearch div,#livesearchdesc div{display: block;width: 100%;line-height: 2em;margin: 0;padding: 0.5em;}
#livesearch div:nth-child(odd),#livesearchdesc div:nth-child(odd){background-color: rgba(0,0,0,0.5);}
#livesearch a,#livesearchdesc a{text-decoration: none;}