/*animations*/
@keyframes reducedLogoSpaceAnimation{
    from{
        width: 20vw;
        float:left;
        max-height: 10vh;
    }
    to{
        width: 17vw;
        float: left;
        max-height: 10vh;
    }
}
@keyframes switchMe {
    from{left: 2px;
        background-color: rgb(90,90,90);
    }
    to{left: 22px;
        background-color: rgb(200,200,200);
    }
}
@keyframes switchOffMe {
    from{left: 22px;
        background-color: rgb(200,200,200);
    }
    to{left: 2px;
        background-color: rgb(90,90,90);
    }
}
@keyframes moveMeOnRight {
    from{
        right: -375px;
    }
    to{
        right: 0; 
    }
}
@keyframes moveMeOnLeft {
    from{
        right: 0; 
    }
    to{
        right: -375px;
    }
}
@keyframes putMeUp {
    from{
        margin-top: 25vh;
        margin-bottom: 25vh;
        height: 50vh;
    }
    to{
        margin-top: 15vh;
        margin-bottom: 0;
        height: 2vh;
    }
}
@keyframes disapparMe{
    from{
        background: rgba(255,255,255,0.7);
        backdrop-filter: blur(5px);
        height: 100vh;
    }
    to{
        background: transparent;
        backdrop-filter: blur(0px);
        height: 10vh;
    }
}
@keyframes moveMeUp{
    0%{
        top: 0vh;
        opacity: 0;
    }
    50%{
        top: -1.5vh;
        opacity: 1;
    }
    100%{
        top: -3vh;
        opacity: 0;
    }
}
@keyframes moveHeaderDown{
    from{
        top:-15vh;
        position: fixed;
    }
    to{
        top:0;
        position: fixed;
    }
}
@keyframes moveHeaderUp{
    from{
        top:0;
        position: fixed;
    }
    to{
        top:-25vh;
        position: fixed;
    }
}
@keyframes moveHeaderDownMobile{
    from{
        top:-15vh;
        position: fixed;
    }
    to{
        top:0;
        position: fixed;
    }
}
@keyframes moveHeaderUpMobile{
    from{
        top:0;
        position: fixed;
    }
    to{
        top:-25vh;
        position: fixed;
    }
}

@keyframes reducedLogoSpaceAnimation{
    from{
        width: 20vw;
        float:left;
        max-height: 10vh;
    }
    to{
        width: 17vw;
        float: left;
        max-height: 10vh;
    }
}

@keyframes reducedSingleFilterAnimation {
    from{
        font-size: 2em;
    }
    to{
        font-size: 1.2em;
    }
}
@keyframes reducedSingleFilterAnimationMobile {
    from{
        font-size: 2em;
    }
    to{
        font-size: 0.9em;
    }
}
@keyframes headerDisappear{
    from{
        top: 0;
    }
    top{
        top: -25vh;
    }
}
@keyframes headerAppear{
    from{
        top: -25vh;
    }
    top{
        top: -25vh;
    }
}
html, body{
    user-select: none;
}
/*animazione menu*/
.letHeaderDisappear{
    animation: headerDisappear;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
}
.letHeaderAppear{
    animation: headerAppear;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
}
#headerSide{
    width: 100vw;
    position: absolute;
    z-index: 10;
    max-height: 15vh;
    min-height: 15vh;
}
header{
	width:100vw;
	position: absolute;
	z-index: 3;
    height: 15vh;
    backdrop-filter: blur(5px);
    top: 0;
}
.letHeaderAppear{
    animation: moveHeaderDown;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
.letHeaderDisappear{
    animation: moveHeaderUp;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
.letHeaderAppearMobile{
    animation: moveHeaderDownMobile;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
.letHeaderDisappearMobile{
    animation: moveHeaderUpMobile;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
/*logo*/
.reducedLogoSpace{
    animation: reducedLogoSpaceAnimation;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
img.logo{    
	width: calc(20vw - 50px);
	float:left;
    left: 2vw;
    margin: 25px;
    cursor: pointer;
}
img.contractLogo{
	width: 7vw;
    position: fixed;
    top: 1vh;
    left: calc(50vw - 3.5vw);
    cursor: pointer;
    display: none;
}
.menuTop{
    width: auto;
    max-width: 15vw;
    margin-left: 0;
    height: 15vh;
    margin-top: 1vh;
    margin-bottom: 1vh;
    position: absolute;
    right: 25px;
    box-sizing: border-box;
}
.mainDivisionMenuTop{
    right: 20vw; 
}
ul.listMenuTop{
    list-style: none;
    padding: 15px;
    right: 0;
    line-height: 8vh;
    right: 0;
    height: 15vh;
    box-sizing: border-box;
}
/*impostazioni di valori di default*/
li.listMenuItem{
    width: 100%;
    padding-right: 0;
    padding-left: 10px;
    text-align: right;
    line-height: calc(8vh - 50px);
    font-size: 1em;
    letter-spacing: 2px;
    text-transform: capitalize;
    cursor: pointer;
    transition: 0.5s;
    color: rgb(0,0,0);
    mix-blend-mode: difference;
    font-weight: 200;
}
li.listMenuItem:hover{
    transition: 0.4s;
    padding-right: 5px;
    padding-left: 5px;
}
li.mainMenuItem{
    width: 100%;
    padding-right: 0;
    padding-left: 10px;
    text-align: right;
    line-height: calc(8vh - 50px);
    font-size: 1.2em;
    letter-spacing: 0;
    text-transform: capitalize;
    cursor: pointer;
    transition: 0.5s;
    color: rgb(0,0,0);
    mix-blend-mode: difference;
    font-weight: 200;
}
.reducedSingleFilter{
    animation: reducedSingleFilterAnimation;
    animation-duration: 0.4s;
    animation-fill-mode: both;
}
/*gestione submenu/filter space*/
#subMenuId{
    width: 100vw;
    margin-top: 0;
    height: calc(5vh);
    bottom: 0;
    right: 0;
}
.categoryButton{
    position: absolute;
    right: 0;
    padding: 12.5px;
    max-height: 20px;
    background: rgba(0,0,0,0.85);
    box-shadow: 0 0 5px rgb(90,90,90);
    border-radius: 5px;
    width: 125px;
    cursor: pointer;
    bottom: -50px;
    display: inline-block;
}
.searchingandSavingTool{
    margin-left: 5px;
    margin-right: 5px;
    max-height: 20px !important;
    font-size: 20px;
    max-width: 20px;
    transition:0.2s;
}
.searchingandSavingTool:hover{
    opacity: 0.5;
    transition:0.2s;
}
/*gestione del filtro in-town*/
#switchSpace{
    position: absolute;
    bottom: -50px;
    z-index: 999;
    width: 132.5px;
    height: 20px;
    left: 10px;
    padding: 12.5px;
    background: rgba(0,0,0,0.85);
    backdrop-filter: blur(5px);
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(90,90,90);
    cursor: pointer;
}
.switcherContainer{
    width: 100%;
    height: 20px;
    top: 0;
}
.switcherTitle{
    width: 80px;
    font-size: 0.8em;
    color: rgb(40,40,40);
    text-align: center;
    text-transform: uppercase;
    font-weight: 200;
    line-height: 20px;
}
.boldSwitcherTitle{
    font-weight: 500;
}
.switcherHome{
    background: rgb(0,0,0);
    box-shadow: 1px 1px 4px rgb(90,90,90) inset;
    width: 40px;
    height: 20px;
    border-radius: 25px;
    position: relative;
}
.switcher{
    width: 16px;
    height: 16px;
    background-color: rgb(90,90,90);
    border-radius: 25px;
    position: absolute;
    top: 2px;
    left: 2px;
}
.switchedOn{
    animation: switchMe;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
}
.switchedOff{
    animation: switchOffMe;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
}
/*gestione submenu*/
ul.listSubMenu{
    list-style: none;
    padding: 25px;
    right: -375px;
    line-height: calc(5vh - 50px);
    position: absolute;
    background: red;
    height: calc(60vh - 25px);
    top: 11vh;
    max-height: calc(60vh - 25px);
    overflow-y: scroll;
    width: 300px;
    background: rgba(0,0,0,0.85);
    backdrop-filter: blur(5px);
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(90,90,90);
    z-index: 9999 !important;
}
.listSubMenuVisible{
    animation: moveMeOnRight;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-timing-function:ease-in-out;
}
.listSubMenuNotVisible{
    animation: moveMeOnLeft;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-direction: normal;
}
.arrowToLeft{
    padding: 5px;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 10px;
    color: rgb(90,90,90);
    border: 1px solid rgb(90,90,90);
    background: rgb(0,0,0);
    border-radius: 25px;
    z-index: 999;
    transition: 0.2s;
    cursor: pointer;
}
.arrowToLeft:hover{
    transition: 0.2s;
    opacity: 0.5;
}
h1.listSubMenuTitle{
    width: calc(100% - 25px);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 25px;
    text-align: right;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 0.85em;
    letter-spacing: 2px;
    color: rgb(90,90,90);
    padding-bottom: 15px;
    padding-right: 5px;
    border-bottom: 1px solid rgb(40,40,40);
}
li.listSubMenuItem{
    width: calc(100% - 20px);
    padding: 10px;
    text-align: left;
    line-height: calc(8vh - 50px);
    font-size: 0.8em;
    letter-spacing: 2px;
    text-transform: capitalize;
    cursor: pointer;
    transition: 0.5s;
    color: rgb(0,0,0);
    cursor: pointer;
    transition: 0.2s;
}
li.listSubMenuItem:nth-child(-n + 3){
    margin-top: 50px;
}
li.listSubMenuItem:hover{
    opacity: 0.5;
    transition: 0.2s;
}
/*gestione ricerca*/
#searchContainerId{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
    z-index: 999;
    display: none;
}
.searchContainerDisapper{
    animation: disapparMe;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
.searchContent{
    width: 20vw;
    height: 50vh;
    margin-top: 25vh;
    margin-bottom: 25vh;
    margin-left: 25vw;
    margin-right: 25vw;
    z-index: 99;
}
.movedSearchContent{
    animation: putMeUp;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
.searchTitle{
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
    font-size: 1em;
    letter-spacing: 2px;
    color: rgb(40,40,40);
    text-transform: uppercase;
    font-weight: 300;
}
#searchbar::placeholder{
    color: rgb(200,200,200);
}
#searchbar{
    width: calc(20vw - 32px);
    height: calc(5vh - 32px);
    border: 1px solid rgb(200,200,200);
    color: rgb(90,90,90);
    padding: 15px;
    position: relative;
}
.closeSearchBarToolContainerButton{
    color: rgb(0,0,0);
    background: rgb(0,0,0);
    position: absolute;
    top: 25px;
    right: 75px;
    border-radius: 25px;
    padding: 10px;
    cursor: pointer;
}
.clearSearchToolBar{
    opacity: 0;
    padding: 15px;
    position: absolute;
    top: -2px;
    right: 10px;
    font-size: 1em;
    letter-spacing: 2px;
    color: rgb(40,40,40);
    text-transform: uppercase;
    cursor: pointer;
}
#plusModel, #minusModel{
    position: absolute;
    top: 0vh;
    right: 50px;
    color: rgb(90,90,90);
    opacity: 0;
}
.moveMeUpClass{
    animation: moveMeUp;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
li.divisionItem{
    /*
    width: 80px;
    height: 20px;
    font-size: 0.7em;
    font-weight: 200;
    color: rgb(100,100,100);
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.2s;
    */
}
li.divisionItem:hover{
    transition: 0.2s;
}
.selectedDivisionItem{
    font-weight: 400 !important;
    color: rgb(26, 192, 252) !important;
}
.switchButtonIcon{
    width: 20px;
    transform: scale(0.9);
    margin-right: 5px;
    color: rgb(30,30,30);
}
.clearDivisionFilterButton{
    width: 80px;
    height: 20px;
    font-size: 0.7em;
    font-weight: 200;
    background: rgb(30,30,30);
    color: rgb(200,200,200);
    font-size: 0.8em;
    text-align: center;
    line-height: 20px;
    letter-spacing: 1px;
    margin-top: 15px;
    text-transform: uppercase;
    display: none;
    cursor: pointer;
    margin-left: 35px;
}
/*setting division filter*/
.filterDivision{
    top: 0;
    right: 35vw;
    z-index: 9999;
    position: absolute;
    width: auto;
    max-width: 10vw;
    margin-left: 0;
    height: 15vh;
    margin-top: 1vh;
    margin-bottom: 1vh;
    box-sizing: border-box;
}
ul.divisionList{
    list-style: none;
    padding: 15px;
    right: 0;
    line-height: 8vh;
    right: 0;
    height: 15vh;
    box-sizing: border-box;
}
li.divisionItem{
    width: 100%;
    padding-right: 25px;
    padding-left: 10px;
    text-align: left;
    line-height: calc(8vh - 50px);
    font-size: 1em;
    text-transform: capitalize;
    cursor: pointer;
    transition: 0.5s;
    color: rgb(0,0,0);
    mix-blend-mode: difference;
    font-weight: 200;
    display: flex;
    letter-spacing: 2px;
}
li.divisionItem:hover{
    transition: 0.2s;
    letter-spacing: 3px;
}
.selectedDivisionItem{
    font-weight: 400 !important;
    color: rgb(26, 192, 252) !important;
}
.switchButtonIcon{
    width: 20px;
    transform: scale(0.9);
    margin-right: 5px;
    color: rgb(30,30,30);
}
.clearDivisionFilterButton{
    width: 80px;
    height: 20px;
    font-size: 0.7em;
    font-weight: 200;
    background: rgb(30,30,30);
    color: rgb(200,200,200);
    font-size: 0.8em;
    text-align: center;
    line-height: 20px;
    letter-spacing: 1px;
    margin-top: 15px;
    text-transform: uppercase;
    display: none;
    cursor: pointer;
}
.influencerSwithButton, .curvySwithButton, .athleteSwithButton, .actorSwithButton{
    opacity: 0;
}
/*gender filter*/
/*nascosto il not binary*/
.NotBinaryGenderTxt{
    /*display: none !important;*/
}
.mainGenderContainer{
    margin-left: calc(50% - 10vw - 20px);
    margin-right: calc(50% - 10vw - 20px);
    width: 20vw;
    height: 5vh;
    color: rgb(90,90,90);
    position: relative;
    margin-top: 15px;
}
.genderText{
    width: calc(20vw / 3);
    height: 20px;
    font-size: 0.7em;
    font-weight: 200;
    color: rgb(100,100,100);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s;
}
.maleGenderIcon, .femaleGenderIcon, .notBinaryGenderIcon {
    opacity: 0;
    display: none;
}
.selectedGenderClass{
    font-weight: 400 !important;
    color: rgb(26, 192, 252) !important;
}
.removeGenderFilterButton{
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
    width: 24px;
    height: 24px;
    margin-bottom: 5px;
    border-radius: 5px;
    margin-top: -5px;
    margin-left: 10px;
    position: absolute;
    top: 0;
    right: -75px;
    color: rgb(255,255,255);
    background: rgb(30,30,30);
}
.menuButton, .menuButtonContract, .filterButton, .filterButtonContract{
    display: none;
}
/* gestione query per le varie versioni DESKTOP */
@media (min-width: 1024px) and (max-width: 1279px){
    .mainGenderContainer{ /*gender filter*/
        margin-left: calc(50% - 15vw - 20px);
        margin-right: calc(50% - 15vw - 20px);
        width: 30vw;
    }
    .genderText {
        width: calc(30vw / 3);
        font-size: 0.9em;
        text-align: center;
        justify-content: center;
    }
    .genderFilterIcon {
        margin-left: 0px;
    }
    .genderFilterIconSearch{
        width: 4px;
        height: 4px;
    }
    li.divisionItem {
        line-height: calc(8vh - 30px) !important;
        font-size: 0.8em;
        max-height: calc((15vh - 30px) / 4);
    }
    .listMenuItem {
        line-height: calc(8vh - 35px) !important;
        font-size: 0.8em !important;
    }
    li.mainMenuItem {
        height: calc((15vh - 30px) / 3);
    }
    li.mainMenuItem {
        font-size: 1em;
    }
    .fullScreenButton, .genderFilterIcon, input.contractedSearchBarClas, #searchbarContacted, .searchBarContainer, .searchContractIcon, .viewSettingIcon{
        transform: scale(0.65) !important;
    }
    .viewSettingIcon {
        margin-left: 0;
    }
    .mainDivisionMenuTop {
        right: 16vw;
    }
    @keyframes reducedSingleFilterAnimation {
        from{
            font-size: 1.2em;
        }
        to{
            font-size: 0.9em;
        }
    }
}
@media (min-width: 1280px) and (max-width: 1365px){
    .mainGenderContainer{ /*gender filter*/
        margin-left: calc(50% - 15vw - 20px);
        margin-right: calc(50% - 15vw - 20px);
        width: 30vw;
    }
    .genderText {
        width: calc(30vw / 3);
        font-size: 0.9em;
        text-align: center;
        justify-content: center;
    }
    .genderFilterIcon {
        margin-left: 0px;
    }
    .genderFilterIconSearch{
        width: 4px;
        height: 4px;
    }
    li.divisionItem {
        line-height: calc(8vh - 50px) !important;
        font-size: 0.8em;
        max-height: calc((15vh - 30px) / 4);
    }
    .listMenuItem {
        line-height: calc(8vh - 50px) !important;
        font-size: 0.8em !important;
        height: calc(8vh / 4);
    }
    li.mainMenuItem {
        height: calc((15vh - 30px) / 3);
    }
    li.mainMenuItem {
        font-size: 1em;
    }
    .fullScreenButton, .genderFilterIcon, input.contractedSearchBarClas, #searchbarContacted, .searchBarContainer, .searchContractIcon, .viewSettingIcon{
        transform: scale(0.9) !important;
    }
    .viewSettingIcon {
        margin-left: 0;
    }
    .mainDivisionMenuTop {
        right: 16vw;
    }
    @keyframes reducedSingleFilterAnimation {
        from{
            font-size: 1.2em;
        }
        to{
            font-size: 0.9em;
        }
    }
}
@media (min-width: 1366px) and (max-width: 1439px){
    .mainGenderContainer{ /*gender filter*/
        margin-left: calc(50% - 15vw - 20px);
        margin-right: calc(50% - 15vw - 20px);
        width: 30vw;
    }
    .genderText {
        width: calc(30vw / 3);
        font-size: 0.9em;
        text-align: center;
        justify-content: center;
    }
    .genderFilterIcon {
        margin-left: 0px;
    }
    .genderFilterIconSearch{
        width: 4px;
        height: 4px;
    }
    li.divisionItem {
        line-height: calc(8vh - 50px) !important;
        font-size: 0.8em;
        max-height: calc((15vh - 50px) / 4);
        height: calc((15vh - 50px) / 4);
    }
    .listMenuItem {
        line-height: calc(8vh - 50px) !important;
        font-size: 0.8em !important;
    }
    li.mainMenuItem {
        height: calc((15vh - 30px) / 3);
    }
    li.mainMenuItem {
        font-size: 1em;
    }
    .fullScreenButton, .genderFilterIcon, input.contractedSearchBarClas, #searchbarContacted, .searchBarContainer, .searchContractIcon, .viewSettingIcon{
        transform: scale(0.9) !important;
    }
    .viewSettingIcon {
        margin-left: 0;
    }
    .mainDivisionMenuTop {
        right: 16vw;
    }
    @keyframes reducedSingleFilterAnimation {
        from{
            font-size: 1.2em;
        }
        to{
            font-size: 0.9em;
        }
    }
}
@media (min-width: 1440px) and (max-width: 1679px){
    .mainGenderContainer{ /*gender filter*/
        margin-left: calc(50% - 15vw - 20px);
        margin-right: calc(50% - 15vw - 20px);
        width: 30vw;
    }
    .genderText {
        width: calc(30vw / 3);
        font-size: 0.9em;
        text-align: center;
        justify-content: center;
    }
    .genderFilterIcon {
        margin-left: 0px;
    }
    .genderFilterIconSearch{
        width: 4px;
        height: 4px;
    }
    li.divisionItem {
        line-height: calc(8vh - 50px) !important;
        font-size: 0.8em;
        max-height: calc((15vh - 50px) / 4);
        height: calc((15vh - 50px) / 4);
    }
    .listMenuItem {
        line-height: calc(8vh - 50px) !important;
        font-size: 0.8em !important;
    }
    li.mainMenuItem {
        line-height: calc(8vh - 54px);
    }
    li.mainMenuItem {
        font-size: 1em;
    }
    .fullScreenButton, .genderFilterIcon, input.contractedSearchBarClas, #searchbarContacted, .searchBarContainer, .searchContractIcon, .viewSettingIcon{
        transform: scale(0.9) !important;
    }
    .viewSettingIcon {
        margin-left: 0;
    }
    .mainDivisionMenuTop {
        right: 16vw;
    }
    @keyframes reducedSingleFilterAnimation {
        from{
            font-size: 1.2em;
        }
        to{
            font-size: 0.9em;
        }
    }
}
@media (min-width: 1680px) and (max-width: 1919px){
    .mainGenderContainer{ /*gender filter*/
        margin-left: calc(50% - 15vw - 20px);
        margin-right: calc(50% - 15vw - 20px);
        width: 30vw;
    }
    .genderText {
        width: calc(30vw / 3);
        font-size: 0.9em;
        text-align: center;
        justify-content: center;
    }
    .genderFilterIcon {
        margin-left: 0px;
    }
    .genderFilterIconSearch{
        width: 4px;
        height: 4px;
    }
    li.divisionItem {
        line-height: calc(8vh - 50px) !important;
        font-size: 0.8em;
        max-height: calc((15vh - 50px) / 4);
    }
    .listMenuItem {
        line-height: calc((8vh - 0px) / 4) !important;
        font-size: 0.8em !important;
        max-height: calc((8vh - 0px) / 4);
    }
    li.mainMenuItem {
        line-height: calc((8vh - 25px) / 3);
    }
    li.mainMenuItem {
        font-size: 1em;
    }
    .fullScreenButton, .genderFilterIcon, input.contractedSearchBarClas, #searchbarContacted, .searchBarContainer, .searchContractIcon, .viewSettingIcon{
        transform: scale(0.9) !important;
    }
    .viewSettingIcon {
        margin-left: 0;
    }
    .mainDivisionMenuTop {
        right: 16vw;
    }
    @keyframes reducedSingleFilterAnimation {
        from{
            font-size: 1.2em;
        }
        to{
            font-size: 0.9em;
        }
    }
}
@media (min-width: 1920px) and (max-width: 2559px){
}
@media (min-width: 2559px) and (max-width: 3839px){
}
@media (min-width: 3840px) and (max-width: 5120px){
}


/******************/
/*GESTIONE COOKIES*/
/******************/
#cookies-advise-container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    backdrop-filter: blur(10px);
    background: rgba(255,255,255,0.5);
    z-index: 99999;
}
.cookies-advice-text-container{
    width: 40vw;
    min-width: 40vw;
    max-width: 40vw;
    height: 30vh;
    min-height: 30vh;
    max-height: 30vh;
    position: absolute;
    top: 35vh;
    left: 30vw;
    border-radius: 5px;
    background: rgb(255,255,255);
    padding: 5vw;
    box-sizing: border-box;
    display: flex;
    align-content: center;
    align-items: center;
}
.cookies-advice-text{
    font-size: 1em;
    color: rgb(60,60,60);
    letter-spacing: 1px;
    line-height: 1.1em;
}
.cookies-advice-text a{
    color: rgb(26, 192, 252) !important;
}
.close-button{
    position: absolute;
    top: 10px;
    right: 10px;
    color: rgb(30,30,30);
    letter-spacing: 1px;
    font-size: 0.8em;
    transition: 0.5s;
    padding: 10px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-transform: uppercase;
}
.close-button:hover{
    transition: 0.2s;
    letter-spacing: 2px;
}
.cookies-button{
    position: absolute;
    width: 5vw;
    height: 3vh;
    bottom: 5vh;
    padding: 15px;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: 0.5s;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.cookies-accept{
    background: rgb(0,0,0);
    color: rgb(255,255,255);
    right: 11vw;
}
.cookies-accept:hover{
    opacity: 0.5;
    transition: 0.2s;
}
.cookies-deny{
    border: 1px solid rgb(0,0,0);
    background: rgb(255,255,255);
    color: rgb(0,0,0);
    right: 5vw;
}
.cookies-deny:hover{
    opacity: 0.5;
    transition: 0.2s;
}