/**
 * 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: 0.9rem;
 }

 #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.7rem;
 }

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

 #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  : 0.9rem;
     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: 0.8rem;
     }

     #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;
     }

 }