body {
    padding-top: 80px;
}

.breadcrumb {
    background-color: transparent !important;
}

.shadow {
    -webkit-box-shadow: 10px 10px 22px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 22px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 22px 0px rgba(0,0,0,0.75);
}

.clear {
    clear: both;
}

.hidden_none {
    display: none;
}

.hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

.hidden, .hidden-span span, div.panel a.close {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}
/*h1 { font-size: 1.8em; color: #23408f; }
h2 { font-size: 1.3em; color: #007ac5; font-weight: bold; line-height:23px; }
h3{font-size: 1.2em; color: #333333;}*/
a:hover {
    transition: color .2s;
    -moz-transition: color .2s; /* Firefox 4 */
    -webkit-transition: color .2s; /* Safari and Chrome */
    -o-transition: color .2s; /* Opera */
}

.margin-top-x1 {
    margin-top: 10px !important;
}

.margin-top-x2 {
    margin-top: 20px !important;
}

.margin-top-x3 {
    margin-top: 30px !important;
}

.margin-top-x4 {
    margin-top: 40px !important;
}

.margin-bottom-x1 {
    margin-bottom: 10px !important;
}

.margin-bottom-x2 {
    margin-bottom: 20px !important;
}

.margin-bottom-x3 {
    margin-bottom: 30px !important;
}

.margin-bottom-x4 {
    margin-bottom: 40px !important;
}

.margin-left-x1 {
    margin-left: 10px !important;
}

.margin-left-x2 {
    margin-left: 20px !important;
}

.margin-left-x3 {
    margin-left: 30px !important;
}

.margin-left-x4 {
    margin-left: 40px !important;
}

.margin-right-x1 {
    margin-right: 10px !important;
}

.margin-right-x2 {
    margin-right: 20px !important;
}

.margin-right-x3 {
    margin-right: 30px !important;
}

.margin-right-x4 {
    margin-right: 40px !important;
}

.fontSize0_7em {
    font-size: 0.7em !important;
}

.fontSize0_8em {
    font-size: 0.8em !important;
}

.fontSize0_9em {
    font-size: 0.9em !important;
}

.fontSize1_0em {
    font-size: 1em !important;
}

.fontSize1_1em {
    font-size: 1.1em !important;
}

.fontSize1_2em {
    font-size: 1.2em !important;
}

.fontSize1_3em {
    font-size: 1.3em !important;
}

.fontSize1_4em {
    font-size: 1.4em !important;
}

.fontSize1_5em {
    font-size: 1.5em !important;
}

.fontSize1_6em {
    font-size: 1.6em !important;
}

.fontSize1_7em {
    font-size: 1.7em !important;
}

.fontSize1_8em {
    font-size: 1.8em !important;
}

.fontSize1_9em {
    font-size: 1.9em !important;
}

.fontSize2_0em {
    font-size: 2em !important;
}

.fontSize2_5em {
    font-size: 2.5em !important;
}

.fontSize3_0em {
    font-size: 3em !important;
}

.no-bold {
    font-weight: 300 !important;
}

.bold {
    font-weight: bold !important;
}

.banda {
    width: 100% !important;
}

.grigio {
    background-color: #f6f6f6;
}

.pointer:hover {
    cursor: pointer;
}

.no-float {
    float: none !important;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.chk label {
    display: inline;
    margin-left: 10px;
}

.white {
    color: white !important;
}

.rosso {
    color: #ed1f24 !important;
}
/* La seguente regola va scommentata se il colore secondario del Foundation Framework è molto scuro */
/*div.alert-box.secondary a.close { color: #fff; }*/
.header {
    background-image: url('/Images/bg-top-grigio.png'), url('/Images/bg-bottom-grigio.png');
    background-position: center top, center bottom;
    background-repeat: repeat-x,repeat-x;
    margin-top: -40px;
}

.titolo-master {
    color: #013c7f;
    font-weight: 400 !important;
    line-height: 1em;
    text-align: center;
}

.cal {
    border: 1px solid #bbb;
    padding: 0;
}

.titolo-master small {
    color: #013c7f !important;
}

@media only screen and (min-width: 1001px) {
    .titolo-master {
        font-size: 2.4em;
    }

    .cal.big {
        font-size: 2em;
    }

    a.tel:hover {
        cursor: default !important;
    }

    a.tel {
        text-decoration: none;
    }
}

@media only screen and (min-width: 768px) and (max-width:1000px) {
    .titolo-master {
        font-size: 2.1em;
    }

    .cal.big {
        font-size: 2em;
    }

    a.tel:hover {
        cursor: default !important;
    }

    a.tel {
        text-decoration: none;
    }
}

@media only screen and (min-width: 480px) and (max-width:767px) {
    .titolo-master {
        font-size: 2.2em;
    }

    .cal.big {
        font-size: 1.5em;
    }

    a.tel:hover {
        cursor: default !important;
    }

    a.tel {
        text-decoration: none;
    }
}

@media only screen and (max-width:479px) {
    .titolo-master {
        font-size: 1.8em;
    }

    .cal.big {
        font-size: 1.2em;
    }
}

.titolo-master span {
    font-size: .8em;
    display: block;
}

.formazione-sicurezza {
    border-top: 3px solid #ed1f24;
    padding: .5em 1em;
}

.formazione-sicurezza2 {
    border-top: 3px solid #ed1f24;
    height: 60px;
    padding: .5em 1em;
}

.bg-grigio {
    background-color: #ddd;
}

.bg-rosso {
    background-color: #ed1f24;
}

.tagcloud p {
    line-height: 1.5em !important;
}

.footer {
    background-color: #ed1f24;
    padding: 20px 0;
}

    .footer a, .footer h2 {
        color: #fff !important;
    }


/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .Flexible-container iframe,
    .Flexible-container object,
    .Flexible-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.aule-yes {
    color: #222;
}

.aule-no {
    color: #bbb;
}

.bg-arancio {
    background-color: #FF9933;
}

.border {
    border: 1px solid #ccc !important;
}

.lead {
    font-size: 1.3em !important;
}

.top-bar .name .h1 {
    line-height: 40px;
    font-size: 1em;
    margin: 0;
}

    .top-bar .name .h1 a {
        font-weight: 500;
        color: #fff;
        width: 50%;
        display: block;
        padding: 0 13.33333px;
    }

.bg-waiting, .bg-splash2 { /*min-height: 600px;*/
    background-repeat: no-repeat; /*background-position: center center;*/
    background-attachment: fixed;
}

/*.bg-waiting {
    background-image: url(/images/bg-home-splash.jpg);
}*/
.bg-waiting {
    background-image: url(/images/undraw_teaching_f1cm.svg);
    background-color: #999;
}

.bg-splash3 {
    background-image: url(/images/bg-home-splash2.jpg);
}


.vh {
    height: 100vh;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* iPad in landscape */
    .vh {
        height: 768px;
    }

    .bg-waiting, .bg-splash2 {
        background-attachment: scroll !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* iPad in portrait */
    .vh {
        height: 1024px;
    }

    .bg-waiting, .bg-splash2 {
        background-attachment: scroll !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { /* Retina iPad in landscape */
    .vh {
        height: 768px;
    }

    .bg-waiting, .bg-splash2 {
        background-attachment: scroll !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { /* Retina iPad in portrait */
    .vh {
        height: 1024px;
    }

    .bg-waiting, .bg-splash2 {
        background-attachment: scroll !important;
    }
}

@media screen and (device-aspect-ratio: 40/71) { /* iPhone5 in portrait */
    .vh {
        height: 500px;
    }

    .bg-waiting, .bg-splash2 {
        background-attachment: scroll !important;
    }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { /* iPad 1 & 2 in landscape */
    .vh {
        height: 768px;
    }

    .bg-waiting, .bg-splash2 {
        background-attachment: scroll !important;
    }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { /* iPad 1 & 2 in portrait */
    .vh {
        height: 1024px;
    }

    .bg-waiting, .bg-splash2 {
        background-attachment: scroll !important;
    }
}

/* iPhone 6 landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .vh {
        height: 375px;
    }

    .bg-waiting, .bg-splash2 {
        background-attachment: scroll !important;
    }
}
/* iPhone 6 portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .vh {
        height: 667px;
    }

    .bg-waiting, .bg-splash2 {
        background-attachment: scroll !important;
    }
}
/* iPhone 6 Plus landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
    .vh {
        height: 414px;
    }

    .bg-waiting, .bg-splash2 {
        background-attachment: scroll !important;
    }
}

/* iPhone 6 Plus portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    .vh {
        height: 736px;
    }

    .bg-waiting, .bg-splash2 {
        background-attachment: scroll !important;
    }
}

.navbar-brand {
    padding-top: 22px !important;
}

.dropdown-menu {
    background-color: #333 !important;
}

    .dropdown-menu > li > a {
        color: #fff !important;
        font-size: 0.85em !important;
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            color: #333 !important;
        }

.margin-top-titolo {
    margin-top: 120px;
}

.text-white {
    color: #fff !important;
}

.culonia {
    position: absolute;
    left: -3000px;
}

/*.checkbox.form-preventivo label::before, .checkbox.form-preventivo label::after {
    margin-top: 5px !important;
}*/

.bg-white {
    background-color: #fff !important;
}

.bg-light-gray {
    background-color: #efefef !important;
}

.margin-top-form {
    margin-top: 110px;
}

.padding-bottom-x3 {
    padding-bottom: 30px !important;
}

.padding-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.font-alt {
    font-family: Lora !important;
}

.bg-white-semi-transparent {
    background-color: rgba(255,255,255,.3);
}

.display-inline {
    display: inline-block !important;
}

.bg-dark {
    background-color: #222 !important;
}

.white-space-normal {
    white-space: normal !important;
}

.text-black {
    color: #222222 !important;
}

.hover-no-underline:hover {
    text-decoration: none !important;
}

.text-dark-gray {
    color: #555 !important;
}

.text-gray {
    color: lightgray !important;
}
/* Fix per avere 5 colonne in Bootstrap 3 su schermi medium/large */
.block-grid-5 > li {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .block-grid-5 > li {
        width: 20%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .block-grid-5 > li {
        width: 20%;
    }
}

@media (max-width: 767px) {
    .block-grid-5 > li {
        width: 33.3333%;
    }
}
/* Replicazione block-grid Foundation per Bootstrap 3 */
.logo-grid {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    display: block;
}

    .logo-grid > li {
        float: left;
        position: relative;
        min-height: 1px;
        padding: 0 15px 30px 15px;
    }
/* Small: 3 colonne (100% / 3) */
@media (max-width: 767px) {
    .logo-grid > li {
        width: 33.3333%;
    }

        .logo-grid > li:nth-child(3n+1) {
            clear: both;
        }
}
/* Medium/Large: 5 colonne (100% / 5) */
@media (min-width: 768px) {
    .logo-grid > li {
        width: 20%;
    }

        .logo-grid > li:nth-child(5n+1) {
            clear: both;
        }
}
/* Grid personalizzata per loghi: 3 su mobile, 5 su desktop */
.client-logos {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .client-logos li {
        padding: 10px;
        text-align: center;
    }
/* Mobile: 3 colonne */
@media (max-width: 767px) {
    .client-logos li {
        width: 33.33%;
    }
}
/* Desktop: 5 colonne */
@media (min-width: 768px) {
    .client-logos li {
        width: 20%;
    }
}