﻿








#menu.menuOpen .mobileMenu {
    display: block;
    transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

#menu.menuOpen .miniBtnMenu {
    background-image: url(../App_Images/btnMiniMenu-white.svg);
    background-position: center -37px;
    background-repeat: no-repeat;
    background-size: 45px;
}
    #menu.menuOpen .userLoggedMobile {
        color:#000;
    }







/* BIG MENU*/
.contentBigIco {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 30%;
    min-height: 100px;
}

    .contentBigIco li {
        display: block !important;
        width: 100%;
        height: 170px;
        margin-bottom: 1px;
    }

        .contentBigIco li i {
            display: block;
            position: absolute;
            height: 100%;
            background-position: center 30px;
            background-repeat: no-repeat;
            background-size: 80px;
            top: 0;
            left: 0;
            right: 0;
            z-index: 2;
        }

        .contentBigIco li .cursor_point:hover {
            color: #fff;
            background-color: #f70759;
        }

        .contentBigIco li .cursor_point span {
            display: block;
            position: absolute;
            bottom: 25px;
            left: 10px;
            right: 10px;
            text-align: center;
            font-size: 20px;
        }

    .contentBigIco .cursor_point {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        color: #f70759;
        text-decoration: none;
        -webkit-transition: background-color 0.5s ease;
        -moz-transition: background-color 0.5s ease;
        -o-transition: background-color 0.5s ease;
        -ms-transition: background-color 0.5s ease;
        transition: background-color 0.5s ease;
    }

        .contentBigIco .cursor_point.active {
        }

.fakeContentBigMenu {
    position: absolute;
    display: block;
    vertical-align: top;
    width: calc(70% - 1px);
    height: 100%;
    z-index: 2;
    right: 0;
    top: 0;
    background-color: #f70759;
}

.contentBigMenu {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(70% - 1px);
    margin-left: 1px;
    min-height: 100px;
    z-index: 5;
}

    .contentBigMenu li {
        display: block;
        background-color: #f70759;
        border-bottom: 1px solid #82224f;
        width: 100%;
    }

        .contentBigMenu li a i {
            display: inline-block;
            position: relative;
            vertical-align: top;
            height: 80px;
            width: 80px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 40px;
            
        }

        .contentBigMenu li span {
            display: inline-block;
            position: relative;
            vertical-align: top;
            height: 80px;
            width: calc(100% - 80px);
            text-align: left;
            line-height: 80px;
            font-size: 16px;
            color: #fff;
            padding-right: 70px;
        }

        .contentBigMenu li a {
            display: block;
            z-index: 1 !important;
        }

            .contentBigMenu li a:hover {
                opacity: 0.6;
            }


.settingsBigMenu {
    display: block;
    background-color: #2b2a2a;
    border-bottom: 1px solid #fff;
    width: 100%;
}

    .settingsBigMenu a {
        position: relative;
        display: block;
        text-align: left;
        line-height: 22px;
        font-size: 18px;
        color: #fff;
        padding: 25px 20px;
    }

        .settingsBigMenu a:hover {
            opacity: 0.6;
        }


.arrow {
    position: absolute;
    z-index: 5;
    right: 0;
    top: 0;
    height: 100%;
    width: 70px;
    background-position: center;
    background-image: url(../App_Images/option-list-down_white.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    border-left: 1px solid #fff;
}

.contentBigMenu .arrow {
    border-left: 1px solid #82224f;
    position: absolute;
    top: 0;
    right: 0;
    height: 80px;
}

.settingsBigMenu.open .arrow, .contentBigMenu li.open .arrow {
    background-image: url(../App_Images/option-list-up_white.svg);
}

.settingsBigMenu.open .settingsSubMenu {
    display: block;
}



.settingsSubMenu {
    display: none;
}

    .settingsSubMenu li {
        background-color: #5a5a5a;
        border-bottom: 1px solid #fff;
    }

        .settingsSubMenu li:first-child {
            border-top: 1px solid #fff;
        }

        .settingsSubMenu li:last-child {
            border-bottom: 0px solid #fff;
        }


.contentBigMenu li.open .contentSubMenu {
    display: block;
}

.contentSubMenu {
    display: none;
    background-color: #880331;
    width: 100%;
}

    .contentSubMenu a {
        position: relative;
        display: block;
        text-align: left;
        line-height: 22px;
        font-size: 18px;
        color: #fff;
        padding: 25px 20px;
    }

        .contentSubMenu a:hover {
            opacity: 0.6;
        }




.contentBigIco li .cursor_point.active {
    color: #fff;
    background-color: #f70759;
}

.contentBigIco .cursor_point.active i.ico_scopri_isola {
    background-image: url(../App_Images/ico_menu_home/scopri-isola_white.svg);
}

.contentBigIco li .cursor_point.active span {
    color: #fff;
}

.contentBigMenu li i.ico_scopri_isola {
    background-image: url(../App_Images/ico_menu_home/scopri-isola_white.svg);
}

.contentBigMenu li i.ico_dove_dormire {
    background-image: url(../App_Images/ico_menu_home/dove-dormire_white.svg);
}

.contentBigMenu li i.ico_mangiare {
    background-image: url(../App_Images/ico_menu_home/dove-mangiare_white.svg);
}

.contentBigMenu li i.ico_shopping {
    background-image: url(../App_Images/ico_menu_home/shopping_white.svg);
}

.contentBigMenu li i.ico_tempo_libero {
    background-image: url(../App_Images/ico_menu_home/tempo-libero_white.svg);
}

.contentBigMenu li i.ico_servizi {
    background-image: url(../App_Images/ico_menu_home/servizi_white.svg);
}



.boxSocial {
    text-align: center;
    padding: 10px;
    background: #000;
}
.boxSocial label {
    font-size: 12px;
    padding: 10px;
    color: #fff;
    text-align: center !important;
}
    .boxSocial .icoSocial {
        margin: 4px 2px;
    }

.boxPromuoviAttivita {
    background:#424242;
    color:#fff;
    padding: 10px;
}

@media screen and (max-width:1024px) {
    #master {
        overflow-x: hidden;
    }

    .mobileMenu {
        position: fixed;
        display: block;
        z-index: 9999;
        top: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        width: calc(100% );
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        transform: translateX(100%);
        -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        background: #fff;
    }

    .menuList {
        margin: 0;
        position: relative;
        overflow-y: scroll !important;
        width: 100%;
        height: 100%;
        background: #82224f;
    }

        .menuList li {
            width: 100%;
        }

            .menuList li.prenotaVacanza {
                background: #ed1e24;
                color: #fff;
            }

    .masterScrolled .menuList li .elemMenu {
        color: #ffffff !important;
    }

        .masterScrolled .menuList li .elemMenu.menuActive {
            color: #ed1e24 !important;
        }

    .menuList li .elemMenu {
        display: inline-table;
        line-height: 16px !important;
        padding: 10px 10px !important;
        color: #ffffff;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
        text-decoration: none;
        text-align: center;
        width: 100%;
    }

    .masterScrolled .subMenu {
        top: 0px;
    }

    .bigLogged {
        display: block;
        padding: 10px 0;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

        .bigLogged .thumbUser {
            display: block;
            margin: 10px auto;
            border: 1px solid #fff;
            height: 120px;
            width: 120px;
            overflow: hidden;
            position: relative;
            color: #fff;
            line-height: 120px;
            text-decoration: none;
        }

    .thumbUser {
        cursor: pointer;
        background-image: url(../App_Images/icoLoggedZoom.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .infoUser {
        color: #fff;
        font-weight: bold;
    }

    .btnLogOut {
        color: #ed1e24;
        width: 100%;
        border-bottom: 1px dotted #ed1e24;
        display: block;
        padding: 20px 0;
    }

    .subMenu {
        top: 0 !important;
        right: 0px !important;
        width: 100% !important;
        border-top: 3px solid #ed1e24;
        text-align: center;
        position: relative !important;
        background: #ed1e24 !important;
        color: #fff;
        border-right: none !important;
        border-top: none !important;
        border-left: none !important;
        border-bottom: none !important;
    }

    .icoSelectMenu {
        display: none !important;
    }

    .subMenu li {
        text-align: center;
        padding-right: 0px;
        float: left;
        width: 100% !important;
        text-align: left;
    }

        .subMenu li a {
            font-family: 'Open Sans', sans-serif;
            font-size: 14px !important;
            display: inline-block !important;
            color: #fff !important;
            padding: 12px 5px !important;
            line-height: 14px !important;
            text-decoration: none !important;
            width: 100% !important;
            text-align: center;
        }
}


@media screen and (max-width:600px) {
    .contentBigIco {
        width: 23%;
    }

        .contentBigIco li {
            height: 100px;
        }

            .contentBigIco li i {
                background-position: center 8px;
                background-size: 40px;
            }

            .contentBigIco li .cursor_point span {
                bottom: 16px;
                font-size: 12px;
                line-height: 14px;
            }


    .contentBigMenu {
        width: calc(77% - 1px);
    }

        .contentBigMenu li a i {
            height: 60px;
            width: 40px;
            background-size: 32px;
        }

        .contentBigMenu li span {
            height: 60px;
            width: calc(100% - 50px);
            line-height: 60px;
            font-size: 14px;
            padding-right: 50px;
        }

        .contentBigMenu .arrow {
            height: 60px;
            width: 50px;
            background-size: 20px;
        }


    .contentSubMenu a {
        line-height: 20px;
        font-size: 15px;
        color: #fff;
        padding: 20px 10px;
    }



    .settingsBigMenu a {
        line-height: 20px;
        font-size: 15px;
        padding: 20px 10px;
    }

    .arrow {
        width: 50px;
        background-size: 20px;
    }


    .fakeContentBigMenu {
        width: calc(77% - 1px);
    }
}