body {}
.txt-anticaduta {color: #9E1981;}
.txt-antinfortunistica {color: #E30613;}
.txt-antisismica {color: #EF7C19;}
.txt-formazione {color: #56AF35;}

.riga-antinfortunistica {width: 100%;border-bottom: 6px solid #E30613;margin-top: 5px;}
.riga-antisismica {width: 100%;border-bottom: 6px solid #EF7C19;margin-top: 5px;}
.riga-formazione {width: 100%;border-bottom: 6px solid #56AF35;margin-top: 5px;}

.main-heading-content > h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 35px;
    position: relative;
    text-transform: uppercase;
	color: #1F4977;
}
.main-heading-content > h2::after {
    bottom: -15px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 50px;
    background: none 0px 0px repeat scroll rgb(31, 73, 119);
}

.main-heading-content > h2::before {
    bottom: -14px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 150px;
    background: none 0px 0px repeat scroll rgb(130, 130, 130);
}

.main-heading-content > h1 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 35px;
    position: relative;
    text-transform: uppercase;
}

.main-heading-content > h1::after {
    bottom: -15px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 50px;
    background: none 0px 0px repeat scroll rgb(31, 73, 119);
}

.main-heading-content > h1::before {
    bottom: -14px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 150px;
    background: none 0px 0px repeat scroll rgb(130, 130, 130);
}


.main-heading-content > h4 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 35px;
    position: relative;
    text-transform: uppercase;
}
.main-heading-content > h4::after {
    bottom: -15px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 50px;
    background: none 0px 0px repeat scroll rgb(31, 73, 119);
}

.main-heading-content > h4::before {
    bottom: -14px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 150px;
    background: none 0px 0px repeat scroll rgb(130, 130, 130);
}

#header {
    font-family: 'Fjalla One', sans-serif;
    min-height: 100px;position: fixed;width:100%;z-index:9999;
    background-color: #ffffff;
}
#header {border-bottom: 4px solid #1F4977;}
#header .bg-light {background-color: #ffffff !important;padding-top: 0rem;margin-top: 1.3rem;}
#header .logo {max-width: 200px;}
#header .logo-new {padding-top: 10px;padding-right: 10px;}

#header .navbar-light .navbar-nav{margin-top: 20px;}
#header .navbar-light .navbar-nav .nav-link {color: #1F4977;}
#header .navbar-light .navbar-nav .txt-anticaduta {color: #1F4977 !important;}
#header .navbar-light .navbar-nav .txt-antinfortunistica {color: #1F4977;}
#header .navbar-light .navbar-nav .txt-antisismica {color: #1F4977;}
#header .navbar-light .navbar-nav .txt-formazione {color: #1F4977;}


#header .navbar-light .navbar-nav .nav-link:hover {border-bottom: 6px solid #1F4977;}
#header .navbar-light .navbar-nav .txt-anticaduta:hover {border-bottom: 6px solid #9E1981 !important;}
#header .navbar-light .navbar-nav .txt-antinfortunistica:hover {border-bottom: 6px solid #E30613;}
#header .navbar-light .navbar-nav .txt-antisismica:hover {border-bottom: 6px solid #EF7C19;}
#header .navbar-light .navbar-nav .txt-formazione:hover {border-bottom: 6px solid #56AF35;}
#header .navbar-light .navbar-nav .txt-sanificazione:hover {border-bottom: 6px solid #fffd00;}


#header .menu-social {margin-top: -30px;padding-top: 30px;}
#header .menu-social ul li {display: inline-block; float: right;background-color: #1F4977;}
#header .menu-social ul li a,
#header .menu-social ul li a:hover,
#header .menu-social ul li a:active,
#header .menu-social ul li a:visited,
#header .menu-social ul li a:link {color:#ffffff;}


#header .nav > .dropdown.show {
    position: static;
  }
  
#header  .navbar-nav > .dropdown.show .dropdown-menu {
    position: fixed;
    border-radius: 0px;
    width: 100% ;
    text-align: center;
    top:90px;
    left: 0;
    right: 0;
    background-color:#1F4977;
    color:#ffffff;
  }
#header .dropdown-item {
    /*display: block;*/
    display: inline;
    width: 100%;
    padding: .50rem 1.5rem;
    clear: both;
    font-weight: 400;
    /*color: #ffffff;*/
    color: #000000;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
#header  .dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #1F4977;
}

/*
#header .anticaduta-menu {background-color:#9E1981 !important;}
#header .antisisma-menu {background-color:#EF7C19 !important;}
#header .antinfortuni-menu {background-color:#E30613 !important;}
#header .formazione-menu {background-color:#56AF35 !important;}
*/

#header .chisiamo-menu,
#header .anticaduta-menu,
#header .antisisma-menu,
#header .antinfortuni-menu,
#header .sanificazione-menu,
#header .formazione-menu {background-color:#ffffff !important;}

#slider {padding-top:100px;}
#slider .container {background-color: #ffffff;padding-left: 0px;padding-right: 0px;}

#slider .text-slider {position: absolute;margin-top: -200px;padding: 10px 10px 10px 50px;}
#slider .text-slider p {font-size: 34pt;text-shadow: 2px 2px 2px #000000;color: #ffffff;}

#banner .container {padding-top: 20px;padding-bottom: 20px;background-color: #1F4977;color: #ffffff;}
#banner p {font-size: 24pt;text-align: center;}

#sezioni {}


#sezioni .container {background-color: #ffffff;padding-top: 30px;padding-bottom: 30px;}
#sezioni h4 {font-size: 16pt;color: #1F4977;}
#sezioni .box {border: 3px solid #E0E0E0;min-height: 278px;margin-bottom: 30px;margin-right: 0px;margin-left: 0px;}
#sezioni .box-img {padding-left: 0px;padding-bottom: 0px;}
#sezioni .main-heading-content {padding-top: 15px;}
#sezioni .box p {font-size: 10pt;padding-left: 10px;padding-right: 10px;text-align: justify;}
#sezioni .btn-primary {
    border-radius: 0px;border-color:#1F4977;background-color: #1F4977;
    padding-top: 2px;padding-bottom: 2px; 
}

.box-formazione {border: 0px solid #E0E0E0;}
.box-antinfortunistica {border: 0px solid #E0E0E0;}
.box-anticaduta {border: 0px solid #E0E0E0;}
.box-antisismica {border: 0px solid #E0E0E0;}

#news {padding-top: 50px;padding-bottom: 50px;}
#news .box {border: 3px solid #E0E0E0;padding: 10px;}

#news .box-data {background-color: #1F4977; color: #ffffff;font-family: 'Fjalla One', sans-serif;}
#news .giorno {font-size: 30pt;text-align: center;margin-bottom: 0px;}
#news .mese {font-size: 18pt;text-align: center;margin-bottom: 0px;margin-top: 0px;}
#news .anno {font-size: 18pt;text-align: center;margin-bottom: 0px;}

#news h4 {color: #1F4977; text-align: center;font-family: 'Fjalla One', sans-serif;}
#news p {font-size: 10pt;text-align: justify;}
#news .btn-primary {background-color: #1F4977;font-size: 10pt;}

#news-detail {padding-top: 150px;padding-bottom: 200px;}
#news-detail p {font-size: 11pt;}


#formazione {padding-top: 30px;padding-bottom: 30px;background-color: #E0E0E0;}
#formazione .container {background-color: #1F4977;padding-left: 0px;}
#formazione .col-left {border-right: 1px solid #ffffff;}
#formazione .box {padding-top: 15px;padding-bottom: 15px;}
#formazione p {color: #ffffff;font-size: 10pt;}
#formazione .icon {font-size: 40pt;}
#formazione .titolo {font-family: 'Fjalla One', sans-serif;font-size: 14pt;}
#formazione h2 {color: #ffffff;font-family: 'Fjalla One', sans-serif;margin-top: 15px;}


#corsi {padding-top: 150px;padding-bottom: 50px;}
#corsi .box {border: 3px solid #E0E0E0;padding: 10px;min-height: 550px;margin-bottom: 30px;}

#corsi .box-data {background-color: #1F4977; color: #ffffff;font-family: 'Fjalla One', sans-serif;}
#corsi .giorno {font-size: 30pt;text-align: center;margin-bottom: 0px;}
#corsi .mese {font-size: 18pt;text-align: center;margin-bottom: 0px;margin-top: 0px;}
#corsi .anno {font-size: 18pt;text-align: center;margin-bottom: 0px;}

#corsi h4 {color: #1F4977;font-size: 14pt;text-align: center;font-family: 'Fjalla One', sans-serif;}
#corsi p {font-size: 10pt;text-align: justify;}
#corsi .btn-primary {background-color: #1F4977;border-color: #1F4977;}

#corso {padding-bottom: 150px;padding-top: 150px;}
#corso p {font-size: 11pt !important;}
#corso ol li,
#corso ul li {font-size: 11pt !important;}

#corso .box {border: 3px solid #E0E0E0;padding: 10px;}

#corso .box-data {background-color: #1F4977; color: #ffffff;font-family: 'Fjalla One', sans-serif;}
#corso .giorno {font-size: 30pt;text-align: center;margin-bottom: 0px;}
#corso .mese {font-size: 18pt;text-align: center;margin-bottom: 0px;margin-top: 0px;}
#corso .anno {font-size: 18pt;text-align: center;margin-bottom: 0px;}

#corso h4 {color: #1F4977; text-align: center;font-family: 'Fjalla One', sans-serif;}

#corso .box-info {background-color: #1F4977 !important;padding-top:20px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;}
#corso .box-info h3 {text-align: center;color: #ffffff;}
#corso .box-info p {text-align: center;color: #ffffff;}
#corso .box-info .form-control {margin-bottom: 20px;}

.box-pdf {
    background-color: #1F4977;border: 5px solid #28a745;padding: 15px;
}

.box-pdf a,
.box-pdf a:link,
.box-pdf a:hover,
.box-pdf a:visited,
.box-pdf a:active {
    color: #ffffff !important;
    text-decoration: none;
}
.box-pdf p {
    font-size: 14pt !important;color: #ffffff; font-weight: bolder;
}

.box-pdf p a,
.box-pdf p a:link,
.box-pdf p a:hover,
.box-pdf p a:visited,
.box-pdf p a:active {
    color: #ffffff !important;
    text-decoration: none;
}

.box-pdf .btn-primary {border: 1px solid #ffffff !important;}

.box-iscrizione {
    background-color: #28a745;border: 5px solid #1F4977;
    padding-top: 30px;padding-bottom: 30px;
    color: #ffffff !important;
}

.box-iscrizione h4 {color: #ffffff !important;}
.box-iscrizione a,
.box-iscrizione a:link,
.box-iscrizione a:hover,
.box-iscrizione a:visited,
.box-iscrizione a:active {color: #ffffff;}
.box-iscrizione .btn-primary {background-color: #28a745;border-color: #ffffff;}

#documentazione {padding-top:30px;padding-bottom: 30px;}

#documentazione .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    font-family: 'Fjalla One', sans-serif;
}
#documentazione .nav-tabs .nav-item.show .nav-link,  {
    color: #1F4977;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    font-family: 'Fjalla One', sans-serif;
}

#documentazione .nav-tabs .nav-link.active {
    color: #1F4977;
    text-decoration: underline;
}
#documentazione .nav-tabs .nav-link:focus, 
#documentazione .nav-tabs .nav-link:hover,
#documentazione .nav-tabs .nav-link:link,
#documentazione .nav-tabs .nav-link:visited{
    border-color: #e9ecef #e9ecef #dee2e6; 
    color: #1F4977;
}

#documentazione .box-normative {background-color: #E0E0E0;padding: 15px;margin-bottom: 20px;margin-top: 10px;}
#documentazione .box-normative h5 {font-size: 11pt;}
#documentazione .box-normative p {font-size: 10pt;background-color: #1F4977;}
#documentazione .box-normative .fas {font-size: 44pt;margin-bottom: 20px;margin-top: 20px;}

#documentazione .box-doc {background-color: #1F4977;margin-bottom: 20px;padding: 15px;color:#ffffff;margin-top: 10px;}
#documentazione .box-doc .icona {text-align: center;font-size: 40pt;}
#documentazione .box-doc h5 {}
#documentazione .box-doc p {font-size: 10pt;} 

#documentazione a,
#documentazione a:link,
#documentazione a:hover,
#documentazione a:active,
#documentazione a:visited {color: #ffffff;}
#numeri {
    background-color: #E0E0E0;padding-top: 80px;padding-bottom: 80px;
    font-family: 'Fjalla One', sans-serif;
    background-image: url(img/bg-number.jpg);
}

#numeri .box {color:#ffffff;text-shadow: 2px 2px 2px #000000;}
#numeri p {margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;line-height: 4.3rem;}
#numeri .icona {font-size: 50pt;text-align: right;margin-top: 10px;}
#numeri .numero {font-size: 20pt;text-align: left;}
#numeri .testo {font-size: 14pt;text-align: left;margin-top: 0px;line-height: 1.5rem;}

#social {padding-top: 50px;padding-bottom: 50px;}



#servizio,
#page {padding-top:150px;padding-bottom: 150px;}

#servizio p,
#page p {font-size: 11pt;}

.box-linee {
    border: 1px solid #000000;
    padding: 0px;
    min-height: 450px;
    margin-bottom: 30px;
}
.box-linee .titolo {
    background-color: #1F4977;
    color: #ffffff;
    text-align: center;font-size: 12pt !important;font-weight: bold;
}
.box-linee p {text-align: center;font-size: 9pt !important;padding-left: 10px;padding-right: 10px;}
.box-linee .btn-primary {
    background-color: #1F4977; 
    border-color: #1F4977;border-radius: 0px;
    font-size: 10pt !important;
}

.box-linee-antismica  {
    border: 1px solid #000000;
    padding: 0px;
    min-height: 450px;
    margin-bottom: 30px;
}
.box-linee-antismica  .titolo {
    background-color: #1F4977;
    color: #ffffff;
    text-align: center;font-size: 12pt !important;font-weight: bold;
}
.box-linee-antismica  p {text-align: center;font-size: 9pt !important;padding-left: 10px;padding-right: 10px;}
.box-linee-antismica  .btn-primary {
    background-color: #1F4977; 
    border-color: #1F4977;border-radius: 0px;
    font-size: 10pt !important;
}

#linea {
    padding-top: 150px;padding-bottom: 150px;
}

#linea h1 {font-size: 1.75rem;}
#linea p {font-size: 11pt !important;}

.box-norma {border: 1px solid #1F4977;text-align: center;color: #1F4977;padding-top: 10px;padding-bottom: 10px;}
.box-norma .fas {font-size: 40pt;text-align: center;color:#1F4977;}

#offerte-lavoro {padding-top: 150px;padding-bottom: 50px;}
#offerte-lavoro .colonna {padding-left: 2px !important;padding-right: 2px !important;padding-top: 2px !important;padding-bottom: 2px !important}
#offerte-lavoro .box {background-color: #000000;}
#offerte-lavoro .box a,
#offerte-lavoro .box a:link,
#offerte-lavoro .box a:hover,
#offerte-lavoro .box a:visited,
#offerte-lavoro .box a:active {color: #ffffff;}
#offerte-lavoro img {opacity: 0.5;}
#offerte-lavoro .testo {position: absolute;margin-top: -90px;padding-left: 15px;padding-right: 5px;width:100%;}
#offerte-lavoro .testo p {color: #ffffff;padding-top: 0px;padding-bottom:0px;margin-bottom:.2rem;text-transform: uppercase;font-size: 11pt;}
#offerte-lavoro .titolo-candidati {font-size: 10pt;}

#offerta-lavoro {padding-top: 150px;padding-bottom: 50px;}
#offerta-lavoro .icona {border-radius: 100px;border: 3px solid #1F4977;}
#offerta-lavoro p {font-size: 11pt;}
#offerta-lavoro .modal {z-index:9999999 !important;}

#contatti {padding-top: 150px !important;padding-bottom: 300px!important;}
#contatti label {margin-bottom: .2rem;margin-top: 0.5rem;font-size: 10pt;font-weight: bold;}
#contatti p {font-size: 11pt;}

footer {
    background-color: #1F4977;color: #ffffff;
    padding: 30px;padding-bottom: 50px;
    font-family: 'Fjalla One', sans-serif;
}
footer p {font-size: 10pt;}

.menu-footer {padding-left: 0px;margin-left: 0px;}
.menu-footer li {
    display: list-item;list-style: none;
    margin-left: 0px;padding-left: 0px;padding-bottom: 10px;
}

.menu-footer li a,
.menu-footer li a:link,
.menu-footer li a:hover,
.menu-footer li a:visited,
.menu-footer li a:active {color: #ffffff;}

#sticky-footer {
    background-color:#000000;
    color: #f8e6e6;font-size: 9pt;
    padding-bottom: 10px;padding-top: 10px;
}
#sticky-footer p {padding-top: 5px;padding-bottom: 10px;font-size: 8pt;font-weight: lighter;}

#sticky-footer a,
#sticky-footer a:link,
#sticky-footer a:hover,
#sticky-footer a:visited {color:#ffffff !important;}

.caption {
    font-size: 10px;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.caption img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
.caption span {
    float: left;
    margin: 0;
    padding: 10px;
    padding-left: 5px;padding-right: 5px;
    width: 100%;
    height: 100%;
    color: #dedede;
    background: #222; /* browser che non supportano rgba */
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
    padding-top: 50%;padding-bottom: 50%;
}
.caption span strong {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}

.caption span {
    display: none;
}
.caption:hover span { display: block; }

#header_mobile {display: none;}

@media only screen and (max-width: 780px) {
    #header {display: none;}
    #header_mobile {display: inline-block;}
    #header_mobile .bg-light {background-color: #ffffff!important;}
    #header_mobile .menu-social {display: none;}
    .logo {width: 100%;}
    .navbar-light .navbar-toggler {float: right;}
    .navbar-brand {width: 50%;}
    #slider {padding-top: 0px;}

    #header_mobile .navbar-light .navbar-nav .nav-link {color: #1F4977;}
    #header_mobile .navbar-light .navbar-nav .txt-anticaduta {color: #1F4977 !important;}
    #header_mobile .navbar-light .navbar-nav .txt-antinfortunistica {color: #1F4977;}
    #header_mobile .navbar-light .navbar-nav .txt-antisismica {color: #1F4977;}
    #header_mobile .navbar-light .navbar-nav .txt-formazione {color: #1F4977;}

    #header_mobile .navbar-light .navbar-nav .nav-link:hover {border-bottom: 6px solid #1F4977;}
    #header_mobile .navbar-light .navbar-nav .txt-anticaduta:hover {border-bottom: 6px solid #9E1981 !important;}
    #header_mobile .navbar-light .navbar-nav .txt-antinfortunistica:hover {border-bottom: 6px solid #E30613;}
    #header_mobile .navbar-light .navbar-nav .txt-antisismica:hover {border-bottom: 6px solid #EF7C19;}
    #header_mobile .navbar-light .navbar-nav .txt-formazione:hover {border-bottom: 6px solid #56AF35;}

    #servizio, #page {padding-top: 30px; padding-bottom: 150px;}
    .box-norma {margin-bottom: 30px;}

    #formazione {text-align: center;}
    #formazione .box {padding-top: 15px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;}
    #formazione .col-left {border-right: 0px solid #ffffff;}

    #contactForm {margin-bottom: 30px;}
}