@font-face {
font-family: 'main';
src: url('../font/main.ttf');
}
@font-face {
font-family: 'tit';
src: url('../font/tit.ttf');
}




html{
width: 100%; 
height: 100%;
	
font-display: auto;	
	
overflow: initial;
}

body{
position: relative;
	
margin: 0vw;
padding: 0vw;	
	
width: 100%; 
height: 100%;   
    
font-family: 'main', sans-serif;
font-size: 0.85vw;
text-align: center;	

color: #000000;
    
overflow-x: hidden;
overflow-y: auto;
    
cursor: default;
}


::-webkit-scrollbar{
width: 0.35vw;
height: 0.35vw;
	
background-color: #FFFFFF;
    
cursor: default !important;
}
::-webkit-scrollbar-track{
    
display: none;
    
cursor: default !important;
}
::-webkit-scrollbar-thumb{
background: #C29002; 

cursor: default !important;
}


[data-URL]{
cursor: pointer;
}

.button, .buttonWhite, .buttonGold{
display: inline-block;
    
width: 25vw;
line-height: 2.15vw;
    
font-size: 1.75vw; 
font-family: 'tit', sans-serif;
text-align: center;
text-shadow: 0.05vw 0.05vw 0.1vw #000000;
    
border-radius: 0.5vw;    
    
box-shadow: 0.05vw 0.05vw 0.1vw #000000;
-webkit-box-shadow: 0.05vw 0.05vw 0.1vw #000000;
-moz-box-shadow: 0.05vw 0.05vw 0.1vw #000000;
-o-box-shadow: 0.05vw 0.05vw 0.1vw #000000;
    
cursor: pointer;
}
.button{
color: #FFFFFF;    

background: rgba(34,4,79,0.75);
}
    .button:hover{
    background: rgba(34,4,79,0.95) url("../../img/axa.png") 0.5vw center no-repeat;
    background-size: auto 80%;
    }
.buttonWhite{
color: #FFFFFF;    
    
border: 0.25vw solid #FFFFFF;
}
    .buttonWhite:hover{
    background: url("../../img/axa.png") 0.5vw center no-repeat;
    background-size: auto 80%;
    }
.buttonGold{
color: #F7BA0A;    

border: 0.25vw solid #F7BA0A;
}
    .buttonGold:hover{
    background: url("../../img/axa.png") 0.5vw center no-repeat;
    background-size: auto 80%;
    }


.tit{
font-size: 1.25vw;
font-family: 'tit', sans-serif;    
color: rgba(194,144,2,1.00);
font-weight: bold;
}



#loader{
display: none;
    
position: fixed;
top: 0vw;
left: 0vw;
    
width: 100vw;
height: 100vh;
    
background-color: rgba(0,0,0,1);
background-image: url("../../img/axa.png"),  url("../../img/load.gif");
background-position: center center;
background-repeat: no-repeat;
background-size: 3.5vw, 20vw;
    
opacity: 0.75;    
    
cursor: wait;
    
z-index: 999999999999999999999999999999999999999999999999999;	
}




#topCover{
position: fixed;
top: 5vw;
left: 0vw;
        
padding-top: 20vw;    
    
width: 100vw;
line-height: 0.15vw;    
  
font-size: 2vw;
font-family: 'tit', sans-serif;    
color: rgba(255,255,255,1.00);
font-weight: bold;
 
text-shadow: 0.05vw 0.05vw 0.1vw #000000;
    
background-color: rgba(51,51,51,0);
background-image: url('../../img/axaBriga.png');
background-position: center 1vw;
background-repeat: no-repeat;
background-size: auto calc(100% - 2vw);
    
cursor: pointer;
    
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
    
z-index: 9;
}


#menu{
position: fixed;
top: 1.75vw;
left: 2vw;
    
display: flex;
align-items: center;
column-gap: 2.5vw;
        
line-height: 1.5vw;    
    
font-size: 2vw;    
font-family: 'tit', sans-serif;
text-align: left;
color: #F7BA0B;

text-shadow: 0.05vw 0.05vw 0.1vw #000000;
    
z-index: 10;
}
    .menu{
    cursor: pointer;
        
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
    }
        .menu:hover{
        color: #9F7500;
        }
#menuSocial{
position: fixed;
top: 1.5vw;
right: 2vw;
    
display: flex;
align-items: center;
column-gap: 1.5vw;
    
z-index: 10;
}
    #menuSocial img{
    height: 2vw;
        
    cursor: pointer;
    }



#content{
padding: 0vw 2.5vw;
    
width: 95vw;
min-height: calc(100vh - 39.5vw);
}




#homeSpecial{
position: fixed;
top: 0vw;
left: 0vw;

box-sizing: border-box;

padding: 5vw;

width: 100vw;
height: 100vh;

overflow-x: hidden;
overflow-y: auto;

background-color: rgba(51, 51, 51, 0.75);

cursor: pointer;

z-index: 999;
}
.homeSpecialImg{
max-width: 90vw;    
max-height: calc(90vh - 10vw);
}


#homeCoverBox{
position: relative;
    
margin: 0vw -2.5vw;    
    
width: 100vw;
height: 100vh;   
    
background-color: #000000;    
    
overflow: hidden;
    
z-index: 1;
}
    #homeCoverBackground{
    position: absolute;
    top: 0vw;
    left: 0vw;

    min-width: 100vw;    
    min-height: 100vh;    

    background: rgba(51,51,51,0.9) url("../../img/axaBack.png") center center repeat;
    background-size: 6vw;

    opacity: 0.5;
    }

#homeCover{
position: absolute;
bottom: 5vw;
left: 50%;
    
transform: translateX(-50%);
    
width: 50vw;
    
font-size: 3.5vw;
font-family: 'tit', sans-serif;    
color: #F7BA0A;

text-shadow: 0.05vw 0.05vw 0.15vw #000000;
    
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;    
}


    .home3{
    display: flex;
    align-items: stretch;
    justify-content: center;
    column-gap: 2vw;
    grid-row-gap: 2vw;
        
    margin: 2.5vw 0vw -2.5vw 0vw;    
        
    width: 95vw;
    }
        .home3box{
        display: flex;
        flex-direction: column;
            
        width: 30vw;
        min-width: 15vw;
        line-height: 1.135vw;
            
        text-align: justify;
            
        border-radius: 0.25vw;    
            
        box-shadow: 0.1vw 0.1vw 0.5vw rgba(87,87,87,0.5);
        -webkit-box-shadow: 0.1vw 0.1vw 0.5vw rgba(87,87,87,0.5);
        -moz-box-shadow: 0.1vw 0.1vw 0.5vw rgba(87,87,87,0.5);
        -o-box-shadow: 0.1vw 0.1vw 0.5vw rgba(87,87,87,0.5);
            
        overflow: hidden;
        }
            .home3boxImg{
            flex-grow: 1;    
                
            margin-bottom: 0.75vw;     
                
            width: 100%;
            min-height: 15vw;
                
            background-color: rgba(51,51,51,0.9);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            }
            .home3boxText{
            padding: 0vw 0.75vw 0.5vw 0.75vw;
                
            width: calc(100% - 1.5vw);
            }

            #homeMap{
            background: rgba(51,51,51,0.9) url("../../img/axaBack.png") center center repeat;
            background-size: 6vw;
            
            cursor: pointer !important;
            }
                #homeMapInfo{
                padding: 0.5vw;
                                        
                font-size: 0.75vw;    
                font-family: 'main', sans-serif;    

                cursor: pointer !important;
                }

                #home3boxSlideShow{
                flex-grow: 1;    
                    
                width: 30vw;
                height: 30vw;
                  
                background: rgba(51,51,51,0.9) url("../../img/axaBack.png") center center repeat;
                background-size: 6vw;
                    
                overflow: hidden;
                }
                    .home3boxSlideShowImg{
                    float: left;
                        
                    width: 30vw;
                    height: 100%;
                        
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                        
                    opacity: 0.5;
                    }
    .home3frame{
    align-self: flex-start;    
        
    width: 400px;   
    height: 600px;    
        
    border-radius: 0.25vw;       
        
    box-shadow: 0.1vw 0.1vw 0.5vw rgba(87,87,87,0.5);
    -webkit-box-shadow: 0.1vw 0.1vw 0.5vw rgba(87,87,87,0.5);
    -moz-box-shadow: 0.1vw 0.1vw 0.5vw rgba(87,87,87,0.5);
    -o-box-shadow: 0.1vw 0.1vw 0.5vw rgba(87,87,87,0.5);
        
    overflow: hidden;
    }



.homeTit{
margin: 10vw -2.5vw 2.5vw -2.5vw;    
    
width: 100vw;
line-height: 15vw;
    
font-size: 4vw;
font-family: 'tit', sans-serif;    
color: #F7BA0A;

text-shadow: 0.05vw 0.05vw 0.15vw #000000;    
    
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
    
box-shadow: inset 0vw 0vw 0.5vw rgba(87,87,87,0.5);
-webkit-box-shadow: inset 0vw 0vw 0.5vw rgba(87,87,87,0.5);
-moz-box-shadow: inset 0vw 0vw 0.5vw rgba(87,87,87,0.5);
-o-box-shadow: inset 0vw 0vw 0.5vw rgba(87,87,87,0.5);        
    
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;    
}


    #eventiBox_subTit{
    margin: 2.5vw -2.5vw 0vw -2.5vw;          
        
    font-size: 2.5vw;
    font-weight: bold;
    color: #094F7C;
    font-variant: small-caps;
        
    border-bottom: 0.1vw solid #094F7C;     
    }

    #eventiBoxScrollBox{           
    margin: 0vw -2.5vw 2.5vw -2.5vw;  
        
    width: 100vw;    

    background: rgba(51,51,51,0.05) url("../../img/axaBack.png") center center repeat; 
    background-size: 6vw; 
    background-attachment: fixed;
        
    box-shadow: inset 0vw 0vw 0.5vw rgba(87,87,87,0.5);
    -webkit-box-shadow: inset 0vw 0vw 0.5vw rgba(87,87,87,0.5);
    -moz-box-shadow: inset 0vw 0vw 0.5vw rgba(87,87,87,0.5);
    -o-box-shadow: inset 0vw 0vw 0.5vw rgba(87,87,87,0.5);       
        
    overflow-x: auto;
    }
        #eventiBoxScroll{
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        column-gap: 2.5vw;
            
        padding: 1.25vw;    
        }
        .eventiBox{
        flex-shrink: 0;    
            
        margin: 0vw auto;
            
        width: 40vw;

        border-radius: 0.25vw;    

        background: #FFFFFF;    
            
        box-shadow: 0vw 0vw 0.35vw rgba(87,87,87,0.5);
        -webkit-box-shadow: 0vw 0vw 0.35vw rgba(87,87,87,0.5);
        -moz-box-shadow: 0vw 0vw 0.35vw rgba(87,87,87,0.5);
        -o-box-shadow: 0vw 0vw 0.35vw rgba(87,87,87,0.5);      

        overflow: hidden;
        }
                .eventiBox[data-URL]{
                cursor: pointer;
                }
            .eventiBox img{
            width: 100%;

            border-bottom: 0.35vw solid #094F7C; 

            background: rgba(51,51,51,0.9) url("../../img/axaBack.png") center center repeat;
            background-size: 6vw;    
            }
                #eventiBoxScroll .eventiBox{
                width: 17.5vw;
                }


            .eventiBoxTitRow{
            padding: 0.5vw 0.75vw 0.75vw 0.75vw;

            width: calc(100% - 1.5vw);    
            }

                .eventiBoxTit{
                padding-bottom: 0.35vw;

                font-size: 1.5vw;
                font-weight: bold;
                color: #094F7C;
                }
                .eventiBoxSubTit{
                font-size: 0.85vw;
                    
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                }





#foot{
display: flex;
justify-content: space-between;
align-items: center;    
    
margin-top: 10vw;
padding: 2vw 5vw;
    
width: 90vw;        
    
color: #FFFFFF;    
    
background-color: rgba(51,51,51,0.9);
}
    #foot_left{
    font-size: 0.75vw;
    }
    #foot_right{
    display: inline-flex;
    align-items: center;
    column-gap: 2.5vw;
    }
        #foot_rightTit{
        padding-bottom: 0.25vw;    
            
        font-size: 1.5vw;
        }
        #foot_right img{
        width: 2.5vw;
        }
        #foot_right a{
        color: #FFFFFF;
        font-style: italic;
        }







#debug{
position: fixed; 
bottom: 0vw; 
left: 0vw; 

width: 100vw;
max-height: 30vh; 
line-height: 2.5vw;	
	
overflow: auto; 

text-align: center; 

background: #333333; 
color: #FFFFFF;
	
opacity: 0.9;

z-index: 9999999999999999999999999999999999999999999999999999;	
}