@charset "utf-8";
body{font-family:Roboto !important;font-weight:300 !important}
a{color:#222222 !important}
a:hover{color:#222222 !important}
.dropdown-item{font-weight: 300 !important}
.navbar{min-height:90px !important;}
.jumbotron{padding:7rem 2rem}
.text-09{font-size:90% !important}
p{text-align: justify}
.t300{font-family: Roboto;
font-weight: 300;}
h1,h2{font-family: Helvetica !important;font-size:1.3rem !important;font-weight:bold}
h3{font-family: Roboto}
.card{border-radius:0}
section {
  width: 100%;
  max-height: 550px;
}
.text-uppercase.text-dark.mt-3.mb-0.mt-md-0.mb-md-0.titolo::before, 
.icx::before {
content: url(../images/icona-o.png);
vertical-align:top;
margin-right:18px;
}
img#prod-img{margin-top:22px;margin-bottom:35px}
.g2{background:#dbdbdb}
.g3{background: #C8C8C8}
.g4{background: #B1B1B1}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?ud4tvl');
  src:  url('../fonts/icomoon.eot?ud4tvl#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?ud4tvl') format('truetype'),
    url('../fonts/icomoon.woff?ud4tvl') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-download:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e942";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-checkmark:before {
  content: "\ea10";
}

#form-richiesta{scroll-margin-top: 8em;}
.btn-sm {background:#6b90ba; color: #ffffff; border-radius:0px;width:86%}
.card-title {font-size: 1rem;color: #fff;  
  background: #6f90b3;
  margin-bottom: 0;
  padding: 15px 14px;
  text-align: center;} 
.card-text{font-size:14px}
.card-body {padding: 1.3rem 0.1rem !important}
.card-img-bottom{border-radius:0px}
.sfcert{background:#e6e6e6}
.pretitolo{font-size:15px;font-family: Roboto;font-weight:300}
.intest{font-size:18px;font-family: Roboto;font-weight:600}
.sottotitolo{font-size:1.2rem;font-weight:200}

.titolo{font-size:2em !important;letter-spacing:-1px;font-weight:600}
h2.titolo-prod{font-size:2em !important;margin-top:0;margin-bottom:0}
.hrrs{color:#6f90b3;height:10px;background: #6f90b3;border:solid 2px ;border-radius:0;width:12%}
.hrr{color:#6f90b3;height:1px;background: #6f90b3;border:solid 2px ;border-radius:0;}
.hrk{color:#ff4742;height:1px;background: #ff4742;border:solid 2px ;border-radius:0;width:40%}
.hro{color:#edb666;height:1px;background: #edb666;border:solid 2px ;border-radius:0;width:40%}

.titolo-slider{font-size:3.125vw !important;text-transform:uppercase;font-weight: 600 !important}



/* menu verticale*/

.list-group-item:first-child,.list-group-item:last-child{border-radius:0px;}
.list-group-item{border-left-width: 4px}
.list-group-item a{color:#a2a2a2}
.list-group-item.active a{color:#030303;font-weight:bold}
.list-group-item.active{border-left: 4px solid #6f90b3 !important;background:#f2f2f2 !important;border: 1px solid rgba(0, 0, 0, 0.125);}
/**/

.bordeau{color:#6f90b3}
.remlist{list-style-type: none;padding-left:35px;}
.remlist li{text-indent: -1.4em}

ul.nav.flex-column.bg-lite.list-group.border-left-1 li.nav-item.list-group-item.list-group-item-action{text-indent: -1.1em}

div#informazioni.mt-3.w-100.text-center h3{font-size: 2vw;color: #ffffff;text-transform: uppercase;}
div#informazioni.mt-3.w-100.text-center a{text-decoration:none}
.sfondo-grigio{background: #6f90b3}
.sfondo-blu{background: #34465a}
.sfondo-grigio-plus{background: #dbdbdb}
.text-chiaro, .text-chiaro a,.text-chiaro a:hover {color:#e6e6e6 !important}

.slider-container .rt-grid-12{max-height:550px !important;}
#sf-video{background: url("../images/sfondo-video.jpg");background-repeat: no-repeat;background-size: cover}

body .no-padding{
  padding-left: 0;
  padding-right: 0;
}
#sfondo-footer{background:#6c757d;margin-top:30px}
.text-slider{ position: absolute;
 top: 8px;
  left: 16px;}

.intro-text{font-size: 1rem;
    line-height: 1;
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
    color: #FFF;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: normal;}
	
/* rows */
div.dropdown-multicol{
  width: 30em;
}
div.dropdown-row>a.dropdown-item{
  display:inline-block;
  width: 45%;
}

/* Columns */
div.dropdown-multicol2{
  width: 36em;
  
}
div.dropdown-multicol2>div.dropdown-col{
  display:inline-block;
  width: 45%;
}

@media screen and (max-width: 576px) {
		h1{
			font-size:1.4rem
			}
/* Columns */
			div.dropdown-multicol2{
					width: auto;
					padding-top:10px;
					padding-bottom:10px;
			}
			div.dropdown-multicol2>div.dropdown-col{
  			display:block;
  			width: 100%;
					
			}
			.display-4{font-size:2rem;}
}

@media screen and (max-width:1440px) and (min-width:1280px){

#sf-gruppo{background: url("../images/prodotti-siderurgici-1440.jpg");background-repeat: no-repeat;background-position: right top}
}