/*VARIABILI--------------------------------------------------------------*/

@white: #FFFFFF;
@black: #141720;
@dark: #000000;
@grayDark: #242424;
@gray: #828282;
@grayLight: #A4A4A4;
@bgLightGray: #F6F7FB;
@green: #3DAE2B;
@greenBox: #4EB93C;
@greenLight: #94FF82;
@placeholder: #d8d8d8;
@borderGrayLight: #EBEBEB;
@red:#fd004c;



@font-family: 'Spartan', sans-serif;

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.boxShadow {
    -webkit-box-shadow: 0 3px 15px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 3px 15px 0 rgba(0,0,0,0.05);
    box-shadow: 0 3px 15px 0 rgba(0,0,0,0.05);
}

.radius10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.radius50 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.appearanceNone {
    -webkit-appearance: none;
    -moz-appearance: none;
}

.transition03 {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.absoluteCenter {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%);
}

.bgCenterCover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.inlineMiddle {
    display: inline-block;
    vertical-align: middle;
}

.overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    height:60%;
    background: rgb(20,23,32);
    background: linear-gradient(0deg, rgba(20,23,32,0.70) 0%, rgba(255,255,255,0) 100%);
    .radius10;
}

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


/*GENERALE--------------------------------------------------------------------------------------------------------*/

body {
    font-family: @font-family;
    line-height: 1;
    color: @black;
    font-weight: 400;
    width: 100%;
    overflow-x: hidden !important;
    background-color: @white;
}

body.scroll{
    overflow:hidden;
}

.contenitore{
    width: 100vw;
    overflow-x: hidden !important;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: @black;
    border-radius: 10px;
}

.div1500{
    width:1500px;
    margin:0 auto;
}

#debug {
    position: fixed;
    bottom: 0px;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.68);
    color: @white;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 10pt;
    display: block;
    z-index: 9;
}

.clear {
    clear: both;
}

.fancybox-container {
    z-index: 99999999 !important;
}

h1 {
    font-size:47px;
    font-weight:400;
}

h2 {
    font-size:38px;
    color:@black;
    font-weight:600;
}

h3 {
    letter-spacing:2px;
    font-weight:600;
}

p {
    padding:0 !important;
    margin:0 !important;
    font-size:17px;
    color:@black;
    font-weight:400;
    line-height: 1.9;
}

.button {
    padding: 19px 40px;
    .radius10;
    font-size:15px;
    color:@white;
    font-weight:500;
    display: inline-block;
    cursor:pointer;
    i{
        font-size:13px;
        margin-right:9px;
    }
}

.buttonGreen {
    background-color: @green;
    &:hover{
        background-color:@black;
    }
}

.buttonGray {
    background-color: @gray;

    &:hover {
        background-color: @black;
    }
}

.buttonLineBig {
    border:solid 2px @white;
    &:hover{
        background-color:@white;
        color:@black;
    }
}

.buttonLine {
    padding: 7px 14px;
    .radius10;
    font-size:13px;
    color:@white;
    font-weight:500;
    display: inline-block;
    .inlineMiddle;
    cursor:pointer;
    height:36px;
    box-sizing:border-box;
    i{
        font-size:18px;
        margin-right:9px;
        .inlineMiddle;
    }
    span{
        .inlineMiddle;
        padding-top:3px;
    }
}

.buttonLineGreen {
    border:solid 2px @green;
    &:hover{
        background-color:@green;
    }
}

.buttonLineWhite {
    border:solid 2px @white;
    &:hover{
        background-color:@white;
        color:@black;
    }
}

.title{
    text-align:left;
    h1{
        font-size:60px;
        color:@white;
        font-weight:600;
        span{
            display:block;
            font-size:18px;
            color:@green;
            font-weight:600;
            text-transform:uppercase;
            margin-top:30px;
            letter-spacing:2px;
        }
    }
    h2{
        margin-bottom:25px;
        line-height:1.3;
    }
    h3{
        font-size:18px;
        text-transform:uppercase;
        line-height:1.3;
    }
}

.title.title2{
    h2{
        margin-bottom:0;
    }
    h3{
        margin-bottom:25px;
    }
}

.linkArrow{
    color:@green;
    border-bottom:solid 2px @green;
    padding-bottom:9px;
    cursor:pointer;
    span{
        font-size:15px;
        font-weight:600;
        .inlineMiddle;
    }
    i{
        font-size:13px;
        .inlineMiddle;
        margin-left:7px;
    }
    &:hover{
        color:@black;
        border-bottom:solid 2px @black;
    }
}

.boxZoom{
    display:block;
    position:relative;
    cursor:pointer;
    overflow: hidden;
    .boxZoomImage{
        width: 100%;
        height: 100%;
        transition:all 0.7s;
        .bgCenterCover;
    }
    &:hover{
        .boxZoomImage{
            transform: scale(1.09);
        }
    }
}

.list{
    ul{
        margin-top:40px;
        li{
            display: block;
            margin-bottom: 25px;
            padding-left: 35px;
            font-size:19px;
            font-weight:700;
            box-sizing:border-box;
            &:before{
                font-family: icomoon;
                content: "\e902"; /* FontAwesome Unicode */
                display: inline-block;
                margin-left: -35px; /* same as padding-left set on li */
                width: 35px; /* same as padding-left set on li */
                font-size:21px;
                color:@green;
                font-weight:400;
                vertical-align: middle;
                margin-top:-4px;
            }
        }
    }
}

/*TOP--------------------------------------------------------------------------------------------------------*/
.top {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 1500px;
    z-index: 9;

    .logo {
        float: left;
        text-align: left;
        width: 165px;

        img {
            width: 100%;
        }
    }

    .topNav {
        float: right;
        text-align: right;
        width: calc(100% - 165px);

        .buttonLine {
            margin-left: 9px;
        }

        .topPhone {
            .radius10;
            font-size: 13px;
            color: @white;
            font-weight: 400;
            .transition03;
            text-decoration: none;
            .inlineMiddle;
            background-color: @dark;
            height: 36px;
            box-sizing: border-box;
            margin-right: 15px;

            span {
                padding: 3px 11px 0 11px;
                .inlineMiddle;
            }

            a {
                color:@white;
                padding: 3px 11px 0 11px;
                .inlineMiddle;
            }

            .topPhoneIcon {
                width: 43px;
                height: 36px;
                .radius10;
                background-color: @grayDark;
                text-align: center;
                .inlineMiddle;
                padding-top: 7px;
                box-sizing: border-box;

                i {
                    font-size: 17px;
                    color: @green;
                    display: block;
                    padding-top: 3px;
                }
            }
        }
    }

    .topLang {
        .inlineMiddle;
        position: relative;
        text-align: left;
        box-sizing: border-box;
        margin-left: 35px;

        b {
            font-size: 11px;
            color: @grayLight;
            font-weight: 300;
            display: block;
            margin-bottom: 3px;
        }

        .menuLang {
            text-align: left;

            .selezioneLingua a {
                text-transform: unset !important;
                font-size: 13px;
                color: @white;
                font-weight: 500 !important;

                &:hover {
                    color: @green;
                }

                img {
                    .inlineMiddle;
                    margin-right: 7px;
                }

                label {
                    .inlineMiddle;
                    cursor: pointer;
                    padding-top: 2px;
                }
            }
        }

        .selezioneLingua:hover + .lingua {
            display: block;
        }

        .transitionClass:hover {
            display: block;
        }

        .lingua {
            position: absolute;
            display: none;
            z-index: 999;
            text-align: left;
            border-top: none;
            padding: 15px;
            line-height: 1.6;
            text-align: left;
            width: 100%;
            background-color: @black;

            a {
                text-transform: unset !important;
                font-size: 13px !important;
                color: @white;
                font-weight: 500 !important;
                margin-left: 0 !important;
                padding: 3px 0;

                &:hover {
                    color: @green;
                }

                img {
                    .inlineMiddle;
                    margin-right: 7px;
                }

                label {
                    .inlineMiddle;
                    cursor: pointer;
                    padding-top: 2px;
                }
            }
        }

        .icon-select {
            font-size: 4px;
            color: @white;
            margin-left: 19px;
            .inlineMiddle;
        }
    }

    .topMenu {
        display: block;
        text-align: right;
        margin-top: 30px;

        a {
            font-size: 16px;
            color: @white;
            font-weight: 500;
            margin-left: 19px;
            position: relative;

            &:hover {
                color: @green;
            }
        }

        .topMenuDrop {
            margin-left: 19px;
            position: relative;
            display: inline-block;

            span {
                font-size: 16px;
                color: @white;
                font-weight: 500;
                cursor: pointer;

                &:hover {
                    color: @green;
                }

                i {
                    font-size: 5px;
                    color: @grayLight;
                    margin-left: 5px;
                    vertical-align: middle;
                }
            }

            .topMenuOpen {
                position: absolute;
                top: 35px;
                left: -19px;
                text-align: left;
                display: none;

                a {
                    display: block;
                    padding: 12px 9px;
                    background-color: @white;
                    font-size: 13px;
                    color: @black;
                    border-bottom: solid 1px @placeholder;

                    &:hover {
                        color: @green;
                    }

                    &:first-child {
                        padding-top: 15px;
                    }
                }
            }
        }

        .topMenuDropStoria {
            .topMenuOpen {
                width: 140px;
            }
        }

        .topMenuDropProdotti {
            .topMenuOpen {
                width: 210px;
            }
        }

        .topMenuDropProve {
            .topMenuOpen {
                width: 210px;
            }
        }
    }
}

.top.scrolled {
    position: fixed;
    top: -70px;
    transform: translateY(70px);
    transition: transform .5s ease,background .9s ease;
    -webkit-transition: transform .5s ease,background .9s ease;
    margin: 0 auto;
    width: 100%;
    z-index: 999;
    height: 80px;
    background-color:@white;
    .boxShadow;
    .logo{
        width:115px;
        margin:15px 0 0 30px;
        img{
            width:100%;
        }
    }
    .topNavTop{
        display:none;
    }
    .topMenu{
        margin:33px 30px 0 0;
        a{
            color:@black;
        }
        .topMenuDrop{
            span{
                color:@black;
            }
        }
        .topMenuDrop{
            margin-left:19px;
            .topMenuOpen{
                top:45px;
                left:-30px;
            }
        }
        .topMenuDropStoria{
            .topMenuOpen{
                width:140px;
            }
        }

        .topMenuDropProdotti{
            .topMenuOpen{
                width:190px;
            }
        }

        .topMenuDropProve{
            .topMenuOpen{
                width:210px;
            }
        }
    }
}

.hamburger{
    display:none;
}

/*MENU MOBILE --------------------------------------------------------------------------------------------------------*/
.menuMobile {
    background: rgba(20,23,32,0.97);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    overflow-y:auto;
    position: fixed;
    text-align: center;
    top: 0;
    transition: all 0.7s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 99999;
    ul{
        &:hover  {
            a{
                opacity: 0.5;
            }
            .menuMobileDrop{
                opacity: 0.5;
            }
        }
    }
    ul{
        a {
            -webkit-transform: translateZ(0);
            transition: opacity 0.3s ease-in-out;
            &:hover {
                opacity: 1;
              }
          }
          .menuMobileDrop{
            -webkit-transform: translateZ(0);
            transition: opacity 0.3s ease-in-out;
            &:hover {
                opacity: 1;
              }
          }
    } 
    .main-nav {
        position: relative;
        top: 40%;
        transform: translateY(-40%);
        z-index: 9;
        ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        a {
            font-size:19px;
            color:@white;
            font-weight:500;
            display: block;
            padding: 9px;
            text-decoration: none;
            cursor:pointer;
            line-height:1.2;
            &:first {
                padding-top: 0;
            }
            i{
                font-size: 13px;
                margin-right: 7px;
            }
        }
        img{
            width:130px;
            padding-bottom:50px;
            opacity:1 !important;
        }
        
    }
    .menuMobileDrop{
        span{
            font-size:19px;
            color:@white;
            font-weight:500;
            display: block;
            padding: 9px;
            text-decoration: none;
            cursor:pointer;
            line-height:1.2;
            i{
                font-size:5px;
                color:@grayLight;
                margin-left:5px;
                vertical-align:middle;
            }
        }
        .topMenuOpen{
            display:none;
            a{
                font-size:15px;
                color:@green;
                font-weight:500;
            }
        }
    }
    .menu-footer {
        padding: 2rem;
        z-index: 9;
        img{
            width:21px;
            padding:0;
        }
        a {
            cursor:pointer;
            margin:0 5px;
            display:inline-block;
        }
    } 
}

.menuMobile.open {
    opacity: 1;
    visibility: visible;
    li{
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        &:nth-child(1) {
            -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }
        &:nth-child(2) {
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }
        &:nth-child(3) {
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }
        &:nth-child(4) {
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }
        &:nth-child(5) {
            -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
        }
        &:nth-child(6) {
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
        }
        &:nth-child(7) {
            -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
        }
        &:nth-child(8) {
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
        }
        &:nth-child(9) {
            -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s;
        }
        &:nth-child(10) {
            -webkit-animation-delay: 1s;
            animation-delay: 1s;
        }
        &:nth-child(11) {
            -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s;
        }
        &:nth-child(12) {
            -webkit-animation-delay: 1.2s;
            animation-delay: 1.2s;
        }
        &:nth-child(13) {
            -webkit-animation-delay: 1.3s;
            animation-delay: 1.3s;
        }
    }
}

@-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
}
  
@keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      -ms-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }

.errore {
    position:absolute;
    font-size: 13px;
    color: @red;
    font-weight: 600;
}

/*LOGIN--------------------------------------------------------------------------------------------------------*/
.login {
    display: none;
    padding: 55px !important;
    text-align: center !important;
    .radius10;
    width: 600px;
    box-sizing: border-box;
    position: relative;

    .loginError {
        position: absolute;
        top: 25px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        font-size: 13px;
        color: @red;
        font-weight: 600;
    }

    img {
        width: 150px;
        margin: 25px auto 15px auto;
        display: block;
    }

    h2 {
        font-size: 16px;
        font-weight: 500;
        margin: 5px 0 0 0;
    }

    .richiestaForm {
        margin-top: 35px;
    }

    .richiestaTb {
        display: block;
        margin: 0;
        width: 100%;

        .richeistaLabel {
            input[type=checkbox] {
                text-align: left;
                margin: 0;
                padding-left: 55px;
                appearance: auto !important;
                display: inline-block;
                width: 15px;
            }

            .lblRicordami {
                position: relative !important;
                top: -25px !important;
                font-size:13px;
            }

            input {
                margin-bottom: 0;
                padding-left: 55px;
                background-position: left 25px center;
                background-repeat: no-repeat;
            }

            #tbUsername {
                background-image: url('../Gfx/username.svg');
            }

            #tbPassword {
                background-image: url('../Gfx/password.svg');
            }

            .richiestaSpan {
                left: 55px;
            }
        }
    }

    a {
        display: block;
    }

    .loginPasswordRecovery {
        font-size: 13px;
        color: @green;
        font-weight: 500;
        text-align: left;
        margin-bottom: 25px;
        cursor: pointer;
    }

    .button {
        height: 63px;
        box-sizing: border-box;
        font-size: 16px;
        padding-top: 23px;
    }

    .chkRemember {
    }
}

/*HEADER--------------------------------------------------------------------------------------------------------*/
.header {
    width: 100%;
    height: 1000px;
    background-image: url('../Gfx/bg-header-box.png');
    .bgCenterCover;
    background-position: bottom left;
    position: relative;
    z-index: 8;

    .headerContainer {
        position: relative;
        height: 1000px;
    }

    #sliderHeader {
        position: absolute;
        top: 210px;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 580px;

        .slideHeaderText {
            float: left;
            width: 50%;
            height: 580px;
            padding-top: 50px;
            box-sizing: border-box;

            .title {
                margin-bottom: 30px;
                padding-top: 15px;

                h1 {
                    font-size: 44px;
                    color: @white;
                    margin-bottom: 30px;
                    line-height: 1.3;
                }

                h3 {
                    color: @green;
                }
            }

            p {
                color: @white;
                display: block;
                margin-bottom: 30px !important;
            }

            .button {
                height: 53px;
                margin-right: 15px;
                box-sizing: border-box;
            }

            .buttonGreen {
                &:hover {
                    background-color: @white;
                    color: @black;
                }
            }
        }

        .slideHeaderText > * {
            opacity: 0;
            animation: slide-up 1s forwards;
        }

        .slideHeaderText > *:nth-child(1) {
            animation-delay: 0.3s;
        }

        .slideHeaderText > *:nth-child(2) {
            animation-delay: 0.3s;
        }

        .slideHeaderText > *:nth-child(3) {
            animation-delay: 0.7s;
        }

        .slideHeaderText > *:nth-child(4) {
            animation-delay: 1.3s;
        }

        .slideHeaderImage {
            float: left;
            width: 50%;
            text-align: center;
            height: 580px;

            img {
                height: 100%;
                margin: 0 auto;
            }
        }
    }

    #sliderHeader .slick-prev,
    #sliderHeader .slick-next {
        background: rgba(255,255,255,0.1);
        top: 40%;
        -webkit-transform: translate(0, -40%);
        -ms-transform: translate(0, -40%);
        transform: translate(0, -40%);
    }

    #sliderHeader .slick-prev:before,
    #sliderHeader .slick-next:before {
        opacity: 1;
        color: @white;
    }

    #sliderHeader .slick-prev {
        left: -90px;
    }

    #sliderHeader .slick-next {
        right: -90px;
    }
}

.headerProdotti{
    position:absolute;
    bottom:30px;
    left:0;
    width:calc(100% + 19px);
    height:270px;
    z-index: 9;
    margin-left:-19px;
    .headerProdottiBox{
        float:left;
        width:calc(25% - 19px);
        height:270px;
        margin-left:19px;
        .radius10;
        h2{
            position:absolute;
            bottom:30px;
            left:35px;
            font-size:14px;
            color:@white;
            text-transform:uppercase;
            z-index:9;
        }
        i{
            position:absolute;
            bottom:33px;
            right:30px;
            font-size:14px;
            color:@green;
            z-index:9;
        }
    }
}

.headerInside {
    width: 100%;
    height: 750px;
    .bgCenterCover;
    position: relative;

    .headerInsideOverlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(20,23,32,0.9);
    }

    .title {
        position: absolute;
        bottom: 340px;
        left: 15px;
        right: 15px;
        margin: 0 auto;
        text-align: center;
    }

    .title > * {
        opacity: 0;
        animation: slide-up 1s forwards;
    }

    .title > *:nth-child(1) {
        animation-delay: 0.3s;
    }

    img {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .headerProdotti {
        bottom: 90px;
        right: 0;
        margin: 0 auto;
        text-align: center;
        width: unset;
        height: 170px;
        margin: 0 15px;

        .headerProdottiBox {
            /* float: unset;
            display: inline-block; */
            width: 350px;
            height: 170px;
            /* margin: 0 11px; */
            float:left;
            width:calc(20% - 18px);
            height:170px;
            margin:0 9px;
            h2{
                bottom:23px;
                left:15px !important;
                right:15px !important;
                margin:0 auto;
            }

            i {
                bottom: 26px;
            }
        }
    }
}
.headerInsideTop {
    z-index: 7;
    background-position: bottom right;
}

.headerSmall {
    width: 100%;
    height: 536px;
    .bgCenterCover;
    background-position: top center;
    position: relative;
    z-index: 8;

    h1, h2 {
        position: absolute;
        bottom: 83px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        font-size: 48px;
        color: @white;
        font-weight: 600;
        padding: 25px 40px 21px 40px;
        background-color: @green;
        .radius10;
        display: inline-block;
        width: 519px;
        box-sizing: border-box;
        opacity: 0;
        animation: slide-up 1s forwards;
        animation-delay: 0.3s;
    }

    a {
        h2 {
            .transition03;

            i {
                font-size: 23px;
                .inlineMiddle;
                margin-right: 9px;
            }

            span {
                .inlineMiddle;
            }
        }

        &:hover {
            h2 {
                background-color: @black;
            }
        }
    }
}

.headerSmall > *:nth-child(1) {
    
}

.introHT{
    margin-top:-90px;
    position:relative;
    z-index: 3;
    .title{
        margin-bottom:40px;
        h3{
            color:@grayLight;
        }
    }
}

@keyframes slide-up {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

/*INTRO--------------------------------------------------------------------------------------------------------*/
.intro{
    padding:350px 0 140px 0; 
    margin-top:-260px;
    background: rgb(246,247,251);
    background: linear-gradient(90deg, rgba(246,247,251,1) 36%, rgba(255,255,255,1) 36%);
    background-color:@white;
    .introLeft{
        float:right;
        width:35%;
        text-align:left;
        padding-right:115px;
        box-sizing:border-box;
        p{
            font-size:21px;
            /* color:@gray; */
            font-weight:500;
        }
    }
    .introRight{
        float:right;
        width:65%;
        padding-left:70px;
        box-sizing:border-box;
        h2{
            width:550px;
        }
        h3{
            color:@grayLight;
            margin-bottom:30px;
        }
        p{
            display:block;
            margin-bottom:30px !important;
        }
    }
}

.introHome{
    padding:350px 0 140px 0; 
    margin-top:-260px;
    /* background: rgb(246,247,251);
    background: linear-gradient(90deg, rgba(246,247,251,1) 36%, rgba(255,255,255,1) 36%); */
    background-color:@white;
    background:white;
    .introLeft{
        float:unset;
        width:100%;
        padding-right:0;
        text-align:center;
        .list{
            ul{
                li{
                    display:inline-block;
                    margin:0 15px;
                }
            }
        }
    }
    .introRight{
        display:none;
    }
}

/*NUMBERS--------------------------------------------------------------------------------------------------------*/
.numbers{
    width:100%;
    padding:115px 0;
    background-image:url('../Gfx/bisellatura3.jpg');
    .bgCenterCover;
    position:relative;
    .numbersContainer{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(61,174,43,0.77);
    }
    .numbersList{
        position:relative;
        z-index:3;
        .numbersBox{
            float:left;
            width:calc(20% - 101px);
            margin-right:60px;
            padding-right:60px;
            border-right:1px solid rgba(255, 255, 255, 0.16);
            -webkit-background-clip: padding-box; /* for Safari */
            background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
            text-align:center;
            word-wrap: break-word;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            &:nth-last-child(2){
                border-right:none;
                padding-right:0;
                margin-right:0;
            }
            b{
                font-size:35px;
                color:@white;
                font-weight:600;
                display:block;
                margin-bottom:25px;
            }
            h3{
                font-size:15px;
                color:@greenLight;
                line-height:1.3;
                span{
                    display:block;
                    /* font-size:11px;
                    color:@greenLight;
                    font-weight:500;
                    text-transform:uppercase;
                    margin-top:15px;
                    line-height:1.3; */
                }
            }
        }
    } 
}

.numbers2{
    background-image:none;
    background-color:@bgLightGray;
    .numbersList{
        .numbersBox{
            border-right:solid 1px @placeholder;
            b{
                color:@green;
            }
            h3{
                color:@black;
                span{
                    color:@grayLight;
                }
            }
        }
    } 
}

/*PRODOTTI HOME--------------------------------------------------------------------------------------------------------*/
.prodottiHome {
    padding: 110px 0;

    .title {
        text-align: center;
        margin-bottom: 0;

        h3 {
            color: @green;
        }
    }

    .list {
        text-align: center;

        ul {
            /* columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
            column-gap:30px; */
            li {
                display: inline-block;
                margin: 0 9px;
            }
        }
    }

    .prodottiHomeButtons {
        margin: 45px 0 75px 0;
        text-align: center;

        .button {
            margin: 0 15px;
        }
    }

    .prodottiHomeLeft {
        float: left;
        width: calc(50% - 15px);
        margin: 0 7px;

        .prodottiHomeBox {
            width: 100%;
            height: 300px;
            margin-bottom: 30px;
            .radius10;
            background-color: @bgLightGray;

            .prodottiHomeBoxIcon {
                .inlineMiddle;
                width: 110px;
                height: 100px;
                background-color: @black;
                .radius10;
                text-align: center;

                i {
                    font-size: 38px;
                    color: @white;
                    display: block;
                    padding-top: 29px;
                }

                img {
                    height: 38px;
                    padding-top: 29px;
                }
            }

            h3 {
                .inlineMiddle;
                font-size: 19px;
                text-transform: uppercase;
                margin:30px 0 0 30px;
            }

            .prodottiHomeBoxText {
                padding: 40px;

                p {
                    font-size: 13px;
                    display: block;
                    margin-bottom: 25px !important;
                }
            }
        }

        .prodottiHomeBox2 {
            margin-bottom: 0;

            .prodottiHomeBoxIcon {
                background-color: @green;
            }
        }
    }
    /* .prodottiHomeRight{
        float:left;
        width:calc(50% - 15px);
        margin-left:15px;
        .prodottiHomeImage{
            width:100%;
            height:720px;
            .radius10;
            cursor:default;
            &:hover{
                .boxZoomImage{
                    transform: scale(1);
                }
            }
            .overlay{
                height:35%;
            }
            .prodottiHomeImageText{
                position:absolute;
                bottom:40px;
                left:45px;
                h3{
                    font-size:24px;
                    color:@white;
                    margin-bottom:25px;
                }
                .buttonLine{
                    font-size:16px;
                    height:41px;
                    i{
                        font-size:21px;
                    }
                    &:hover{
                        .boxZoomImage{
                            transform: scale(1.09);
                        }
                    }
                }
            }
        }
    } */
}

/*LABORATORIO HOME--------------------------------------------------------------------------------------------------------*/
.laboratorioHome{
    margin-bottom:-70px;
    .laboratorioHomeImage{
        float:right;
        width:calc(50% - 15px);
        height:860px;
        .bgCenterCover;
        .radius10;
    }
    .laboratorioHomeText{
        float:right;
        width:calc(50% + 15px);
        height:860px;
        .laboratorioHomeTextContainer{
            margin:70px 0;
            background-color:@black;
            height:720px;
            position:relative;
            .laboratorioHomeTextBox{
                .absoluteCenter;
                left:unset;
                color:@white;
                text-align:left;
                margin-left:90px;
                .title{
                    h2{
                        color:@white;
                    }
                    h3{
                        color:@green;
                    }
                }
                p{
                    font-size:15px;
                    color:@white;
                    display:block;
                    margin:45px 0 !important;
                }
                .list{
                    margin-bottom:50px;
                    ul{
                        columns: 2;
                        -webkit-columns: 2;
                        -moz-columns: 2;
                        column-gap:30px;
                        li{
                            color:@white;
                            display:inline-block;
                            width:100%;
                            margin-bottom:19px;
                            margin-top:6px;
                        } 
                    }
                }
                .linkArrow{
                    span{
                        color:@white;
                    }
                    &:hover{
                        color:@white;
                        border-bottom:solid 2px @white;
                    }
                }
            }
        }
    }
}

/*METODI HOME--------------------------------------------------------------------------------------------------------*/
.metodiHome{
    padding:50px 0 135px 0;
    .title{
        padding-bottom:50px;
        margin-bottom:60px;
        border-bottom:solid 1px @borderGrayLight;
        h3{
            color:@green;
        }
    }
    .metodiHomeBox{
        float:left;
        width:calc(50% - 110px);
        margin-right:110px;
        .icon-ultrasound, .icon-correnti{
            .inlineMiddle;
            font-size:58px;
            color:@green;
            width:115px;
        }
        h3{
            .inlineMiddle;
            font-size:21px;
            color:@black;
            text-transform:uppercase;
            margin-left:-7px;
        }
        .metodiHomeBoxTestiInside{
            padding-left:115px;
            p{
                font-size:15px;
                color:@black;
                /* font-weight:600; */
                display:block;
                margin-bottom:40px !important;
            }
        }
    }
    .metodiHomeBox2{
        margin-right:0;
        margin-left:110px;
    }
}

/*QUALITA--------------------------------------------------------------------------------------------------------*/
.qualita{
    /* padding-bottom:130px; */
    .qualitaText{
        float:left;
        width:calc(100% - 530px);
        padding-right:160px;
        .title{
            h2{
                width:450px;
            }
        }
    }
    .qualitaLoghi{
        float:left;
        width:370px;
        padding-top:70px;
        .slideLoghi{
            text-align:center;
            img{
                margin:0 auto;
            }
        }
    }
    #sliderLoghi{
        .slick-dots li button:before
        {
            color: @gray;
        }
        .slick-dots li.slick-active button:before
        {
            color: #3DAE2B;
        }
    }
    .qualitaContainer{
        .title{
            width:900px;
            h3{
                font-size:15px;
                line-height:1.5;
            }
        }
        b{
            color:@black;
            font-weight:600;
        }
        ul{
            padding:19px 0 35px 0;
            li{
                font-size:15px;
                color:@black;
                line-height:1.5;
                display:block;
                margin:15px 0;
                padding-left:35px;
                &:before{
                    font-family: icomoon;
                    content: "\e902"; /* FontAwesome Unicode */
                    display: inline-block;
                    margin-left: -35px; /* same as padding-left set on li */
                    width: 35px; /* same as padding-left set on li */
                    font-size:17px;
                    color:@green;
                    font-weight:400;
                    vertical-align: middle;
                    margin-top:-1px;
                }
            }
        }
    }
    .qualitaContainerQualita{
        padding-bottom:50px;
    }
    .qualitaBoxCertificazioni{
        padding:110px 0;
        background-color:@bgLightGray;
        margin-top:110px;
        text-align:center;
        h3{
            font-size:21px;
            margin-bottom:50px;
        }
        .qualitaBoxCertificazioniContainer{
            margin-left:-19px;
            .qualitaBoxCertificazioniItem{
                .inlineMiddle;
                width:calc(16.6% - 25px);
                margin:0 0 19px 19px;
                padding:30px 19px;
                background-color:@white;
                .boxShadow;
                box-sizing:border-box;
                .transition03;
                img{
                    height:55px;
                }
                h4{
                    margin-top:15px;
                    font-size:13px;
                    color:@black;
                    line-height:1.3;
                    height:40px;
                }
                &:hover{
                    opacity:0.7;
                }
            }
        }
    }
}

.certifications{
    p{
        padding-top:90px !important;
    }
}

/*LABORATORIO--------------------------------------------------------------------------------------------------------*/
.laboratorio{
    padding-bottom:130px;
    .laboratorioText{
        /* width:50%; */
        .title{
            h3{
                color:@green
            }
        }
        .list{
            margin-top:45px;
            ul{
                columns: 2;
                -webkit-columns: 2;
                -moz-columns: 2;
                column-gap:30px;
                li{
                    display:inline-block;
                    width:100%;
                    margin-bottom:19px;
                    margin-top:6px;
                } 
            }
        }
    }
    .pdn{
        .pdnTableContainer{
            padding:15px 0;
            background-color:@white;
            table{
                tr{
                    td{
                        line-height:1.5;
                    }
                }
            }
        }
    }
    
}

.laboratorioCaratteristiche{
    width:100%;
    background-color:@bgLightGray;
    padding:90px 0;
    .title{
        text-align:center;
        h3{
            color:@green;
        }
    }
    .laboratorioCaratteristicheContainer{
        margin:70px 0 0 -40px;
        .laboratorioCaratteristicheBox{
            float:left;
            width:calc(33% - 40px);
            height:350px;
            margin-left:40px;
            background-color:@white;
            .radius10;
            text-align:center;
            padding:55px 40px;
            box-sizing:border-box;
            i{
                font-size:60px;
                color:@green;
            }
            h3{
                font-size:23px;
                margin:25px 0 15px 0;
            }
            p{
                font-size:12px;
            }
        }
    }
}

/*PDN--------------------------------------------------------------------------------------------------------*/
.pdn {
    .pdnText {
        .title {
            h3 {
                color: @grayLight
            }
        }

        .pdnBox {
            float: left;
            width: calc(33.3% - 25px);
            height: 290px;
            .radius10;
            background-color: @bgLightGray;
            padding: 40px 50px;
            margin: 50px 25px 50px 0;
            box-sizing: border-box;

            h3 {
                font-size: 23px;
                font-weight: 600;
                margin-bottom: 15px;
            }

            p {
                font-size: 12px;
            }
        }
    }

    .pdnTableContainerExpand {
        margin-top: 0 !important;
        padding: 0 !important;
        cursor: pointer;

        .title {
            padding: 35px 0 30px 0 !important;
            margin-bottom: 0;
            position: relative;
            cursor: pointer;
            .transition03;

            .plus-minus-toggle {
                cursor: pointer;
                height: 18px;
                position: absolute;
                top: 43px;
                right: 0;
                width: 18px;

                &:before,
                &:after {
                    background: @black;
                    content: '';
                    height: 3px;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 18px;
                    transition: transform 500ms ease;
                }

                &:after {
                    transform-origin: center;
                }

                &.collapsed {
                    &:after {
                        transform: rotate(90deg);
                    }

                    &:before {
                        transform: rotate(180deg);
                    }
                }
            }

            &:hover {
                opacity: 0.3;
            }

            h3 {
                color: @black;
            }
        }

        .tbProdottiHide {
            display: none;
            padding: 30px 0 50px 0;
        }
    }

    .pdnTableContainerExpand1 {
        background-color: @white !important;
    }

    .pdnTableContainer {
        padding: 70px;
        background-color: @bgLightGray;
        margin-top: 90px;
        overflow: auto;

        table {
            width: 100%;

            tr {
                th {
                    font-size: 18px;
                    font-weight: 600;
                    padding: 0 0 25px 0;
                    border-bottom: solid 1px @black;
                    text-align: center;
                }

                td {
                    font-size: 15px;
                    color: @black;
                    padding: 11px 0;
                    border-bottom: solid 1px @black;
                    height: 63px;
                    box-sizing: border-box;
                    text-align: center;

                    i {
                        font-size: 40px;
                        color: @black;
                    }
                }

                .greenTd {
                    color: @green !important;
                    font-weight: 500;
                }

                .tdP2L {
                    padding-left: 0;
                }

                .tdInfoText {
                    font-size: 16px;
                    color: @black;
                    border-bottom: none;
                    padding: 7px 0;
                    line-height: 1.3;
                }

                .tdCenter {
                    text-align: center;
                }

                .tdLeft {
                    text-align: left;
                }
            }
        }

        .table2 {
            tr {
                th {
                    padding: 0 105px 25px 105px;
                }

                td {
                    padding: 19px 105px;

                    i {
                        font-size: 60px;
                        width: 75px;
                        text-align: center;
                        display: block;
                        margin: 0 auto;
                    }
                }

                .tdP2L {
                    padding-left: 0;
                }
            }
        }
    }

    .pdnTableContainer2 {
        padding: 90px;
        background-color: @white;
        margin-top: 0;
    }

    .pdnTableContainer3 {
        padding: 50px 0 0 0;
    }
}

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

ul.tabs {
    position: absolute;
    bottom:190px;
    left: 0;
    right: 0;
    margin:0 auto;
    text-align:center;
    list-style: none;
    padding: 0;
    z-index: 99;
    li {
        display: inline-block;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        margin-right: 9px;
        position: relative;
        z-index: 999;
        margin:0 13px;
        a {
            text-decoration: none;
            display: block;
            outline: none;
            transition: all 0.5s ease 0s;
            padding: 17px 40px 15px 40px;
            .radius10;
            font-size:25px;
            color:@gray;
            font-weight:600;
            display: inline-block;
            cursor:pointer;
            background-color:@black;
            i{
                .inlineMiddle;
                margin-right:5px;
                font-size:21px;
            }
            span{
                .inlineMiddle;
            }
            &:hover{
            }
        }
        
    }
    li.active{
        a{
            background-color:@green;
            color:@white;
        }
    }
}

.tabContainer {
    position: relative;
    margin: 0 auto;
    z-index:-1;
}

.tabContainerP{
    margin-top:-90px;
    position: relative;
    z-index: 3;
}

/*PRODOTTI--------------------------------------------------------------------------------------------------------*/
.prodotti{
    margin-top: 40px;
    .title{
        margin-bottom:0 !important;
    }
    .pdnTextP{
        margin-bottom:50px;
        .ppp{
            padding-bottom:25px !important;
            margin:0 !important;
        }
    }
    .pdnText{
        .title{
            h3{
                color:@green !important;
            }
        }
        p{
            padding-bottom:25px !important;
            margin:0 !important;
        }
    }
}
.trafile{
    /* margin-top:90px; */
}
.prodotti2{
    margin-top:0 !important;
    padding-top:90px;
}

.prodotti3{
    margin-top:0;
    padding-top:0;
    .pdnTableContainer{
        margin-top:0;
    }
}

.imballaggiText {
    /*  text-align:center;
    padding:110px 0 90px 0;
    .title{
        text-align:center;
        h3{
            color:@green;
        }
    } */
    .imballaggiTextContainer {
        width: 1100px;
        display: inline-block;
        margin: 0 auto 55px auto;
        text-align: left;

        .list {
            margin-bottom: 50px;

            ul {
                columns: 3;
                -webkit-columns: 3;
                -moz-columns: 3;
                column-gap: 110px;

                li {
                    display: inline-block;
                    width: 100%;
                    margin-bottom: 19px;
                    margin-top: 6px;
                }
            }
        }
    }
}

.imballaggi{
    .laboratorioHomeImage{
        float:left;
        width:50%;
        height:790px !important;
        border-radius:0;
    }
    .laboratorioHomeText{
        float:left;
        width:50%;
        height:790px !important;
        .laboratorioHomeTextContainer{
            height:790px !important;
            margin:0 !important;
            .laboratorioHomeTextBox{
                padding-right:15px;
                .list{
                    ul{
                        columns: 1;
                        -webkit-columns: 1;
                        -moz-columns: 1;
                        column-gap:0;
                        li{
                            line-height:1.5;
                        }
                    }
                }
                p{
                    font-size:15px;
                }
            }
        }
    }
}

/*GALLERY--------------------------------------------------------------------------------------------------------*/
.gallery{
    width:100%;
    height:500px;
    .galleryBox{
        float:left;
        width:25%;
        height:500px;
    }
}

.gallery2 {

    .galleryBox {
        width: 50%;
    }
}

.gallery3 {

    .galleryBox {
        width: 33.3%;
    }
}

.gallery8{
    height:1000px;
}

.news{
    .gallery {
        height: unset;
        text-align:center;
        .galleryBox {
            float: unset;
            display:inline-block;
            margin:0 7px 15px 7px;
            width: calc(25% - 19px);
            height: 150px;
        }
    }
}

/*RESET PASSWORD--------------------------------------------------------------------------------------------------------*/
.resetPassword {
    position: relative;
    padding: 50px 0 70px 0;
    margin:-290px auto 0 auto;
    text-align:center;
    z-index:999999;
    background-color:@white;
    min-height:230px;
    .errore{
        top:39px;
        left:15px;
        right:15px;
        line-height:1.3;
    }
}

/*LAVORA CON NOI--------------------------------------------------------------------------------------------------------*/
.lavoraConNoi {
    padding: 190px 0 140px 0;
    margin-top: -245px;
    background: linear-gradient(90deg, rgba(246,247,251,1) 40%, rgba(255,255,255,1) 40%);

    .introLeft {
        float: right;
        width: 40%;
        padding-right: 140px;

        h2 {
            font-size: 21px;
            margin-bottom: 15px;
        }

        #sliderPosizioniAperte .slick-prev,
        #sliderPosizioniAperte .slick-next {
            top: unset;
            bottom: -50px;
            -webkit-transform: unset;
            -ms-transform: unset;
            transform: unset;
        }

        #sliderPosizioniAperte .slick-prev {
            left: calc(50% - 50px);
            transform: rotate(90deg);
        }

        #sliderPosizioniAperte .slick-next {
            right: calc(50% - 50px);
            transform: rotate(90deg);
        }

        .slidePosizioniAperte {
            width: 100%;
            padding: 30px;
            background-color: @white;
            .radius10;
            .boxShadow;
            margin: 13px 0;

            h3 {
                font-size: 16px;
                letter-spacing: 0;
            }

            .slidePosizioniAperteLuogo {
                float: left;
                width: calc(100% - 75px);
                color: @green;
                margin-top: 15px;

                i {
                    font-size: 19px;
                    .inlineMiddle;
                    margin-right: 5px;
                }

                span {
                    font-size: 13px;
                    font-weight: 500;
                    .inlineMiddle;
                }
            }

            .slidePosizioniAperteData {
                float: right;
                width: 75px;
                text-align: right;

                span {
                    font-size: 11px;
                    .inlineMiddle;
                }
            }

            .slidePosizioniAperteText {
                display: block;
                margin: 19px 0 !important;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical;
                overflow: hidden;
                overflow-y: hidden !important;
                text-overflow: ellipsis;
                display: -webkit-box;
                height: 85px;

                p {
                    font-size: 11px;
                    color: @black;
                    font-weight: 400;
                    line-height: 1.5;
                }
            }

            .linkArrow {
                padding-bottom: 5px;

                span {
                    font-size: 12px;
                }

                i {
                    font-size: 10px;
                }
            }
        }
    }

    .introRight {
        float:right;
        width: 60%;
        padding-left: 90px;

        .title {
            margin-bottom: 45px;
            width:70%;
            h3 {
                color: @green
            }
        }
    }
}

.slidePosizioniApertePopUp{
    padding:50px !important;
    .radius10;
    .posizioniAperteTit{
        h3{
            font-size:25px;
            letter-spacing:0;
            margin-bottom:15px;
        }
        span{
            font-size:19px;
            color:@green;
            font-weight:600;
            display:block;
            margin-bottom:30px;
        }
        label{
            display:block;
            font-size:14px;
            margin-bottom:15px;
        }
        p{
            font-size:14px;
            line-height:1.3;
        }
        h4{
            text-align:center;
            font-size:15px;
            color:@white;
            text-transform:uppercase;
            .radius10;
            background-color:@green;
            padding:9px 15px;
            display:inline-block;
            margin:0 auto 30px auto;
        }
    }
    
}

.fancybox-slide--iframe .fancybox-content {
    width  : 800px !important;
    .radius10 !important;
    .fancybox-iframe{
        .radius10;
    }
}

/*CHI SIAMO--------------------------------------------------------------------------------------------------------*/
.chiSiamo{
    padding:170px 0 140px 0; 
    margin-top:-260px;
    background: transparent !important;
    .introLeft{
        float:left;
        width:55%;
        padding-right:30px;
        .title{
            margin-bottom:45px;
            width:450px;
            h3{
                color:@green
            }
        }
        p{
            font-size:17px;
            font-weight:400;
            display:block;
            margin-bottom:40px !important;
        }
    }
    .introRight{
        width:45%;
        padding:110px 0 0 110px;
        box-sizing:border-box;
        .title{
            margin-bottom:60px;
            h3{
                font-size:13px;
                margin-bottom:15px;
            }
            h2{
                font-size:27px;
            }
        }
        .doveBoxItem{
            .doveBoxItemText{
                color:@black;
            }
        }
        img{
            width:100%;
        }
    }
}

.chiSiamoCaratteristiche{
    background-color:@green;
    .laboratorioCaratteristicheContainer{
        margin:0 0 0 -40px;
        .laboratorioCaratteristicheBox{
            background-color:@greenBox;
            color:@white;
            i{
                color:@white;
            }
            p{
                color:@white;
            }
        }
    }
}

.storia {
    padding: 170px 0 110px 0;
    margin-top: -260px;
    background-color: transparent;

    .title {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding-right: 150px;

        h3 {
            color: @green;
        }
    }

    .storiaTextRight {
        float: left;
        width: 50%;
    }

    .storiaTimeline {
        margin-top: 70px;
        position: relative;

        .slideStoriaTimelineBox {
            height: 430px;
            position: relative;

            .storiaTimelineImage {
                float: right;
                width: calc(50% - 65px);
                margin-right: 65px;
                height: 430px !important;
                .bgCenterCover;
                /*.radius10;*/
                text-align:center;
                position:relative;
                img{
                    .absoluteCenter;
                    max-width:100%;
                    max-height:430px;
                }
            }

            .storiaTimelineText {
                float: right;
                width: 50%;
                height: 430px;
                position: relative;

                .storiaTimelineTextBox {
                    .absoluteCenter;
                    text-align: left;

                    h3 {
                        font-size: 36px;
                        letter-spacing: 0;
                        margin-bottom: 25px;
                    }

                    p {
                        font-size: 17px;
                        color: @black;

                        span {
                            font-size: 13px;
                        }
                    }

                    ul {
                        li {
                            font-size: 17px;
                            margin: 19px 0;
                            padding-left: 35px;
                            display: block;
                            line-height: 1.5;

                            &:before {
                                font-family: icomoon;
                                content: "\e902"; /* FontAwesome Unicode */
                                display: inline-block;
                                margin-left: -35px; /* same as padding-left set on li */
                                width: 35px; /* same as padding-left set on li */
                                font-size: 19px;
                                color: @green;
                                font-weight: 400;
                                vertical-align: middle;
                            }
                        }
                    }
                }
            }
        }

        hr {
            width: 100%;
            position: absolute;
            top: 106px;
            left: 0;
            right: 0;
            margin: 0 auto;
            text-align: center;
            color: @placeholder;
            background-color: @placeholder;
            height: 1px;
            border: none;
        }

        #sliderStoriaTimelineYears {
            width: 100%;
            margin: 0 auto 30px auto;

            .slideStoriaTimelineYears {
                cursor: pointer;
                text-align: center;
                margin-top: 5px;
                height: 216px;

                span {
                    font-size: 16px;
                    color: @black;
                    font-weight: 600;
                    display: block;
                    margin-bottom: 7px;
                }

                i {
                    display: block;
                    margin: 0 auto;
                    height: 13px;
                    width: 13px;
                    .radius50;
                    border: solid 1px @placeholder;
                    background-color: @white;
                    margin-top: 0;
                }

                hr {
                    width: 1px;
                    height: 70px;
                    display: block;
                    color: @placeholder;
                    background-color: @placeholder;
                    position: relative;
                    top: unset;
                    left: unset;
                    right: unset;
                }
            }

            .slideStoriaTimelineYears.slick-current {
                span {
                    color: @green;
                }
            }

            .slideStoriaTimelineYears2 {
                margin-top:99px;
                span {
                    margin-bottom: 0;
                    margin-top:7px;
                }
            }
        }
    }
}

.team{
    padding:130px 0;
    text-align:center;
    background-color:@bgLightGray;
    .title{
        text-align:center;
        margin-bottom:25px;
    }
    p{
        font-size:18px;
        font-weight:500;
    }
    .list{
        margin-bottom:80px;
        ul{
            columns: 1;
            -webkit-columns: 1;
            -moz-columns: 1;
            column-gap:0;
            li{
                display:inline-block;
                line-height:1.5;
                margin:0 40px;
                color:@green;
            }
        }
    }
    #sliderTeam .slick-prev,
    #sliderTeam .slick-next
    {
        top: unset;
        bottom:-65px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }
    #sliderTeam .slick-prev
    {
        left:calc(50% - 45px);
    }
    #sliderTeam .slick-next
    {
        right:calc(50% - 45px);
    }
    .slideTeam{
        height:300px;
        margin:0 15px;
        .radius10;
        .slideTeamText{
            position:absolute;
            left:25px;
            bottom:25px;
            z-index:9;
            text-align:left;
            h3{
                font-size:17px;
                color:@white;
                font-weight:500;
                letter-spacing:0;
                margin-bottom:9px;
            }
            span{
                font-size:14px;
                color:@green;
                font-weight:600;
                text-transform:uppercase;
                letter-spacing:2px; 
            }
        }
    }
}

.lavoraConNoiBox{
    background-color:@white;
    margin-top:50px;
    .lavoraConNoiBoxContainer{
        position:relative;
        padding:110px 0;
        img{
            position:absolute;
            bottom:0;
            right:80px;
        }
    }
    .lavoraConNoiBoxText{
        width:55%;
        .title{
            h3{
                font-size:24px;
                color:@white;
                text-transform:unset;
                letter-spacing:0;
                background-color:@green;
                padding:13px 19px;
                .radius10;
                display:inline-block;
            }
            h2{
                display:block;
                margin-top:35px;
            }
        }
        p{
            display:block;
            margin-bottom:40px !important;
        }
    }
}

.tabContainerC{
    position:relative;
    z-index:3;
}

/*CONTATTI--------------------------------------------------------------------------------------------------------*/
.contatti{
    background:@white;
    padding:130px 0 0 0;
    .introLeft{
        float:right;
        width:50%;
        padding-right:0;
        .gm-style .gm-style-iw-c{
            padding:19px;
        }
        h3{
            margin-bottom:9px;
            color:@green;
        }
        .map{
            width:100%;
            height:720px;
        }
    }
    .introRight{
        float:right;
        width:50%;
        padding:230px 0 0 190px;
        box-sizing:border-box;
        .title{
            margin-bottom:45px;
            h3{
                color:@green
            }
        }
        .doveBoxItem{
            .doveBoxItemTit{
                height:unset;
            }
            .doveBoxItemText{
                font-size:16px !important;
                color:@black;
                font-weight:400;
            }
        }
    }
}

.contattiIndirizzi{
    margin-top:-250px;
    .title{
        margin-bottom:50px;
    }
    h3{
        font-size:38px;
        color:@black;
        font-weight:600;
    }
    h4{
        font-size:15px;
        color:@green;
        font-weight:600;
        text-transform:uppercase;
        margin:25px 0 9px 0;
    }
    span{
        /* color:@green; */
        font-weight:500;
        width:130px;
        display:inline-block;
    }
    a{
        color:@black;
        font-weight:400;
        &:hover{
            color:@green;
        }
    }
    .contattiIndirizziLeft{
        float:left;
        width:50%;
        height:750px;
        position:relative;
        background-color:@bgLightGray;
        .contattiIndirizziLeftContainer{
            .absoluteCenter;
            top:50%;
            left:21%;
            right:21%;
            text-align:left;
            line-height:1.5;
            .h3t{
                padding:70px 0 25px 0;
            }
        }
    }
    .contattiIndirizziRight{
        float:left;
        width:50%;
        height:750px;
        .bgCenterCover;
    }
    /* .contattiIndirizziBox{
        float:left;
        width:calc(20% - 65px);
        margin-right:30px;
        padding-right:40px;
        border-right:solid 1px @borderGrayLight;
        &:nth-last-child(2){
            margin-right:0;
            padding-right:0;
            border-right:none;
        }
        h3{
            font-size:16px;
            color:@green;
            margin-bottom:15px;
        }
        a{
            font-size:16px;
            color:@black;
            font-weight:500;
            &:hover{
                color:@green;
            }
        }
    } */
}

.contattiRecapiti{
    padding:110px 0;
    background-color:@black;
    background-image:url('../Gfx/bg-contatti-box.svg');
    background-position:bottom right;
    background-repeat:no-repeat;
    background-size:auto;
    .title{
        margin-bottom:50px;
        h2{
            color:@white;
        }
    }
    .contattiRecapitiBox{
        display: inline-block;
        vertical-align:top;
        margin:0 15px 35px 0;
        text-align:center;
        h3{
            font-size:19px;
            color:@white;
            font-weight:500;
            letter-spacing:0;
            margin-bottom:19px;
        }
        h4{
            font-size:16px;
            color:@white;
            font-weight:500;
            margin-bottom:15px;
            padding-top:37px;
        }
        .h4x{
            padding-top:15px;
        }
        a{
            display:inline-block;
            margin:0 9px 0 0;
            font-size:30px;
            color:@green;
            &:hover{
                color:@white;
            }
        }
        .topPhone{
            .radius10;
            font-size:15px;
            color:@white;
            font-weight:400;
            .transition03;
            text-decoration: none;
            .inlineMiddle;
            background-color:@dark;
            height:63px;
            box-sizing: border-box;
            margin-right:15px;
            span{
                padding:3px 21px 0 15px;
                .inlineMiddle;
            }
            a{
                padding:3px 25px 0 19px;
                .inlineMiddle;
                font-size:15px;
                color:@white;
                font-weight:400;
                &:hover{
                    color:@green;
                }
            }
            .topPhoneIcon{
                width:70px;
                height:63px;
                .radius10;
                background-color:@grayDark;
                text-align:center;
                .inlineMiddle;
                padding-top:7px;
                box-sizing:border-box;
                i{
                    font-size:30px;
                    color:@green;
                    display:block;
                    padding-top:9px;
                }
            }
            .topPhoneIcon2{
                i{
                    font-size:21px;
                    padding-top:13px;
                }
            }
        }
        &:last-child{
            margin-right:0;
        }
    }
}

.contattiRichiesta{
    padding:110px 0;
    height:1210px;
    position:relative;
    box-sizing:border-box;
    .contattiRichiestaContainer{
        width:810px;
        text-align:center;
        .title{
            text-align:center;
            margin-bottom:30px;
            h3{
                text-transform:unset;
                color:@green;
            }
        }
        p{
            font-size:14px;
        }
    }
    .contattiRichiestaImage{
        position:absolute;
        top:-65px;
        right:0;
        width:590px;
        height:1275px;
        background-image:url('../Gfx/bg-richiesta-box.jpg');
        .bgCenterCover;
        background-position:center left;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
}

/*RICHIESTA --------------------------------------------------------------------------------------------------------*/
.richiesta {
    width: 100%;
    text-align: center !important;
    box-sizing: border-box;
    padding:60px 0;
    .title{
        margin-bottom:19px;
    }
    p{
        margin-top:25px !important;
        display:block !important;
    }
}

.richiestaForm{
    width:100%;
    margin:0 auto;
    margin-top:50px;
    .richiestaTb {
        display: inline-block;
        margin: 0 1%;
        position: relative;
        vertical-align: middle;
    }
    .richiestaTb1 {
        width: 95%;
    }
    .richiestaTb2 {
        width: 46%;
    }
    .richiestaPrivacy {
        width: 95%;
        margin: 0 1%;
        display: inline-block;
        color: @black;
        font-size: 11px;
        font-weight: 400;
        line-height: 1.2;
        text-align: left;
        margin-top: 10px;
        box-sizing: border-box;
        overflow-y: auto;
        height: 110px;
        padding: 0;
        border:none;
        font-family: @font-family;
        &::-webkit-scrollbar-track {
            border-radius: 15px;
            background-color: @gray;
        }
        &::-webkit-scrollbar {
            width: 7px;
            background-color: @gray;
            border-radius: 15px;
        }
        &::-webkit-scrollbar-thumb {
            border-radius: 15px;
            background-color: @gray;
        }
        strong{
            font-size:14px;
            color: @gray;
            display:block;
            font-weight:400;
        }
        b {
            color: @gray;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.2;
            margin-bottom: 5px;
            display: block;
        }
    }
    .richiestaCb {
        width: 95%;
        margin: 0 1%;
        display: inline-block;
        color: @gray;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        text-align: left;
        margin-top: 30px;
    }
    .richiestaInvia {
        display: inline-block;
        text-align: center;
        margin: 50px 0 0 1%;
    }
    .richiestaTbRicordami{
        text-align:left;
    }
    .required {
        color: @white;
        z-index: 999;
    }
    .obbligatorio {
        color: @white !important;
        right: 10px;
        z-index: 999;
        line-height: 1.8;
        background-color: @red;
        padding: 30px;
        width: 30%;
        margin: 30px auto 0 auto;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .obbligatorioPrivacy {
        color: @white !important;
        right: 0;
        z-index: 999;
        line-height: 1.8;
        background-color: @red;
        padding: 5px 20px;
        margin: 30px 0 0 1%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        display:inline-block;
        font-size:13px;
        span {
            display: block;
        }
    }
    .obbligatorioPrivacyC{
        margin:-15px 0 15px 1%;
    }
    .richeistaLabel {
        position: relative;
        display: inline-block;
        width: 100%;
        input {
            color: @black;
            font-size: 13px;
            font-weight: 400;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            border: none;
            background-color: @bgLightGray;
            padding: 5px 25px 0 25px;
            width: 100%;
            margin-bottom: 9px;
            outline: none;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            font-family: @font-family;
            .radius10;
            height:63px;
            -webkit-appearance: none;
            &::-webkit-input-placeholder{
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                color: @black;
                font-size: 13px;
                font-weight: 400;
            }
            &:-ms-input-placeholder {
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                color: @black;
                font-size: 13px;
                font-weight: 400;
            }
            &::-ms-input-placeholder {
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                color: @black;
                font-size: 13px;
                font-weight: 400;
            }
            &::placeholder {
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                color: @black;
                font-size: 13px;
                font-weight: 400;
            }
            &:focus {
                padding-top: 33px;
                padding-bottom: 17px;
            }
            &:focus::-webkit-input-placeholder {
                color: transparent;
            }
            &:focus:-ms-input-placeholder {
                color: transparent;
            }
            &::-ms-input-placeholder {
                color: transparent;
            }
            &:focus::placeholder{
                color: transparent;
            }
            &:focus + span {
                opacity: 1;
                top: 13px;
            }
        }
        select {
            color: @black;
            font-size: 13px;
            font-weight: 400;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            border: none;
            background-color: @bgLightGray;
            padding: 0 25px;
            width: 100%;
            margin-bottom: 9px;
            outline: none;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            font-family: @font-family;
            .radius10;
            height:63px;
            background-image:url('../Gfx/select.svg');
            background-position:center right 25px;
            background-repeat:no-repeat;
            -webkit-appearance: none;
            &::-webkit-input-placeholder{
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                color: @black;
                font-size: 13px;
                font-weight: 400;
            }
            &:-ms-input-placeholder {
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                color: @black;
                font-size: 13px;
                font-weight: 400;
            }
            &::-ms-input-placeholder {
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                color: @black;
                font-size: 13px;
                font-weight: 400;
            }
            &::placeholder {
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                color: @black;
                font-size: 13px;
                font-weight: 400;
            }
            &:focus {
                padding-top: 33px;
                padding-bottom: 17px;
            }
            &:focus::-webkit-input-placeholder {
                color: transparent;
            }
            &:focus:-ms-input-placeholder {
                color: transparent;
            }
            &::-ms-input-placeholder {
                color: transparent;
            }
            &:focus::placeholder{
                color: transparent;
            }
            &:focus + span {
                opacity: 1;
                top: 13px;
            }
        }
        textarea {
            color: @black !important;
            font-size: 12px !important;
            font-weight: 400 !important;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            border: none;
            background-color: @white;
            padding: 25px;
            width: 100%;
            margin-bottom: 15px;
            outline: none;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            height: 240px;
            font-family: @font-family;
            background-color:@bgLightGray;
            .radius10;
            -webkit-appearance: none;
            &::-webkit-input-placeholder{
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                color: @gray;
                font-size: 15px;
                font-weight: 400;
            }
            &:-ms-input-placeholder {
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                color: @gray;
                font-size: 15px;
                font-weight: 400;
            }
            &::-ms-input-placeholder {
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                color: @gray;
                font-size: 15px;
                font-weight: 400;
            }
            &::placeholder {
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                color: @gray;
                font-size: 15px;
                font-weight: 400;
            }
            &:focus {
                padding-top: 28px;
                padding-bottom: 12px;
            }
            &:focus::-webkit-input-placeholder {
                color: transparent;
            }
            &:focus:-ms-input-placeholder {
                color: transparent;
            }
            &::-ms-input-placeholder{
                color: transparent;
            }
            &:focus::placeholder {
                color: transparent;
            }
            &:focus + span {
                opacity: 1;
                top: 13px;
            }
        }
        .populated{
            padding-top:28px;
            padding-bottom:12px;
        }
        .populated::-webkit-input-placeholder {
            color: transparent;
        }
        .populated:-ms-input-placeholder {
            color: transparent;
        }
        .populated::-ms-input-placeholder {
            color: transparent;
        }
        .populated::placeholder {
            color: transparent;
        }
        .populated + span {
            opacity: 1;
            top: 13px;
        }
        .richiestaSpan {
            color: @green !important;
            font-size: 12px !important;
            font-weight: 400;
            position: absolute;
            top: 3px;
            left: 25px;
            opacity: 0;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }
    }
    .errorValidation {
        border: 2px solid @red !important;
        border-radius: 5px;
    }
    
}

.grazie {
    padding: 50px 30px !important;
    text-align: center !important;
    background-color: @white;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    line-height:1.2;
    h2 {
        font-size: 27px !important;
        font-weight: 700;
        margin-bottom: 20px;
        text-transform:uppercase;
        color:@green;
    }
    h3 {
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height:1.2;
        margin-bottom:30px;
        letter-spacing:0;
    }
}

.curriculum{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background-color: @bgLightGray;
    width: 100%;
    margin-bottom: 21px;
    font-family: @font-family;
    .radius10;
    height:63px;
    .curriculumTit{
        float:left;
        width:60%;
        padding:23px 0 0 25px;
        box-sizing:border-box;
        i{
            font-size:19px;
            color:@green;
            .inlineMiddle;
        }
        span{
            font-size:11px;
            .inlineMiddle;
            margin-left:5px;
        }
    }
    .curriculumFile{
        float:left;
        width:40%;
    }
    input[type=file] {
        cursor: pointer;
        width:100%;
        font-size:11px;
        color:@gray;
        text-align:right;
        padding:25px 0;
      }
      input[type=file]::-webkit-file-upload-button {
        background: @green;
        border: 0;
        padding: 1em 1em;
        cursor: pointer;
        font-size:13px;
        color:@white;
        font-weight:700;
        .radius10;
        float:right;
        height:63px;
        box-sizing:border-box;
        margin-top:-25px;
      }
      input[type=file]::-ms-browse {
        background: @green;
        border: 0;
        padding: 1em 1em;
        cursor: pointer;
        font-size:13px;
        color:@white;
        font-weight:700;
        .radius10;
        float:right;
        height:63px;
        box-sizing:border-box;
        margin-top:-25px;
      }
}

/*GREEN --------------------------------------------------------------------------------------------------------*/
.green {
    width: 100%;
    padding: 150px 0 250px 0;
    background-color: @green;
    background-image: url('../Gfx/bg-green-box.svg');
    background-position: bottom -150px center;
    background-repeat: no-repeat;
    background-size: auto;

    .title {
        text-align: center;
        width:900px;
        margin:0 auto;
        h2 {
            color: @white;
        }

        h3 {
            color: @greenLight;
        }
    }

    .greenContainer {
        margin: 70px 0 0 -30px;
        
        .greenBox {
            float: left;
            width: calc(25% - 30px);
            margin-left: 30px;
            background-color: @greenBox;
            .radius10;
            text-align: center;
            height: 335px;
            padding: 50px 45px;
            box-sizing: border-box;

            i {
                font-size: 60px;
                color: @white;
                height: 70px;
                display: block;
                margin: 0 auto;
                padding-top: 10px;
                box-sizing: border-box;
            }

            .icon-camion {
                font-size: 40px;
                padding-top: 15px;
            }

            .icon-fotovoltaico {
                font-size: 70px;
                padding-top: 0;
            }

            h4 {
                font-size: 21px;
                color: @white;
                font-weight: 400;
                margin: 25px 5px 19px 5px;
                line-height: 1.5;
            }

            span {
                font-size: 12px;
                color: @greenLight;
                font-weight: 600;
                text-transform: uppercase;
                line-height: 1.7;
                letter-spacing: 2px;
            }
        }
    }

    a {
        padding-top: 35px;
        display:inline-block;
    }
}

.greenAmbiente{
    padding:110px 0;
    .greenContainer{
        margin:0 0 0 -30px;
    }
}

/*NEWS HOME --------------------------------------------------------------------------------------------------------*/
.newsHome {
    padding:110px 0 110px 0;
    .title{
        text-align:center;
        margin-bottom:50px;
    }
}

/*CERTIFICAZIONI HOME --------------------------------------------------------------------------------------------------------*/
.certificazioniHome {
    padding:170px 0 110px 0;
    .certificazioniHomeContainer{
        text-align:center;
        width:800px;
        margin:0 auto;
        .title{
            text-align:center;
            margin-bottom:35px;
        }
        p{
            margin-bottom:35px !important;
        }
    }
}

/*NEWS --------------------------------------------------------------------------------------------------------*/
.news {
    padding:50px 0 130px 0;
    .newsContainer{
        .newsBox{
            margin:0 0 50px 50px;
        }
    }
}

.newsFirstPage{
    position:relative;
    margin-top:-90px;
    z-index:8;
}

.newsContainer{
    margin-left:-50px;
    text-align:center;
    .newsBox{
        .inlineMiddle;
        width:calc(33.3% - 55px);
        margin:0 0 0 50px;
        .radius10;
        .boxShadow;
        .newsBoxImage{
            width:100%;
            height:250px;
            .bgCenterCover;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            display:block;
        }
    }
    .newsBoxText{
        padding:35px 35px 45px 35px;
        box-sizing:border-box;
        text-align:center;
        h3{
            font-size:21px;
            color:@black;
            letter-spacing:1px;
            &:hover{
                color:@green;
            }
        }
        label{
            display:block;
            margin:9px 0 11px 0;
            font-size:14px;
            color:@gray;
            font-weight:600;
            height:19px;
        }
        p{
            font-size:12px;
            line-height:1.3;
            height:70px;
            padding-bottom:15px !important;
        }
    }
}

.newsDettaglio{
    text-align:center;
    width:900px;
    margin:0 auto;
    h1{
        font-weight:700;
        line-height:1.3;
    }
    label{
        font-size:19px;
        color:@green;
        font-weight:600;
        display:block;
        margin:15px 0 30px;
    }
    img{
        width:100%;
    }
    .newsDettaglioDescription{
        padding:25px 0;
        text-align:left;
        line-height:1.5;
        b{
            color:@black;
        }
        ul{
            margin:19px 0 35px 0;
            li{
                font-size:15px;
                margin:15px 0;
                padding-left:21px;
                .inlineMiddle;
                display:block;
                &:before{
                    font-family: 'Arial', sans-serif;
                    content: "•";
                    margin-left: -21px; 
                    width: 21px;
                    color: @green;
                    font-size: 29px;
                    .inlineMiddle;
                }
            }
        }
        h3{
            font-size:25px;
            margin-top:5px;
        }

        /* ul{
            margin:19px 0 35px 0;
            li{
                font-size:15px;
                color:@black;
                line-height:1;
                display:block;
                margin:9px 0;
                padding-left:35px;
                &:before{
                    font-family: 'Arial', sans-serif;
                    content: "•"; 
                    margin-left: -35px; 
                    width: 35px; 
                    color: @green;
                    font-size: 25px;
                    margin-top: -3px;
                }
            }
        } */
    }
}

/*DOVE --------------------------------------------------------------------------------------------------------*/
.dove {
    .doveBox{
        float:left;
        width:50%;
        height:450px;
        background-image:url('../Gfx/bg-nostre-sedi.jpg');
        .bgCenterCover;
        position:relative;
        .doveBoxContainer{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background:rgba(20,23,32,0.87);
            .doveBoxText{
                .absoluteCenter;
                right:unset;
                .title{
                    margin-bottom:60px;
                    h2{
                        color:@white;
                    }
                    h3{
                        color:@grayLight;
                    }
                }
            }
        }
    }
    .doveQualita{
        float:left;
        width:50%;
        height:550px;
        margin-top:-100px;
        background-color:@bgLightGray;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        position:relative;
    }
    .doveQualitaContainer{
        .absoluteCenter;
        left:15%;
        right:15%;
        text-align:left;
        .title{
            margin-bottom:45px;
            h3{
                color:@grayLight;
            }
        }
        p{
            font-size:13px;
            display:block;
            margin-bottom:30px !important;
        }
    }
}


.doveBoxItem{
    float:left;
    text-align:left;
    .doveBoxItemTit{
        color:@green;
        margin-bottom:19px;
        height:40px;
        i{
            font-size:19px;
            .inlineMiddle;
        }
        span{
            font-size:15px;
            font-weight:600;
            text-transform:uppercase;
            .inlineMiddle;
            margin-left:9px;
            line-height:1.3;
        }
    }
    .doveBoxItemText{
        font-size:13px;
        color:@white;
        line-height:1.7;
    }
}
.doveBoxItem1{
    margin-right:85px;
}


/*FOOTER --------------------------------------------------------------------------------------------------------*/
.footer {
    padding:110px 0;
    background-image:url('../Gfx/bg-footer-box.svg');
    background-position:bottom right;
    background-repeat:no-repeat;
    background-size:auto;
    background-color:@bgLightGray;
    .footerLeft{
        float:left;
        /* width:50%; */
        img{
            width:161px;
            display:block;
            margin-bottom:40px;
        }
        p{
            font-size:12px;
            width:390px;
        }
    }
    .footerRight{
        float:right;
        /* width:50%; */
        text-align:right;
        .footerRightBox{
            display:inline-block;
            vertical-align:top;
            margin-left:90px;
            text-align:left;
            &:first-child{
                margin-left:0;
            }
            h4{
                font-size:12px;
                color:@black;
                font-weight:700;
                text-transform:uppercase;
                margin-bottom:19px;
                letter-spacing:2px;
            }
            h5{
                font-size:19px;
                color:@green;
                font-weight:600;
                display:block;
                margin-bottom:15px;
            }
            h6{
                font-size:15px;
                font-weight:500;
                margin-top:30px;
                margin-bottom:13px;
            }
            a{
                font-size:14px;
                color:@black;
                font-weight:500;
                display:block;
                margin-bottom:15px;
                line-height:1.3;
                &:hover{
                    color:@green;
                }
            }
            .mailFooterR{
                font-size:15px;
                color:@black;
                font-weight:500;
                letter-spacing:2px;
            }
            .socialFooterR{
                display:inline-block;
                margin:0 9px 0 0;
                font-size:23px;
                color:@green;
                &:hover{
                    color:@black;
                }
            }
            .buttonLine{
                font-size:13px;
                margin-top:15px;
                display:inline-block;
                &:hover{
                    color:@white;
                }
            }
            .topPhone{
                .radius10;
                font-size:13px;
                font-weight:400;
                .transition03;
                text-decoration: none;
                .inlineMiddle;
                background-color:@bgLightGray;
                height:36px;
                box-sizing: border-box;
                margin-bottom:35px;
                a{
                    padding:3px 11px 0 11px;
                    .inlineMiddle;
                    margin:0;
                }
                .topPhoneIcon{
                    width:43px;
                    height:36px;
                    .radius10;
                    background-color:@placeholder;
                    text-align:center;
                    .inlineMiddle;
                    padding-top:7px;
                    box-sizing:border-box;
                    i{
                        font-size:17px;
                        color:@green;
                        display:block;
                        padding-top:3px;
                    }
                }
            }
            .footerDoveSiamo{
                margin-bottom:35px;
                font-size:14px;
                font-weight:500;
                line-height:1.5;
                h5{
                    font-size:15px;
                }
            }
        }
    }
}

.footer.white{
    background-color:@white;
}

/*FOOTER INFO --------------------------------------------------------------------------------------------------------*/
.footerInfo {
    width: 100%;
    /* background-color: @bgLightGray; */
    padding: 19px 0;
    font-size: 11px;
    color: @black;
    box-sizing: border-box;

    span {
        display: inline-block;
        vertical-align: middle;
    }

    a {
        color: @black;

        &:hover {
            color: @green;
        }
    }

    .footerSep {
        margin: 0 5px;
        color: @green;
    }
}


/*PRIVACY COOKIE--------------------------------------------------------------------------------------------------------*/
.privacy_info {
    text-align: left !important;
    display: none;
    font-size: 13px;
    line-height: 20px;
    width: 70%;
    padding: 90px !important;

    h3 {
        font-size: 33px !important;
        margin-bottom: 15px;
    }

    strong {
        font-size: 13px !important;
    }

    b {
        font-size: 19px !important;
        display: block;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    a {
        color: @black;
        font-weight: 700;
        text-decoration: underline;
    }
}



.bannerCookie {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: @white;
    padding: 15px 2%;
    z-index: 99999 !important;
    font-size: 12px;
    -webkit-text-size-adjust: none;
    .boxShadow;
    box-sizing: border-box;

    a {
        color: @black;
        font-weight: bold;

        &:hover {
            color: @black;
        }
    }

    .bannerCookieClose {
        background-color: @black;
        padding: 5px;
        border-radius: 3px;
        color: @white !important;
        margin-left: 20px;
        display: inline-block;
        margin-top: 5px;

        &:hover {
            background-color: @black;
        }
    }
}

.pOffTesto a {
    font-weight: bold;
    color: inherit;
}

.nessuno{
    text-align:center;
    padding:90px;
    font-size:25px;
    font-weight:700;
}

/*RESERVED TOP--------------------------------------------------------------------------------------------------------*/
.reservedTop {
    width:100%;
    padding:25px 30px;
    box-sizing:border-box;
    border-bottom:solid 1px @borderGrayLight;
    background-color:@bgLightGray;
    .reservedTopLeft{
        float:left;
        img{
            width:90px;
        }
    }
    .reservedTopRight{
        float:right;
        padding-top:13px;
        span{
            font-size:15px;
            color:@black;
            font-weight:600;
            .inlineMiddle;
        }
        a{
            font-size:13px;
            color:@red;
            font-weight:600;
            margin-left:25px;
            .inlineMiddle;
            &:hover{
                color:@black;
            }
        }
        .reservedUserIcon{
            .inlineMiddle;
            margin-right:5px;
            width:30px;
            height:30px;
            .radius50;
            background-color:@white;
            text-align:center;
            img{
                height:15px;
                padding-top:7px;
                margin:0 auto;
                display:block;
            }
        }
    }
}

/*RESERVED FOOTER--------------------------------------------------------------------------------------------------------*/
.reservedFooter {
    position:fixed;
    bottom:0;
    left:0;
    padding:15px;
    box-sizing:border-box;
    width:100%;
    text-align:center;
    background-color:@black;
    font-size:13px;
    color:@white;
    .button{
        position:absolute;
        top:9px;
        left:15px;
        padding:6px 11px;
        font-size:12px;
        i{
            font-size:9px;
        }
    }
}

/*RESERVED--------------------------------------------------------------------------------------------------------*/
.reservedContainer {
    padding:70px;
    height:calc(100vh - 135px);
    box-sizing:border-box;
    overflow-y:scroll;
    h1{
        font-size:27px;
        font-weight:600;
        line-height:1.3;
        a{
            font-size:24px;
            color:@gray;
            &:hover{
                color:@black;
            }
        }
        label{
            font-size:24px;
            color:@gray;
            margin:0 5px;
        }
    }
    h2{
        font-size:17px;
        color:@gray;
        font-weight:400;
        margin:9px 0 45px 0;
    }
    table{
        width:100%;
        tr{
            position:relative;
            &:hover{
                background-color:@bgLightGray;
            }
        }
        th{
            border-bottom:solid 1px @placeholder;
            padding:15px 0;
            font-size:15px;
            font-weight:600;
        }
        td{
            border-bottom:solid 1px @borderGrayLight;
            padding:15px 0;
            cursor:pointer;
            position:relative;
            img{
                .inlineMiddle;
                height:30px;
            }
            .reservedData{
                width:calc(100% - 55px);
                .inlineMiddle;
                margin-left:15px;
            }
            span{
                font-size:13px;
                font-weight:500;
                line-break:anywhere;
            }
            label{
                font-size:11px;
                color:@grayLight;
                display:block;
                margin-top:7px;
            }
            a{
                position:absolute;
                top:0;
                left:0;
                width:100%;
                height:100%;
            }
        }
    }
    .reservedBoxList{
        width:calc(100% + 38px);
        margin-left:-19px;
        .reservedBox{
            float:left;
            width:calc(20% - 19px);
            margin:0 0 19px 19px;
            background-color:@bgLightGray;
            .radius10;
            padding:45px 15px;
            box-sizing:border-box;
            display:block;
            height:210px;
            text-align:center;
            img{
                height:70px;
                display:block;
                margin:0 auto;
            }
            span{
                font-size:16px;
                color:@black;
                font-weight:600;
                display:block;
                margin-top:19px;
                line-height:1.3;
            }
            &:hover{
                background-color:@borderGrayLight;
            }
            .count{
                font-size:13px;
                color:@gray;
                font-weight:500;
                margin-top:9px;
            }
        }
    }
    .noitems{
        color:@red;
        font-weight:500;
    }
}

.altri{
    display:block;
    margin:25px 0;
    line-height:1.3;
}

.ambienteGallery {
    padding: 70px 0;
    text-align: center;
    height:unset !important;
    .galleryBox{
        float:unset !important;
        width:900px !important;
        margin:0 auto !important;
    }
}

.astTbPdn{
    font-size:19px;
}

.passwordbox .button{
    display:inline-block;
    width:190px;
    margin: 0 3px;
}

.passwordbox input[type=text] {
    padding-left:25px !important;
}

.passwordbox .richiestaSpan {
    left: 25px !important;
}

.qualita.introHT {
    margin-top: -230px;
    .qualitaContainer{
        width:75%;
    }
}

.laboratorio.introHT{
    margin-top:-210px;
    .laboratorioText{
        width:75%;
    }
}

.sliderDec{
    width:80%;
    margin:0 auto 90px auto;
}

.sliderDec .slick-prev {
    left: -65px;
}

.sliderDec .slick-next {
    right: -65px;
}