/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');

#openCookie {
    cursor: pointer;
}

.openCookie {
    cursor: pointer;
}


#container-gdpr * {
    box-sizing: border-box;
}

#container-gdpr {
    position  : fixed;
    height    : auto;
    bottom    : 40px;
    right     : 2.5vw;
    display   : flex;
    z-index   : 9999;
    opacity   : 0;
    visibility: hidden;
}

#container-gdpr.opened {
    opacity   : 1;
    visibility: visible
}

#container-gdpr.closed {
    opacity   : 0;
    visibility: hidden
}

#container-gdpr a.underline {
    text-decoration: underline !important;
}



#container-gdpr .sfondo-gdpr {
    position        : fixed;
    top             : 0;
    left            : 0;
    width           : 100vw;
    height          : 100vh;
    background-color: #000;
    opacity         : 0;
    visibility      : hidden;
}

#container-gdpr #awdGDPRvisible {
    position        : relative;
    width           : 100%;
    padding         : 0;
    display         : flex;
    flex-flow       : row wrap;
    background-color: #000;
    border-radius   : 15px;
}

#container-gdpr #awdGDPRvisible .txt {
    position   : relative;
    width      : 15vw;
    height     : auto;
    align-items: stretch;
    padding    : 20px;
}

#container-gdpr #awdGDPRvisible .txt p {
    margin   : 0;
    color    : #fff;
    font-size: 1rem;
}

#container-gdpr #awdGDPRvisible .cookieButtonAWDGDPR {
    position        : relative;
    cursor          : pointer;
    color: white;
    text-decoration: underline;
}

/* #container-gdpr #awdGDPRvisible .cookieButtonAWDGDPR::after{
    position: absolute;
    left: 0;
} */

#container-gdpr #awdGDPRvisible .cookieButtonAWDGDPR span {
    position         : absolute;
    top              : 50%;
    left             : 0;
    width            : 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    transform        : translateY(-50%);
    color            : #fff;
    text-align       : center;
    font-size        : 1rem;
}

#container-gdpr #awdGDPRvisible .privacyButtonAWDGDPR {
    position          : relative;
    width             : 150px;
    float             : right;
    align-items       : stretch;
    height            : 100%;
    text-align        : center;
    cursor            : pointer;
    background-color  : transparent;
    -webkit-transition: background-color 0.35s ease-in-out 0s;
    -moz-transition   : background-color 0.35s ease-in-out 0s;
    -o-transition     : background-color 0.35s ease-in-out 0s;
    transition        : background-color 0.35s ease-in-out 0s;
    padding           : 20px 0;
}

#container-gdpr #awdGDPRvisible .privacyButtonAWDGDPR span {
    position         : absolute;
    top              : 50%;
    left             : 0;
    width            : 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    transform        : translateY(-50%);
    color            : #fff;
    text-align       : center;
    font-size        : 12px;
}

#container-gdpr #awdGDPRvisible .privacyButtonAWDGDPR:hover {
    background-color  : #6a7381;
    -webkit-transition: background-color 0.35s ease-in-out 0s;
    -moz-transition   : background-color 0.35s ease-in-out 0s;
    -o-transition     : background-color 0.35s ease-in-out 0s;
    transition        : background-color 0.35s ease-in-out 0s;
}

#container-gdpr #awdGDPRvisible .closeReoependGDPR {
    position          : relative;
    cursor            : pointer;
    margin-top: 0.5rem;
}

#container-gdpr #awdGDPRvisible .closeReoependGDPR span {
    position         : relative;
    color            : #fff;
    text-transform: uppercase;
    font-size: 0.8rem;
}

#container-gdpr #awdGDPRcookies {
    position        : fixed;
    width           : 60%;
    left            : 20%;
    top             : 40px;
    background-color: white;
    overflow        : hidden;
    opacity         : 0;
    visibility      : hidden;
}

#container-gdpr #awdGDPRcookies .close {
    position         : absolute;
    top              : 2.5vh;
    left             : 2.5vw;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    transform        : translateY(-50%);
    color            : black;
    text-transform   : uppercase;
    font-size        : 1rem;
    cursor           : pointer;
    z-index          : 5;
}

#container-gdpr #awdGDPRcookies .GDPRAWDOptions {
    position  : relative;
    float     : left;
    padding   : calc(10vh + 30px) 5% 0 5%;
    width     : 30%;
    height    : 100%;
    z-index   : 4;
    text-align: right;
    box-sizing: border-box;
}

#container-gdpr #awdGDPRcookies .GDPRAWDOptions h3 {
    text-transform: uppercase;
    color         : black;
    font-size     : 20px;
    margin        : 3vh 0 0vh 0;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts {
    position  : relative;
    float     : left;
    padding   : 5vh 5%;
    width     : 100%;
    height    : 100%;
    z-index   : 4;
    box-sizing: border-box;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts .text {
    position: relative;
    width   : 100%;
    height  : auto;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts h2 {
    color     : black;
    text-align: center;
    font-size : 30px;
    margin    : 0 0 5vh 0;
    font-size : 30px;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts h3 {
    color    : black;
    font-size: 20px;
    margin   : 3vh 0 1vh 0;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts h4 {
    color      : black;
    font-size  : 16px;
    margin     : 2vh 0 1vh 0;
    font-weight: bold;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts p {
    color    : black;
    font-size: 1.2rem;
    margin   : 0;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts a {
    color    : black;
    font-size: 1.2rem;
    margin   : 0;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts ul {
    margin : 0.5vh 0;
    padding: 0 0 0 20px;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts ul li {
    color    : black;
    font-size: 1.2rem;
    margin   : 0;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts ul ol {
    color    : black;
    font-size: 1.2rem;
    margin   : 0;
}

.toggle-btn {
    width             : 50px;
    height            : 20px;
    margin            : 10px 0;
    border-radius     : 50px;
    display           : inline-block;
    position          : relative;
    background        : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==") no-repeat 30px center / 20% #e74c3c;
    cursor            : pointer;
    -webkit-transition: background-color .40s ease-in-out;
    -moz-transition   : background-color .40s ease-in-out;
    -o-transition     : background-color .40s ease-in-out;
    transition        : background-color .40s ease-in-out;
    cursor            : pointer;
}

.toggle-btn.active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC") no-repeat 10px center #2ecc71;
}

.toggle-btn.blocked {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC") no-repeat 10px center #6a7381;
}

.toggle-btn.active .round-btn {
    left: 35px;
}

.toggle-btn .round-btn {
    width             : 10px;
    height            : 10px;
    background-color  : #fff;
    border-radius     : 50%;
    display           : inline-block;
    position          : absolute;
    left              : 5px;
    top               : 50%;
    margin-top        : -5px;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition   : all .30s ease-in-out;
    -o-transition     : all .30s ease-in-out;
    transition        : all .30s ease-in-out;
}

.toggle-btn .cb-value {
    position  : absolute;
    left      : 0;
    right     : 0;
    width     : 100%;
    height    : 100%;
    opacity   : 0;
    z-index   : 9;
    cursor    : pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#container-gdpr #awdGDPRprivacy {
    position          : fixed;
    left              : 0;
    width             : 100%;
    height            : 0;
    background-color  : rgba(23, 25, 28, 1);
    -webkit-transition: height 0.35s ease-in-out 0s;
    -moz-transition   : height 0.35s ease-in-out 0s;
    -o-transition     : height 0.35s ease-in-out 0s;
    transition        : height 0.35s ease-in-out 0s;
    overflow-y        : scroll;
}

#container-gdpr #awdGDPRprivacy.open {
    height            : 0;
    -webkit-transition: height 0.35s ease-in-out 0s;
    -moz-transition   : height 0.35s ease-in-out 0s;
    -o-transition     : height 0.35s ease-in-out 0s;
    transition        : height 0.35s ease-in-out 0s;
}

#container-gdpr #awdGDPRprivacy .close {
    position         : absolute;
    top              : 2.5vh;
    left             : 2.5vw;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    transform        : translateY(-50%);
    color            : #fff;
    text-transform   : uppercase;
    font-size        : 12px;
    cursor           : pointer;
    z-index          : 5;
}

#container-gdpr #awdGDPRprivacy .wrapper {
    position: relative;
    padding : 5vh 5%;
    width   : 100%;
    height  : auto;
    z-index : 4;
}

#container-gdpr #awdGDPRprivacy .wrapper h2 {
    color     : #fff;
    text-align: center;
    font-size : 30px;
    margin    : 0 0 5vh 0;
}

#container-gdpr #awdGDPRprivacy .wrapper h3 {
    color    : #fff;
    font-size: 20px;
    margin   : 3vh 0 1vh 0;
}

#container-gdpr #awdGDPRprivacy .wrapper p {
    color    : #fff;
    font-size: 14px;
    margin   : 0;
}

#container-gdpr #awdGDPRprivacy .wrapper ul {
    margin : 0.5vh 0;
    padding: 0 0 0 20px;
}

#container-gdpr #awdGDPRprivacy .wrapper ul li {
    color    : #fff;
    font-size: 14px;
    margin   : 0;
}

#container-gdpr {
    font-family: 'Roboto';
}

#container-gdpr h1 {
    font-family: 'Roboto';
}

#container-gdpr h2 {
    font-family: 'Roboto';
}

#container-gdpr h3 {
    font-family: 'Roboto';
}

#container-gdpr h4 {
    font-family: 'Roboto';
}

#container-gdpr h5 {
    font-family: 'Roboto';
}

#container-gdpr h6 {
    font-family: 'Roboto';
}

#container-gdpr p {
    line-height: 1.6;
    font-size  : 1rem;
    font-family: 'Roboto';
}

#container-gdpr a {
    line-height: 1.6;
    font-size  : 1rem;
    font-family: 'Roboto';
}

#container-gdpr span {
    line-height: 1.6;
    font-size  : 1rem;
    font-family: 'Roboto';
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts .wrapper .title {
    margin-bottom: 80px;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts .wrapper .text .text-group {
    padding-bottom: 80px;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts .wrapper .text .text-group .text-group-item {
    margin: 20px 0
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts .wrapper .text .text-group .lista-numerata {
    margin: 20px 0 20px 3em;
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts .wrapper .text .text-group .lista-numerata li {
    font-family: 'Roboto';
    color      : #fff;
    font-size  : 1.2rem;
    line-height: 1.8
}

#container-gdpr #awdGDPRcookies .GDPRAWDTexts .wrapper .text .text-group .lista-numerata li span {
    font-family: 'Roboto';
    color      : #fff;
    font-size  : 1.2rem;
    line-height: 1.8
}


@media only screen and (min-width: 0px) and (max-width: 1024px) {
    #container-gdpr {
        display: block;
        width  : 90vw;
        bottom : 5vw;
        right   : 5vw;
    }

    #container-gdpr #awdGDPRcookies {
        width: 100%;
        left : 0;
        top  : 0;
    }

    #container-gdpr #awdGDPRcookies .GDPRAWDTexts {
        width  : 100%;
        padding: 60px 20px 0px 20px;
    }

    #container-gdpr #awdGDPRcookies .GDPRAWDTexts .wrapper .text .text-group {
        padding-bottom: 60px;
    }

    #container-gdpr #awdGDPRvisible {
        display: block;
        padding: 0;
    }

    #container-gdpr #awdGDPRvisible:after {
        visibility: hidden;
        display   : block;
        font-size : 0;
        content   : " ";
        clear     : both;
        height    : 0;
    }

    #container-gdpr #awdGDPRvisible .txt {
        width        : 100%;
        float        : none;
        padding      : 20px 30px;
    }

    #container-gdpr #awdGDPRvisible .txt p{
        font-size: 1rem;
    }

    #container-gdpr #awdGDPRvisible .cookieButtonAWDGDPR {
        font-size: 1rem;
    }

    #container-gdpr #awdGDPRvisible .cookieButtonAWDGDPR span {
        position         : relative;
        top              : 0;
        -webkit-transform: translateY(0);
        -ms-transform    : translateY(0);
        -o-transform     : translateY(0);
        transform        : translateY(0);
    }

    #container-gdpr #awdGDPRvisible .closeReoependGDPR {
        margin-top: 1rem;
    }

    #container-gdpr #awdGDPRvisible .closeReoependGDPR span {
        font-size: 1rem;
    }

    #container-gdpr #awdGDPRcookies {
        padding-top: 0px;
    }

    #container-gdpr #awdGDPRcookies .close {
        top: 20px;
    }

    #container-gdpr #awdGDPRcookies .GDPRAWDOptions {
        float  : none;
        width  : 100%;
        padding: 40px 0;
        height : auto;
    }

    #container-gdpr #awdGDPRcookies .GDPRAWDOptions h3 {
        float     : left;
        width     : 60%;
        margin    : 0;
        margin-top: 20px;
    }

    #container-gdpr #awdGDPRcookies .GDPRAWDOptions #cookie-analitici {
        float      : left;
        margin     : 0;
        margin-top : 20px;
        margin-left: 20px;
    }

    #container-gdpr #awdGDPRcookies .GDPRAWDOptions #cookie-tecnici {
        float      : left;
        margin     : 0;
        margin-top : 20px;
        margin-left: 20px;
    }

}