@charset 'utf-8';

/* CSS Document */

body {
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    line-height: 1.1;
    margin: 0;
    color: #666;
    background-color: #cacaca;
}

html {
    overflow-x: hidden !important;
}

html,
body {
    margin: 0;
    padding: 0;
}

button {
    border: 0 !important;
}

button.PULSANTE {
    cursor: pointer;
    text-transform: uppercase;
}

*:focus,
*:active {
    outline: none;
}

a:link,
a:visited,
a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #fff;
}

a:hover {
    text-decoration: none;
    color: #cacaca;
}

img {
    border: 0;
}

.h0 {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 50px;
    font-weight: normal;
    font-weight: lighter;
    line-height: 1;
    margin: 0;
    padding: 0;
    color: #598b9b;
}

h2 {
    font-size: 26px;
    font-weight: normal;
    font-weight: lighter;
    line-height: 1;
    margin: 0;
    padding: 0;
    color: #4a4a48;
}

h3 {
    font-size: 36px;
    font-weight: normal;
    font-weight: lighter;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
}

h4 {
    font-size: 26px;
    font-weight: normal;
    font-weight: lighter;
    line-height: 1;
    margin: 0;
    padding: 0;
    color: #fff;
}

h5 {
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1000px) {
    h1 {
        font-size: 35px;
    }
    h2 {
        font-size: 20px;
    }
    h3 {
        font-size: 23px;
    }
}

.ui-datepicker-trigger {
    display: none;
}

.CA {
    position: relative;
    clear: both;
}

.CA5 {
    position: relative;
    clear: both;
    width: 100%;
    height: 5px;
}

.CA10 {
    position: relative;
    clear: both;
    width: 100%;
    height: 10px;
}

.CA20 {
    position: relative;
    clear: both;
    width: 100%;
    height: 20px;
}

.CA30 {
    position: relative;
    clear: both;
    width: 100%;
    height: 30px;
}

.CA40 {
    position: relative;
    clear: both;
    width: 100%;
    height: 40px;
}

.CA50 {
    position: relative;
    clear: both;
    width: 100%;
    height: 50px;
}

.CA60 {
    position: relative;
    clear: both;
    width: 100%;
    height: 60px;
}

.CA70 {
    position: relative;
    clear: both;
    width: 100%;
    height: 70px;
}

.tunderline {
    text-decoration: underline;
}

.t10 {
    font-size: 10px;
}

.t11 {
    font-size: 11px;
}

.t12 {
    font-size: 12px;
}

.t13 {
    font-size: 13px;
}

.t14 {
    font-size: 14px;
}

.t15 {
    font-size: 15px;
}

.t16 {
    font-size: 16px;
}

.t18 {
    font-size: 18px;
}

.t20 {
    font-size: 20px;
}

.t22 {
    font-size: 22px;
}

.t23 {
    font-size: 23px;
}

.t24 {
    font-size: 24px;
}

.t25 {
    font-size: 25px;
}

.t26 {
    font-size: 26px;
}

.t30 {
    font-size: 30px;
}

.t35 {
    font-size: 35px;
}

.t40 {
    font-size: 40px;
}

.t50 {
    font-size: 50px;
}

.t300 {
    font-weight: 300;
}

.t400 {
    font-weight: 400;
}

.t700 {
    font-weight: 700;
}

.t900 {
    font-weight: 900;
}

.testobianco {
    transition: all .3s;
    color: #fff;
}

.testobianco a:link {
    color: #fff;
}

.testobianco a:active {
    color: #fff;
}

.testobianco a:visited {
    color: #fff;
}

.testobianco a:hover {
    color: #87cd3a;
}

.testonero {
    color: #000;
}

.testonero a:link {
    color: #000;
}

.testonero a:active {
    color: #000;
}

.testonero a:visited {
    color: #000;
}

.testonero a:hover {
    color: #000;
}

.tlh1 {
    line-height: 1;
}

.tls-1 {
    letter-spacing: -1pt;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center;
}

.tj {
    text-align: justify;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.alignw {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.aligh {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.barrato {
    text-decoration: line-through;
}

.sepbianco {
    position: relative;
    clear: both;
    width: 100%;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dotted #fff;
}

.sep {
    position: relative;
    clear: both;
    width: 100%;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dotted #999;
}

.tshadoww {
    text-shadow: 0 0 10px #fff;
}

.tshadowb {
    text-shadow: 0 0 10px #000;
}

.hidden {
    opacity: 0;
}

.visible {
    opacity: 1;
}

.scrolloff {
    pointer-events: none;
}

.pulsing {
    -webkit-animation: pulsatilla .7s ease-out infinite alternate running;
    animation: pulsatilla .7s ease-out infinite alternate running;
}

@keyframes pulsatilla {
    0% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes pulsatilla {
    0% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}


/***************************************************************************/

ul {
    font-size: 16px;
    margin: 0;
    padding: 15px 0;
    padding-left: 20px;
}

li {
    margin-bottom: 3px;
    padding: 0;
}

.ulrev {
    padding-left: 0;
    list-style-type: none;
    text-align: right;
}

.ulrev li {
    padding-right: 20px;
    background-image: url(/img/bull.png);
    background-repeat: no-repeat;
    background-position: right center;
}

p {
    margin: 3px 0;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .ulrev {
        margin: 0;
        padding: 15px 0;
        padding-left: 20px;
        list-style-type: disc;
        text-align: left;
    }
    .ulrev li {
        padding-right: 0;
        background-image: none;
    }
}

@media only screen and (max-width: 767px) {
    .GOHOME {
        display: none !important;
    }
}


/****************************************************IN POINT**/

#ZERO {
    position: relative;
    clear: both;
    width: 100%;
    height: 0;
}

#START {
    position: relative;
    clear: both;
    width: 100%;
    height: 0;
}

#GOSTART,
#GOSTARTN {
    position: absolute;
    z-index: 1001;
    bottom: 120px;
    left: 50%;
    width: 64px;
    height: 64px;
    margin-left: -32px;
    cursor: pointer;
    -webkit-animation: pulsatilla .7s ease-out infinite alternate running;
    animation: pulsatilla .7s ease-out infinite alternate running;
    background-image: url(https://resources.suiteweb.it/img/ARROW-DOWN.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#GOSTARTN {
    background-image: url(https://resources.suiteweb.it/img/ARROW-DOWN_NERO.png);
}

#GOSTART:hover {
    opacity: 1;
}

#GOZERO {
    position: fixed;
    z-index: 10000;
    right: 15px;
    bottom: -100px;
    width: 64px;
    height: 64px;
    cursor: pointer;
    -webkit-animation: GOPULS .7s ease-out infinite alternate running;
    animation: GOPULS .7s ease-out infinite alternate running;
    background-image: url(https://resources.suiteweb.it/img/ARROW-UP_NERO.png);
    background-repeat: no-repeat;
    background-position: center center;
}

@keyframes GOPULS {
    0% {
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes GOPULS {
    0% {
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}


/**************************************************** IMG **/

#IMGSLIDER {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    transition: all .4s ease;
    text-align: center;
}

.IMGS {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: none;
    width: 100%;
}

#IMGSLIDERDX {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 30px;
    width: 30%;
    height: 100%;
    cursor: pointer;
    transition: all .2s ease-out;
    opacity: 0;
    background-image: url(https://resources.suiteweb.it/img/ARROW-DX.png);
    background-repeat: no-repeat;
    background-position: right center;
}

#IMGSLIDERDX:hover {
    right: 0;
    opacity: 1;
}

#IMGSLIDERSX {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 30px;
    width: 30%;
    height: 100%;
    cursor: pointer;
    transition: all .2s ease-out;
    opacity: 0;
    background-image: url(https://resources.suiteweb.it/img/ARROW-SX.png);
    background-repeat: no-repeat;
    background-position: left center;
}

#IMGSLIDERSX:hover {
    left: 0;
    opacity: 1;
}

#GM {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.GM2 {
    position: relative;
    width: 100%;
    height: 450px;
}

@media (max-width:800px) {
    #IMGSLIDER {
        margin-top: 0 !important;
    }
}


/******************************************** PARALLAX *******/

.PARALLAXIMG {
    box-sizing: border-box;
    height: 450px;
    margin: 20px 0;
    padding: 100px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 800px) {
    .PARALLAXIMG {
        display: none;
        margin: 20px 0;
    }
}


/*********************** 404 ***************/

.p404 {
    box-sizing: border-box;
    padding: 50px 0!important;
}

.h404 {
    position: relative;
    float: left;
    width: 100%;
}

.h404 img {
    max-width: 100%;
}

.testo404 h1 {
    text-transform: uppercase;
}

.top404 {
    font-size: 22px;
    text-transform: uppercase;
    color: #598b9b;
}

.sec404 {
    color: #000 !important;
}

.down404 input {
    font-weight: bold;
    padding: 5px;
    text-align: center;
    color: #52ad47 !important;
    border: 1px solid rgba(89, 139, 155, .5);
    border-radius: 0;
    background: none;
}

@media screen and (max-width: 1000px) {
    .top404 {
        font-size: 16px;
    }
}


/*************************************************** COVER ***/

#COVER {
    position: fixed;
    z-index: 1000000000000000000000000000000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#llogo {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    position: absolute;
    z-index: 1002;
    top: 49%;
    left: 50%;
    display: table-cell;
    width: 220px;
    margin-left: -110px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

#lcover {
    position: relative;
    z-index: 1001;
    top: 50%;
    left: 50%;
    display: block;
    width: 320px;
    height: 320px;
    margin: -160px 0 0 -160px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    border: 3px solid transparent;
    border-top-color: #52ad47;
    border-radius: 50%;
}

#lcover:before {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    content: '';
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
    border: 3px solid transparent;
    border-top-color: #fff;
    border-radius: 50%;
}

#lcover:after {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    border: 3px solid transparent;
    border-top-color: #52ad47;
    border-radius: 50%;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#COVER .lcover-section {
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 51%;
    height: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background: rgba(74, 74, 74, 1);
}

#COVER .lcover-section.section-left {
    left: 0;
}

#COVER .lcover-section.section-right {
    right: 0;
}

.loaded #COVER .lcover-section.section-left {
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1.000);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.loaded #COVER .lcover-section.section-right {
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1.000);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.loaded #lcover,
.loaded #llogo {
    transition: all .3s ease-out;
    opacity: 0;
}

.loaded #COVER {
    visibility: hidden;
    transition: all .3s 1s ease-out;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}


/************************************* MENU ********/

#MENU {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 140px;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

#MENU.scroll {
    top: -104px;
}

#LOGO {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 393px;
    height: 61px;
    transition: all .4s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/img/logo.png) center center no-repeat;
}

#LOGO2 {
    position: absolute;
    z-index: 71;
    top: 50%;
    left: 20px;
    width: 131px;
    height: 29px;
    transition: all .4s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/img/holiday.png) center center no-repeat;
}

.menu-info {
    position: relative;
    top: 50%;
    float: right;
    box-sizing: border-box;
    padding-right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: black;
}

.MENU00 {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 10px 20px;
    background: #595857;
}

#MENU-logo {
    position: absolute;
    top: 50%;
    right: 300px;
    width: 133px;
    height: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/img/gruppochc.png) center center no-repeat;
}

.MENU00-dett {
    position: relative;
    top: 50%;
    float: right;
    cursor: default;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}

.MENU1 {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 70px;
    padding: 20px;
    background: #eee;
}

.MENU1-loghi {
    position: absolute;
    left: 400px;
    top: 3px;
}

.MENU1-dett {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 50%;
    float: right;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #6d6e71;
}

.MENU1-dett a:link,
.MENU1-dett a:visited,
.MENU1-dett a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #6d6e71;
}

.MENU1-dett a:hover {
    text-decoration: none;
    color: #52ad47;
}

.MENU2 {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 37px;
    background: #fff;
}

.MENU {
    position: relative;
    float: right;
    height: 100%;
    right: 24px;
}

.verde a:link,
.verde a:active,
.verde a:visited {
    color: #52ad47 !important;
}

.vm {
    font-size: 14px;
    position: relative;
    top: 50%;
    float: left;
    box-sizing: border-box;
    height: 100%;
    padding: 10px;
    cursor: default;
    transition: all .4s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: capitalize;
    color: #595857;
    border-right: 1px solid #000;
    ;
}

.vm a:link,
.vm a:visited,
.vm a:active {
    text-decoration: none;
    color: #595857;
}

.vm a:hover {
    text-decoration: none;
    color: #52ad47;
}

.vm:hover .sm {
    max-height: 400px;
}

.vm:last-child {
    border-right: none;
}

.sm {
    position: absolute;
    top: 37px;
    left: 50%;
    overflow: hidden;
    max-height: 0;
    transition: all .4s ease;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 20;
}

.vsm {
    font-size: 13px;
    position: relative;
    box-sizing: border-box;
    min-width: 120px;
    padding: 15px;
    transition: all .4s ease;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #52ad47;
}

.vsm:hover {
    background-color: #595857;
}

.vsm a:link,
.vsm a:active,
.vsm a:visited {
    color: #fff;
}

.vsm a:hover {
    color: #fff;
}

#gruppo {
    position: absolute;
    z-index: 1001 !important;
    top: 25px;
    left: 50%;
    overflow: hidden;
    max-height: 0;
    transition: all .3s ease;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.gvms {
    font-size: 13px;
    position: relative;
    z-index: 1001 !important;
    box-sizing: border-box;
    padding: 15px;
    transition: all .3s ease;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #595857;
}

.gvms:hover {
    background-color: #52ad47;
}

.gvms a:link,
.gvms a:active,
.gvms a:visited {
    color: #fff;
}

.gvms a:hover {
    color: #fff;
}

.MENU00-dett:hover #gruppo {
    max-height: 400px;
}

@media (max-width: 1600px) {
    .MENU1-loghi {
        left: 350px;
        top: 5px;
    }
    .MENU1-loghi img {
        width: 45%;
    }
    #LOGO{
        left: -10px;
        transform: translateY(-50%) scale(.9);
    }
    #LOGO2{
        left: 0;
        transform: translateY(-50%) scale(.9);
    }
    .vm,
    .MENU1-dett{
        font-size: 12px;
    }
}

@media (max-width: 1400px) {
    #MENU.scroll {
        top: -95px;
    }
    .MENU1 {
        height: 60px;
    }
    .MENU1-loghi {
        left: 275px;
        top: 6px;
    }
    .MENU1-loghi img {
        width: 36%;
    }
    #LOGO{
        left: -50px;
        transform: translateY(-50%) scale(.7);
    }
    #LOGO2{
        left: -15px;
        transform: translateY(-50%) scale(.7);
    }
}

@media (max-width: 1300px) {
    #MENU.scroll {
        top: -85px;
    }
    .MENU1 {
        height: 50px;
    }
    .MENU1-loghi {
        left: 235px;
        top: 5px;
    }
    .MENU1-loghi img {
        width: 30%;
    }
    #LOGO{
        left: -75px;
        transform: translateY(-50%) scale(.6);
    }
    #LOGO2{
        left: -20px;
        transform: translateY(-50%) scale(.6);
    }
    .vm,
    .MENU1-dett{
        font-size: 10px;
    }
}

@media (max-width: 1100px) {
    #MENU.scroll {
        top: -78px;
    }
    .MENU1 {
        height: 45px;
    }
    .MENU1-loghi {
        left: 185px;
        top: 7px;
    }
    .MENU1-loghi img {
        width: 25%;
    }
    #LOGO{
        left: -100px;
        transform: translateY(-50%) scale(.5);
    }
    #LOGO2{
        left: -30px;
        transform: translateY(-50%) scale(.5);
    }
}

@media screen and (max-width: 1000px){
    #MENU{
        display: none;
    }
}


/************************ BOL ***********/

#BOL {
    position: fixed;
    z-index: 5;
    top: 140px;
    right: 0;
    bottom: auto;
    width: 100%;
    transition: all .4s ease;
}

.BOL-h {
    font-size: 26px;
    font-weight: lighter;
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 20px 26px;
    cursor: default;
    transition: all .4s ease;
    text-align: right;
    text-transform: uppercase;
    color: white;
    background: rgba(74, 74, 74, .8);
}

.BOL {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 5px 26px;
    cursor: default;
    transition: all .4s ease;
    text-align: center;
    background: rgba(89, 139, 155, .8);
}

.BOL a:link,
.BOL a:visited,
.BOL a:active {
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.BOL a:hover {
    text-decoration: none;
    color: #fff;
}

.BOL .PULSANTE {
    padding: 15px 10px;
}

.BOL-sx {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 20%;
    padding: 0 10px;
}

.BOL-dx {
    font-size: 15px;
    font-weight: lighter;
    position: relative;
    float: right;
    box-sizing: border-box;
    width: 80%;
    padding: 6px 20px;
    text-align: left;
}

.BOL-dx a:link,
.BOL-dx a:visited,
.BOL-dx a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #fff;
}

.BOL-dx a:hover {
    text-decoration: none;
    color: #52ad47;
}

@media (max-width: 1400px) {
    #BOL {
        top: 130px;
    }
}

@media (max-width: 1300px) {
    #BOL {
        top: 120px;
    }
}

@media screen and (max-width: 1150px){
    .BOL-h,
    .BOL{
        font-size: 16px;
        width: 100%;
        padding: 10px;
        text-align: center !important;
    }
    .BOL {
      padding: 5px;
    }
    .BOL .PULSANTE{
        padding: 10px;
    }
}

@media (max-width: 1100px) {
    #BOL {
        top: 115px;
    }
}

@media screen and (max-width: 1000px){
    #BOL {
        top: 58px !important;
    }
}

@media screen and (max-width: 600px) {
    .BOL-f {
        display: none;
    }
    #BOL {
        top: auto;
        right: auto;
        width: 100%;
    }
    .BOL .PULSANTE,
    .BOL2 .PULSANTE {
        margin: 3px;
        padding: 8px;
    }
    #GOSTART {
        bottom: 250px;
    }
    .PULSANTE.write,
    .PULSANTE.call {
      display: none;
    }
}


/************************* OLM ********/

#OLM {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

#OLM-titolo {
    font-size: 50px;
    font-weight: lighter;
    line-height: .9;
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 30%;
    height: 100%;
    padding: 30px;
    color: white;
    background: #4a4a47;
}

#OLM-all {
    font-size: 15px;
    font-weight: lighter;
    line-height: 1.3;
    margin-top: 35px;
}

.OLM-box-titolo {
    position: absolute;
    bottom: 30px;
    left: 50%;
    box-sizing: border-box;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    height: 230px;
    padding: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    border: 1px solid #598b9b;
}

.tot {
    font-size: 40px;
    position: absolute;
    z-index: 3;
    top: -25px;
    left: 50%;
    width: 50px;
    height: 50px;
    padding: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #598b9b;
    border-radius: 100%;
    background: #4a4a47;
}

.vertical {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.OLM {
    position: relative;
    float: right;
    width: 70%;
    height: 100%;
}

.OLM-scheda {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    opacity: 0;
}

.OLM-img {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.OLM-content {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background: url(/img/sfOLM.png);
}

.freccia-sx,
.freccia-dx {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 10%;
    height: 100%;
    padding: 10px;
}

.OLM-box {
    font-size: 18px;
    font-weight: lighter;
    position: relative;
    float: left;
    width: 80%;
    height: 100%;
    color: white;
}

.OLM-titolo {
    font-size: 32px;
}

.OLM-box-c {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.middle-f {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    transition: all .4s ease;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: white;
}

.noff {
    font-size: 18px;
    position: absolute;
    top: 35%;
}

.BOX-OLM {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid white;
}

.date-olm,
.prezzi-olm {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 10px 30px;
    text-align: center;
}

.date-olm {
    border-right: 1px solid white;
}

.f-olm {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: white;
    background: #4baa42;
}

.f-olm .PULSANTE {
    padding: 10px;
    cursor: pointer;
}

.row-i #OLM-titolo {
    float: right;
}

.row-i .OLM {
    float: left;
}

.row-i .noff {
    position: relative;
    top: 20%;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}

.sorryolm {
    font-size: 25px;
    position: relative;
    float: right;
    box-sizing: border-box;
    width: 70%;
    height: 100%;
    padding: 50px;
    text-align: left;
    color: #598b9b;
    background: white;
}

@media screen and (max-width: 1000px) {
    .noff {
        display: none;
    }
    .OLM,
    .sorryolm {
        width: 100%;
        height: 550px;
    }
    #OLM-titolo {
        position: relative;
        float: left;
        width: 100%;
        height: 100px;
        padding: 20px;
    }
    .OLM-img {
        width: 100%;
    }
    .OLM-box-titolo {
        position: relative;
        top: 50%;
        bottom: 0;
        left: auto;
        float: right;
        box-sizing: border-box;
        width: 30%;
        height: auto;
        padding: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .tot {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 800px) {
    .eq {
        height: auto !important;
    }
    #OLM-titolo {
        position: relative;
        float: left;
        width: 100%;
        height: 100px;
        padding: 20px;
    }
    .OLM,
    .sorryolm {
        width: 100%;
        height: 550px;
    }
    .OLM-img {
        width: 100%;
    }
    .OLM-box-titolo {
        position: relative;
        top: 50%;
        bottom: 0;
        left: auto;
        float: right;
        box-sizing: border-box;
        width: 30%;
        height: auto;
        padding: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .tot {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 570px) {
    #OLM-titolo {
        font-size: 26px;
    }
    .OLM-img {
        width: 550px !important;
        height: 550px !important;
        margin-top: -275px;
        margin-left: -275px;
        -webkit-transform: none;
        transform: none;
    }
}

@media screen and (max-width: 500px) {
    #OLM-titolo {
        height: 200px;
        text-align: center !important;
    }
    .OLM-box-titolo {
        width: 100%;
    }
}


/************************* OLME ***********/

#OLME {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
}

.OLME-c {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    max-width: 1600px;
    margin: 0 auto;
    padding: 50px 0;
}

.OLME-c:hover .OLME-scheda:not(:hover) {
    opacity: .4;
}

.OLME-scheda {
    position: relative;
    z-index: 1;
    float: left;
    overflow: hidden;
    width: calc(25% - 20px);
    width: -webkit-calc(25% - 20px);
    height: 400px;
    margin: 10px;
}

.OLME-scheda:hover {
    z-index: 2;
}

.OLME-img {
    position: relative;
    width: 400px;
    height: 400px;
    transition-duration: 1s;
}

.OLME-titolo {
    font-size: 20px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    min-height: 100px;
    padding: 30px;
    transition-duration: 1s;
    text-transform: uppercase;
    color: black;
    background: rgba(255, 255, 255, .8);
}

.OLME-titolo a:link,
.OLME-titolo a:visited,
.OLME-titolo a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #595857;
}

.OLME-titolo a:hover {
    text-decoration: none;
    color: #000;
}

.OLME-desc {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 30px;
    transition-delay: .5s;
    transition-duration: 1s;
    text-align: left;
    opacity: 0;
    color: white;
    background: rgba(0, 0, 0, .8);
}

.OLME-desc .PULSANTE {
    cursor: pointer;
}

.OLME-titolo-desc {
    font-size: 20px;
    text-transform: uppercase;
}

.OLME-scheda:hover .OLME-titolo {
    opacity: 0;
}

.OLME-scheda:hover .OLME-img {
    -webkit-transform: rotate3d(0, -1, 0, 180deg);
    transform: rotate3d(0, -1, 0, 180deg);
}

.OLME-scheda:hover .OLME-desc {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
}

.sorry {
    font-size: 35px;
    box-sizing: border-box;
    padding: 50px;
    text-align: center;
    text-transform: uppercase;
    color: #598b9b;
}

@media screen and (max-width: 1000px) {
    .OLME-scheda {
        width: calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
    }
    .sorry {
        font-size: 25px;
        padding: 0 30px;
        text-align: left;
    }
}

@media screen and (max-width: 1000px) and (-webkit-device-pixel-ratio: 2) {
    .OLME-titolo {
        display: none;
    }
    .OLME-desc {
        opacity: 1;
    }
}

@media screen and (max-width: 600px) {
    .OLME-scheda {
        width: 100%;
        margin: 0 auto 10px auto;
    }
    .OLME-img {
        width: 600px;
        height: 600px;
    }
    .sorry {
        font-size: 18px;
    }
}


/*************************************MIDDLE**/

.MIDDLE {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0 0 0;
    transition: all .4s ease;
    text-align: center;
}

.MIDDLE-bg {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: white;
}

.MIDDLE-c {
    position: relative;
    box-sizing: border-box;
    max-width: 1400px;
    margin: 0 auto;
    padding: 30px;
}

.pad5{
    padding: 5px;
}

.MIDDLE-c a:link,
.MIDDLE-c a:visited,
.MIDDLE-c a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #000;
}

.MIDDLE-c a:hover {
    text-decoration: none;
    color: #cacaca;
}

.MIDDLE-c .PULSANTE:hover,
.MIDDLE-c .PULSANTE:focus,
.MIDDLE-c .PULSANTE:active,
.BNF-sx .PULSANTE {
    box-shadow: inset 0 0 0 4px #000, 0 0 1px rgba(0, 0, 0, 0);
}

.MIDDLE-c .PULSANTE a:hover {
    text-decoration: none;
    color: #fff;
}

.pulse {
    -webkit-animation: pulsazione 3s 5;
    animation: pulsazione 3s 5;
    text-transform: uppercase;
}

@-webkit-keyframes pulsazione {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

@keyframes pulsazione {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

.MIDDLE-sx,
.MIDDLE-sx-i {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 30px;
    transition: all .4s ease;
    text-align: left;
    background: white;
}

.MIDDLE-dx,
.MIDDLE-dx-i {
    position: relative;
    float: right;
    box-sizing: border-box;
    width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    margin-left: 10px;
    transition: all .4s ease;
}

.nop {
    padding: 0;
}

.M-box {
    font-size: 14px;
    font-weight: lighter;
    position: relative;
    float: left;
    box-sizing: border-box;
    width: calc(25% - 8px);
    width: -webkit-calc(25% - 8px);
    height: 230px;
    margin: 2px;
    padding: 20px;
    text-align: center;
    border: 1px solid #598b9b;
}

.M-box-h {
    position: absolute;
    z-index: 2;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.M-box-h img {
    max-width: 100%;
}

.M-box-t {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.MIDDLE-50 {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 50%;
}

.MIDDLE-50-box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 50px;
    background: white;
}

.MIDDLE-33 {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 33.3%;
    margin-right: 30px;
}

.BOX {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-top: -40px;
    padding: 40px;
    background-color: #e1e1e1;
}

.COL3 {
    text-align: left;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    -webkit-column-rule: 1px solid #ededed;
    -moz-column-rule: 1px solid #ededed;
    column-rule: 1px solid #ededed;
}

.COL2 {
    text-align: left;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    -webkit-column-rule: 1px solid #ededed;
    -moz-column-rule: 1px solid #ededed;
    column-rule: 1px solid #ededed;
}

.ae {
    text-align: right !important;
    direction: rtl;
}

.plus1,
.plus6 {
    position: relative;
    float: left;
    width: 100%;
    height: 600px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: white;
    background: url(/img/plus1.jpg) left center no-repeat;
}

.plus6 {
    background: url(/img/plus6.jpg) center center no-repeat;
    background-size: cover;
    margin-bottom: 0px;
    height: 500px;
}

.plus6:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(/img/sfOLM.png);
}

.plus6-img {
    position: relative;
    float: right;
    z-index: 1;
    top: 50%;
    margin-top: -175px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.plus6-t {
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    width: 80%;
    padding: 55px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
    z-index: 1;
}

.plus6-t {
    width: calc(100% - 495px);
}

.plus1-ln {
    margin-top: 0 !important;
    background: url(/img/plus1-ln.jpg) left center no-repeat !important;
}

.plus1-ln .plus1-t {
    text-align: left !important;
    color: black !important;
}

.plus1-ln .plus1-t h3 {
    color: black !important;
}

.plus1-t {
    position: absolute;
    top: 100px;
    right: 200px;
    box-sizing: border-box;
    width: 700px;
    padding: 20px;
    text-align: right;
}

.plus1-t a:link,
.plus1-t a:visited,
.plus1-t a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #fff;
}

.plus1-t a:hover {
    text-decoration: none;
    color: #595857;
}

.plus2 {
    position: relative;
    float: left;
    width: 100%;
    height: 600px;
    margin-bottom: 10px;
}

.plus2-sx {
    position: relative;
    float: left;
    width: calc(30% - 10px);
    width: -webkit-calc(30% - 10px);
    height: 100%;
    margin-right: 10px;
}

.plus2-dx {
    position: relative;
    float: right;
    width: 70%;
    height: 100%;
}

.plus2-sx-t {
    position: absolute;
    z-index: 2;
    box-sizing: border-box;
    width: 400px;
    padding: 30px;
    text-align: left;
    color: #4a4a46;
}

.plus2-sx-t h3 {
    color: #4a4a46;
}

.plus2-sx-t .PULSANTE {
    background: rgba(89, 139, 155, .7);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 4px rgba(89, 139, 155, .7), 0 0 1px rgba(0, 0, 0, 0);
}

.plus2-sx-t .PULSANTE:hover,
.plus2-sx-t .PULSANTE:focus,
.plus2-sx-t .PULSANTE:active {
    box-shadow: inset 0 0 0 4px #fff, 0 0 1px rgba(0, 0, 0, 0);
}

.plus2-sx-t .PULSANTE a:link,
.plus2-sx-t .PULSANTE a:visited,
.plus2-sx-t .PULSANTE a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #fff;
}

.plus2-sx-t .PULSANTE a:hover {
    text-decoration: none;
    color: #fff;
}

.plus2-sx-t a:link,
.plus2-sx-t a:visited,
.plus2-sx-t a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #595857;
}

.plus2-sx-t a:hover {
    text-decoration: none;
    color: #595857;
}

.plus2-dx-t {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 1000px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: white;
}

.plus2-dx-t a:link,
.plus3-sx-t a:link,
.plus3-dx-t a:link,
.plus2-dx-t a:visited,
.plus3-sx-t a:visited,
.plus3-dx-t a:visited,
.plus2-dx-t a:active,
.plus3-sx-t a:active,
.plus3-dx-t a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #fff;
}

.plus3 {
    position: relative;
    float: left;
    width: 100%;
    height: 600px;
    margin-bottom: 10px;
}

.plus3-sx {
    position: relative;
    float: left;
    width: 70%;
    height: 100%;
}

.plus3-dx {
    position: relative;
    float: right;
    width: calc(30% - 10px);
    width: -webkit-calc(30% - 10px);
    height: 100%;
    margin-left: 10px;
}

.plus3-sx-t {
    position: absolute;
    z-index: 2;
    top: 100px;
    left: 480px;
    width: 550px;
    color: white;
}

.plus3-sx-ln {
    top: 50% !important;
    box-sizing: border-box;
    padding: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    background: rgba(0, 0, 0, .6);
}

.plus3-sx-t .PULSANTE {
    background: rgba(89, 139, 155, .7);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 4px rgba(89, 139, 155, .7), 0 0 1px rgba(0, 0, 0, 0);
}

.plus3-sx-t .PULSANTE:hover,
.plus3-sx-t .PULSANTE:focus,
.plus3-sx-t .PULSANTE:active {
    box-shadow: inset 0 0 0 4px #fff, 0 0 1px rgba(0, 0, 0, 0);
}

.plus3-sx-t .PULSANTE a:link,
.plus3-sx-t .PULSANTE a:visited,
.plus3-sx-t .PULSANTE a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #fff;
}

.plus3-sx-t .PULSANTE a:hover {
    text-decoration: none;
    color: #fff;
}

.plus3-dx-t {
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 150px;
    width: 455px;
    text-align: right;
    color: white;
}

.plus3-dx-ln {
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
}

.plus3-dx-t .PULSANTE {
    background: rgba(89, 139, 155, .7);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 4px rgba(89, 139, 155, .7), 0 0 1px rgba(0, 0, 0, 0);
}

.plus3-dx-t .PULSANTE:hover,
.plus3-dx-t .PULSANTE:focus,
.plus3-dx-t .PULSANTE:active {
    box-shadow: inset 0 0 0 4px #fff, 0 0 1px rgba(0, 0, 0, 0);
}

.plus3-dx-t .PULSANTE a:link,
.plus3-dx-t .PULSANTE a:visited,
.plus3-dx-t .PULSANTE a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #fff;
}

.plus3-dx-t .PULSANTE a:hover {
    text-decoration: none;
    color: #fff;
}

.plus4 {
    position: relative;
    float: left;
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
}

.plus4-sx {
    position: relative;
    float: left;
    width: calc(35% - 10px);
    width: -webkit-calc(35% - 10px);
    height: 100%;
    margin-right: 10px;
}

.plus4-dx {
    position: relative;
    float: right;
    width: 65%;
    height: 100%;
    background: white;
}

@media screen and (max-width: 1650px) {
    .plus3-sx-t {
        top: 50%;
        left: auto;
        box-sizing: border-box;
        width: 100%;
        padding: 30px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: right;
        background: rgba(0, 0, 0, .5);
    }
    .plus3-dx-t {
        top: 50%;
        right: auto;
        bottom: auto;
        box-sizing: border-box;
        width: 100%;
        padding: 30px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: left;
        background: rgba(0, 0, 0, .5);
    }
}

@media screen and (max-width: 1600px) {
    .plus3-sx {
        width: 55%;
    }
    .plus3-dx {
        width: calc(45% - 10px);
        width: -webkit-calc(45% - 10px);
    }
}

@media screen and (max-width: 1530px) {
    .MIDDLE-sx {
        width: 100%;
    }
    .MIDDLE-sx.eq-i {
        width: 50%;
    }
    .MIDDLE-dx.eq-i {
        float: right;
        width: calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        margin-left: 10px;
    }
    .MIDDLE-dx {
        float: none;
        width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 1500px) {
    .plus2-sx-t {
        width: 100%;
        background: rgba(255, 255, 255, .7);
    }
    .plus2-dx-t {
        left: auto;
        box-sizing: border-box;
        width: 100%;
        padding: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (max-width:1000px) {
    .MIDDLE-50 {
        position: relative;
        float: left;
        width: 100%;
        text-align: left !important;
    }
    .MIDDLE-sx,
    .MIDDLE-dx {
        height: auto !important;
    }
    .M-50-box {
        box-sizing: border-box;
        padding: 30px;
    }
    .plus1 {
        height: auto;
    }
    .plus1-t {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        padding: 40px;
        -webkit-transform: none;
        transform: none;
        text-align: left;
        background: rgba(0, 0, 0, .5);
    }
    .plus1-ln .plus1-t {
        background: rgba(255, 255, 255, .7);
    }
    .plus2,
    .plus3 {
        height: auto !important;
    }
    .plus2-sx,
    .plus2-dx,
    .plus3-sx,
    .plus3-dx {
        width: 100%;
    }
    .plus2-sx,
    .plus3-sx {
        margin-bottom: 10px;
    }
    .plus2-sx-t,
    .plus2-dx-t {
        position: relative;
    }
    .plus2-dx-t {
        top: auto;
        padding: 30px;
        -webkit-transform: none;
        transform: none;
        text-align: left;
        background: rgba(0, 0, 0, .6);
    }
    .plus3-sx-t,
    .plus3-dx-t {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
        text-align: left !important;
    }
    .plus6-img {
        position: relative;
        float: left;
        z-index: 1;
        top: inherit;
        margin-top: inherit;
        transform: scale(.6);
        bottom: 125px;
        left: -60px;
    }
    .plus6-t {
        position: relative;
        top: inherit;
        float: left;
        width: 100%;
        transform: inherit;
    }
}

@media screen and (max-width: 900px) {
    .plus4 {
        height: auto !important;
    }
    .plus4-sx {
        display: none;
    }
    .plus4-dx {
        box-sizing: border-box;
        width: 100%;
        padding: 30px;
    }
}

@media screen and (max-width: 800px) {
    .MIDDLE {
        text-align: left;
    }
    .M-box {
        width: calc(50% - 8px);
        width: -webkit-calc(50% - 8px);
    }
    .MIDDLE-dx {
        height: 650px;
    }
}

@media screen and (max-width: 700px) {
    .COL3 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .COL2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
        -webkit-column-rule: 1px solid #ededed;
        -moz-column-rule: 1px solid #ededed;
        column-rule: 1px solid #ededed;
    }
}

@media screen and (max-width: 500px) {
    .M-box {
        width: 100%;
        margin: 0;
    }
    .M-box:nth-child(even),
    .M-box:nth-child(odd) {
        border-top: none;
    }
    .M-box-bt {
        border-top: 1px solid #598b9b !important;
    }
}

@media screen and (max-width: 400px) {
    .COL3 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .COL2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}


/************************ BOX per interne *****/

.mb10 {
    margin-bottom: 10px;
}

.h1000 {
    height: 1000px !important;
    min-height: auto !important;
}

.h500 {
    height: 500px !important;
    min-height: auto !important;
}

.hau {
    height: auto !important;
    min-height: auto !important;
}

.row-i {
    position: relative;
    float: left;
    width: 100%;
    min-height: 500px;
    margin-bottom: 10px;
}

.M-sx-6 {
    position: relative;
    float: left;
    width: 60%;
    height: 100%;
    text-align: left;
    color: white;
}

.M-dx-4 {
    position: relative;
    float: right;
    width: calc(40% - 10px);
    width: -webkit-calc(40% - 10px);
    height: 100%;
    margin-left: 10px;
    text-align: left;
    color: white;
}

.M-sx-5 {
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
    text-align: left;
    color: white;
}

.M-dx-5 {
    position: relative;
    float: right;
    width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    height: 100%;
    margin-left: 10px;
    text-align: left;
    color: white;
}

.M-sx-4 {
    position: relative;
    float: left;
    width: 40%;
    height: 100%;
    text-align: left;
    color: white;
}

.M-dx-6 {
    position: relative;
    float: right;
    width: calc(60% - 10px);
    width: -webkit-calc(60% - 10px);
    height: 100%;
    margin-left: 10px;
    text-align: left;
    color: white;
}

.M-33 {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 33.3%;
    height: 500px;
}

.M-33-img {
    position: relative;
    width: 100%;
    height: 100%;
    transition: 1s;
}

.M-33-t {
    font-size: 15px !important;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 50px;
    cursor: default;
    transition-delay: .5s;
    transition-duration: 1s;
    text-align: left;
    opacity: 0;
    color: white;
    background: rgba(0, 0, 0, .6);
}

.M-33-t h3 {
    text-align: center;
}

.SC_img {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    background: white;
}

.M-33:hover .M-33-img,
.M-50:hover .M-50-img {
    -webkit-transform: rotate3d(0, -1, 0, 180deg);
    transform: rotate3d(0, -1, 0, 180deg);
}

.M-33:hover .M-33-t,
.M-50:hover .M-50-t {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    opacity: 1;
}

.M-50 {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 50%;
}

.M-50-img {
    position: relative;
    width: 100%;
    height: 100%;
    transition: 1s;
}

.M-50-t {
    font-size: 15px !important;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 50px;
    cursor: default;
    transition-delay: .5s;
    transition-duration: 1s;
    text-align: left;
    opacity: 0;
    color: white;
    background: rgba(0, 0, 0, .6);
}

.M-50-t h3 {
    text-align: center;
}

.M-c-t {
    font-size: 22px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 30px;
    transition-duration: .5s;
    text-transform: uppercase;
    color: white;
    background: rgba(0, 0, 0, .6);
}

.M-33:hover .M-c-t,
.M-50:hover .M-c-t {
    z-index: -1;
    opacity: 0;
}

.M-33 .M-box-i {
    text-align: left;
    color: white;
}

.M-33 .M-box-i h1,
.M-33 .M-box-i h2 {
    color: white;
}

.M-box-i {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 50px;
    background: #8d8c8a;
}
/*
.M-box-i h3 {
    text-align: center;
}
*/
.M-box-i a:link,
.M-box-i a:visited,
.M-box-i a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: black;
}

.M-box-i a:hover {
    text-decoration: none;
    color: white;
}

.M-box-i .PULSANTE a:link,
.M-box-i .PULSANTE a:visited,
.M-box-i .PULSANTE a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #fff;
}

.M-box-i .PULSANTE a:hover {
    text-decoration: none;
    color: black;
}

@media screen and (max-width: 1200px) {
    .M-33 {
        width: 50%;
    }
}

@media screen and (max-width: 1000px) and (-webkit-device-pixel-ratio: 2) {
    .row-i {
        height: auto !important;
        min-height: auto !important;
    }
    .eq-i {
        height: auto !important;
    }
    .M-sx-6,
    .M-dx-4,
    .M-sx-4,
    .M-dx-6 {
        width: 100%;
        margin: 0;
    }
    .M-33-t,
    .M-50-t {
        padding: 30px;
        opacity: 1;
    }
    .M-c-t {
        display: none;
    }
    .M-33-t h3,
    .M-50-t h3 {
        text-align: left;
    }
    .MIDDLE-sx-i,
    .MIDDLE-dx-i {
        width: 100% !important;
    }
}

@media screen and (max-width: 1000px) {
    .row-i {
        height: auto !important;
        min-height: auto !important;
    }
    .eq-i {
        height: auto !important;
    }
    .M-sx-6,
    .M-dx-4,
    .M-sx-4,
    .M-dx-6 {
        width: 100%;
        margin: 0;
    }
    .M-sx-6 {
        margin-bottom: 10px;
    }
    .M-50 {
        width: 100%;
    }
    .M-33-t,
    .M-50-t {
        padding: 30px;
    }
    .M-33-t h3,
    .M-50-t h3 {
        text-align: left;
    }
    .M-c-t {
        top: 0;
        bottom: auto;
    }
    .h500 {
        height: 550px !important;
    }
    .MIDDLE-sx-i,
    .MIDDLE-dx-i,
    .MIDDLE-sx,
    .MIDDLE-dx {
        width: 100% !important;
    }
}

@media screen and (max-width: 800px) {
    .M-box-i {
        padding: 30px;
    }
    .h500 {
        height: 650px !important;
    }
}

@media screen and (max-width: 700px) {
    .M-33 {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 500px) {
    .h500 {
        height: 750px !important;
    }
}


/*****************************************************PULSANTE**/

.PULSANTE {
    display: inline-block;
    box-sizing: border-box;
    padding: 20px;
    cursor: default;
    cursor: pointer;
    transition-duration: .3s;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    vertical-align: middle;
    color: white;
    background: #52ad47;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 4px #52ad47, 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.PULSANTE:hover,
.PULSANTE:focus,
.PULSANTE:active {
    box-shadow: inset 0 0 0 4px #fff, 0 0 1px rgba(0, 0, 0, 0);
}


/************************ SLOGAN *******/

#SLOGAN {
    font-family: 'Ubuntu', sans-serif;
    font-size: 66px;
    line-height: 1;
    position: absolute;
    z-index: 10;
    top: 80%;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 50px;
    transition: all 1s ease;
    text-align: center;
    opacity: 0;
    color: #fff;
    text-shadow: 0 0 4px #000;
}

@media (max-width: 1000px) {
    #SLOGAN {
        font-size: 50px;
    }
}

@media (max-width: 800px) {
    #IMGSLIDER {
        margin-top: 0 !important;
    }
    #SLOGAN {
        font-size: 40px;
    }
}

@media (max-width: 600px) {
    #SLOGAN {
        font-size: 30px;
    }
}


/****************************************************TA**/

#TA {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 50px 100px;
    text-align: left;
    color: #4a4a47;
    background: white;
}

.TA-titolo {
    font-size: 40px;
    font-weight: lighter;
    position: relative;
    text-transform: uppercase;
}

.TA-testo {
    font-size: 18px;
    font-weight: lighter;
    font-style: italic;
    line-height: 1.1;
    clear: both;
}

.TA-info {
    font-style: 12px;
    position: relative;
    height: 60px;
    padding-top: 25px;
    padding-left: 100px;
    background-repeat: no-repeat;
    background-position: left center;
}

@media screen and (max-width: 1000px) {
    #TA {
        padding: 30px;
    }
}


/****************************** FOOTER ********/

#FOOTER {
    position: relative;
    float: left;
    width: 100%;
    height: 550px;
    margin-bottom: 10px;
}

.F-sx {
    position: relative;
    float: left;
    overflow: hidden;
    width: 30%;
    height: 100%;
    transition: all .8s ease;
    background: url(/img/torino.jpg) center center no-repeat;
}

.F-sx:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, .7);
}

.F-dx {
    position: relative;
    float: right;
    box-sizing: border-box;
    width: calc(70% - 10px);
    width: -webkit-calc(70% - 10px);
    height: 100%;
    margin-left: 10px;
    padding: 50px 100px;
    background: white;
}

.F-sx-box {
    font-size: 16px;
    font-weight: lighter;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 30px;
    text-align: left;
    color: white;
}

.F-sx-box-img {
    position: relative;
    float: left;
    width: 118px;
}

.F-sx-box-text {
    font-size: 14px;
    font-weight: lighter;
    position: relative;
    float: left;
    box-sizing: border-box;
    width: calc(100% - 118px);
    width: -webkit-calc(100%-118px);
    padding: 0 10px;
}

.chc {
    font-size: 30px;
    font-weight: lighter;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 0;
    cursor: pointer;
    text-transform: uppercase;
    border-bottom: 1px solid white;
}

.all-h {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    display: none;
    float: left;
    box-sizing: border-box;
    width: 80%;
    padding: 10px;
    cursor: pointer;
    transition: all .4s ease;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: justify;
    border-top: 5px solid #52ad47;
    border-bottom: 5px solid #52ad47;
    background: rgba(0, 0, 0, .8);
}

.all-h-v {
    padding: 5px;
    transition: all .4s ease;
}

.all-h-v:hover {
    color: #52ad47;
}

.F-dx-box {
    position: relative;
    float: left;
    width: 35%;
    height: 100%;
    transition: all .4s ease;
    color: #4a4a46 !important;
}

.F-dx-box a:link,
.F-dx-box a:visited,
.F-dx-box a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #4a4a46;
}

.F-dx-box a:hover {
    text-decoration: none;
    color: #4a4a46;
}

.F-dx-news img {
    max-width: 20%;
}

.F-dx-news {
    position: relative;
    float: right;
    box-sizing: border-box;
    width: 65%;
    height: 100%;
    padding: 20px;
}

.news {
    position: relative;
    float: right;
    box-sizing: border-box;
    width: 80%;
    padding: 10px;
    border: 1px solid #488da5;
}

.news input {
    font-size: 15px;
    font-weight: lighter;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    color: #777;
    border: none;
    border-radius: 5px;
}

.news input:focus {
    color: #fff;
    background-color: #4a4a48;
}

.news .PULSANTE {
    font-size: 15px;
    box-sizing: border-box;
    margin-top: -2px;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    color: white;
    border: none;
    border: none;
    border-radius: 5px;
    background: #4a4a48;
    box-shadow: inset 0 0 0 4px #4a4a48, 0 0 1px rgba(0, 0, 0, 0);
}

.news .PULSANTE:hover,
.news .PULSANTE:focus,
.news .PULSANTE:active {
    box-shadow: inset 0 0 0 4px #fff, 0 0 1px rgba(0, 0, 0, 0);
}

.box-n {
    font-size: 16px;
    font-weight: lighter;
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 1px;
    padding: 40px;
    color: white;
    background: #9bc7d5;
}

.pfnews {
    font-size: 26px !important;
    font-weight: lighter;
    margin-bottom: 1px;
}

.pfnews,
.fnews {
    font-size: 22px;
    font-weight: lighter;
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 40px;
    color: white;
    background: #488da5;
}

.fnews {
    font-size: 18px;
}

.loghi {
    display: inline-block;
}

.loghi-m {
    display: none;
}

@media screen and (max-width: 1600px) {
    .F-sx {
        width: 35%;
    }
    .F-dx {
        width: calc(65% - 10px);
        width: -webkit-calc(65% - 10px);
    }
    .F-sx-box {
        font-size: 13px;
    }
    .F-sx-box {
        font-size: 13px;
    }
    .F-sx-box img {
        max-width: 100%;
    }
    .F-dx {
        padding: 50px;
    }
}

@media screen and (max-width: 1400px) {
    .box-n,
    .pfnews,
    .fnews {
        padding: 10px;
    }
}

@media screen and (max-width: 1200px) {
    .F-sx {
        width: 45%;
    }
    .F-dx {
        width: calc(55% - 10px);
        width: -webkit-calc(55% - 10px);
    }
    .F-sx-box {
        font-size: 13px;
    }
    .news input,
    .news .PULSANTE {
        padding: 5px;
    }
    .pfnews,
    .fnews {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 1000px) {
    #FOOTER {
        height: auto !important;
    }
    .F-sx {
        float: none;
        width: 500px;
        height: auto !important;
        margin: 0 auto;
    }
    .F-dx {
        width: 100%;
        height: auto !important;
        margin: 0;
    }
    .F-dx-box {
        float: none;
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }
    .F-dx-news,
    .news {
        width: 100%;
    }
    .F-dx-news {
        padding: 0;
    }
    .F-dx-news img {
        max-width: 15%;
    }
    .loghi-m {
        display: block;
    }
    .loghi-m img {
        max-width: 100% !important;
    }
}

@media (max-width: 800px) {
    .F-dx-news img {
        max-width: 20%;
    }
}

@media (max-width: 600px) {
    .F-dx-news img {
        max-width: 25%;
    }
}

@media screen and (max-width: 520px) {
    .F-sx {
        width: 100%;
    }
    .F-dx-news img {
        max-width: 30%;
    }
}


/*************************************** CTA ******/

#CTA {
    font-family: 'Ubuntu', sans-serif;
    font-size: 11px;
    line-height: 1.2;
    position: fixed;
    z-index: 666;
    bottom: -100px;
    left: 20px;
    min-width: 100px;
    max-width: 250px;
    padding: 10px;
    transition: all .3s ease-out;
    transition: all .7s ease-out;
    text-align: left;
    color: #333;
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 0 3px #000;
}

#CTA a:link,
#CTA a:active,
#CTA a:visited,
#CTA a:hover {
    font-weight: bold;
    color: #333;
}

@media screen and (max-width: 1000px) {
    #CTA,
    #BNFP {
        display: none !important;
    }
}


/*************************STILE TABELLA SUITEWEB**/

.suite_table {
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
    width: 100%;
    padding: 10px;
    border: 2px solid #999;
}

.suite_table td {
    padding: 8px;
}

.suite_col_pari {
    text-align: center;
    color: #615955;
}

.suite_col_dispari {
    text-align: center;
    color: #615955;
}

.suite_col_0 {
    font-size: 15px;
    font-weight: bold;
    color: #615955;
}

.suite_row_0 {
    font-weight: bold;
    text-align: center;
    color: #615955;
}

.suite_row_pari {
    text-align: center;
    background-color: #e6d6a4;
}

.suite_row_dispari {
    text-align: center;
}


/*************************STILE FORMS**/

input,
textarea,
select {
    font-size: 15px;
    box-sizing: border-box;
    padding: 10px;
    color: #000 !important;
    border: 0;
    border: 1px solid #52ad47;
    border-radius: 12px 0 12px 0;
    background: #fff;
}

.ui-datepicker-title select {
    padding: 2px !important;
}

input:focus,
textarea:focus,
select:focus {
    color: #000;
}

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}

.SW-form {
    text-align: left;
}

.SW-form a:link,
.SW-form a:visited,
.SW-form a:active {
    transition: all .4s ease;
    text-decoration: none;
    color: #000;
}

.SW-form a:hover {
    text-decoration: none;
    color: #cacaca;
}

.SW-submit {
    font-size: 20px;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 20px;
    cursor: pointer;
    transition-duration: .3s;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    vertical-align: middle;
    text-transform: uppercase;
    color: white;
    border: 0;
    background: #52ad47;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 4px #52ad47, 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.SW-submit:hover,
.SW-submit:focus,
.SW-submit:active {
    box-shadow: inset 0 0 0 4px #000, 0 0 1px rgba(0, 0, 0, 0);
}

.SW-label {
    display: none;
}

.SW-field {
    width: 100% !important;
    text-align: left !important;
}

.SW-field input,
.SW-field select {
    width: 98%;
}

.SW-field textarea {
    width: 98%;
    height: 100px;
}

input[type='checkbox'] {
    max-width: 20px !important;
}

@media only screen and (max-width: 600px) {
    .SW-form {
        font-size: 15px;
    }
    .SW-label {
        width: 100% !important;
        text-align: left !important;
    }
    .SW-field {
        width: 100% !important;
        margin-left: 0;
        text-align: left !important;
    }
    .SW-field input,
    .SW-field select {
        width: 85%;
        margin: 3px;
        margin-left: 0;
    }
    .SW-field textarea {
        width: 90%;
        margin-left: 0;
    }
    #rc-imageselect,
    .g-recaptcha {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}


/***********************PHOTOGALLERY**/

.FGcat {
    position: relative;
    z-index: 1;
    float: left;
    overflow: hidden;
    width: 32.9%;
    margin: .2%;
    transition: all .3s;
    background-color: #e4dfd3;
}

.FGcat:hover {
    z-index: 10;
    background-color: #d8c5c5;
    box-shadow: 0 0 12px #666;
}

.FGcat-titolo {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 300;
    position: absolute;
    bottom: 5px;
    left: 5px;
    padding: 8px 18px;
    text-align: left;
    color: #666;
    background-image: url(/img/bianco90.png);
}

.FGcat-titolo a:link {
    color: #666;
}

.FGcat-titolo a:active {
    color: #666;
}

.FGcat-titolo a:visited {
    color: #666;
}

.FGcat-titolo a:hover {
    color: #666;
}

@media only screen and (max-width: 1000px) {
    .FGcat {
        width: 32.9%;
        margin: .2%;
    }
    .FGcat-titolo {
        font-size: 18px;
    }
}

@media only screen and (max-width: 800px) {
    .FGcat {
        width: 49.6%;
        margin: .2%;
    }
    .FGcat-titolo {
        font-size: 18px;
    }
}

@media only screen and (max-width: 400px) {
    .FGcat {
        font-size: 16px;
        width: 99.6%;
        margin: .2%;
    }
}

@media (max-width:1000px) {
    .GO1000 {
        display: none;
    }
}

@media (max-width:900px) {
    .GO900 {
        display: none;
    }
}

@media (max-width:800px) {
    .GO800 {
        display: none;
    }
}

@media (max-width:700px) {
    .GO700 {
        display: none;
    }
}

@media (max-width:600px) {
    .GO600 {
        display: none;
    }
}

@media (max-width:500px) {
    .GO500 {
        display: none;
    }
}

.info {
  display: none;
}

.fiere {
  border-right: none;
}