/*----------------------
bgdev barbaragambini LP // CSS
bg@barbaragambini.com
2021-08-16
----------------------*/


body, html { width: 100%;  height: 100%; scroll-behavior: smooth;   }

::-moz-selection  { background: #FF5321; color: #ffffff; }
::selection { background: #1D4E94; color: #ffffff; }
a { color:; }
a:hover { color:#1068B2; }


body { font-size:16px; color:#4c4c4c; }
.clear { clear:both; visibility:hidden; margin:0; }

nav { position:relative; z-index:2000; box-shadow:1px 2px 3px rgba(0,0,0,0); }


.gutter-grid-var { margin-right:-8px; margin-left:-8px;}
.gutter-grid-var > .col, 
.gutter-grid-var > [class*="col-"] { padding-right:8px; padding-left:8px; }

.full-height { height:100%; }

strong { }
.font-weight-bold {  }
.font-weight-light { font-weight:100 !important; }

.line-height-1 { line-height:1; } .line-height-1.small { line-height:1.1; }
.line-height-n { line-height: normal; }
.line-height-2 { line-height: 1.7; }

.overlay {  position:absolute; bottom:0; top:0; width:100%; height:100%; z-index:1; opacity:.4; }

/*-------------------------
colori e grandezze font
-------------------------*/
.rosso { color:#dc0c13; }
.pink { color: #F93174; }
.rosso-mattone { color:#7A0A27; }
.marrone { color:#330000; }
.blu { color:#1D4E94; }
.ciano { color:#175d6d;}
.giallo { color:#FFCB2C; }
.green { color:; }
.light-green { color:#E0F0D7; }
.light-blue { color:#A0C8EA; }
.blu-grey { color:#647382; }
.light-grey { color:#f8f8f8; }
.black { color:#000; }
.mid-grey-bg { background-color: #BAB6B1; }


.dark-green { color:#017a45; }
.dark-blu { color:#15253b; }
.heavy-green { color:#1d2b0b;}
.heavy-blu { color:#193254;}
.dark-grey {color:rgba(27,27,27,0.90)}
.gold { color: #D7AB24; }
.bianco { color: #fff; }
.orange { color:#FF6333; }
.light-orange { color:#FF825C; }
.mid-grey { color:#ccc; }
.blu-grey-bg { background-color:#647382; }
.light-grey-bg { background-color:#f8f8f8; }
.dark-grey-bg {background-color:#1b1b1b;}

.black-bg { background-color:#000; }
.marrone-bg { background-color:#330000; }
.rosso-mattone-bg { background-color:#7A0A27; }
.rosso-bg { background-color:#dc0c13; }
.ciano-bg { background-color:#175d6d;}
.giallo-bg { background-color:#FFCB2C; }
.bianco-bg { background-color:#fff; }
.blu-bg { background-color:#1D4E94; }
.green-bg { background-color:green; }
.dark-green-bg { background-color:#017a45; }
.pink-bg { background-color: #F93174; }
.heavy-blu-bg {  background-color:#193254;}


.light-green-bg { background-color:#E0F0D7; }
.light-blue-bg { background-color:#A0C8EA; }
.heavy-green-bg { background-color:#1d2b0b; }
.dark-bg { background-color: rgba(0,0,0,.8); }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#FF6333; }
.gold-bg { background-color: #D7AB24; }

.light-orange-bg { background-color:#FF825C; }
.light-green-bg { background-color:#c4e973; }
.cold-grey-bg { background-color:#d1d4d9 ; }
.dark-blu-bg { background-color:#15253b;}
.dark { color:rgba(0,0,0,.6);}

.grey { color:#4c4c4c; }
.grey-bg { background-color:#333; }


.text-18 { font-size:18px; }
.text-20 { font-size:20px; }
.text-25 { font-size:25px; }
.text-30 { font-size:30px; }
.text-35 { font-size:35px; }
.text-40 { font-size:40px; }
.text-45 { font-size:45px; }
.text-50 { font-size:50px; }
.text-60 { font-size:60px; }


.max-width-90 { max-width:900px; margin:auto; }
.max-width-80 { max-width:800px; margin:auto; }
.max-width-70 { max-width:700px; margin:auto; }
.max-width-60 { max-width:600px; margin:auto; }

.opacity-10 { opacity:.1; }
.opacity-20 { opacity:.2; }
.opacity-30 { opacity:.3; }
.opacity-40 { opacity:.4; }
.opacity-50 { opacity:.5; }
.opacity-60 { opacity:.6; }
.opacity-70 { opacity:.7; }
.opacity-80 { opacity:.8; }
.opacity-90 { opacity:.9; }


/*-------------------------
font
-------------------------*/
.font-freeroad { font-family: 'Freeroad Bold', sans-serif; }
.font-opensans { font-family: 'Open Sans', sans-serif; }
.font-opensans-c { font-family: 'Open Sans Condensed', sans-serif; }
.font-muli { font-family: 'Muli', sans-serif; }
.font-coda { font-family: 'Coda', cursive; }
.font-oswald { font-family: 'Oswald', sans-serif; }
.font-anton { font-family: 'Anton', sans-serif; letter-spacing:0.03em; }
.font-norffo { font-family: 'Norffo'; }
.font-norffo-i { font-family: 'Norffo Italic'; }
.font-pacifico { font-family: 'Pacifico', cursive; }
.font-rancho { font-family: 'Rancho', cursive; }
.font-lato { font-family: 'Lato', sans-serif; }
.font-arvo { font-family: 'Arvo', serif; }
.font-montserrat { font-family: 'Montserrat', serif; }
.font-titillium { font-family: 'Titillium Web', sans-serif; }
.font-nunito-sans {font-family: 'Nunito Sans', sans-serif;}


/*------------------------------
Utility
------------------------------*/

.gutter-grid-var { margin-right:-8px; margin-left:-8px;}
.gutter-grid-var > .col, 
.gutter-grid-var > [class*="col-"] { padding-right:8px; padding-left:8px; }

.full-height { height:100%; }
	
/*------------------------------

------------------------------*/
body.sps.sps--blw .fissa { position:fixed; top:-1px;  height:1px;  width:100%; z-index:5000; }
body.sps.sps--blw .navbar-nav > li > a { padding-top:; padding-bottom:; }

/*
.brand h1 { 
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}

.brand h1 { font-size: 40px; font-weight: 900; margin: 0; color: #fff; line-height: 1; height: 90px; width: 100px; font-family: 'Muli', sans-serif; line-height: 90px; position:relative; text-align: center; }
.brand h1 span { position: absolute; font-size: 12px; line-height: 1; top: 16px; right: 4px; font-weight: normal; }
.brand h2 { font-size: 16px; margin: 0; font-weight: 600; }

nav a.brand { color: #1D4E94; }
*/


body.sps.sps--blw nav .brand h1 { height: 50px; line-height:50px; font-size: 30px; }
body.sps.sps--abw .brand { width:; }


nav { box-shadow:1px 1px 4px rgba(0,0,0,.2); }


.navbar-nav > li > a {
display: inline-block;
padding:12px 30px;
border-bottom: 2px solid;
text-transform: capitalize;
border-color: transparent;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
color:#1D4E94;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-weight: 500;
}

.navbar-nav > .active > a, 
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus, 
.navbar-nav > .open > a, 
.navbar-nav > .open > a:hover, 
.navbar-nav > .open > a:focus,
.navbar-nav a:hover { color: #1D4E94; text-decoration:none; }


header { position:relative; background:url('img/bg-main.svg') no-repeat center center / cover; }
header:after { position:absolute; display:block; content: ""; width: 100%; height: 100%; left: 0; top: 0;  
background:url('img/reticolo.svg') no-repeat right 370px / 500px auto; }


header .container { position:relative; z-index:3; }

.claim a:hover { color:#1d4e94; }
.claim h100 { text-shadow: 2px 1px 0px rgba(0,0,0,.7); }

.text-shadow { text-shadow:-2px 2px 2px rgba(3, 54, 95, .5); }
.bubble { background: trasparent; border-radius: 50%; padding-top: 150px; margin: 0 0 0 0; position:relative; float:center; }

/*----------------------------*/

.table td, .table th {
padding: .45rem 1rem;
vertical-align: center;
border-top: 1px solid #dee2e6;
}

.td-col-1 { color:#175d6d ; font-weight: 600; }

/*----------------------------*/
footer {} 
footer p.copyright { margin:; text-align:center; font-size:14px; font-weight:400; }
footer a { color:#fff; text-decoration: underline; }
footer a:hover { color:#175d6d; text-decoration: underline; }


.space-bg { background: url("img/footer-bg-1366x1580px.jpg") fixed no-repeat; background-size: 100% auto;  } 

.social-icons a span { color: #fff; }

.social-icons a span { 
transition: -webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out; }

.social-icons a:hover span { opacity: .5; transform: scale(1.5);
}


/*----------------------------
Form
----------------------------*/
aside { border-radius:0px; border:; background:; overflow:; }

.form-group { margin-bottom: 0; }

.form-control {
background: #eee;
border: none;
border-radius: 0;
box-shadow: none;
color: #333;
font-size: 18px;
padding:1rem;
font-weight:normal;
line-height:normal;
border:;
}
.form-control::-moz-placeholder { opacity:.3; color: #333; }
.form-control::placeholder { opacity:.3; color:#333; }
select option { opacity:1; color:#999; }

label.checkbox-terms { margin:0; line-height:1; }
.checkbox-terms input { margin:5px 0 0 ;}

select { 
appearance: toolbargripper;
-moz-appearance: toolbargripper;
-webkit-appearance: toolbargripper;
background: none;
border: medium none;
width: 100%;
color:#c5c5d2;
}


.form-privacy a { text-decoration: underline !important; color:#fff; }
.form-privacy a:hover { color:#fff; }
.form-privacy label.radio-inline { font-size:14px; margin:0 0 6px 0; }



.btn-custom:hover, 
.btn-custom:hover i { background-color: #109ead; color: #fff;  }


.btn-custom, .btn-custom i {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}

.btn-custom:hover i { 
-moz-transform: translate(10px, 0px);
-webkit-transform: translate(10px, 0px);
-o-transform: translate(10px, 0px);
-ms-transform: translate(10px, 0px);
transform: translate(10px, 0px);
}


.btn-custom { border:0 solid transparent; font-weight:700; letter-spacing:0;  padding: 1rem;  text-transform:uppercase; border-radius:6px; line-height:1; width:100%;  display:block; text-decoration:none; text-align:center; text-decoration:none; font-weight:bold; max-width:; margin-left:auto; margin-right:auto; }


.btn-custom:hover  { text-decoration:none; background: #fff; color: #175d6d; }
.btn-custom:hover i { color:#175d6d; }


.btn-custom.btn-outline, 
button.btn-custom.btn-outline{ border: 2px solid #fff; background: none; }

.btn-custom.btn-outline:hover,
button.btn-custom.btn-outline:hover { background:#fff; color:#175d6d;  }


.btn-custom.btn-outline:hover i, 
button.btn-custom.btn-outline:hover i { background: none; }


.form-control:focus, 
textarea.form-control:focus { background:#eee; outline:2px solid #398491; outline-offset: -1px;  box-shadow:none; }

body.typ-body a { color: #fff; }



/*----------------------------*/

.custom-list { position:relative; margin:0 0 0 30px; padding:0 0 0 0; }
.custom-list li { margin: 0 0 12px 0; line-height: 1.4; position:relative; font-weight:400; }
.custom-list i { font-size: 23px;left: -30px;position: absolute; top: 3px; }

.slider { max-width: 540px; margin-left: auto; margin-right: auto; }



/*----------------------------
Automotive
----------------------------*/

.settore-automotive { background: #eee url('img/acciaio-bg.jpg') no-repeat center 340px / cover; }
.settore-automotive .box  { height: 100%;  }
.settore-automotive .box img { width:65px; }
.settore-automotive h5 { font-weight: 800; font-size: 15px; }
.settore-automotive hr { border: none; border-bottom:3px solid #dc0c13; }



/*----------------------------
Punti di Forza
----------------------------*/

section.punti-di-forza { position: relative; }

section.punti-di-forza .bollo { position: relative;; 
width:190px; height: 190px; border-radius: 50%; margin: auto;  display:flex; justify-content: center; align-items: center; overflow: hidden; background-clip: content-box; ;

}


section.punti-di-forza .bollo:before { 

background: url('img/punto-di-forza-bg.svg') no-repeat center center / cover;  width: 100%; height: 100%;
content: ""; position: absolute; display: block; left: 0; top: 0;  opacity:1;
}


section.punti-di-forza .bollo .txt { 
border-radius: 50%; color: #fff; z-index: 5;
height: 150px; width: 150px; margin: auto;
}

/*----------------------------
Punti di Forza ALT
----------------------------*/

section.punti-di-forza-alt .box { max-width: 180px; margin: auto; }
section.punti-di-forza-alt .box .txt {  padding-top: 1rem; border-top: 1px solid #009fe3; }





/*----------------------------
Caratteristiche
----------------------------*/

section.caratteristiche { background: url("img/bg-secondary.svg") no-repeat center center / cover; }
section.caratteristiche  hr { border-top:3px solid #193254; opacity:.2; margin:0 auto 10px; max-width:100px; }
section.caratteristiche .box { min-height:160px; align-items:center; display:flex; justify-content: center; }
section.caratteristiche .box h5 { line-height:1.5;  }
section.caratteristiche .box h5 span { display: block; }



/*------------------------------*/
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 7s infinite;
   -moz-animation: flickerAnimation 7s infinite;
   -o-animation: flickerAnimation 7s infinite;
    animation: flickerAnimation 7s infinite;
}


/*------------------------------*/


@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
}




.animated.shake {
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
}


/*------------------------------
RUOTA
------------------------------*/	
@keyframes rotating {
from
{
transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes rotating {
from
{
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
.ruota {
-webkit-animation: rotating 22s linear infinite;
-moz-animation: rotating 22s linear infinite;
-ms-animation: rotating 22s linear infinite;
-o-animation: rotating 22s linear infinite;
animation: rotating 22s linear infinite;
}

/*----------------------------
mobile sopra i....
----------------------------*/

@media(min-width:1920px) { }
@media(min-width:1600px) { }
@media(min-width:1180px) { 
.navbar-nav > li > a { padding:  }

}

@media(min-width:990px)  {

.navbar-nav li { position:relative; }

.navbar-nav > .active > a, 
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus, 
.navbar-nav > .open > a, 
.navbar-nav > .open > a:hover, 
.navbar-nav > .open > a:focus,
.navbar-nav a:hover {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
transform: scale(1);
}




.navbar-nav li.nav-item a:before { 
display:block; content:""; height:4px; width:4px; background: #7FC2EB; position:absolute; left:50%; margin-left: -2px;  bottom:-2px; opacity: 0;

-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.navbar-nav li.nav-item a:hover:before { width:100%; left: 0; margin-left: auto; opacity: 100% }


.navbar-nav li.nav-item.active a:before { background:#ff6333; }


}



/*----------------------------
mobile sotto i...
----------------------------*/
@media(max-width:1600px) { }


@media(max-width:1440px) { }

@media(max-width:1200px) {
body { font-size:15px; }
.text-20 { font-size:18px; }
.text-25 { font-size:20px; }
.text-30 { font-size:25px; }
.text-35 { font-size:28px; }
.text-40 { font-size:30px; }
.text-45 { font-size:35px; }
.text-50 { font-size:40px; }
.text-60 { font-size:50px; }
}
@media(max-width:1198px) { }

@media(max-width:1080px) {
.form-control { padding: 12px; font-size: 16px; }	
textarea.form-control { padding:12px;  }

}

@media(max-width:990px) {
.navbar-nav > li > a { display:block; }

.fissa,
body.sps.sps--blw .fissa, 
body.sps.sps--abw .fissa { position:relative; top:inherit; left:inherit; height:auto; }

}

@media(max-width:767px) {

header { background: url('img/bg-main.svg') no-repeat center right / cover; }
header::after { background-size: 600px; background-position:0 ; background-attachment: fixed; }
.space-bg { background-attachment:fixed; background-size:auto 100%; background-attachment:fixed; }
.bg-eyegear { width: 160px; }
section#contatti.h-100 { height:auto!important; }
}


@media(max-width:576px) {
}


@media(max-width:480px) {

.text-20 { font-size:16px; }
.text-25 { font-size:25px; }
.text-30 { font-size:25px; }
.text-35 { font-size:28px; }
.text-40 { font-size:30px; }
.text-45 { font-size:35px; }
.text-50 { font-size:40px; }
.text-60 { font-size:50px; }

footer p { font-size: 14px; }
footer p.copyright { font-size:14px; margin:0; }
.brand { }


}
	
@media(max-width:414px) { }
@media(max-width:375px) { }