
.noDesktop{
display: inherit !important;
}
.noMobile{
display: none;
}


html, body{
font-size: 4vw;
text-shadow: 0.2vw 0.2vw 0.2vw rgba(0, 0, 0, 0.15);
}

::-webkit-scrollbar{
width: 1.25vw;
height: 1.25vw;

box-shadow: inset 0vw 0vw 0.4vw var(--palette_gray);
-webkit-box-shadow: inset 0vw 0vw 0.4vw var(--palette_gray);
-moz-box-shadow: inset 0vw 0vw 0.4vw var(--palette_gray);
-o-box-shadow: inset 0vw 0vw 0.4vw var(--palette_gray);
}

::-webkit-scrollbar-thumb{
box-shadow: 0vw 0vw 0.4vw var(--palette_gray);
-webkit-box-shadow: 0vw 0vw 0.4vw var(--palette_gray);
-moz-box-shadow: 0vw 0vw 0.4vw var(--palette_gray);
-o-box-shadow: 0vw 0vw 0.4vw var(--palette_gray);
}



input[type='text']{
padding: 4vw 2vw;

line-height: 8vw;
height: 8vw;

font-size: 4vw;

border-radius: 1.25vw 3vw 1.25vw 1.25vw;
border: 0.4vw solid rgba(150, 89, 30, 1);

box-shadow: 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
-o-box-shadow: 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
}
textarea{
padding: 0vw 2vw;

line-height: 8vw;
min-height: 20vw;
max-height: 60vw;

font-size: 4vw;

border-radius: 1.25vw 3vw 1.25vw 1.25vw;
border: 0.4vw solid rgba(150, 89, 30, 1);

box-shadow: 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
-o-box-shadow: 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);

resize: vertical;
}

    input[type='text']:hover, textarea:hover{
    box-shadow: inset 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.15), 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.15), 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.15), 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.15), 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
    }
    input[type='text']:focus, textarea:focus{
    background-color: rgba(20, 81, 92, 0.05);

    box-shadow: inset 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.15), 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.15), 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.15), 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.15), 0.2vw 0.2vw 0.4vw rgba(0, 0, 0, 0.3);
    }

::placeholder{
line-height: 8vw;
}


.button{
padding: 1.25vw 10vw;

line-height: 6vw;

border-radius: 1vw 3vw 1vw 1vw;

font-size: 4.6vw;

box-shadow: 0vw 0vw 0.2vw rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0vw 0vw 0.2vw rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0vw 0vw 0.2vw rgba(0, 0, 0, 0.35);
-o-box-shadow: 0vw 0vw 0.2vw rgba(0, 0, 0, 0.35);
}
    .button:hover{
    box-shadow: inset 0vw 0vw 0.2vw rgba(0, 0, 0, 0.35), 0vw 0vw 0.2vw rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0vw 0vw 0.2vw rgba(0, 0, 0, 0.35), 0vw 0vw 0.2vw rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 0vw 0vw 0.2vw rgba(0, 0, 0, 0.35), 0vw 0vw 0.2vw rgba(0, 0, 0, 0.35);
    -o-box-shadow: inset 0vw 0vw 0.2vw rgba(0, 0, 0, 0.35), 0vw 0vw 0.2vw rgba(0, 0, 0, 0.35);
    }
    .button:active{
    box-shadow: inset 0vw 0vw 0.2vw rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0vw 0vw 0.2vw rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0vw 0vw 0.2vw rgba(255, 255, 255, 0.5);
    -o-box-shadow: inset 0vw 0vw 0.2vw rgba(255, 255, 255, 0.5);
    }



.miniLoader{
padding-top: 60vw;

line-height: 100vw; 

background: url("../../img/load.gif") center 40vw no-repeat;
background-size: auto 30vw;
}








#top{
padding: 4vw 5vw;

height: 32.5vw;

border-top: 1vw solid rgba(255, 255, 255, 0.9);
border-bottom: 1vw solid rgba(255, 255, 255, 0.9);

box-shadow: 0vw 0vw 1vw rgba(75, 77, 78, 0.5);
-webkit-box-shadow: 0vw 0vw 1vw rgba(75, 77, 78, 0.5);
-moz-box-shadow: 0vw 0vw 1vw rgba(75, 77, 78, 0.5);
-o-box-shadow: 0vw 0vw 1vw rgba(75, 77, 78, 0.5);
}
    #topTit{
    padding-top: 3vw;
    padding-left: 30vw;

    width: 100vw;
    line-height: 8.5vw;

    text-align: center;

    text-shadow: 0.2vw 0.2vw 0.4vw rgba(23, 23, 23, 0.5);
    }
        #topTit > div:nth-of-type(1){
        margin-top: -3.5vw;
        margin-left: 0vw;
        
        font-size: 7.5vw;
        }
        #topTit > div:nth-of-type(2){
        font-size: 10.5vw;
        }
        #topTit br{
        display: block;
        }

    #topMenu{
    display: none;
    }

    #content{
    margin-top: 15vw; 
    
    min-height: calc(100vh - 15vw);
    }

    .homeBox{
    padding: 20vw 0vw;
    }
    
        #homeBoxTop{
        height: calc(100vh - 69vw);

        box-shadow: inset 0vw 0vw 1vw rgba(75, 77, 78, 0.75);
        -webkit-box-shadow: inset 0vw 0vw 1vw rgba(75, 77, 78, 0.75);
        -moz-box-shadow: inset 0vw 0vw 1vw rgba(75, 77, 78, 0.75);
        -o-box-shadow: inset 0vw 0vw 1vw rgba(75, 77, 78, 0.75);
        }

        #homeBox_1{
        position: absolute;
        bottom: 5vw;
        left: 5vw;

        padding: 3vw 4vw;

        width: 82.5vw;

        border-radius: 2.5vw;
        
        box-shadow: 0.2vw 0.2vw 1.25vw rgba(75, 77, 78, 0.85);
        -webkit-box-shadow: 0.2vw 0.2vw 1.25vw rgba(75, 77, 78, 0.85);
        -moz-box-shadow: 0.2vw 0.2vw 1.25vw rgba(75, 77, 78, 0.85);
        -o-box-shadow: 0.2vw 0.2vw 1.25vw rgba(75, 77, 78, 0.85);
        }


        #homeFBbox{
        position: relative;
        top: 10vw;
        right: -5vw;

        padding: 15vw 0vw;

        width: 90vw;

        transform: scale(1.5);
        }
        #homeBoxEventMain{
        height: 65vh;
        }
            #homeBoxEventMainTit{
            display: none;
            }

            #homeBoxEventContent{
            column-gap: 4vw;

            padding: 1.25vw 4vw 4vw 1.25vw;
            }
                
                .homeBoxEvent{
                row-gap: 4vw;

                padding: 4vw;

                width: 64vw;
                max-height: calc(100% - 8vw);
                
                border-radius: 1vw;
                
                box-shadow: 0.2vw 0.2vw 1vw rgba(75, 77, 78, 0.45);
                -webkit-box-shadow: 0.2vw 0.2vw 1vw rgba(75, 77, 78, 0.45);
                -moz-box-shadow: 0.2vw 0.2vw 1vw rgba(75, 77, 78, 0.45);
                -o-box-shadow: 0.2vw 0.2vw 1vw rgba(75, 77, 78, 0.45);

                overflow-y: auto;
                }

                    .homeBoxEvent[data-N]{
                    flex-direction: column;

                    width: 70vw;
                    }
                        .homeBoxEvent[data-N] .homeBoxEventImg{
                        margin: -4vw -4vw 0vw -4vw;

                        width: 70vw;
                        max-height: 70vh;
                        }
                        .homeBoxEvent[data-N] .homeBoxEventTxtBox{
                        row-gap: 4vw;

                        max-height: 30vh;
                        }

                    .homeBoxEventImg{   
                    margin: -4vw -4vw 0vw -4vw;

                    max-width: calc(100% + 8vw);
                    max-height: 70vh;
                    }
                    .homeBoxEventData{
                    line-height: 10vw;

                    font-size: 6vw;
                    }
                    .homeBoxEventTit{
                    line-height: 10.6vw;

                    font-size: 10vw;    
                    text-shadow: 0.2vw 0.2vw 0.2vw rgba(23, 23, 23, 0.75);
                    }
                    .homeBoxEventDescr{
                    margin: 4vw -4vw -4vw -4vw;
                    padding: 0vw 4vw 4vw 4vw;

                    line-height: 4vw;

                    font-size: 3.4vw;
                    }

        #homeVideo{
        height: 30vh;
        }

            #homeSolidarieta, #homeMission{
            margin: 0vw auto;
            padding: 0vw;

            width: 90vw;

            line-height: 6.5vw;

            font-size: 4vw;
            text-align: center;

            border-radius: 0vw;

            background: none; 

            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -o-box-shadow: none;
            }
                #homeSolidarieta .tit, #homeMission .tit{
                margin: 25vw auto 3.5vw auto;

                font-size: 15vw;
                text-shadow: 0.2vw 0.2vw 0.4vw rgba(23, 23, 23, 0.75);
                }



    #homeStoria, #homeFinalita{
    height: auto;
    }

        #homeStoriaMainTit, #homeFinalitaTit{
        display: none;
        }
        #homeStoriaMainContent, #homeFinalitaContent{
        display: block;

        padding: 0vw 5vw;
        }
            .homeStoriaBox{
            display: block;

            margin-bottom: 5vw; 
            padding: 2vw 0vw;

            width: 90vw;
            
            background-size: auto 4vw;

            box-shadow: 0vw 0vw 1.25vw rgba(75, 77, 78, 0.5);
            -webkit-box-shadow: 0vw 0vw 1.25vw rgba(75, 77, 78, 0.5);
            -moz-box-shadow: 0vw 0vw 1.25vw rgba(75, 77, 78, 0.5);
            -o-box-shadow: 0vw 0vw 1.25vw rgba(75, 77, 78, 0.5);
            }
                .homeStoriaBoxImg{
                margin-top: -2.25vw;

                width: 100%;
                max-width: 100%;
                min-height: 20vh;

                background-position: center top;
                }

                    .homeStoriaBoxTit{
                    margin: 4vw auto 2vw auto;

                    line-height: 12vw;

                    font-size: 12vw;
                    }
                        .homeStoriaBoxTit .button{
                        width: 85vw;
                        }
                    .homeStoriaBoxContent{
                    padding: 4vw;

                    width: 90vw;
                    max-height: 40vh;
                    line-height: 5.5vw;

                    font-size: 4vw;
                    }

                    
                        #homeStoria_ECdB iframe{
                        margin: 4vw auto -4vw auto;

                        width: 100%;
                        height: 35vh;
                        }



        

    #homeContatti{
    display: block;
    }

        #homeContattiMap{
        margin-left: -0.5vw;

        width: 100vw;
        height: 50vh;

        border-radius: 0vw;
        border: 0.5vw solid rgba(150, 89, 30, 1);

        background-size: auto 6vw, auto 15vh;

        box-shadow: 0.2vw 0.2vw 0.6vw rgba(75, 77, 78, 0.5);
        -webkit-box-shadow: 0.2vw 0.2vw 0.6vw rgba(75, 77, 78, 0.5);
        -moz-box-shadow: 0.2vw 0.2vw 0.6vw rgba(75, 77, 78, 0.5);
        -o-box-shadow: 0.2vw 0.2vw 0.6vw rgba(75, 77, 78, 0.5);
        }
            #homeMapInfoTit{
            padding: 3vw 4vw 1.25vw 4vw;

            font-size: 8vw;    
            text-shadow: 0.2vw 0.2vw 0.2vw rgba(23, 23, 23, 0.75);
            }
            #homeMapInfoSubTit{
            padding: 0vw 4vw;

            font-size: 4.6vw;
            }

        #homeContattiForm{
        padding: 5vw;

        width: 90vw;
        }
            #homeContattiFormTit{
            padding-bottom: 3.5vw;

            font-size: 13vw;    
            text-shadow: 0.2vw 0.2vw 0.2vw rgba(23, 23, 23, 0.75);
            }

            .homeContattiFormRow{
            display: block;

            margin-bottom: 2vw;

            line-height: 8vw;
            }
                .homeContattiFormRow label{
                width: 100%;

                font-size: 6.5vw;
                text-align: center;
                }


    




#foot{
display: block;

padding: 4vw;

width: 100vw; 
height: auto;
line-height: 4.6vw;

font-size: 1.5vw;

border-top: 1.25vw solid rgba(255, 255, 255, 0.9);
border-bottom: 1.25vw solid rgba(255, 255, 255, 0.9);

background-size: auto calc(100% / 20);

box-shadow: 0vw 0vw 1.25vw rgba(75, 77, 78, 0.5);
-webkit-box-shadow: 0vw 0vw 1.25vw rgba(75, 77, 78, 0.5);
-moz-box-shadow: 0vw 0vw 1.25vw rgba(75, 77, 78, 0.5);
-o-box-shadow: 0vw 0vw 1.25vw rgba(75, 77, 78, 0.5);
}

    #footMenu{
    width: 100%;

    text-align: center;
    }
    
    #footLogo{
    margin: 7.5vw auto;

    height: 15vh;
    }





#loader{
background-size: 20vw;
}




#debug{
font-size: 5vw; 
}
    #debug b{
    font-size: 6vw; 
    }