@font-face {
    font-family: 'tourmakeregular';
    src: url('../coop/font/tourmake2/tourmakefont-webfont.eot');
    src: url('../coop/font/tourmake2/tourmakefont-webfont.eot?#iefix') format('embedded-opentype'),
        url('../coop/font/tourmake2/tourmakefont-webfont.woff') format('woff'),
        url('../coop/font/tourmake2/tourmakefont-webfont.ttf') format('truetype'),
        url('../coop/font/tourmake2/tourmakefont-webfont.svg#tourmakeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html, body, #map-canvas {
    height: 100% !important;
    margin: 0px;
    padding: 0px
}
#pano * {
    font-family: "Open Sans", sans-serif;
    line-height: 100%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select:none;
    user-select:none;
    -o-user-select:none;
}

#pano{
    width: 100%;
    height: calc(100% - 72px);
    position: relative;
    overflow: hidden;
    font-size: 16px;
    top: 72px;
}

@media screen and (max-width: 767px) {
    #pano {
        height: calc(100% - 40px);
        top: 40px;
    }
}

#pano .pano-close, #pano .pano-chiudi{
    text-decoration: none;
    display: block;
    position: absolute;
    top: 2px;
    right: 100%;
    padding: 1px 6px;
    background-color: #FFF;
    color: #333;
    z-index: 4;
    font-size: 25px;
}

#pano .point-info.custom a.pano-close{
    text-decoration: none;
    display: block;
    position: absolute;
    top: 1px;
    //right: 100.5%;
    padding: 1px 6px;
    background-color: #FFF;
    color: #333;
    z-index: 4;
    font-size: 25px;
    margin-right: 5px;
}

#pano.tour-dark .pano-close, #pano.tour-dark .pano-chiudi, #pano.tour-dark .point-info.custom a.pano-close {
    background-color: #ADADAD;
    color: #5A5A5A;
}

#pano .pano-close:hover, #pano .pano-chiudi:hover, #pano .point-info.custom a.pano-close:hover{
    background-color: #F0F0F0;
}


#pano .point, #pano .marker{
    background-color: transparent;
    z-index: 1;
    position: absolute;
    line-height: 100%;
}

#pano .point-letter, #pano .marker-letter{
    font-family: "tourmakeregular";
    cursor: pointer;
    position: relative;
    z-index: 3;
}

#pano .point-symbol, #pano .marker-symbol{
    position: relative;
}

#pano .point-background, #pano .marker-background{
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    font-family: 'tourmakeregular';
}

/* BANNER INIZIALE */
#pano #banner{
    cursor: default;
    font-family: "Open Sans", sans-serif;
}

#pano #banner .modal-multi{
    top: 21%;
}
#pano #banner.multimedia{
    z-index: 999999;
    background-color: rgba(255,255,255, 0.8);
}

#pano.tour-dark #banner.multimedia{
    background-color: rgba(0,0,0, 0.9);
}

#pano.tour-dark #banner .timer{
    color: white;
}

#pano.tour-dark #banner .mess{
    color: white;
}

#pano #banner video{
    width: 100%;
}

#pano #banner .timer{
    position: absolute;
    right: 0;
    bottom: 100%;
    background-color: transparent;
    padding: 6px;
    font-size: 14px;
    color: #333;
}

#pano #banner .mess {
    position: absolute;
    left: 0px;
    bottom: 101%;
    background-color: transparent;
    padding: 7px;
    font-size: 14px;
    color: #333;
}

#pano #mini-banner{
    position: absolute;
    right: -100%;
    top: 46px;
    z-index: 9;
    -webkit-transition: visibility 0s linear 0.3s, right .5s ease-in-out, opacity 0.2s ease-in-out;
    -moz-transition: visibility 0s linear 0.3s, right .5s ease-in-out, opacity 0.2s ease-in-out;
    -ms-transition: visibility 0s linear 0.3s, right .5s ease-in-out, opacity 0.2s ease-in-out;
    -o-transition: visibility 0s linear 0.3s, right .5s ease-in-out, opacity 0.2s ease-in-out;
    transition: visibility 0s linear 0.3s, right .5s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 0;
}

#pano #mini-banner.show{
    right: 2px;
    opacity: 1;
}

#pano #mini-banner .minibanner-row img{
    width: 290px;
    height: 60px;
}

#pano.tour-dark #banner .image-container{
    box-shadow: 0px 0px 40px rgba(203, 203, 203, 0.7);
}

#pano #banner .image-container{
    box-shadow: 0px 0px 40px rgba(5, 5, 5, 1);
}

#pano #banner .skip{
    position: absolute;
    background: white;
    bottom: 18px;
    font-size: 15px;
    cursor: pointer;
    right: 0;
    padding: 9px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.3s, right .2s ease-in-out, opacity 0.2s ease-in-out;
    -moz-transition: visibility 0s linear 0.3s, right .2s ease-in-out, opacity 0.2s ease-in-out;
    -ms-transition: visibility 0s linear 0.3s, right .2s ease-in-out, opacity 0.2s ease-in-out;
    -o-transition: visibility 0s linear 0.3s, right .2s ease-in-out, opacity 0.2s ease-in-out;
    transition: visibility 0s linear 0.3s, right .2s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 0;
    background-color: #cccccc;
    box-shadow: 0px 0px 21px;
    color: #333;
    background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    background: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background: -ms-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

@media screen and (max-width: 950px) {
    #pano #banner .content { 
        width: 94%;
        margin: auto;
    }

    #pano #banner .skip{
        font-size: 14px;
        right: 3%;
    }
}

@media screen and (max-width: 480px){
    #pano #banner .skip{
        font-size: 12px;
    }
}

#pano #banner .skip.show{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
/* END BANNER */
/* MARKERS POINT */
.point-symbol.style-0 .point-letter:after{content:'"'}.point-symbol.style-0 .point-background:after{content:"s"}.point-symbol.style-1 .point-letter:after{content:"#"}.point-symbol.style-1 .point-background:after{content:"t"}.point-symbol.style-2 .point-letter:after{content:"$"}.point-symbol.style-2 .point-background:after{content:"u"}.point-symbol.style-3 .point-letter:after{content:"%"}.point-symbol.style-3 .point-background:after{content:""}.point-symbol.style-4 .point-letter:after{content:"&"}.point-symbol.style-4 .point-background:after{content:"t"}.point-symbol.style-5 .point-letter:after{content:"'"}.point-symbol.style-5 .point-background:after{content:"v"}.point-symbol.style-6 .point-letter:after{content:"*"}.point-symbol.style-6 .point-background:after{content:"t"}.point-symbol.style-7 .point-letter:after{content:"+"}.point-symbol.style-7 .point-background:after{content:"t"}.point-symbol.style-8 .point-letter:after{content:"-"}.point-symbol.style-8 .point-background:after{content:"t"}.point-symbol.style-9 .point-letter:after{content:":"}.point-symbol.style-9 .point-background:after{content:"t"}.point-symbol.style-10 .point-letter:after{content:"q"}.point-symbol.style-10 .point-background:after{content:"à"}.point-symbol.style-11 .point-letter:after{content:"è"}.point-symbol.style-11 .point-background:after{content:"é"}.point-symbol.style-12 .point-letter:after{content:"ò"}.point-symbol.style-12 .point-background:after{content:"ó"}.point-symbol.style-13 .point-letter:after{content:"ù"}.point-symbol.style-13 .point-background:after{content:"ú"}.point-symbol.style-14 .point-letter:after{content:"\7b"}.point-symbol.style-15 .point-letter:after{content:"\7c"}.point-symbol.style-16 .point-letter:after{content:"\7d"}.point-symbol.style-17 .point-letter:after{content:"\7e"}.point-symbol.style-18 .point-letter:after{content:"\a1"}.point-symbol.style-19 .point-letter:after{content:"\a2"}.point-symbol.style-20 .point-letter:after{content:"\a3"}.point-symbol.style-21 .point-letter:after{content:"\a4"}.point-symbol.style-22 .point-letter:after{content:"\a5"}.point-symbol.style-23 .point-letter:after{content:"\a6"}.point-symbol.style-24 .point-letter:after{content:"\a7"}.point-symbol.style-25 .point-letter:after{content:"\a8"}.point-symbol.style-26 .point-letter:after{content:"\a9"}.point-symbol.style-27 .point-letter:after{content:"\aa"}.point-symbol.style-28 .point-letter:after{content:"\ab"}.point-symbol.style-14 .point-background:after,.point-symbol.style-15 .point-background:after,.point-symbol.style-16 .point-background:after,.point-symbol.style-17 .point-background:after,.point-symbol.style-18 .point-background:after,.point-symbol.style-19 .point-background:after,.point-symbol.style-20 .point-background:after,.point-symbol.style-21 .point-background:after,.point-symbol.style-22 .point-background:after,.point-symbol.style-23 .point-background:after,.point-symbol.style-24 .point-background:after,.point-symbol.style-25 .point-background:after,.point-symbol.style-26 .point-background:after,.point-symbol.style-27 .point-background:after,.point-symbol.style-28 .point-background:after{content:"\ac"}#pano .point-symbol.style-14 .point-background,#pano .point-symbol.style-15 .point-background,#pano .point-symbol.style-16 .point-background,#pano .point-symbol.style-17 .point-background,#pano .point-symbol.style-18 .point-background,#pano .point-symbol.style-19 .point-background,#pano .point-symbol.style-20 .point-background,#pano .point-symbol.style-21 .point-background,#pano .point-symbol.style-22 .point-background,#pano .point-symbol.style-23 .point-background,#pano .point-symbol.style-24 .point-background,#pano .point-symbol.style-25 .point-background,#pano .point-symbol.style-26 .point-background,#pano .point-symbol.style-27 .point-background,#pano .point-symbol.style-28 .point-background{left:1px}

#pano .point.marker-left{
    right: auto !important;
    left: 0 !important;
}
#pano .point.marker-right{
    right: 0 !important;
    left: auto !important;
}
#pano .point.marker-top{
    bottom: auto !important;
    top: 0 !important;
}
#pano .point.marker-bottom{
    bottom: 0 !important;
    top: auto !important;
}
#pano .point.marker-left, #pano .point.marker-right, #pano .point.marker-top, #pano .point.marker-bottom{
    max-width: 30px !important;
    max-height: 30px !important;
}
#pano .point.marker-left .point-letter, #pano .point.marker-right .point-letter, #pano .point.marker-top .point-letter, #pano .point.marker-bottom .point-letter{
    font-size: 30px !important;
}
#pano .point.marker-left .point-background, #pano .point.marker-right .point-background, #pano .point.marker-top .point-background, #pano .point.marker-bottom .point-background{
    font-size: 25px !important;
}
/* END MARKERS POINT */

.point-invisible .point-symbol:hover, .point-selector.point-invisible .point-symbol {
    box-shadow: 0 0 7px #8D8D8D;
    -webkit-box-shadow: 0 0 7px #8D8D8D;
    -moz-box-shadow: 0 0 7px #8D8D8D;
    filter: progid:DXImagTransform.Microsoft.dropShadow(color=#8D8D8D, offX=0, offY=0, positive=true);
    background-color: white;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    cursor: pointer;
}

.point .helper{
    vertical-align: middle;
}
.point .custom-marker{
    display: inline-block;
    vertical-align: middle;
    /*max-width: 100%;
    max-height: 100%;*/
    cursor: pointer;
    z-index: 3;
    max-width: 100%;
}

/* END POINT/MARKER */

/* POINT SELECTOR */
#pano .point-selector.dragging, #pano .point-selector .pivot.dragging{
    pointer-events: none;
}
#pano .pivot {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 10px;
    height: 10px;
    z-index: 10;
}
/* END POINT SELECTOR */

/* MARKER */
.marker-symbol.shape-0 .marker-background:after{content:'y'}.marker-symbol.shape-1 .marker-background:after{content:'x'}.marker-symbol.shape-2 .marker-background:after{content:'z'}.marker-symbol.shape-3 .marker-background:after{content:'w'}.marker-symbol.shape-4 .marker-background:after{content:'r'}.marker-symbol.style-0.shape-0 .marker-letter:after{content:"<"}.marker-symbol.style-1.shape-0 .marker-letter:after{content:"="}.marker-symbol.style-2.shape-0 .marker-letter:after{content:">"}.marker-symbol.style-3.shape-0 .marker-letter:after{content:"?"}.marker-symbol.style-4.shape-0 .marker-letter:after{content:"@"}.marker-symbol.style-5.shape-0 .marker-letter:after{content:"A"}.marker-symbol.style-6.shape-0 .marker-letter:after{content:"B"}.marker-symbol.style-7.shape-0 .marker-letter:after{content:"C"}.marker-symbol.style-8.shape-0 .marker-letter:after{content:"D"}.marker-symbol.style-9.shape-0 .marker-letter:after{content:"E"}.marker-symbol.style-10.shape-0 .marker-letter:after{content:"F"}.marker-symbol.style-11.shape-0 .marker-letter:after{content:"G"}.marker-symbol.style-12.shape-0 .marker-letter:after{content:"H"}.marker-symbol.style-13.shape-0 .marker-letter:after{content:"V"}.marker-symbol.style-0.shape-1 .marker-letter:after{content:'I'}.marker-symbol.style-1.shape-1 .marker-letter:after{content:'J'}.marker-symbol.style-2.shape-1 .marker-letter:after{content:'K'}.marker-symbol.style-3.shape-1 .marker-letter:after{content:'L'}.marker-symbol.style-4.shape-1 .marker-letter:after{content:'M'}.marker-symbol.style-5.shape-1 .marker-letter:after{content:'N'}.marker-symbol.style-6.shape-1 .marker-letter:after{content:'O'}.marker-symbol.style-7.shape-1 .marker-letter:after{content:'P'}.marker-symbol.style-8.shape-1 .marker-letter:after{content:'Q'}.marker-symbol.style-9.shape-1 .marker-letter:after{content:'R'}.marker-symbol.style-10.shape-1 .marker-letter:after{content:'S'}.marker-symbol.style-11.shape-1 .marker-letter:after{content:'U'}.marker-symbol.style-12.shape-1 .marker-letter:after{content:';'}.marker-symbol.style-13.shape-1 .marker-letter:after{content:'T'}.marker-symbol.style-0.shape-2 .marker-letter:after{content:'W'}.marker-symbol.style-1.shape-2 .marker-letter:after{content:'X'}.marker-symbol.style-2.shape-2 .marker-letter:after{content:'Y'}.marker-symbol.style-3.shape-2 .marker-letter:after{content:'Z'}.marker-symbol.style-4.shape-2 .marker-letter:after{content:'['}.marker-symbol.style-5.shape-2 .marker-letter:after{content:'\\'}.marker-symbol.style-6.shape-2 .marker-letter:after{content:']'}.marker-symbol.style-7.shape-2 .marker-letter:after{content:'^'}.marker-symbol.style-8.shape-2 .marker-letter:after{content:'_'}.marker-symbol.style-9.shape-2 .marker-letter:after{content:'`'}.marker-symbol.style-10.shape-2 .marker-letter:after{content:'a'}.marker-symbol.style-11.shape-2 .marker-letter:after{content:'c'}.marker-symbol.style-12.shape-2 .marker-letter:after{content:'d'}.marker-symbol.style-13.shape-2 .marker-letter:after{content:'b'}.marker-symbol.style-0.shape-3 .marker-letter:after{content:'e'}.marker-symbol.style-1.shape-3 .marker-letter:after{content:'f'}.marker-symbol.style-2.shape-3 .marker-letter:after{content:'g'}.marker-symbol.style-3.shape-3 .marker-letter:after{content:'h'}.marker-symbol.style-4.shape-3 .marker-letter:after{content:'i'}.marker-symbol.style-5.shape-3 .marker-letter:after{content:'j'}.marker-symbol.style-6.shape-3 .marker-letter:after{content:'k'}.marker-symbol.style-7.shape-3 .marker-letter:after{content:'l'}.marker-symbol.style-8.shape-3 .marker-letter:after{content:'m'}.marker-symbol.style-9.shape-3 .marker-letter:after{content:'n'}.marker-symbol.style-10.shape-3 .marker-letter:after{content:'o'}.marker-symbol.style-11.shape-3 .marker-letter:after{content:'.'}.marker-symbol.style-12.shape-3 .marker-letter:after{content:','}.marker-symbol.style-13.shape-3 .marker-letter:after{content:'p'}.marker-symbol.style-0.shape-4 .marker-letter:after{content:'/'}.marker-symbol.style-1.shape-4 .marker-letter:after{content:'0'}.marker-symbol.style-2.shape-4 .marker-letter:after{content:'1'}.marker-symbol.style-3.shape-4 .marker-letter:after{content:'2'}.marker-symbol.style-4.shape-4 .marker-letter:after{content:'3'}.marker-symbol.style-5.shape-4 .marker-letter:after{content:'4'}.marker-symbol.style-6.shape-4 .marker-letter:after{content:'5'}.marker-symbol.style-7.shape-4 .marker-letter:after{content:'6'}.marker-symbol.style-8.shape-4 .marker-letter:after{content:'7'}.marker-symbol.style-9.shape-4 .marker-letter:after{content:'8'}.marker-symbol.style-10.shape-4 .marker-letter:after{content:'9'}.marker-symbol.style-11.shape-4 .marker-letter:after{content:'('}.marker-symbol.style-12.shape-4 .marker-letter:after{content:')'}.marker-symbol.style-13.shape-4 .marker-letter:after{content:'!'}

.marker.dragging, .marker.dragging *{
    pointer-events: none;
}

/* END MARKER */

/* 1 */
#tour-flash{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99998989;
    background-color: #FFF;
    display: none;
}


/* AREA-SELECTOR */
.area-selector {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.area-selector .left-bound , .area-selector .right-bound {
    float: left;
    width: 10px;
    height: 100%;
    background-color: #58CE53;
    pointer-events: auto;
    cursor: e-resize;
}

.area-selector .left-bound.bound-red, .area-selector .right-bound.bound-red {
    background-color: #de0024;
}

.area-selector .inner-bounds {
    float: left;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.19);
    pointer-events: none;
}

.area-selector .dragging {
    pointer-events: none;
}
/* END AREA-SELECTOR */

/* SHAPE-SELECTOR */

.shape-selector, #pano-canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
}

#pano-canvas.stop{
    pointer-events: auto;
    z-index: 9999;
}

.shape-selector canvas, #pano-canvas canvas {
    pointer-events: none;
}

#pano-canvas.cursor-pointer, #pano-canvas.cursor-pointer *{
    pointer-events: auto;
    cursor: pointer;
}

#pano-canvas .shape-image{
    position: absolute;
    max-width: 50px;
    pointer-events: auto;
    cursor: pointer;
}

#pano-canvas .shape-text{
    position: absolute;
    background-color: #fff;
    color: #333;
    padding: 5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.shape-selector.creating, .shape-selector.creating canvas {
    pointer-events: auto;
}
/* END SHAPE-SELECTOR */

/* PANORAMACONTENT */

.prenota .loading .button, .prenota .prenota-completed .button, .prenota .prenota-error .button{
    float: none !important;
}

.poi-action-container .loading, .poi-action-container .form-completed, .poi-action-container .form-error{
    display: none;
    padding-top: 100px;
    color: #FFF;
}

.poi-more .point-hide-mobile{
    display: none;
}

/* preset content*/
#pano .point-info{
    visibility: hidden;
    position: absolute;
    margin-left: 10px;
    z-index: 15;
}
#pano .point-info.preset .poi-desc{
    word-wrap: break-word;
}

@media screen and (min-width: 768px) {
    #pano .point-info.content-right, #pano .point-info.content-predef{
        top: 20%;
        right: -400px;
    }

    #pano .point-info.content-center {
        right: 50%;
        margin-right: 0;
        top: 20%;
    }

    #pano .point-info.content-predef.area-more{
        left: 100px;
        right: auto;
        top: auto;
        bottom: 75px;
        padding-bottom: 0;
        background-color: transparent;
    }
    #pano .point-info.content-right.eff-lat, #pano .point-info.content-predef.eff-lat{
        -webkit-transition: visibility 0s linear 0.3s, right .2s ease-in-out, opacity 0.2s ease-in-out;
        -moz-transition: visibility 0s linear 0.3s, right .2s ease-in-out, opacity 0.2s ease-in-out;
        -ms-transition: visibility 0s linear 0.3s, right .2s ease-in-out, opacity 0.2s ease-in-out;
        -o-transition: visibility 0s linear 0.3s, right .2s ease-in-out, opacity 0.2s ease-in-out;
        transition: visibility 0s linear 0.3s, right .2s ease-in-out, opacity 0.2s ease-in-out;
        opacity: 0;
    }
    #pano .point-info.eff-dis.content-center{
        -webkit-transition: visibility 0s linear 0.3s, margin-right 0s ease-in-out 0.3s, opacity 0.2s ease-in-out;
        -moz-transition: visibility 0s linear 0.3s, margin-right 0s ease-in-out 0.3s, opacity 0.2s ease-in-out;
        -ms-transition: visibility 0s linear 0.3s, margin-right 0s ease-in-out 0.3s, opacity 0.2s ease-in-out;
        -o-transition: visibility 0s linear 0.3s, margin-right 0s ease-in-out 0.3s, opacity 0.2s ease-in-out;
        transition: visibility 0s linear 0.3s, margin-right 0s ease-in-out 0.3s, opacity 0.2s ease-in-out;
        opacity: 0;
    }
    #pano .point-info.content-predef.eff-lat.area-more{
        -webkit-transition: visibility 0s linear 0.3s, left .2s ease-in-out, opacity 0.2s ease-in-out;
        -moz-transition: visibility 0s linear 0.3s, left .2s ease-in-out, opacity 0.2s ease-in-out;
        -ms-transition: visibility 0s linear 0.3s, left .2s ease-in-out, opacity 0.2s ease-in-out;
        -o-transition: visibility 0s linear 0.3s, left .2s ease-in-out, opacity 0.2s ease-in-out;
        transition: visibility 0s linear 0.3s, left .2s ease-in-out, opacity 0.2s ease-in-out;
        opacity: 0;
    }
    #pano .point-info.eff-dis.content-right{
        right: 20px;
        opacity: 0;
    }
    #pano .point-info.show.content-right, #pano .point-info.show.content-predef{
        right: 20px;
    }
    #pano .point-info.show.content-predef.area-more{
        right: auto;
    }
    #pano .point-info.content-center.show{
        margin-right: -150px;
    }
    #pano .point-info.content-center.eff-lat{
        -webkit-transition: visibility 0s linear 0.3s, margin-right .2s ease-in-out, opacity 0.2s ease-in-out;
        -moz-transition: visibility 0s linear 0.3s, margin-right .2s ease-in-out, opacity 0.2s ease-in-out;
        -ms-transition: visibility 0s linear 0.3s, margin-right .2s ease-in-out, opacity 0.2s ease-in-out;
        -o-transition: visibility 0s linear 0.3s, margin-right .2s ease-in-out, opacity 0.2s ease-in-out;
        transition: visibility 0s linear 0.3s, margin-right .2s ease-in-out, opacity 0.2s ease-in-out;
        opacity: 0;
    }

}

#pano .point-info.show{
    -webkit-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    -ms-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important;
}

#pano .point-info .point-image-container {
    max-height: 190px;
    overflow: hidden;
}

#pano .point-info{
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
#pano .point-info.show{
    visibility: visible;
}


#pano .poi-more{
    z-index: 2;
    background-color: white;
    width: 300px;
    padding-bottom: 12px;
    border-radius: 3px;
    font-family: "Open Sans", sans-serif;
    box-shadow: 0 0 10px #6d6d6d;
    margin-left: 5px;
    position: relative;
}
#pano.tour-dark .poi-more {
    background-color: #161616;
    box-shadow: none;
    color: white;
}
@media screen and (min-width: 768px) {
    #pano .point-info.show {
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
    }
}

#pano .point-info.show:hover{
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
}



.area-more img.main-image, .poi-more img.main-image{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    max-width: 100%;
}



.area-more.preset h1, .poi-more.preset h1 {
    text-transform: uppercase;
    color: #1E315E;
    font-size: 1.25em;
    word-wrap: break-word;
}

.area-more.preset h4, .poi-more.preset h4{
    color: #BCBCBC;
    font-size: 0.8em;
    margin-bottom: 10px;
    text-transform: uppercase;
}



.area-more.preset p, .poi-more.preset p{
    font-size: 0.8em;
    text-align: justify;
    margin-bottom: 5px;
}

.area-more.preset ul, .poi-more.preset ul {
    list-style: disc;
    margin-left: 20px;
    font-size: 0.8em;
    margin-bottom: 5px;
}

.area-more.preset ol, .poi-more.preset ol {
    list-style: decimal;
    margin-left: 20px;
    font-size: 0.8em;
    margin-bottom: 5px;
}

.area-more.preset .share-bar , .poi-more.preset .share-bar {
    margin-top: 20px;
}

.area-more.preset .share-bar div, .poi-more.preset .share-bar div{
    float: left;
}

.poi-more.preset .share-bar div.button{
    width: 60%;
    text-align: right;
}

.poi-more.preset .share-bar .share-buttons-bar {
    width: 40%;
}

.area-more .share-bar img, .poi-more .share-bar img{
    width: 25px;
}

.area-more .area-container, .poi-more .poi-container{
    padding: 25px;
    padding-top: 9px;
}

.poi-more.circular .poi-container{
    /*    background-color: white;*/
    height: 140px;
}

.poi-more .action{
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    border-radius: 3px;
    text-align: center;
}

.poi-more .poi-price{
    font-family: "Open Sans", sans-serif;
    text-align: right;
    margin-bottom: 10px;
    padding: 3px;
    font-weight: bold;
}

/* circular */
#pano .point-info .alt-desc{
    display: none;
    position: absolute;
    top: 20%;
    background-color: #FFF;
    left: 0;
    z-index: 5;
    padding: 5px;
    width: 100%;
    box-shadow: 0 0 5px #333;
}

#pano.tour-dark .point-info .alt-desc{
    background-color: #161616;
    color: white;
}

#pano.tour-dark .point-info .alt-desc a, #pano.tour-dark .point-info .alt-desc a:active, #pano.tour-dark .point-info .alt-desc a:hover {
    color: white;
}

#pano .point-info .alt-desc-content{
    margin-bottom: 10px;
}
#pano .point-info .alt-desc-close{
    font-size: 13px;
}
@media screen and (min-width: 768px) {
    #pano .poi-more.circular {
        border-radius: 150px;
        background-color: #fff;
        overflow: hidden;
        max-height: 300px;
    }

    #pano.tour-dark .poi-more.circular{
        background-color: #161616;   
    }

    #pano .poi-more.circular .point-image-container {
        max-height: 160px;
    }
    #pano .poi-more.circular h1, .poi-more.circular h4{
        text-align: center;
        cursor: pointer;
    }
    #pano .poi-more.circular h1, .poi-more.circular h4{
        text-align: center;
    }
    #pano .poi-more.circular .poi-desc{
        display: none;
    }
    #pano .poi-more.circular .share-bar div.button{
        margin-top: 10px;
    }
    #pano .poi-more.circular .share-bar div {
        float: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    #pano .poi-more.circular img.main-image{
        border-top-left-radius: 150px;
        border-top-right-radius: 150px;
    }
    #pano .point-info.content-center.point-form-opened{
        margin-right: -290px;
    }
}


/* end circular */

/* swing */

@media screen and (min-width: 767px) {
    #pano .poi-more.swing{
        border-top-left-radius: 100px;
        border-bottom-right-radius: 100px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .poi-more.preset.swing img.main-image {
        border-top-right-radius: 0;
        border-top-left-radius: 100px;
    }
    .poi-more.preset.swing .share-bar > div {
        float: right;
    }
    .poi-more.swing.preset .share-bar .button{
        width: 57%;
        text-align: left;
    }
    .poi-more.swing.preset .share-bar .share-buttons-bar{
        width: 43%;
    }
    .poi-more.swing.preset .button a{
        position: relative;
        top: 20px;
        padding: 12px 20px;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}
#pano .poi-more.swing .point-image-container{
    min-height: 50px;
}
/* end swing */

/* gallery */
#pano .point-image-container li.active {
    /*    position: absolute;*/
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    max-width: 100%;
}
#pano .point-image-container li.next-image {
    /*    position: relative;*/
    max-width: 100%;
}
#pano .point-image-container li {
    opacity: 0;
    -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
    position: absolute;
}
#pano .point-image-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
/* end gallery */

/* form */

.poi-action{
    width: 275px;
    height: 500px;
    font-family: "Open Sans", sans-serif;
    box-shadow: 0 0 10px #333;
    border-radius: 3px;
    display: none;
}

.poi-more, .poi-action{
    float: right;
}

.poi-action .poi-action-container{
    padding: 25px;
    position: relative;
}

.poi-action .poi-action-container h1, .poi-action .poi-action-container h4{
    color: white;
    text-transform: uppercase;
    display: inline-block;
    text-align: left;
    width: 208px;
}

.poi-action .poi-action-container h4{
    font-size: 0.7em;
    margin-bottom: 10px;
}

.poi-action .poi-action-container h1{
    font-size: 1.05em;
}

.poi-action .form-row input[type=text], .poi-action .form-row input[type=email], .poi-action .form-row select, .poi-action .form-row textarea{
    width: 200px;
    padding: 5px 3px;
    box-sizing: content-box;
    border: none;
    font-family: "Open Sans", sans-serif;
    display: inline-block;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.poi-action .form-row .error{
    box-shadow: 0 0 5px #F00;
    border: 1px solid #FF8383;
}

#pano .form-row.privacy-row{
    color: #FFF;
    font-size: 0.7em;
    margin-bottom: 5px;
}

#pano .form-row.privacy-row label {
    width: 206px;
    display: inline-block;
    text-align: left;
}

#pano .form-row.privacy-row input {
    margin: 0;
    width: 6%;
    vertical-align: middle;
}

.poi-action .form-button{
    width: 208px;
    display: inline-block;
}

.poi-action .form-button a.button{
    display: block;
    background-color: rgba(255,255,255,0.4);
    text-decoration: none;
    padding: 9px 0;
    text-align: center;
    color: white;
    text-transform: uppercase;
}

.poi-action .form-row{
    margin-bottom: 3px;
    text-align: center;
}

.poi-action form{
    margin-top: 8px;
    text-align: center;
}
/* end form */
/* end preset */

/* multimedia */
#pano .multimedia {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 40;
    text-align: center;
    /*background-color: rgba(0, 0, 0, 0.2);*/
    background-color: rgba(255, 255, 255, 0.6);
    font-family: "Open Sans", sans-serif;
    -webkit-transition: visibility 0s linear 0.3s, margin-right 0s ease-in-out 0.3s, opacity 0.3s ease-in;
    -moz-transition: visibility 0s linear 0.3s, margin-right 0s ease-in-out 0.3s, opacity 0.3s ease-in;
    -ms-transition: visibility 0s linear 0.3s, margin-right 0s ease-in-out 0.3s, opacity 0.3s ease-in;
    -o-transition: visibility 0s linear 0.3s, margin-right 0s ease-in-out 0.3s, opacity 0.3s ease-in;
    transition: visibility 0s linear 0.3s, margin-right 0s ease-in-out 0.3s, opacity 0.3s ease-in;
    opacity: 0;
    visibility: hidden;
}
#pano.tour-dark .multimedia{
    background-color: rgba(0, 0, 0, 0.7);
}
#pano .multimedia.multimedia-show{
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
#pano .multimedia .modal-multi{
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: auto;
    /*padding: 10px;*/
    /*top: 40%;*/
}

#pano .multimedia .modal-multi .hotspot__header, #pano .multimedia .modal-multi .content{
    float: left;
}

#pano .multimedia .modal-multi .hotspot__header{
    color: white;
    padding: 0 10px;
    width: 245px;
    text-align: left;
}

#pano .multimedia .modal-multi .hotspot__header .hotspot__title{
    margin-bottom: 20px;
    font-size: 1.3em;
    width: 200px;
    text-align: left;
    text-transform: uppercase;
}

#pano .hotspot__arrow {
    height: 50px;
    background: url('../coop/images/hotspot/arrow.png') no-repeat right center;
    margin-bottom: 10px;
    line-height: 50px;
    vertical-align: middle;
}

#pano .iframe-container.hotspot__largedesc {
    background-color: transparent;
    color: white;
    padding: 58px 10px 0;
    text-align: left;
    height: auto;
    line-height: 22px;
}

#pano .multimedia--descr .hotspot__descr {
    display: none;
}

#pano .multimedia__close a {
    color: white;
}

#pano .multimedia__close {
    position: absolute;
    right: -29px;
    top: 2px;
}

#pano .hotspot__largedesc p {
    line-height: 22px;
    font-weight: lighter;
}

#pano .multimedia .modal-multi .hotspot__descr{
    width: 200px;
}

#pano .multimedia .modal-multi .hotspot__descr * {
    line-height: 22px;
    font-weight: lighter;
}

#pano .multimedia .modal-multi .arrow_right img{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#pano .multimedia .modal-multi .arrow_right, #pano .multimedia .modal-multi .arrow_left  {
    position: absolute;
    top: 16px;
}

#pano .multimedia .modal-multi .arrow_left img, #pano .multimedia .modal-multi .arrow_right img{
    max-height: 22px;
}

#pano .multimedia .modal-multi .arrow_right{
    right: 12px;
    opacity: 0.7;
}

#pano .multimedia .modal-multi .arrow_left{
    left: 12px;
    opacity: 0.7;
}

#pano .multimedia .modal-multi .arrow_left:hover, #pano .multimedia .modal-multi .arrow_right:hover{
    opacity: 1;
}

#pano .multimedia .close-div {
    position: absolute;
    top: -40px;
    right: -40px;
    z-index: 1000;
}
#pano .multimedia .close-div .close-multi {
    opacity: 0.2;
}
#pano .multimedia .content {
    max-width: 750px;
    /*background-color: rgba(39,30,25,0.8);*/
    /*width: 100%;*/
}
#pano .multimedia .share-image-box{
    position: absolute;
    bottom: 50px;
    right: 0px;
    background-color: #FFF;
    z-index: 50;
    padding: 5px;
}
#pano.tour-dark .multimedia .share-image-box{
    background-color: #161616;
}
#pano .multimedia .share-image-box .share{
    display: none;
}
#pano .multimedia .share-image-box.opened .share-image-container, #pano .multimedia .share-image-box .share-image-box-open{
    display: inline-block;
}
#pano .multimedia .share-image-box.opened .share{
    display: inline-block;
    margin-right: 3px;
}
#pano .multimedia .share-image-box .share img, #pano .multimedia .share-image-box-open img {
    width: 20px;
}
#pano .multimedia .share-image-box.opened .share-image-box-open {
    margin-right: 10px;
}
#pano .iframe-container {
    width: 750px;
    max-width: 100%;
    height: 420px;
    overflow: hidden;
    text-align: center;
}
#pano .image-container {
    width: 750px;
    height: 420px;
    overflow: hidden;
    text-align: center;
}
#pano .gallery-image-container {
    position: relative;
    /*padding: 20px 66px;*/
    width: 100%;
    height: 100%;
}
#pano .prev {
    background-position: center center;
    left: 0;
    background-image: url("../coop/images/hotspot/arrow_sx.png");
    position: absolute;
    width: 40px;
    opacity: 0.3;
}
#pano .prev, #pano .nextmulti {
    display: block;
    position: absolute;
    width: 40px;
    height: 100%;
    top: 0;
    background-repeat: no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    transition: opacity .2s ease-in-out;
}
#pano .prev:hover, #pano .nextmulti:hover {
    opacity: 1;
}

#pano .image-container .gallery-image {
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}
#pano .next {
    background-position: right center;
    right: 0;
    /*background-image: url("../images/arrowDx.png");*/
}
#pano .nextmulti {
    position: absolute;
    width: 44px;
    background-position: center center;
    background-image: url("../coop/images/hotspot/arrow_dx.png");
    opacity: 0.3;
}
#pano .modal-multi .navigation {
    background-color: #fff;
    text-align: center;
    line-height: 25px;
}
#pano.tour-dark .modal-multi .navigation {
    background-color: #161616;
}
#pano .modal-multi .navigation span span {
    font-size: 2.5em;
    vertical-align: middle;
}
#pano .modal-multi .navigation a:link, #pano .modal-multi .navigation a:visited {
    text-decoration: none;
    color: #D3D3D3;
}
#pano .modal-multi .navigation span.active a {
    color: #FFA500;
}
#pano .youtube-player{
    max-width: 100%;
}

/* end multimedia */

/* custom */
#pano .point-info.custom .poi-more{
    position: relative;
    width: auto;
}
#pano .point-info.custom .poi-container {
    padding-bottom: 0;
}
#pano .point-info.custom .poi-desc{
    height: 100%;
    overflow: auto;
    min-width: 250px;
    max-width: 700px;
    min-height: 100px;
    max-height: 600px;
    word-wrap: break-word;
}
#pano .point-info.custom .poi-container{
    background-color: #FFF;
    overflow: auto;
}

#pano.tour-dark .point-info.custom .poi-container{
    background-color: #161616;
}

#pano .point-info.custom * {
    color: #393939;
}

#pano.tour-dark .point-info.custom * {
    color: #bcbcbc;
}

#pano .point-info.custom a.pano-close:hover{
    text-decoration: none;
}
#pano .point-info.custom h1, #pano .point-info.custom h2, #pano .point-info.custom h3, #pano .point-info.custom h4, #pano .point-info.custom h5, #pano .point-info.custom h6{
    margin-bottom: 10px;
    margin-top: 5px;
}
#pano .point-info.custom h1 {
    font-size: 1.25em;
}
#pano .point-info.custom h2 {
    font-size: 1.2em;
}
#pano .point-info.custom h3{
    font-size: 1.1em;
}
#pano .point-info.custom h4{
    font-size: 1em;
}
#pano .point-info.custom h5{
    font-size: .9em;
}
#pano .point-info.custom h6{
    font-size: .8em;
}
#pano .point-info.custom p{
    margin-bottom: 5px;
    font-size: .8em;
}
#pano .point-info.custom ol{
    list-style: decimal;
}
#pano .point-info.custom ul {
    list-style: disc;
}
#pano .point-info.custom ol, #pano .point-info.custom ul{
    margin-left: 30px;
    font-size: 0.8em;
    margin-bottom: 10px;
}
#pano .point-info.custom li{
    font-size: 100%;
}
#pano .point-info.custom .poi-desc a:link, #pano .point-info.custom .poi-desc a:visited{
    font-size: 100%;
    color: #08C;
    text-decoration: none;
}
#pano .point-info.custom .poi-desc a:hover, #pano .point-info.custom .poi-desc a:active{
    color: #005580;
    text-decoration: underline;
    cursor: pointer;
}
#pano .point-info.custom a.button ,#pano .point-info.custom a.button:link, #pano .point-info.custom a.button:visited, #pano .point-info.custom a.button:hover, #pano .point-info.custom a.button:active{
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    background-color: #A3A3A3;
}
#pano .point-info.custom a.button.button-green{
    background-color: #3DA72A;
}
#pano .point-info.custom a.button.button-blue{
    background-color: #1E315E;
}
#pano .point-info.custom a.button.button-orange{
    background-color: #E79A26;
}
#pano .point-info.custom a.button.button-red{
    background-color: #DE0024;
}
#pano .point-info.custom a.button.button-gray{
    background-color: #A3A3A3;
}
#pano .point-info.custom a.button.button-info{
    background-color: #46D8EC;
}
#pano .point-info.custom a.button.button-xs{
    padding: 3px 3px;
    font-size: 0.8em;
}
#pano .point-info.custom a.button.button-sm{
    font-size: 0.85em;
    padding: 4px;
}
#pano .point-info.custom a.button.button-lg{
    padding: 8px;
    font-size: 1.1em;
}
#pano .point-info.custom table, #pano .point-info.custom th, #pano .point-info.custom td {
    border: 1px solid #333;
}
#pano .point-info.custom td{
    padding: 5px; 
}
#pano .point-info.custom table {
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 0.8em;
}
#pano .point-info.custom .mobile-custom-close{
    display: none;
}
#pano .point-info.custom .poi-desc img, #pano .point-info.custom .poi-desc iframe, #pano .point-info.custom .poi-desc embed {
    max-width: 100%;
}
#pano .point-info.custom .poi-desc strong span, #pano .point-info.custom .poi-desc b, #pano .point-info.custom .poi-desc strong, #pano .point-info.custom .poi-desc b span {
    font-weight: bold;
    font-style: inherit;
}

#pano .point-info.custom em span, #pano .point-info.custom i, #pano .point-info.custom i span, #pano .point-info.custom em {
    font-style: italic;
    font-weight: inherit;
}
#pano .point-info.custom .poi-desc *, #pano.tour-dark .point-info.custom .poi-desc * {
    color: inherit;
    background-color: inherit;
}
#pano .point-info .poi-desc strong span, #pano .point-info .poi-desc b, #pano .point-info .poi-desc strong, #pano .point-info .poi-desc b span{
    font-weight: bold;
    font-style: inherit;
}

#pano .point-info em span, #pano .point-info i, #pano .point-info i span, #pano .point-info em{
    font-weight: inherit;
    font-style: italic;
}
/* end custom */

/* area */
#pano .area-details{
    background-color: #C7C7C7;
    position: absolute;
    bottom: 75px;
    left: 50px;
    z-index: 2;
    font-family: 'Open Sans', sans-serif;
    padding: 20px 40px;
    cursor: pointer;
    box-shadow: 0 0 10px #333;
}
.area-details h5 {
    font-size: 17px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #FFF;
}
.area-details .details {
    font-size: 12px;
    color: #FFF;
    text-transform: uppercase;
}
#pano .area {
    z-index: 15;
}
.area-mobile-details, .area-viewport-details {
    display: none;
    z-index: 15;
}
.area-invisible .area-details{
    display: none;
}

/* end area */

/* console */
#pano-console {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 10;
    text-align: center;
}
#pano-console .console-wrapper{
    left: -50%;
    position: relative;
    display: inline-block;
}
#pano-console a{
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    display: inline-block;
    opacity: 0.3;
    padding: 3px;
}
#pano-console a:hover{
    opacity: 1;
    text-decoration: none;
}

#pano-console a.disabled:hover{
    opacity: 0.3;
}
#pano-console .audio-progress, #pano-console .point-progress-audio{
    padding: 0;
    width: 100px;
    height: 6px;
    vertical-align: middle;
    background-color: #808080;
}
#pano-console .audio-progress div, #pano-console .point-progress-audio div{
    background-color: #FFA300;
    width: 0%;
    height: 100%;
}

#pano-console a.disabled {
    display: none;
}
#pano-console .volume-bar{
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100px;
    width: 9px;
    background-color: #000;
    display: none;
}
#pano-console .audio-disable:hover .volume-bar, #pano-console .point-mute-audio:hover .volume-bar{
    display: block;
}
#pano-console .volume-bar div{
    width: 100%;
    background-color: #808080;
}
#pano-console .audio-disable, #pano-console .point-mute-audio{
    position: relative;
}

#pano-console .point-audio{
    position: relative;
    left: -50%;
    background-color: #3E3B3D;
}
#pano-console .point-volume span{
    display: inline-block;
    width: 5px;
    margin-right: 2px;
    line-height: 60%;
    background-color: #797778;
}

#pano-console .point-volume span.light{
    background-color: #FFA300;
}

#pano-console .point-volume {
    padding-right: 10px;
    vertical-align: middle;
    margin-left: -7px;
}
#pano .point-audio img {
    vertical-align: middle;
}
/* end console */

/* languages */
#pano-languages{
    position: absolute;
    z-index: 10;
    bottom: 17px;
    right: 0;
}
#pano-languages li{
    margin-bottom: 3px;
}
#pano-languages a:link, #pano-languages a:visited{
    background-color: #FFF;
    display: block;
    padding: 4px 0;
    padding-right: 10px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
#pano.tour-dark #pano-languages a:link, #pano.tour-dark #pano-languages a:visited{
    background-color: #373737;
}
#pano-languages a.attivo{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#pano-languages img{
    max-width: 20px;
    position: relative;
    left: 5px;
}
/* end languages */

/* dropdown */
.dropup, .dropdown {
    position: relative;
}

.dropdown-preview>.dropdown-menu {
    display: block;
    position: static;
    margin-bottom: 5px;
}

.dropdown-menu {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
#pano.tour-dark .dropdown-menu{
    background-color: #161616;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-menu {
    list-style: none;
}
.dropdown-menu li>a, .dropdown-submenu>a {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)!important;
}
.dropdown-menu>li>a {
    font-size: 13px;
    padding-left: 11px;
    padding-right: 11px;
    margin-bottom: 1px;
    margin-top: 1px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu li>a, .dropdown-submenu>a {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)!important;
}
.dropdown-submenu>a:after {
    margin-right: -5px;
}
.dropdown-submenu>a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #CCC;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}
.dropdown-menu {
    list-style: none;
}
.dropdown-submenu>.dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-menu li a:hover, .dropdown-menu li a:active, .dropdown-menu li.active a, .dropdown-menu li.active a:hover, .dropdown-menu .dropdown-submenu:hover>a {
    background: #4F99C6;
    color: #FFF;
}
.dropdown-menu>li>a {
    display: block;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
}
#pano.tour-dark .dropdown-menu>li>a {
    color: white;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #FFF;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 1px;
    overflow: hidden;
    background-color: #E5E5E5;
    border-bottom: 1px solid #FFF;
    font-size: 0;
}
/* end dropdown */

/* prenotazione tavolo */
#ui-datepicker-div{
    z-index: 1000 !important;
}
.prenota .form-row input.error{
    box-shadow: 0px 0px 2px #F34747;
    background-color: #FBEDED;
    background-image: none;
}
.close, .chiudi{
    color: #FFF;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 1px 5px;
    background-color: #3d3d3d;
    opacity: 0.7;
}

.prenota{
    width: 300px;
    height: 400px;
    position: absolute;
    bottom: -100px;
    left: -137.5px;
    background-color: white;
    display: none;
    border-radius: 3px;
    box-shadow: 0px 0px 6px #333;
    z-index: 4;
}
#pano.tour-dark .prenota {
    background-color: #373737;
}

.prenota .pano-image{
    /*border-bottom: 2px solid #222;*/
    width: 100%;
    height: 112px;
    overflow: hidden;
    position: relative;
}
.prenota .pano-image .close{
    opacity: 1;
    background-color: #3d3d3d;
    font-size: 16px;
}
.prenota .pano-image img{    
    display: block;
    float: left;
}
.prenota .pano-image img.sw{
    border-top-right-radius: 10px;
}
.prenota .pano-image img.logo{
    border-top-left-radius: 10px;
}
.prenota .content{
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f3f3f3 48%, #ededed 52%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(48%,#f3f3f3), color-stop(52%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f3f3f3 48%,#ededed 52%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #ffffff 0%,#f3f3f3 48%,#ededed 52%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #ffffff 0%,#f3f3f3 48%,#ededed 52%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(135deg,  #ffffff 0%,#f3f3f3 48%,#ededed 52%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#pano.tour-dark .prenota .content{
    background: #373737;
}
.prenota .content h1{
    font-family: 'Open Sans', sans-serif;
    background-color: #307EB1;
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    padding: 5px 10px;
    width: 170px;
}
.prenota .content{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    height: 288px;
}
.prenota .content form{
    /*padding: 5px 15px;*/
    height: 100%;
    /*width: 600px;*/
}
.prenota .form-row{
    margin-bottom: 5px;
}
.prenota .form-row label span.label{
    min-width: 50px;
    display: inline-block;
    margin-right: 5px;
}
#pano.tour-dark .prenota .form-row label span.label{
    color: #fff;
}

.prenota .form-row input, .prenota .form-row select, .prenota .form-row textarea{
    width: 150px;
    display: inline-block;
}
.prenota .form-row .hasCustomSelect{
    height: 15px;
    background: #fcfcfc;
    font:12px "Open Sans",sans-serif;
    background-image:url(../coop/images/dw.png);
    background-position: right center;
    background-repeat: no-repeat;
    color:#555;
    padding:4px 9px;
    width:40px;
    display: inline-block;
}
.prenota .form-row .date-input{
    background-position: 95% center;
    background-repeat: no-repeat;
    background-color: white;
}

.prenota .form-row .date-input, .prenota .form-row .date-input.error{
    background-image: url(../coop/images/calendario.png);
}

.prenota .form-row input, .prenota .form-row textarea{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    padding: 4px 13px 4px 5px;
    border: none;
    font-family: "Open Sans", sans-serif;
    font-size: 0.9em;
    margin: 0;

}

.prenota .content a.button.small{
    font-size: 12px;
    margin-top: 0;
    padding: 4px 9px;
}

.prenota .form-row .label-textarea{
    vertical-align: top;
}

.prenota .content a.button{
    display: inline-block;
    background-repeat: repeat-x;
    background-position-y: center;
    background-color: #0A4983;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-decoration: none;
    padding: 5px 10px;
    /*  margin-top: 7px;*/
    margin-right: 5px;
    float: right;
}

.prenota .content a.next{
    display: inline-block;
    /*background-image: url('../images/gradient.png');*/
    background-repeat: repeat-x;
    background-position-y: center;
    background-color: #0A4983;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-decoration: none;
    padding: 5px 10px;
    /* margin-top: 0px;*/
    float: right;
}

.prenota .content .form-page{
    width: 300px;
    height: 100%;
    float: left;
}

.prenota .content .form-container{
    padding: 5px 15px;
}

.prenota .content .menu-option{
    font-family: "Open Sans", sans-serif;
    padding-top: 5px;
    padding-bottom: 6px;
    border-bottom: 1px solid #D6D6D6;
}

.prenota .content .menu-img{
    float: left;
    width: 30%;
}

.prenota .content .menu-img div{
    padding: 0px 5px;
    text-align: center;
}

.prenota .content .menu-img img{
    max-width: 100%;
}


.prenota .content .menu-details{
    float: left;
    width: 70%;
}

.prenota .content .choose-menu-left{
    float: left;
    width: 80%;
}

.prenota .content .choose-menu-right{
    float: left;
    width: 20%;
}

.prenota .content .menu-price{
    margin-top: 5px;
    text-align: right;
}

.prenota .content .choose-menu-left h5{
    font-size: 9px;
    color: #464646;
}
#pano.tour-dark .prenota .content .choose-menu-left h5{
    color: #b2b2b2;
}

.prenota .content .choose-menu-left h3{
    color: #464646;
    font-weight: 800;
    margin-bottom: 5px;
}

#pano.tour-dark .prenota .content .choose-menu-left h3{
    color: #fff;
}

.prenota .content .menu-desc{
    font-size: 12px;
    padding-right: 5px;
}

#pano.tour-dark .prenota .content .menu-desc{
    color: #BCBCBC;
}

.prenota .content .menu-price div{
    display: inline-block;
    background-color: #3DA6EA;
    color: white;
    padding: 2px 3px;
    float: right;
    padding-right: 20px;
}
.prenota .content .menu-price span{
    font-weight: 800;
    font-size: 1.1em;
}

.prenota .content .form-completing{
    padding: 5px;
}

.prenota .content .form-completing h3{
    font-size: 20px;
    margin-bottom: 10px;
}

#pano.tour-dark .prenota .content .form-completing h3, #pano.tour-dark .prenota .content .det-row span, #pano.tour-dark .prenota .loading, #pano.tour-dark .prenota .prenota-completed, #pano.tour-dark .prenota .prenota-error{
    color: #fff;
}

.prenota .content .det-row{
    margin-bottom: 3px;
}

.prenota .content .det-row span{
    display: block;
    float: left;
    width: 140px;
    margin-left: 2px;
}

.prenota .content .det{
    color: #FFF;
    background-color: #3DA6EA;
    padding: 3px;
}

.ui-datepicker{
    font-size: 0.7em;
}

.prenota .content .close {
    display: none;
}

.prenota .loading, .prenota .prenota-completed, .prenota .prenota-error{
    display: none;
    padding-top: 70px;
    padding-left: 5px;
    text-align: center;
    padding-right: 5px;
}

.prenota .loading .button, .prenota .prenota-completed .button, .prenota .prenota-error .button{
    float: none !important;
}

.poi-action-container .loading, .poi-action-container .form-completed, .poi-action-container .form-error{
    display: none;
    padding-top: 100px;
    color: #FFF;
}


/* end prenotazione tavolo */

/* copyright */
#pano .copyright {
    position: absolute;
    padding-right: 6px;
    padding-left: 6px;
    //font-family: Roboto, Arial, sans-serif;
    font-size: 10px; 
    white-space: nowrap;
    direction: ltr;
    text-align: right;
    right: 262px;
    bottom: 0px;
    opacity: 0.7;
    background-color: rgb(245, 245, 245);
}

#pano .copyright.credits{
    right: 210px;
}

#pano .copyright a{
    color: rgb(68, 68, 68);
    text-decoration: none;
    line-height: 11px;
}
/* end copyright */

/* fullscreen */
#fullscreen{
    position: absolute;
    top: 0;
    right: 0;
    background-color: white;
    font-family: "Open Sans", sans-serif;
    font-size: 10px;
    padding: 3px;
    z-index: 2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=100);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
}
#fullscreen:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    cursor: pointer;
}

#fullscreen a{
    color: black;
}

#fullscreen a img{
    width: 15px;
}
/* end fullscreen */

/* mobile menu */
#mobile-menu {
    position: absolute;
    top: 0;
    left: 0%;
    z-index: 100;
    height: 100%;
    width: 240px;
    font-family: "Open Sans", sans-serif;
    background-color: #FFF;
    box-shadow: 2px 1px 2px 0 rgba(136, 136, 136, 0.2);
}

#pano.tour-dark #mobile-menu{
    background: #161616;
}

#mobile-menu .slider{
    position: absolute;
    top: -7px;
    left: 109%;
    padding: 6px 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

#mobile-menu .slider img {
    width: 38px;
    padding: 6px;
}

#mobile-menu .mobile-menu-container {
    height: 100%;
}

#mobile-menu .mobile-menu-title {
    max-height: 20%;
    font-weight: 600;
    color: #283238;
    background-color: #FFF;
    border-bottom: 1px solid #F0F0F0;
    text-align: center;
}

#pano.tour-dark #mobile-menu .mobile-menu-title{
    background-color: #161616;
    color: #fff;
    border-bottom: 1px solid #000000;
}

#mobile-menu .mobile-menu-title h3 {
    padding: 20px;
}

#mobile-menu .mobile-menu-title img{
    max-height: 60%;
    max-width: 60%;
    padding: 20px;
    padding-bottom: 10px;
    display: inline-block;
}

#mobile-menu .mobile-menu-title.logo-stretched{
    height: 20%;
} 

#mobile-menu .mobile-menu-title.logo-stretched img {
    max-height: 90%;
    max-width: none;
    padding: 2.5%;
}

#mobile-menu ul.elements {
    height: 80%;
    overflow-y: auto;
}

#mobile-menu .elements > li > .open {
    display: block;
    padding: 12px 20px;
    text-decoration: none;
    position: relative;
    background-color: #FFF;
    color: #1C2327;
    border-bottom: 1px solid #F0F0F0;
}

#pano.tour-dark #mobile-menu .elements > li > .open{
    background-color: #161616;
    color: white;
    border-bottom: 1px solid #2C2C2C;
}

#mobile-menu .subs .subs{
    padding-left: 20px;
    background-color: #283238;
}

#pano.tour-dark #mobile-menu .subs .subs{
    background-color: #252525;
}

#mobile-menu .elements .open span.symbol {
    position: absolute;
    top: 9px;
    right: 20px;
    font-weight: 600;
    color: #8d8d8d;
    font-size: 22px;
    right: 17px;
}

#mobile-menu .elements .open.empty .symbol{
    display: none;
}

#mobile-menu .open.empty:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 4px;
    margin-right: 2px;
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #8d8d8d;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    content: " ";
}

#mobile-menu .elements > li {

}

#mobile-menu .subs > li {

}

#mobile-menu .subs{
    display: none;
}

#mobile-menu .subs > li a {
    display: block;
    padding: 12px 20px 12px 30px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    color: #283238;
    background-color: #F0F0F0;
}

#pano.tour-dark #mobile-menu .subs > li a{
    background-color: #252525;
    color: white;
}

#mobile-menu{
    display: none;
}

#mobile-menu .elements a.active:after, #mobile-menu .elements a.active > .symbol {
    border-left-color: #FFF;
    color: #FFF;
}


/* end mobile */

/* media queries */
@media screen and (max-width: 1024px) {
    #pano .image-container, #pano .iframe-container {
        width: 500px;
        height: 280px;
    }
    #pano .hotspot__arrow {
        background: none;
        text-align: right;
        height: auto;
        line-height: 100%;
    }
    #pano .multimedia .modal-multi .hotspot__header .hotspot__title {
        width: auto;
    }
    #pano .multimedia .modal-multi .hotspot__header {
        width: 175px;
    }
    #pano .multimedia .modal-multi .hotspot__descr {
        width: auto;
    }
    #pano .iframe-container.hotspot__largedesc {
        padding: 10px 0;
    }
}


@media screen and (max-height: 625px){
    .point-info{
        top: 5px;
    }
    .area-details, .area-more{
        bottom: 25px;        
    }
}
@media screen and (max-width: 767px) {
    #pano-console .audio-progress, #pano-console .point-progress-audio {
        width: 50px;
    }
    #pano-console {
        /*display: none;*/
    }
    .area-details {
        display: none;
    }
    #pano .point-info.custom{
        max-height: 90%;
        overflow-y: auto;
    }
    #pano .point-info.custom .poi-desc{
        max-width: 100%;
        /*max-height: 100%;*/
        overflow: hidden;
        background-color: #FFF;
        height: auto !important;
    }
    #pano.tour-dark .point-info.custom .poi-desc{
        background-color: #161616;
    }
    #pano .point-info.custom .poi-more{
        height: auto;
        padding-bottom: 0;
        position: static;
    }
    #pano .point-info.custom .pano-close{
        display: none;
    }
    #pano-languages{
        bottom: 50px;
    }
    #pano-coll{
        left: 10px;
    }
}
@media screen and (max-width: 820px) {
    #pano .iframe-container {
        max-width: 600px;
        max-height: 400px;
    }
}
@media screen and (max-width: 641px) {
    #mobile-menu{
        display: block;
    }
    #lista {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    #pano .image-container, #pano .iframe-container {
        width: 420px;
        height: 350px;
    }
    #pano .multimedia__close {
        display: block;
    }
}
@media screen and (max-width: 767px) {
    #pano .multimedia .modal-multi .hotspot__header, #pano .multimedia .modal-multi .content {
        float: none;
        width: auto;
        max-width: none;
    }
    #pano .gallery-image-container {
        width: auto;
        height: auto;
    }
    #pano .multimedia .modal-multi {
        position: static;
        padding: 20px 0;
        overflow: auto;
    }
    #pano .image-container, #pano .iframe-container {
        width: auto;
        height: auto;
    }
    #pano .iframe-container {
        height: 200px;
        margin: 20px auto;
        width: 90%;
    }
    #pano .multimedia .modal-multi .hotspot__header {
        padding: 0 38px;
    }
    #pano .multimedia--descr .modal-multi .hotspot__header {
        margin: 0 auto;
        width: 90%;
        padding: 0;
    }
    #pano .multimedia {
        overflow: auto;
    }
    #pano .multimedia .modal-multi .hotspot__descr {
        width: auto;
    }
    #pano .multimedia--descr .iframe-container {
        height: auto;
        max-height: none;
    }

    #pano .multimedia__close {
        top: 29px;
        right: 5px;
    }
    #pano .hotspot__arrow {
        text-align: left;
    }
    #pano .image-container .gallery-image {
        max-height: 300px;
    }
}
@media screen and (max-width: 479px) {
    .area-more, .poi-more {
        left: 0;
        right: 0;
        bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        border-radius: 0;
    }
    #pano .point-image-container li{
        width: 100%;
    }
    .area-more .point-image-container img, .poi-more .point-image-container img{
        border-radius: 0;
        display: inline-block;
        position: relative;
    }
    .area-more .point-image-container, .poi-more .point-image-container{
        text-align: center;
        margin-top: 9px;
    }
    .area-more .point-image-container .close{
        display: none;
    }
    #pano .point-info {
        top: auto;
        bottom: -200px;
        margin-left: auto;
        margin-right: auto;
        left: 0 !important;
        right: 0;
        z-index: -1;
    }
    #pano .point-info.show{
        bottom: 10px;
        opacity: 1 !important;
        margin-right: 0 !important;
        z-index: 20;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
    }
    #pano .point-info{
        -webkit-transition: visibility 0s linear 0.3s, opacity 0.2s ease-in-out, bottom 0.2s ease-in-out, z-index 0s linear 0.3s;
        -moz-transition: visibility 0s linear 0.3s, opacity 0.2s ease-in-out, bottom 0.2s ease-in-out, z-index 0s linear 0.3s;
        -o-transition: visibility 0s linear 0.3s, opacity 0.2s ease-in-out, bottom 0.2s ease-in-out, z-index 0s linear 0.3s;
        -ms-transition: visibility 0s linear 0.3s, opacity 0.2s ease-in-out, bottom 0.2s ease-in-out, z-index 0s linear 0.3s;
        transition: visibility 0s linear 0.3s, opacity 0.2s ease-in-out, bottom 0.2s ease-in-out, z-index 0s linear 0.3s;
        right: 0;
        bottom: -200px;
        opacity: 0;
    }
    #pano .point-info .point-image-container {
        max-height: 130px;
    }
    #pano .point-info.preset .poi-container{
        overflow: auto;
        max-height: 150px;
    }
    #pano .point-info.content-right.eff-lat.show, #pano .point-info.eff-dis.show, #pano .point-info.area-more.eff-dis.content-right.show, #pano .point-info.content-center.eff-lat.show{
        bottom: 0;
    }
    #pano .point-info .poi-more, #pano .point-info.show .poi-more {
        width: auto;
        border-radius: 0;
        margin-left: 0;
        bottom: 0;
        padding-top: 0;
    }
    #pano .poi-more.preset.swing img.main-image{
        border-radius: 0;
    }
    .poi-more{
        float: none;
    }
    .poi-action {
        float: none;
        top: auto;
        bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        height: auto;
    }
    .poi-action .form-row input[type=text], .poi-action .form-row input[type=email], .poi-action .form-row select, .poi-action .form-row textarea{
        padding: 2px;
    }
    .point-form-opened .poi-more{
        display: none;
    }
    #pano .area-more p, #pano .poi-more p {
        margin-bottom: 10px;
        font-size: 0.7em;
    }
    .poi-more .point-hide-mobile{
        display: block;
        background-color: #CFCFCF;
    }
    #pano .poi-more .point-hide-mobile a{
        text-align: center;
        color: #FFF;
        text-decoration: none;
        padding: 3px 0;
        display: block;
        font-size: 0.8em;
    }
    .area-mobile-details {
        display: block;
        position: absolute;
        bottom: 10px;
        background-color: #CCC;
        width: 100%;
    }
    .area-mobile-details a {
        display: block;
        font-family: "Open Sans", sans-serif;
        text-decoration: none;
        color: white;
        text-align: center;
        font-size: 0.8em;
        padding: 10px 0;
    }
    .poi-more{
        padding-top: 9px;
    }

    .prenota {
        position: fixed;
        bottom: 30px;
        left: 0;
        right: 0;
        top: auto;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 479px) and (max-width: 767px) {
    #pano .point-info.custom .mobile-custom-close{
        display: block;
        position: absolute;
        right: 8px;
        top: 5px;
        text-decoration: none;
    }
    .area-more h1, .poi-more h1{
        font-size: 1em;
    }
    .area-more p, .poi-more p{
        font-size: 0.7em;
        margin-bottom: 9px;
    }
    .area-more h4, .poi-more h4{
        margin-bottom: 5px;
        font-size: 0.7em;
    }
    .area-more .share-bar img, .poi-more .share-bar img{
        width: 20px;
    }
    .area-more .area-container, .poi-more .poi-container{
        padding: 5px 9px 9px;
    }
    .area-more, .poi-more{
        width: 210px;
        padding-bottom: 0;
        right: 0;
        left: auto;
        top: auto;
        max-height: 100%;
        overflow-y: auto;
        border-radius: 0;
    }
    #pano .point-info {
        right: 0;
        bottom: 10px;
        left: auto !important;
        top: auto;
        max-height: 95%;
        overflow-y: auto;
        width: 240px;
    }
    #pano .point-info.custom {
        max-height: 100%;
        width: auto;
        overflow: auto;
        max-width: 100%;
        bottom: 0;
        margin-right: 0 !important;
    }
    #pano .point-info.custom .poi-more{
        padding-top: 12px;
    }
    #pano .poi-more {
        width: 210px;
        overflow-y: hidden;
    }
    .area-details {
        display: none;
    }
    .area-more .share-bar, .poi-more .share-bar{
        height: 25px;
    }
    .poi-more .action{
        padding: 3px 8px;
    }
    .area-more .close{
        display: block;
        left: 10px;
        right: auto;
        top: 10px;
    }

    .area-viewport-details {
        position: absolute;
        bottom: 50%;
        right: -50px;
        height: 50px;
        width: 50px;
        display: block;
    }
    .area-viewport-details a {
        display: block;
        height: 100%;
        width: 100%;
    }

    .area-more .point-image-container img, .poi-more .point-image-container img {
        border-radius: 0;
        width: 100%;
    }

    .poi-action {
        width: 220px;
        border-radius: 0;
    }

    .poi-action-container{
        padding: 10px;
    }

    .poi-action form{
        margin-top: 20px;
    }

    .poi-action .chiudi{
        right: auto;
        left: 10px;
    }

    .prenota {
        position: fixed;
        left: 25%;
        bottom: 0;
        height: 288px;
        border-radius: 0;
    }

    .prenota .pano-image{
        display: none;
    }

    .prenota .content {
        position: relative;
    }

    .prenota .content .close{
        display: block;
    }

}
/* end media queries */

/* share tour */
.share-tour{
    z-index: 20;
}
.share-tour:hover{
    opacity: 1;
}
.share-tour__containerbutton{
    position: absolute;
    bottom: 27px;
    left: 23px;
    z-index: 20;
}
.share-tour__toggle {
    opacity: 0.7;
    transition: opacity .2s ease-in-out;
}
.share-tour__toggle:hover {
    opacity: 1;
}
.share-tour__containerbutton img{
    max-width: 16px;
}
.tour-dark .share-tour__containerbutton img.share-tour__image--clear {
    display: none;
}
.share-tour__containerbutton img.share-tour__image--dark {
    display: none;
}
.tour-dark .share-tour__containerbutton img.share-tour__image--dark {
    display: block;
}

.share-tour__containerbutton a{
    position: relative;
    display: block;
}
.share-tour__box {
    position: absolute;
    left: 50px;
    bottom: 27px;
    background-color: white;
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    transition: opacity .1s ease-in-out, visibility 0s linear 0.1s;
}
.share-tour--show .share-tour__box:hover{
    opacity: 1;
}
.share-tour--show .share-tour__box{
    visibility: visible;
    opacity: 0.7;
    transition-delay: 0s;
}
.share-tour__container{
    position: relative;
    padding: 7px 10px 10px;
    box-shadow: 0px 0px 10px #909090;
}

.share-tour__socialshare{
    display: inline-block;
    margin-left: 5px;
}
.share-tour__socialshare img{
    max-width: 22px;
    display: inline-block;
}
#pano .share-tour__urlfield{
    vertical-align: bottom;
    width: 200px;
    height: 18px;
    padding: 2px 6px;
    padding-right: 3px;
}
.share-tour h4{
    margin-bottom: 5px;
}
.share-tour__close{
    color: #252525;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 4px;
    right: 6px;
    opacity: 1;
}
.share-tour__arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 7px 5px 0;
    border-color: transparent white transparent transparent;
    bottom: 5px;
    left: -7px;
}
.tour-dark .share-tour__arrow{
    border-color: transparent #161616 transparent transparent;
}
.tour-dark .share-tour__box {
    background-color: #161616;
    color: white;
}
.tour-dark .share-tour__close {
    color: white;
}
.tour-dark .share-tour__urlfield{
    background-color: #121212;
    color: white;
    border: 1px solid black;
}
.tour-dark .share-tour__container{
    box-shadow: 0px 0px 10px #000;
}
@media screen and (max-width: 480px) {
    .share-tour__box {
        left: 32px;
    }
    .share-tour__containerbutton{
        left: 5px;
    }
    #pano .share-tour__urlfield{
        width: 130px;
    }
}
/* end share tour */

/* credits logo corner */
#pano .credits-logo-corner{
    position: absolute;
    bottom: 18px;
    right: 40px;
}
@media screen and (max-width: 640px) {
    #pano .credits-logo-corner{
        display: none;
    }
}

@media screen and (max-width: 640px){
    #pano .nextmulti{
        width: 38px;
    } 

    #pano .gallery-image-container{
        padding: 20px 42px;
    }
}
/* end credits logo corner */

/* chiusura mustang */

.mustang{
    position: absolute;
    top: 81px;
    right: 29px;
    background-color: #ede8d4;
    z-index: 29;
    width: 52px;
    height: 52px;
    text-align: center;
    line-height: 47px !important;
    font-size: 42px;
    color: #5b5951;
    vertical-align: middle;
}

@media (max-width: 767px){
    .mustang{
        top: 71px;
        right: 29px;
        width: 39px;
        height: 39px;
        display: none;
        font-size: inherit;
        vertical-align: middle;
        line-height: 39px !important;
    }

    .mustang a {
        display: block;
        text-align: center;
        height: 100%;
    }

    .mustang img{
        max-width: 23px;
        display: inline-block;
        padding-top: 8px;
    }
}

/* end chiusura mustang */

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28-set-2015, 10.06.40
    Author     : prg2
*/

.cookie {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 20px 0;
    background-color: #333;
    z-index: 300000000;
    font-size: 14px;
}

.cookie__container {
    position: relative;
    width: 80%;
    margin: 0 auto;
    color: #fff;
}

.cookie__description a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.cookie__close {
    float: right;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5-mag-2015, 15.43.12
    Author     : prg2
*/

.counter {
    display: inline;
}

.top-counter {
    position: absolute;
    top: 38px;
    right: 27px;
    font-size: 2em;
    color: white;
    //font-weight: 200;
    z-index: 29;
}

.top-counter .counter__seen {
   // font-weight: 600;
   margin-right: 5px;
}

.top-counter .counter__total{
    margin-left: 5px;
}


@media screen and (max-width: 640px) {
    .top-counter {
        display: none;
    }
}
.coop-credits {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    color: white;
    bottom: -100%;
    left: 0;
    z-index: 11111111;
    text-align: center;
    overflow: auto;
    opacity: 0;
    transition: bottom 0s linear .3s, opacity .3s ease-in;
    cursor: pointer;
}

.coop-credits--visible {
    bottom: 0;
    opacity: 1;
    transition: bottom 0s, opacity .3s ease-in;
}

.coop-credits__container {
    padding: 20px 10%;
    margin: 0 auto;
}

.coop-credits h4 {
    text-align: left;
    font-size: 1.1em;
    margin-bottom: 20px;
}

.link-credits {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    background-color: rgba(0,0,0,0.7);
    transition: background-color .2s ease-in;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    font-size: .8em;
    cursor: pointer;
    z-index: 20;
}

.link-credits:hover {
    background-color: rgba(0,0,0,0.9);
}

#pano .coop-credits .iframe-container.hotspot__largedesc .coop-credits__desc {
    overflow: auto;
    max-height: 500px;
}

#pano .coop-credits .iframe-container.hotspot__largedesc {
    max-height: none;
}

#pano .coop-credits .hotspot__largedesc p {
    padding-right: 10px;
}

@media (max-width: 660px) {
    #pano .multimedia__close {
        right: 15px;
    }
}
.ford__custom{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(66,60,62,0.5);
    z-index: 99999;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;
    -webkit-transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;
}

.ford__custom.ford__custom--show{
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    cursor: pointer;
}

.ford__custom .ford__container{
    width: 95%;
    display: inline-block;
    height: 81%;
    margin-top: 5%;
    position: relative;
    cursor: auto;
}

.ford__custom .ford__container a.content__close{
    position: absolute;
    top: 0; 
    right: 0;
}

.ford__custom .ford__container a.content__close img {
    padding: 14px;
}

.ford__custom .ford__container p{
    height: 100%;
}

.ford__custom .ford__container iframe{
    width: 100% !important;
    height: 100% !important;
}



@font-face {
    font-family: 'Flama';
    src: url('../coop/font/flamasemicondensed-bold-webfont.eot');
    src: url('../coop/font/flamasemicondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../coop/font/flamasemicondensed-bold-webfont.woff2') format('woff2'),
         url('../coop/font/flamasemicondensed-bold-webfont.woff') format('woff'),
         url('../coop/font/flamasemicondensed-bold-webfont.ttf') format('truetype'),
         url('../coop/font/flamasemicondensed-bold-webfont.svg#flama_semicondensedbold') format('svg');
    font-weight: bold;
    font-style: normal;
}




@font-face {
    font-family: 'Flama';
    src: url('../coop/font/flamasemicondensed-light-webfont.eot');
    src: url('../coop/font/flamasemicondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../coop/font/flamasemicondensed-light-webfont.woff2') format('woff2'),
         url('../coop/font/flamasemicondensed-light-webfont.woff') format('woff'),
         url('../coop/font/flamasemicondensed-light-webfont.ttf') format('truetype'),
         url('../coop/font/flamasemicondensed-light-webfont.svg#flama_semicondensedlight') format('svg');
    font-weight: 100;
    font-style: normal;
}




@font-face {
    font-family: 'Flama';
    src: url('../coop/font/flamasemicondensed-basic-webfont.eot');
    src: url('../coop/font/flamasemicondensed-basic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../coop/font/flamasemicondensed-basic-webfont.woff2') format('woff2'),
         url('../coop/font/flamasemicondensed-basic-webfont.woff') format('woff'),
         url('../coop/font/flamasemicondensed-basic-webfont.ttf') format('truetype'),
         url('../coop/font/flamasemicondensed-basic-webfont.svg#flama_semicondensedbasic') format('svg');
    font-weight: normal;
    font-style: normal;
}

#pano * {
    font-family: Flama, Open Sans, sans-serif;
}

body {
    overflow: hidden;
}
.coop-marker--centered:hover img {
    opacity: 0;
    transition: opacity .2s ease-in;
}

.coop-marker--fixed img {
    display: none;
}
.coop-marker--left{
    right: auto !important;
    left: 0 !important;
}
.coop-marker--right{
    right: 0 !important;
    left: auto !important;
}
.coop-marker--top{
    bottom: auto !important;
    top: 0 !important;
}
.coop-marker--bottom{
    bottom: 0 !important;
    top: auto !important;
}
.coop-marker--right.coop-marker--fixed,.coop-marker--top.coop-marker--fixed,.coop-marker--left.coop-marker--fixed,.coop-marker--bottom.coop-marker--fixed {
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
}

.coop-marker--side {
    background-image: none;
}
.coop-marker {
    width: 90px;
    height: 90px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 45px;
    border: 1px solid white;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    transition: transform .1s ease-out;
    transform: scale(.95, .95);
}

.coop-marker:hover {
    transform: scale(1, 1);
}

.coop-marker--side {
    width: 45px;
    height: 45px;
    margin: 10px;
}

.coop-marker--photo.coop-marker--side {
    background-image: url('../coop/images/hotspot/photo_small.png');
}

.coop-marker--video.coop-marker--side {
    background-image: url('../coop/images/hotspot/video_small.png');
}

.coop-marker--description.coop-marker--side {
    background-image: url('../coop/images/hotspot/desc_small.png');
}

.coop-marker--link.coop-marker--side {
    background-image: url('../coop/images/hotspot/link_small.png');
}

.coop-marker--photo {
    background-image: url('../coop/images/hotspot/photo.png');
}

.coop-marker--link {
    background-image: url('../coop/images/hotspot/link.png');
}

.coop-marker--video {
    background-image: url('../coop/images/hotspot/video.png');
}

.coop-marker--description {
    background-image: url('../coop/images/hotspot/desc.png');
}

@media(max-width: 639px) {
    .coop-marker--photo {
        background-image: url('../coop/images/hotspot/photo_resp.png');
    }

    .coop-marker--video {
        background-image: url('../coop/images/hotspot/video_resp.png');
    }

    .coop-marker--description {
        background-image: url('../coop/images/hotspot/desc_resp.png');
    }
    
    .coop-marker--link {
        background-image: url('../coop/images/hotspot/link_resp.png');
    }
    
    .coop-marker {
        width: 50px;
        height: 50px; 
    }

}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30-apr-2015, 16.08.42
    Author     : Michele
*/

.mappa__wrap{
    display: block;
    position: absolute;
    left: 15px;
    bottom: 15px;
    overflow: hidden;
    z-index: 30;
    background-color: rgb(0,0,0);
    background-image: url('../coop/images/menu/bg.png');
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.mappa__wrap--small{
    width: 220px;
    height: 160px;
}
.mappa__wrap--big{
    width: 350px;
    height: 220px;
}
.mappa__mapcontainer{
    position: absolute;
    bottom: 113px;
    left: 10px;
}
.mappa__mapcontainer.mappa__mapcontainer--big{
    width: 380px;
    height: 250px;
}
.mappa__mapcontainer--small{
    width: 220px;
    height: 160px;
}
.mappa__mapcontainer.mappa__fullscreen{
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
}
.mappa__map.mappa__fullscreen{
    margin: 0 auto;
    position: initial;
}

.mappa__fullscreen.mappa__wrap--big{
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}
.mappa__map{
    display: block;
    position: absolute;
    background-image: url(../coop/images/map/mappa.png); 
    padding: 0;
    margin: 0;
    width: 1054px;
    height: 691px;
    transition: transform 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    cursor: pointer;
}
.mappa__fullscreen.mappa__map{
    width: 1062px;
    height: 696px;
    background-image: url(../coop/images/map/mappa3.png);
    background-position: center;
    transform: translate(0px, 0px);
}
.mappa__map:active, .mappa__map--drag{
    transition: none;
}
/*.mappa__arrow{
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    right: 10px;
    top: 5px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid white;
    transform: rotate(135deg);
    cursor: pointer;
}*/

.mappa__arrow{
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 17px;
    top: 14px;
    background-image: url(../coop/images/map/plus.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.mappa__arrow.mappa__fullscreen__close{
    display: none;
}

.mappa__fullscreen .mappa__arrow.mappa__fullscreen__close{
    display: block;
    width: 23px;
    height: 22px;
    top: 10px;
    right: 6px;
    border: none;
    transform: none;
    background-image: url(../coop/images/map/close_map.png);
    background-repeat: no-repeat;
}
.mappa__wrap--small .mappa__arrow{
    display: none;
}
.mappa__fullscreen .mappa__arrow{   
    display: none;
}
.mappa__utente{
    display: block;
    position:absolute;
    width: 61px;
    height: 61px;
    background-image: url(../coop/images/map/utente.png);
    transition: top .3s linear 0.2s, left .3s linear 0.2s;
    -webkit-transition: top .3s linear 0.2s, left .3s linear 0.2s;
    -moz-transition: top .3s linear 0.2s, left .3s linear 0.2s;
    -o-transition: top .3s linear 0.2s, left .3s linear 0.2s;
    overflow: hidden;
    z-index: 2;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;

}
.mappa__tappa{
    display: block;
    position: absolute;
    cursor: pointer;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.mappa__tappa__desc{
    background-color: #9E9E9E;
    position: absolute;
    top: -25%;
    display: none;
    border-left-color: inherit;
    color: white;
    padding: 10px 5px;
    z-index: 30;
    font-size: 0.7em;
    width: 150px;
    text-align: center;
}
.mappa__tappa:hover div{
    display: inline-block;
}
.mappa__tappa__desc--left{
    right: 23px;
}
.mappa__tappa__desc--right{
    left: 23px;
}
.mappa__tappa__desc div{
    width: 0px;
    height: 0px;
    position: absolute;
    top: 4px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left-color: #9E9E9E !important;
}
.mappa__tappa__desc--left div{
    border-left: 7px solid;
    right: -6px;
}
.mappa__tappa__desc--right div{
    border-right: 7px solid #9e9e9e;
    left: -6px;
}
.mappa__tappa--0{
    background-color: #c11b21;
    border-left-color: #c11b21;
}
.mappa__tappa--2{
    background-color: #84bb2f;
    border-left-color: #84bb2f;
}
.mappa__tappa--1{
    background-color: #1caa6c;
    border-left-color: #1caa6c;
}
.mappa__tappa--3{
    background-color: #f8b648;
    border-left-color: #f8b648;
}
.mappa__tappa--4{
    background-color: #9E9E9E;
    border-left-color: #9E9E9E;
}
.mappa__tappa--5{
    background-color: #1376af;
    border-left-color: #1376af;
}
.mappa__tappa--6{
    background-color: #52bfee;
    border-left-color: #52bfee;
}
.mappa__tappa--7{
    background-color: #937cb6;
    border-left-color: #937cb6;
}
.mappa__tappa--new{
    background-image: url(../coop/images/map/new.png);
}
.mappa__tappa--visited{
    background-image: url(../coop/images/map/visited.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.mappa__button{
    display: none;
}
.mappa__legenda{
    display: none;
    position: absolute;
    bottom: 15px;
    left: 30px;
    width: 100%;
    height: 50px;
}
.mappa__fullscreen .mappa__legenda{
    display: block;
}
.mappa__legenda__element{
    display: inline-block;
    position: relative;
    padding: 5px;
}
.mappa__legenda__tipo{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    width: 21px;
    height: 21px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.mappa__legenda__tipo--title{
    position: relative;
    top: 30px;
    width: 100%;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 0.6em;
}
.mappa__legenda__tipo--0{
    background-color: #c11b21;
}
.mappa__legenda__tipo--2{
    background-color: #84bb2f;
}
.mappa__legenda__tipo--1{
    background-color: #1caa6c;
}
.mappa__legenda__tipo--3{
    background-color: #f8b648;
}
.mappa__legenda__tipo--4{
    background-color: #c0b8a7;
}
.mappa__legenda__tipo--5{
    background-color: #1376af;
}
.mappa__legenda__tipo--6{
    background-color: #52bfee;
}
.mappa__legenda__tipo--7{
    background-color: #937cb6;
}
@media screen and (min-width: 768px) and (max-width: 1280px) {

    .mappa__mobile.mappa__button{
        display: none;
        width: 30px;
        height: 40px;
        background: #EDE8D4 url('../coop/images/map/pin2.png') no-repeat center center;
        position: absolute;
        bottom: 65px;
        left: 25px;
        z-index: 31;
        transition: bottom 0.5s ease-in-out;
        -webkit-transition: bottom 0.5s ease-in-out;
        -moz-transition: bottom 0.5s ease-in-out;
        -o-transition: bottom 0.5s ease-in-out;
        cursor: pointer;
    }
    .mappa__mobile .mappa__tappa:hover div{
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .mappa__button{
        display: block;
        width: 30px;
        height: 40px;
        background: url('../coop/images/map/pin2.png') no-repeat center center;
        position: absolute;
        bottom: 90px;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        z-index: 29;
        left: 26px;
        cursor: pointer;
    }
    .mappa__mobile .mappa__tappa:hover div{
        display: none;
    }
    .mappa__wrap{
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        overflow: hidden;
        z-index: 30;
        transition: height 0.5s ease-in-out;
        -webkit-transition: height 0.5s ease-in-out;
        -moz-transition: height 0.5s ease-in-out;
        -o-transition: height 0.5s ease-in-out;
    }
    .mappa__wrap--small{
        width: 0px;
        height: 0px;
    }
    .mappa__wrap--big{
        width: 100%;
        height: 100%;
        z-index: 40;
    }
    .mappa__mapcontainer{
        bottom: 0px;
        left: 0px;
    }
    .mappa__mapcontainer.mappa__mapcontainer--big{
        width: 100%;
        height: 100%;
        z-index: 40;
    }
    .mappa__mapcontainer--small{
        width: 0px;
        height: 0px;
    }
    .mappa__arrow{
        display: none;
    }
    .mappa__button--open {
        z-index: 41;
    }
}
@media screen and (max-height: 479px) {
    .mappa__mapcontainer.mappa__mapcontainer--small{
        bottom: 20px;
    }
    .mappa__button {
        bottom: 30px;
    }
}
#coop__pano-navigation {
    position: absolute;
    top: 0px;
    right: -400px;
    z-index: 400000;
    width: 370px;
    height: 100%;
    transition: right .2s ease-in-out 0s;
    -webkit-transition: right .2s ease-in-out 0s;
    font-family: Ford Antenna;
}

#coop__lista .menu__footer{
    position: relative;
    left: 0;
    text-align: center;
    width: 100%;
    background-color: #271E19;
    height: 16%;
    border-top: 1px solid #392921;
}

#coop__lista .menu__footer div.menu__footer__container{
    position: absolute;
    bottom: 45px;
    text-align: center;
    width: 100%;
}

#coop__lista .dropdown.dropdown-preview {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(96% - 117px);
}

#coop__lista .menu__footer .footer__item{
    display: inline-block;
    text-align: center;
    color: white;
    font-size: 0.6em;
    width: 50px;
    font-weight: lighter;
    letter-spacing: .5px;
    opacity: 0.4;
    cursor: pointer;
    transition: opacity .2s ease-in;
}

#coop__lista .menu__footer .footer__item:hover{
    opacity: 1;
}

#coop__lista .menu__footer .footer__item--active {
    opacity: 1;
}

#coop__lista .menu__footer br{
    display: none;
}

#coop__lista .menu__footer .footer__item img{
    max-width: 40px;
    display: inline-block;
    margin-bottom: 10px;
}

#coop__pano-navigation.open{
    right: 0px;
}

#coop__pano-navigation a.coop__close{
    position: absolute;
    top: 8px;
    left: -26px;
    background-color: #ede8d4;
    z-index: 31;
    width: 52px;
    height: 52px;
    text-align: center;
    line-height: 47px;
    font-size: 42px;
    color: #5b5951;
}

a.coop__open{
    position: absolute;
    top: 80px;
    right: 29px;
    background-color: #ede8d4;
    z-index: 29;
    width: 52px;
    height: 52px;
    text-align: center;
    line-height: 39px;
    font-size: 42px;
    color: #5b5951;
    display: none;
} 

.pano--ready .coop__open {
    display: block;
}

#coop__lista{
    right: 0px;
    position: relative;
    height: 100%;
    top: 0;   
    z-index: 10;
    background-color: rgb(0,0,0);
    background-image: url('../coop/images/menu/bg_.png');
    overflow: auto;
}

#coop__lista .area.coop__dropdown-menu{
    width: 100%;
    padding: 0;
    box-shadow: none;
    max-height: 80%;
}

#coop__lista .coop__dropdown-menu > li, .menu-category{
    font-size: 15px;
    color: rgb(95,95,95);
    position: relative;
}

#coop__lista .area.coop__dropdown-menu > li.last{
    margin-bottom: 100px;
}

#coop__lista .coop__dropdown-menu > li:hover{

}

#coop__lista .coop__dropdown-menu li a.menu__title, #coop__lista .area.coop__dropdown-menu li a.menu__title:active, #coop__lista .area.coop__dropdown-menu li a.menu__title:focus, .menu-category__title, .menu-category li a.menu__title {
    display: block;
    color: #a3a3a3;
    font-size: 17px;
    text-decoration: none;
    padding: 15px 30px;
    padding-right: 50px;
    vertical-align: middle;
    transition: color .1s ease-in;
    text-transform: uppercase;
    border-top: 1px solid #272727;
    border-bottom: 1px solid #272727;
}

#coop__lista .coop__dropdown-menu li a:active,
#coop__lista .area.coop__dropdown-menu li.active a.menu__title,
#coop__lista .area.coop__dropdown-menu li.active a.menu__title:active,
#coop__lista .area.coop__dropdown-menu li.active a.menu__title:focus,
#coop__lista .area.coop__dropdown-menu li.open a, 
.menu-category li a{
    color: #ffffff;
    /*background-color: inherit !important;*/
    cursor: pointer;
    text-decoration: none;
    opacity: .8;
    transition: opacity .2s ease-in-out;
}

#coop__lista .coop__dropdown-menu li a.link-submenu:hover {
    opacity: 1;
}

#coop__lista .coop__dropdown-menu > li.drone{
    background-color: inherit;
}

#coop__lista .coop__dropdown-menu li.drone > div.img-plus{
    background-image: url('../coop/images/menu/plane.png');
}

#coop__lista .coop__dropdown-menu li:hover.drone > div.img-plus{
    background-image: url('../coop/images/menu/plane2.png');
}

#coop__lista .coop__dropdown-menu li > div.img-plus {
    width: 49px;
    height: 49px;
    background-image: url("../coop/images/menu/plus.png");
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#coop__lista .coop__dropdown-menu li:hover > div.img-plus {
    background-image: url("../coop/images/menu/plus2.png");
}

#coop__lista .coop__dropdown-menu li:hover.open > div.img-plus, #coop__lista .coop__dropdown-menu li.open > div.img-plus {
    width: 49px;
    height: 49px;
    float: right;
    background-image: url("../coop/images/menu/minus.png");
    cursor: pointer;
}

#coop__lista #pano-header{
    padding: 26px 30px;
    height: 4%;
}

#coop__lista #pano-header h2{
    font-size: 20px;
    color: white;
}

#coop__lista #pano-header h2 span{
    font-size: 32px;
}

#coop__lista .coop__dropdown-menu .coop__dropdown-menu{
    background-color: #262626;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
}

#coop__lista .coop__dropdown-menu .coop__dropdown-menu > li, .menu-category li{
    text-transform: none;
    color: white;
    padding-left: 42px;
}

#coop__lista .menu__plus {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 30px;
    background: url("../coop/images/menu/icons/plus.png") no-repeat center center;
    z-index: 111;
    cursor: pointer;
}

#coop__lista .active > .menu__plus {
    background: url("../coop/images/menu/icons/minus.png") no-repeat center center;
}

#coop__lista .submenu__title {
    float: left;
    display: inline-block;
    width: 200px;
    line-height: 19px;
}
#coop__lista .submenu__title a {
    text-decoration: none;
}
#coop__lista .submenu__links {
    float: left;
    width: 90px;
    display: inline-block;
}

#coop__lista .coop__dropdown-menu .coop__dropdown-menu > li.submenu{
    padding: 10px 30px;
    border-top: 1px solid #000;
}

#coop__lista .coop__dropdown-menu li a.link-submenu {
    display: inline-block;
    width: 30px;
    height: 18px;
}
#coop__lista .submenu__clearfix {
    float: none;
    clear: both;
}
#coop__lista .link-submenu--description {
    background: url(../coop/images/menu/icons/text.png) no-repeat center center;
}
#coop__lista .link-submenu--gallery {
    background: url(../coop/images/menu/icons/foto.png) no-repeat center center;
}
#coop__lista .link-submenu--video {
    background: url(../coop/images/menu/icons/video.png) no-repeat center center;
}
#coop__lista .link-submenu--description.link-submenu--visited {
    background: url(../coop/images/menu/icons/text-tick.png) no-repeat center center;
}
#coop__lista .link-submenu--gallery.link-submenu--visited {
    background: url(../coop/images/menu/icons/foto-tick.png) no-repeat center center;
}
#coop__lista .link-submenu--video.link-submenu--visited {
    background: url(../coop/images/menu/icons/video-tick.png) no-repeat center center;
}

#coop__lista .submenu .submenu__bullet {
    font-size: 1.4em;
    vertical-align: top;
    visibility: hidden;
}

#coop__lista .submenu--current .submenu__bullet {
    visibility: visible;
}


#coop__lista .coop__dropdown-menu .coop__dropdown-menu > li.no-border, .menu-category li.no-border{
    border: none;
}

/*#coop__lista .coop__dropdown-menu .coop__dropdown-menu li a, #coop__lista .coop__dropdown-menu .coop__dropdown-menu li a:hover , #coop__lista .coop__dropdown-menu .coop__dropdown-menu li a:active, #coop__lista .coop__dropdown-menu .coop__dropdown-menu li a:focus, .menu-category li a:link, .menu-category li a:visited, .menu-category li a:hover, .menu-category li a:active, .menu-category li a:focus {
    padding: 12px 16px;
    font-weight: 200;
    letter-spacing: .5px;
    width: 323px;
}*/

#coop__lista li.coop-menu-item--scoreboard, #coop__lista li:hover.coop-menu-item--scoreboard {
    background-image: url('../coop/images/menu/highlights.png');
}
#coop__lista li.coop-menu-item--video, #coop__lista li:hover.coop-menu-item--video{
    background-image: url('../coop/images/menu/video.png');
}
#coop__lista li.coop-menu-item--camera, #coop__lista li:hover.coop-menu-item--camera {
    background-image: url('../coop/images/menu/camera.png');
}
#coop__lista li.coop-menu-item--coop, #coop__lista li:hover.coop-menu-item--coop {
    background-image: url('../coop/images/menu/coop.png');
}
#coop__lista li.coop-menu-item--mustang, #coop__lista li:hover.coop-menu-item--mustang {
    background-image: url('../coop/images/menu/mustang.png');
}
#coop__lista li.coop-menu-item--photostory, #coop__lista li:hover.coop-menu-item--photostory {
    background-image: url('../coop/images/menu/foto.png');
}
#coop__lista li.coop-menu-item--info, #coop__lista li:hover.coop-menu-item--info {
    background-image: url('../coop/images/menu/info.png');
}
#coop__lista li.coop-menu-item--social, #coop__lista li:hover.coop-menu-item--social {
    background-image: url('../coop/images/menu/social.png');
}

#coop__lista li.coop-menu-item--scoreboard.coop-menu-item--visited, #coop__lista li:hover.coop-menu-item--scoreboard.coop-menu-item--visited {
    background-image: url('../coop/images/menu/highlights-spunta.png');
}
#coop__lista li.coop-menu-item--video.coop-menu-item--visited, #coop__lista li:hover.coop-menu-item--video.coop-menu-item--visited{
    background-image: url('../coop/images/menu/video-spunta.png');
}
#coop__lista li.coop-menu-item--camera.coop-menu-item--visited, #coop__lista li:hover.coop-menu-item--camera.coop-menu-item--visited {
    background-image: url('../coop/images/menu/camera-spunta.png');
}
#coop__lista li.coop-menu-item--coop.coop-menu-item--visited, #coop__lista li:hover.coop-menu-item--coop.coop-menu-item--visited {
    background-image: url('../coop/images/menu/coop-spunta.png');
}
#coop__lista li.coop-menu-item--mustang.coop-menu-item--visited, #coop__lista li:hover.coop-menu-item--mustang.coop-menu-item--visited {
    background-image: url('../coop/images/menu/mustang-spunta.png');
}
#coop__lista li.coop-menu-item--photostory.coop-menu-item--visited, #coop__lista li:hover.coop-menu-item--photostory.coop-menu-item--visited {
    background-image: url('../coop/images/menu/foto-spunta.png');
}
#coop__lista li.coop-menu-item--info.coop-menu-item--visited, #coop__lista li:hover.coop-menu-item--info.coop-menu-item--visited {
    background-image: url('../coop/images/menu/info-spunta.png');
}
#coop__lista li.coop-menu-item--social.coop-menu-item--visited, #coop__lista li:hover.coop-menu-item--social.coop-menu-item--visited {
    background-image: url('../coop/images/menu/social-spunta.png');
}

#coop__lista .coop__dropdown-menu .coop__dropdown-menu li a {
    color: white;
}

#coop__lista li.open, #coop__lista li:hover.open{
    background-color: #271e19;
}

#coop__lista li.open > .coop__dropdown-menu{
    margin-bottom: 30px;
}
#coop__lista .container__cookie{
    border-top: solid white 1px;
    margin: 0 39px;
    padding-top: 20px;
}

#coop__lista .container__cookie a, #coop__lista .container__cookie a:active, #coop__lista .container__cookie a:focus, #coop__lista .container__cookie a:hover {
    color: white;
}

@media (max-width: 767px){
    a.coop__open{
        top: 23px;
        right: 29px;
        width: 39px;
        height: 39px;
        display: none;
        font-size: inherit;
        vertical-align: middle;
        line-height: 39px !important;
    }

    a.coop__open img{
        max-width: 23px;
    }

    #coop__pano-navigation a.coop__close{
        left: -19px;
        width: 39px;
        height: 39px;
        line-height: 39px !important;
        vertical-align: middle;
        font-size: inherit;
    }

    #coop__pano-navigation a.coop__close img{
        max-width: 23px;
        margin-top: 8px;
    }
}

@media (max-width: 500px){
    #coop__lista{
        overflow: auto;
    }

    #coop__lista .area.coop__dropdown-menu > li.last{
        margin-bottom: 30px;
    }

    #coop__pano-navigation {
        right: -100%;
    }

    #coop__pano-navigation .menu__footer br{
        display: block;
    }

    #coop__pano-navigation .menu__footer .footer__item{
        margin-bottom: 10px;
    }
    /*#coop__lista .coop__dropdown-menu li a, #coop__lista .area.coop__dropdown-menu li a:active, #coop__lista .area.coop__dropdown-menu li a:focus {
        font-size: 1em;
        padding: 17px 22px; 
    }*/
    #coop__lista .dropdown.dropdown-preview {
        overflow: visible;
        height: auto;
    }
    #coop__lista .menu__footer div.menu__footer__container {
        position: static;
        padding-top: 20px;
        padding-bottom: 50px;
    }
    #coop__lista .dropdown.dropdown-preview {}
    
    #coop__lista .coop__dropdown-menu li a.link-submenu {
        width: 25px;
    }
    
}

@media (max-width: 400px){
    #coop__pano-navigation {
        width: 90%;
    }
    #coop__lista .menu__footer{
        height: 35%;
    }
    #coop__lista .coop__dropdown-menu li > div.img-plus{
        height: 44px;
    }
    #coop__lista .dropdown.dropdown-preview{
        height: auto;
    }
    #coop__lista .submenu__title {
        width: 70%;
    }
    #coop__lista .submenu__links {
        width: 75px;
    }
    #coop__lista .coop__dropdown-menu .coop__dropdown-menu > li.submenu {
        padding: 10px 15px;
    }
    #coop__lista .coop__dropdown-menu li a.menu__title, #coop__lista .area.coop__dropdown-menu li a.menu__title:active, #coop__lista .area.coop__dropdown-menu li a.menu__title:focus, .menu-category__title, .menu-category li a.menu__title {
        padding: 15px;
    }
    #coop__lista .menu__plus {
        right: 17px;
    }
    #coop__lista #pano-header {
        padding: 26px 15px;
    }
    #coop__lista .container__cookie {
        margin: 0 15px;
    }
}

@media (max-width: 350px){
    #coop__lista #pano-header h2{
        font-size: 15px;    
    }

    #coop__lista #pano-header h2 span{
        font-weight: bold;
        font-size: 25px;
    }

    /*#coop__lista .coop__dropdown-menu li a, #coop__lista .area.coop__dropdown-menu li a:active, #coop__lista .area.coop__dropdown-menu li a:focus, .menu-category li a, .menu-category li a_active, .menu-category li a:focus {
        font-size: 12px;
    }*/

    #coop__lista .menu__footer{
        height: 32%;
    }

    #coop__lista .menu__footer div.menu__footer__container {
        bottom: 0px;
    }
}

.coop__filtred-menu {
    display: none;
}

.coop__filtered-menu--show {
    display: block;
}

.menu-category {
    display: none;
}

.menu-category--show {
    display: block;
}

.coop__dropdown-menu--hidden .coop__dropdown-menu {
    display: none;
}

.menu-category {
    background-color: #271E19;
}

.footer__restore {
    display: block;
    margin: 5px auto;
    text-decoration: none;
    color: white;
    font-weight: lighter;
    letter-spacing: 3px;
    padding: 5px 20px;
    border: 1px solid #dfa338;
    width: 250px;
    text-transform: uppercase;
    font-size: .7em;
    background-color: transparent;
    transition: background-color .2s ease-in;
    text-align: center;
}

.footer__restore:hover {
    background-color: #dfa338;
}
/*
#coop__lista .coop__dropdown-menu li > div.numerazione {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    background-image: url("../../coop/images/menu/numeri/grigi/1g.png");
    left: 0;
    top: 20px;
    background-repeat: no-repeat;
    margin-left: 1px;
    background-position: center;
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-1{
    background-image: url("../../coop/images/menu/numeri/grigi/1g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-1, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-1:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/1b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-1, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-1{
    background-image: url("../../coop/images/menu/numeri/1.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-2{
    background-image: url("../../coop/images/menu/numeri/grigi/2g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-2, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-2:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/2b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-2, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-2{
    background-image: url("../../coop/images/menu/numeri/2.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-3{
    background-image: url("../../coop/images/menu/numeri/grigi/3g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-3, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-3:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/3b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-3, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-3{
    background-image: url("../../coop/images/menu/numeri/3.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-4{
    background-image: url("../../coop/images/menu/numeri/grigi/4g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-4, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-4:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/4b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-4, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-4{
    background-image: url("../../coop/images/menu/numeri/4.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-5{
    background-image: url("../../coop/images/menu/numeri/grigi/5g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-5, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-5:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/5b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-5, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-5{
    background-image: url("../../coop/images/menu/numeri/5.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-6{
    background-image: url("../../coop/images/menu/numeri/grigi/6g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-6, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-6:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/6b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-6, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-6{
    background-image: url("../../coop/images/menu/numeri/6.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-7{
    background-image: url("../../coop/images/menu/numeri/grigi/7g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-7, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-7:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/7b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-7, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-7{
    background-image: url("../../coop/images/menu/numeri/7.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-8{
    background-image: url("../../coop/images/menu/numeri/grigi/8g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-8, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-8:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/8b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-8, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-8{
    background-image: url("../../coop/images/menu/numeri/8.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-9{
    background-image: url("../../coop/images/menu/numeri/grigi/9g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-9, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-9:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/9b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-9, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-9{
    background-image: url("../../coop/images/menu/numeri/9.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-10{
    background-image: url("../../coop/images/menu/numeri/grigi/10g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-10, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-10:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/10b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-10, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-10{
    background-image: url("../../coop/images/menu/numeri/10.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-11{
    background-image: url("../../coop/images/menu/numeri/grigi/11g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-11, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-11:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/11b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-11, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-11{
    background-image: url("../../coop/images/menu/numeri/11.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-12{
    background-image: url("../../coop/images/menu/numeri/grigi/12g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-12, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-12:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/12b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-12, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-12{
    background-image: url("../../coop/images/menu/numeri/12.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-13{
    background-image: url("../../coop/images/menu/numeri/grigi/13g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-13, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-13:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/13b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-13, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-13{
    background-image: url("../../coop/images/menu/numeri/13.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-14{
    background-image: url("../../coop/images/menu/numeri/grigi/14g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-14, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-14:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/14b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-14, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-14{
    background-image: url("../../coop/images/menu/numeri/14.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-15{
    background-image: url("../../coop/images/menu/numeri/grigi/15g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-15, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-15:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/15b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-15, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-15{
    background-image: url("../../coop/images/menu/numeri/15.png");
}

#coop__lista .coop__dropdown-menu li > div.numerazione.num-16{
    background-image: url("../../coop/images/menu/numeri/grigi/16g.png");
}

#coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-16, #coop__lista .coop__dropdown-menu li:hover > div.numerazione.num-16:hover{
    background-image: url("../../coop/images/menu/numeri/bianchi/16b.png");
}

#coop__lista .coop__dropdown-menu li.active > div.numerazione.num-16, #coop__lista .coop__dropdown-menu li.active:hover > div.numerazione.num-16{
    background-image: url("../../coop/images/menu/numeri/16.png");
}
*/
.pegman {
    position: absolute;
    left: 25px;
    bottom: 230px;
    display: none;
    transition: bottom .5s ease-in-out;
    z-index: 29;
    cursor: pointer;
}

.pegman--show {
    display: block;
}

.pegman--medium {
    bottom: 550px;
}

@media screen and (max-width: 639px) {
    .pegman {
        bottom: 100px;
        left: 2px;
    }
}

@media screen and (max-height: 400px) {
    .pegman--show {
        display: none;
    }
}
.preset__content{
    width: 100%;
    position: absolute;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    left: 0;
    top: 0;
    visibility: hidden;
    text-align: center;
    font-family: Ford Antenna;
    z-index: 40;
    opacity: 0;
    text-transform: uppercase;
    transition: opacity .5s ease-in-out 0s, visibility 0s linear .5s;
    -webkit-transition: opacity .5s ease-in-out 0s, visibility 0s linear .5s;
    overflow: auto;
}

.preset__content.show{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.preset__content--container{
    margin-top: 60px;
    padding-top: 40px;
    width: 100%;
    max-width: 900px;
    display: inline-block;
    position: relative;
}

.preset__content--container .preset__content__close{
    position: absolute;
    top: 0px;
    right: 0;
}

.preset__content--container .preset__content__close img{
    opacity: 0.5;
    transition: opacity .2s ease-in;
}

.preset__content__description h2 {
    font-weight: 500;
}

.preset__content--container .preset__content__close:hover img{
    opacity: 1;
}

.preset__content .preset__content--container .preset__content__header{
    margin-bottom: 40px;
}

.preset__content .preset__content--container .preset__content__header h2{
    text-transform: uppercase;
    color: white;
    font-size: 28px;
    margin-top: 10px;
    letter-spacing: 10px;
}

.preset__content .preset__content--container .preset__content__header h3{
    text-transform: uppercase;
    color: white;
    font-size: 13px;
    letter-spacing: 13px;
}

.preset__content .preset__content__description{
    color: white;
    margin: 20px 0;
    font-weight: lighter;
    letter-spacing: 3px;
    font-size: .8em;
    border-bottom: 1px solid #363636;
    padding: 0 10px 30px;

}

#pano .preset__content__description p {
    margin: 10px 0;
    line-height: 150%;
}

.preset__content__button {
    display: inline-block;
    border: 1px solid #1376af;
    padding: 13px 40px;
    text-decoration: none;
    color: white;
    margin: 10px 0;
}

.preset__content .preset__content__image{
    margin: 20px 0;
    width: 100%;
}

.preset__content .preset__content__image img{
   max-width: 100%;   
}

.preset__content .preset__content__social{
    padding-bottom: 100px;
}

.preset__content .preset__content__social a{
    margin: 0 12px;   
}

.preset__content .preset__content__social a img{
      opacity: 0.5;
}

.preset__content .preset__content__social a:hover img{
      opacity: 1;
}

.form-embed {
    position: absolute;
    top: -200%;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: right;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in, top 0s linear .3s, visibility 0s linear .3s;
    -webkit-transition: opacity .3s ease-in, top 0s linear .3s,  visibility 0s linear .3s;
}

.form-embed--show {
    opacity: 1;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    top: -30px;
    visibility: visible;
}

.form-embed iframe {
    background-color: white;
    width: 100%;
    height: 100%;
}

.form-embed__close {
    display: block;
    margin-right: 3px;
    color: white;
    margin: 5px 0;
    font-size: .8em;
    text-decoration: none;
}
.timeline{
    display: block;
    position: absolute;
    bottom: 65px;
    height: 0;
    z-index: 20;
}

.timeline .timeline__area{
    float:left;
    margin-top: -13px;
    width: 60px;
    text-align: center;
    position: relative;
}

.timeline .timeline__area a.img{
    width: 100%;
    height: 26px;
    display: block;
    opacity: 0.8;
    background-image: url('../coop/images/timeline/marker.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.timeline .timeline__area:hover a.img{
    opacity: 1;
}

.timeline .timeline__area.selected a.img{
    height: 48px;
    background-image: url('../coop/images/timeline/marker_hover.png');
    margin-top: -11px;
    opacity: 1;
}

.timeline .timeline__linea, .timeline .timeline__linea--estremi{
    border-top: solid 1px white;
    height: 0;
    float:left;
}

.timeline .timeline__linea{
    width: 90px;
    position: relative;
}

.timeline .timeline__linea--estremi{
    width: 45px;
    position: relative;
}

.timeline .timeline__area a.title{
    text-decoration: none;
    color: white;
    display: block;
    opacity: 0;
    margin-top: 5px;
    pointer-events: none;
    transition: ease-in-out opacity .7s;
    -webkit-transition: ease-in-out opacity .7s;
    -moz-transition: ease-in-out opacity .7s;
    font-size: 0.9em;
}

.timeline .timeline__area:hover a.title, .timeline .timeline__area.selected a.title{
    display: block;
    pointer-events: all;
    opacity: 1;
}

@media (min-width: 1220px) and (max-width: 1380px){
    .timeline .timeline__linea{
        width: 70px;
    } 
    .timeline .timeline__linea--estremi{
        width: 35px;
    }
}

@media (min-width: 1042px) and (max-width: 1219px){
    .timeline .timeline__linea{
        width: 50px;
    } 
    .timeline .timeline__linea--estremi{
        width: 25px;
    }
}

@media (min-width: 770px) and (max-width: 1041px){
    .timeline .timeline__linea{
        width: 20px;
    } 
    .timeline .timeline__linea--estremi{
        width: 10px;
    }
}

@media (max-width: 769px) {
    .timeline .timeline__linea{
        width: 17px;
    } 
    .timeline .timeline__linea--estremi{
        width: 10px;
    }
    .timeline .timeline__area {
        width: 30px;
        position: static;
    }
    .timeline .timeline__area.selected {
        width: 50px;
    }
    .timeline .timeline__area:hover a.title {
        display: none;
    }
    .timeline .timeline__area.selected:hover a.title {
        display: block;
    }
    .timeline .timeline__area.selected .title {
        position: absolute;
        top: 25px;
        left: 0;
        width: 100%;
        margin: 0;
        display: block;
    }
}

@media(max-width: 479px){
    .timeline .timeline__linea{
        width: 0px;
    }
    .timeline {
        display: none;
    }
}

@media(max-height: 479px){
    .timeline .timeline__linea{
        width: 0px;
    }
    .timeline {
        display: none;
    }
}
#coop-top-bar {
    width: 100%;
    height: 73px;
    background-color: white;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 600000;
    transition: left 2s linear;
    overflow: hidden;
}

#coop-top-bar.coop-top-bar--noanim {
    left: -100%;
}

.coop-top-bar--noanim .button-header {
    opacity: 0;
}

.button-header {
    display: inline-block;
    margin-top: 10px;
    margin-left: 22px;
    vertical-align: middle;
    opacity: 1;
    transition: opacity .5s ease-in-out 2.5s;
}

.topbar__logo {
    margin-left: 47px;
}

.toopbar__menu{
    margin-left: 25px;  
}

.button-container-r {
    float: right;
    margin-right: 22px;
    margin-top: 10px;
}

#coop-top-bar .toopbar__menu{     
    width: 24px;
    height: 20px;
    display: block;
    background-image: url('../coop/images/topBar/menuicon.png');
    background-repeat: no-repeat;
    background-position: center;
}

#coop-top-bar .toopbar__menu.menu__icon--close{
    background-image: url('../coop/images/topBar/close.png');
}

#coop-top-bar .toopbar__facebook, #coop-top-bar .toopbar__twitter, #coop-top-bar .toopbar__tutorial{
    opacity: 0.8;
    transform: translateY(0px);
    transition: transform .3s ease-out 2.5s, opacity .3s ease-in-out;
    display: inline-block;
}

#coop-top-bar.coop-top-bar--noanim .toopbar__facebook, #coop-top-bar.coop-top-bar--noanim .toopbar__twitter, #coop-top-bar.coop-top-bar--noanim .toopbar__tutorial {
    transform: translateY(100px);
}

#coop-top-bar .toopbar__facebook:hover, #coop-top-bar .toopbar__twitter:hover, #coop-top-bar .toopbar__tutorial:hover{
    opacity: 1
}
#coop-top-bar .topbar__linea{
    position: absolute;
    right: 65px;
    top: -8px;
    height: 44px;
    border-left: 1px solid #C7C6C6;
}
#coop-top-bar .topbar__button--twitter{
    margin-right: 48px;
}
#coop-top-bar .toopbar__tutorial-container{
    position: relative;
}
#coop-top-bar .toopbar__menu-container, #coop-top-bar .toopbar__tutorial-container{
    display: none;
    opacity: 0;
    transition: ease-in-out opacity .5s, ease-in-out display 0s;
}

#coop-top-bar .toopbar__menu-container.show, #coop-top-bar .toopbar__tutorial-container.show{
    display: inline-block;
    opacity: 1;
}
@media screen and (max-width: 767px) {
    #coop-top-bar {
        height: 40px;
    }
}
@media screen and (max-width: 767px) {
    .topbar__button {
        width: 25px;
        margin-left: 10px;
        margin-top: 12px;
    }

    .topbar__button img, .topbar__logo img {
        max-width: 100%;
        margin-top: 3px;
    }

    .topbar__logo {
        width: 100px;
    }
    
    .topbar__logo {
        width: 60px;
        margin-top: 5px;
    }
    
    .topbar__logo {
        margin-left: 22px;
    }
    
    .button-container-r {
        margin-top: 10px;
    }
    
    .topbar__button {
        margin-top: 0;
        height: 20px;
    }
    
    .button-container-r img {
        max-height: 100%;
        max-width: none;
    }
    
    #coop-top-bar .toopbar__facebook, #coop-top-bar .toopbar__twitter, #coop-top-bar .toopbar__tutorial {
        height: 100%;
    }
    
    .toopbar__menu-container {
        margin-top: 0px;
        height: 19px;
    }

    #coop-top-bar .topbar__button--twitter{
        margin-right: 11px;
    }

    #coop-top-bar .toopbar__menu-container{
        margin-left: 5px;
    }

    #coop-top-bar .topbar__linea{
        right: 34px;
        top: -6px;
        height: 34px;
    }
}

@media screen and (max-width: 320px){
    #coop-top-bar .toopbar__menu-container {
        margin-left: -12px;
    }
}

#coop__tutorial{
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    visibility: visible;
    opacity: 0;
    z-index: 10;
    transition: opacity .5s ease-in-out, visibility 0s linear 0.5s, top 0s linear 0.5s;
    -webkit-transition: opacity .5s ease-in-out, visibility 0s linear 0.5s, top 0s linear 0.5s;
    cursor: pointer;
}

#coop__tutorial > img {
    opacity: 0;
    transition: opacity .5s ease-in-out;
    transition-delay: 0s;
}

#coop__tutorial.open > img {
    opacity: 1;
}

#coop__tutorial.open{
    visibility: visible;
    opacity: 1;
    top: 0;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

#coop__tutorial .mappa-small {
    display: none;
}

#coop__tutorial .zoom{
    position: absolute;
    top: 120px;
    left: 31px;
}

#coop__tutorial.open .zoom {
    transition-delay: 2.1s;
}

#coop__tutorial .menu{
    position: absolute;
    right: 101px;
    top: 22px;
}

#coop__tutorial.open .menu {
    transition-delay: 1.4s;
}

#coop__tutorial .area{
    position: absolute;
    left: 50%;
    bottom: 31px;
}

#coop__tutorial .controls{
    position: absolute;
    top: 47px;
    left: 8px;
}

#coop__tutorial .controls{
    transition-delay: 2.8s;
}

#coop__tutorial .mappa{
    position: absolute;
    left: 266px;
    bottom: 202px;
}

#coop__tutorial.open .mappa {
    transition-delay: 2.8s;
}

#coop__tutorial .hotspot{
    position: absolute;
    right: 30px;
    top: 97px;
}

#coop__tutorial.open .hotspot {
    transition-delay: .7s;
}

#coop__tutorial .coop__tutorial__central-container{
    width: 50%;
    margin: 0 auto;
    text-align: center;
    color: white;
    margin-top: 12%;
}

#coop__tutorial .coop__tutorial__central-container h1{
    font-size: 2.1em;
    font-weight: 500;
    margin-bottom: 20px;
}

#coop__tutorial .coop__tutorial__central-container h3{
    font-size: 1.2em;
    margin-bottom: 50px;
}

#coop__tutorial .coop__tutorial__central-container img.central-eye{
    cursor: pointer;
}
@media (max-width: 799px) {
    #coop__tutorial .coop__tutorial__central-container h3 {
        font-size: 1em;
    }
}
@media (max-width: 600px){
    #coop__tutorial .area {
        left: 151px;
        /*top: 101px;*/
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    #coop__tutorial .coop__tutorial__central-container {
        margin-top: 10px;
    }
    
    #coop__tutorial .coop__tutorial__central-container h1 {
        font-size: 1.5em;
    }
    
    #coop__tutorial .coop__tutorial__central-container h3,  #coop__tutorial .coop__tutorial__central-container img.central-eye {
        display: none;
    }
}

@media (max-width: 479px) {
    #coop__tutorial .coop__tutorial__central-container {
        display: none;
    }
}

@media(max-width: 767px){
    
    #coop__tutorial .hotspot {
        display: none;
    }
    
    #coop__tutorial .mappa {
        display: none;
    }
    #coop__tutorial .mappa-small {
        display: block;
        position: absolute;
        bottom: 134px;
        left: 23px;
        height: 27px;
    }
    #coop__tutorial .zoom {
        top: 75px;
    }
}
/*
@media (max-width: 450px){
    #coop__tutorial .zoom {
        bottom: 155px;
        right: 21px;
        height: 40px;
    }

    #coop__tutorial .menu {
        right: 50px;
        top: 66px;
        height: 105px;
    }

    #coop__tutorial .mappa {
        left: 54px;
        bottom: 75px;
        height: 17px;
    }

    #coop__tutorial .area {
        left: 82px;
        top: 63px;
        height: 28px;
    }
}
*/

@media (max-width: 479px) {
    #coop__tutorial .menu {
        right: 41px;
        height: 140px;
    }
    #coop__tutorial .zoom {
        height: 100px;
    }
    #coop__tutorial .area {
        height: 100px;
        display: none;
        bottom: 43px;
        left: 120px;
    }
    
}

@media screen and (min-height: 480px) {
    #coop__tutorial .mappa-small {
        bottom: 145px;
        left: 40px;
    }
}

@media screen and (max-height: 479px) {
    #coop__tutorial .mappa-small {
        bottom: 85px;
        left: 40px;
    }
}
.welcome {
    font-family: Flama, Open Sans, sans-serif;
    padding-top: 73px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 500000;
    top: 0;
    left: 0;
    background-color: #111111;
    background: url(../coop/images/welcome/welcome_bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    color: white;
    opacity: 1;
    transition: opacity .8s ease-out .8s, visibility 0s linear 0s;
    -webkit-transition: opacity .8s ease-out .8s, visibility 0s linear 0s;
    visibility: visible;
    overflow: auto;
    text-align: center;
}
.welcome__logo{
    position: absolute;
    left: 47px;
    bottom: 120px;
    opacity: 1;
    transform: scale(1,1);
    transition: opacity .5s ease-out 1s, transform .3s cubic-bezier(.17,1.87,.68,.82) 1s;
}

.welcome--noanim .welcome__logo {
    opacity: 0;
    transform: scale(.5,.5);
}

.welcome--noanim .welcome__language {
    opacity: 0;
    transform: scale(.5,.5);
}

.welcome__language{
    position: absolute;
    right: 40px;
    top: 141px;
    z-index: 10;
    opacity: 1;
    transform: scale(1,1);
    transition: opacity .5s ease-out 1s, transform .3s cubic-bezier(.17,1.87,.68,.82) 1s;
}

.welcome__language .language.current, .welcome__language .language.current:hover{
    background-color: rgba(255, 255, 255,0.7);
    color: white;
}

.welcome__language .language:hover{
    background-color: rgb(255, 255, 255); 
    color: rgb(18,20,18);
}

.welcome__container{
    max-width: 100%;
    background: url(../coop/images/welcome/frecciahome.png) no-repeat center center;
    width: 1366px;
    height: 768px;
    position: relative;
    display: inline-block;
    opacity: 1;
    transition: opacity .5s linear 1s;
}
.welcome--noanim .welcome__container {
    opacity: 0;
}
.welcome--noanim .welcome__title {
    opacity: 0;
    transform: translateX(10px);
}
.welcome__title{
    text-align: left;
    font-size: 2.5em;
    position: absolute;
    top: 22%;
    left: 32%;
    transition: transform 1s ease-in-out 1.5s, opacity .5s ease-in-out 1.5s;
    /*font-weight: bold;*/
}

.bottom.text_container{
    position: absolute;
    left: 57%;
    top: 46%;
}

.text_container{
    max-width: 420px;
    text-align: left;
}

.welcome--noanim .text_container p {
    opacity: 0;
}

.text_container p{
    max-width: 420px;
    margin-bottom: 28px;
    line-height: 21px !important;
    opacity: 1;
    transition: opacity .5s ease-out 2.5s;
}

.welcome--noanim .text_container a {
    opacity: 0;
}

.text_container a:hover {
    background-color: rgba(255,255,255,0.7);
    font-weight: bold;
}

.text_container a{
    background-color: rgb(255,255,255);
    color: rgb(18,20,18);
    padding: 10px 22px;
    text-decoration: none;
    font-size: 0.9em;
    display: inline-block;
    opacity: 1;
    transition: opacity .5s ease-in-out 3.5s, background-color .2s ease-in-out;
    font-weight: bold;
}

.welcome__language span.language{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: solid 2px white;
    display: inline-block;
    vertical-align: middle;
    line-height: 50px !important;
    margin: 0 9px;
    font-weight: bold;
    cursor: pointer;
}

.welcome.welcome--hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity .8s ease-out .5s, visibility 0s linear 1.3s;
    -webkit-transition: opacity .8s ease-out .5s, visibility 0s linear 1.3s;
}

.welcome__lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../coop/images/welcome/frecciahome.png) no-repeat center center fixed;
    background-size: cover;
    opacity: 1;
    transition: opacity .5s linear 1s;
}

.welcome--noanim .welcome__lines {
    opacity: 0;
}

@media (max-width: 1279px) {
    .welcome__title {
        left: 29%;
    }
}

@media (max-width: 1023px) {
    .welcome__title {
        left: 19%;
    }
}

@media (max-width: 767px) {
    .welcome__container, .welcome__logo, .welcome__language, .welcome__container .bottom.text_container {
        position: static;
    }
    .welcome__lines {
        display: none;
        overflow: auto;
    }
    .welcome {
        background-size: auto;
        padding-top: 0;
    }
    .welcome__container {
        background: none;
        width: auto;
        height: auto;
    }
    .welcome__title {
        position: static;
    }
    .welcome__logo {
        margin-top: 93px;
    }
    .welcome__language {
        margin-bottom: 20px;
    }
    .welcome__container {
        display: block;
        text-align: center;
        margin: 20px auto 50px;
    }
    .welcome__title {
        text-align: center;
        margin: 0 10px;
    }
    .welcome__title br {
        display: none;
    }
    .bottom.text_container p {
        max-width: none;
        padding: 10px;
    }
    .bottom.text_container {
        max-width: none;
        text-align: center;
        position: static;
        padding-bottom: 40px;
    }
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11111111;
}