@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&display=swap');
html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}

body {
    font-family: 'Rajdhani', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    color: #181818;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}
*, *:focus { outline: none !important }

::selection { /* Safari */
    background: #004080;
    color:#fff;
}
::-moz-selection { /* Firefox */
    background: #004080;
    color:#fff;
}

/* LINKS **********************************************************/
a:link { color:#004080; text-decoration:none;}
a:visited { color:#004080; text-decoration:none;}
a:hover { color:#b2c4d8; text-decoration:underline;}
a:active { color:#004080; text-decoration:none;}

.a1:link { color:#fff; text-decoration: none;}
.a1:visited { color:#fff; text-decoration: none;}
.a1:hover { color:#b2c4d8; text-decoration: none;}
.a1:active { color:#fff; text-decoration: none;}

.a2:link { color:#004080; text-decoration: underline;}
.a2:visited { color:#004080; text-decoration: underline;}
.a2:hover { color:#fff; text-decoration: underline;}
.a2:active { color:#004080; text-decoration: underline;}

.a3:link { color:#004080; text-decoration: none;}
.a3:visited { color:#004080; text-decoration: none;}
.a3:hover { color:#b2c4d8; text-decoration: none;}
.a3:active { color:#004080; text-decoration: none;}

.a4:link { color:#004080; text-decoration: none;}
.a4:visited { color:#004080; text-decoration: none;}
.a4:hover { color:#fff; text-decoration: none;}
.a4:active { color:#004080; text-decoration: none;}

/* GENERAL ********************************************************/
section {overflow:hidden; }
.sezione { padding: 150px 0;}
hr { width:80%; margin:40px auto; border-color:#79818b;}
ul, li { padding:0; margin:0; }
.hiding { opacity: 0 }
.showing { opacity: 1 }
.img-shadow {box-shadow: rgba(0, 0, 0, 0.45) 0px 2px 8px;}
.blockquote {border-left: 4px solid #004080;}

/* HEADINGS *******************************************************/
h1, h2, h3, h4, h5 { margin:0 0 30px; font-weight: 600;}
h1 { font-size:30px; line-height:30px;}
h2 { font-size:25px; line-height:30px;}
h3 { font-size:22px; line-height:25px; font-weight: 700;}

/* FONT ***********************************************************/
.f12 { font-size: 12px;}
.f14 { font-size: 14px;}
.f18 { font-size: 18px;}
.f22 { font-size: 22px;}
.f26 { font-size: 26px;}
.f36 { font-size: 36px;}
.f50 { font-size: 50px;}

.lh-double { line-height: 36px;}

.regular { font-weight: 400;}
.semibold { font-weight: 700;}
.bold { font-weight: 800;}

/* COLORS ********************************************************/
.text-blue { color: #004080;}
.text-light-gray { color: #f0eeec;}
.text-green {color:#1eac25;}

.bg-light {background: #dce0e4 !important; border-bottom: solid 4px #004080; }
.bg-light-blue {background: #b2c4d8;}
.bg-blue {background: #004080;}
.bg-avio { background: #262e4a;}

/* BACKGROUD SECTION ******************************************/
#cover { background-repeat:no-repeat; background-size: cover; overflow:visible;}
.bg1,.bg2,.bg3,.bg4,.bg5,.bg6,.bg7,.bg8,.bg9 {background-size: 540px auto !important;}
.bg1 { background: url(/img/bkg1.jpg) no-repeat center;}
.bg2 { background: url(/img/bkg2.jpg) no-repeat center;}
.bg3 { background: url(/img/bkg3.jpg) no-repeat center;}
.bg4 { background: url(/img/bkg4.jpg) no-repeat center;}
.bg5 { background: url(/img/bkg5.jpg) no-repeat center;}
.bg6 { background: url(/img/bkg6.jpg) no-repeat center;}
.bg7 { background: url(/img/bkg7.jpg) no-repeat center;}
.bg8 { background: url(/img/bkg8.jpg) no-repeat center;}
.bg9 { background: url(/img/bkg9.jpg) no-repeat center;}
.bg-gefri { background: url(/img/logo-gefri1.png) #dce0e4 no-repeat bottom;}
.bg-gefri1 { background: url(/img/bkg-gefri.jpg) no-repeat bottom;}
.bg-gallery { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 400px; display: block; color: #fff !important; }
.bg-gallery:hover {opacity: 0.7; text-decoration: none !important;}
.bg-gallery > div { background:  rgba(0, 64, 128, 0.8); color:#fff; }
.bg-assistenza { background: url(/img/bkg-assistenza.jpg) no-repeat bottom;}
.bg-vendita { background: url(/img/bkg-vendita.jpg) no-repeat bottom;}
.bg-contatti { background: url(/img/bkg-contatti.jpg) no-repeat top;}
.bg-progettazione { background: url(/img/bkg-progettazione.jpg) no-repeat center;}
.bg-costruzione { background: url(/img/bkg-costruzione.jpg) no-repeat center;}
.bg-impiantistica { background: url(/img/bkg-impiantistica.jpg) no-repeat top;}

/* BTN ************************************************************/
.btn { font-size:20px; border-radius: 0; padding: 10px 20px; font-weight: 600; cursor:pointer;}
.btn-primary { background:#004080; border:none; color:#fff;}
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:hover:active, .btn-primary:focus:active,
.btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active,
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:hover:active, .btn-secondary:focus:active { border:none; background-color:#b2c4d8; color:#fff; box-shadow:none;}
.btn-secondary { background: #fff; border:none; color:#004080;}

/* FORM *********************************************************/
.form-control { border-radius: 0; border: solid 1px #fff; padding: 15px 10px; text-transform: uppercase; font-size: 14px;}
.form-control:focus { border: solid 1px #004080; box-shadow: none; }
.form-check-label { margin-top: 4px;}
.form-check-input { border-radius: 0 !important; border: none;}
.form-check-input:checked{ background-color: #004080; border-color: #004080;}

/* NAVBAR *******************************************************/
.logo { width:200px; height: 58px; background-size: 200px 58px; background: url(/img/logo.png); background-size: cover;}
.navbar { min-height:35px; font-size:16px; z-index:10; padding:0; margin-bottom: 0; background:#fff; border-radius: 0; border-bottom: solid 10px #b2c4d8; width:100%;}
.nav-link { color: #004080; }
.nav-link:hover,
.nav-link.active,
.nav-link.active:hover,
.nav-link.active:visited,
.nav-link.active:focus { color: #004080; text-decoration: underline;}

/* HOME *******************************************************/
/* carousel */
.carousel-home > .carousel-inner { margin-top: 0px;}
.carousel-home > .carousel-inner > .carousel-item {height:300px; }
.carousel-home > .carousel-inner > .carousel-item > .carousel-caption { text-align: left; }
/* servizi */
.ico-servizi { max-width: 200px;}
/* punti numerati */
.points:before {content: ' '; display: block; width: 100%; height: 1px; background-color: #b8b8b8;}
.number {font-size: 18px; margin-top: 25px; margin-bottom: 35px; color: #004080;}
.title {font-size:25px; margin-bottom: 20px; line-height: 1.1;}
.text {font-size: 21px; line-height: 1.4; font-weight: 300;}

/**********************************************************************************/
/*========================   Media queries (breakpoint)   =========================/
/**********************************************************************************/
@media (max-width: 767px) {
    .carousel-home > .carousel-inner > .carousel-item > .carousel-caption > span { display: none;}

}
@media (min-width: 480px) {
    /* carousel */
    .carousel-home > .carousel-inner > .carousel-item {height:260px;}
    .bg1,.bg2,.bg3,.bg4,.bg5,.bg6,.bg7,.bg8,.bg9 {background-size: 100% !important;}
}
@media (min-width: 576px) {
    /* carousel */
    .carousel-home > .carousel-inner > .carousel-item {height:320px;}
}

@media (min-width: 650px) {
    /* carousel */
    .carousel-home > .carousel-inner > .carousel-item {height:370px;}
}
@media (min-width: 768px) {
    /* HEADINGS */
    h1 { font-size:50px; line-height:50px;}

    /* NAVBAR */
    .nav-item { padding-left: 10px;}

    /* HOME */
    /* carousel */
    .bg1,.bg2,.bg3,.bg4,.bg5,.bg6,.bg7,.bg8,.bg9 {background-size: cover !important; }
    .cover {margin-top:60px;}
    .carousel-home > .carousel-inner { margin-top: 0px;}
    .carousel-home > .carousel-inner > .carousel-item {height:600px;}
    .carousel-home > .carousel-inner > .carousel-item > .carousel-caption { margin-bottom: 80px;}
    /* servizi */
    .ico-servizi { width: 100px;}
}
@media (min-width: 992px) {
    /* BACKGROUD SECTION */
    .bkg1 { height: 870px; width: 98%;}

    /* NAVBAR */
    .logo { width: 220px; height: 64px; background-size: 220px 64px;}

    /* HOME */
    /* carousel */
    .cover {margin-top:0px;}
    .carousel-home > .carousel-inner > .carousel-item > .carousel-caption { margin-bottom: 10vh;}
    /* servizi */
    .ico-servizi { width: 160px;}
}

@media (min-width: 1400px) {

    /* NAVBAR */
    .logo { width: 300px; height: 87px; background-size: 300px 87px;}
    .nav-item { padding-left: 15px;}

    /* HOME */
    /* carousel */
    .carousel-home > .carousel-inner > .carousel-item {height: 90vh;}
    .carousel-home > .carousel-inner > .carousel-item > .carousel-caption { margin-bottom: 16vh;}
    .carousel-home > .carousel-inner > .carousel-item > .carousel-caption h1 { font-size:70px; line-height:70px;}

}