@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic.woff2') format('woff2'),
        url('fonts/CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('fonts/CenturyGothic-Bold.woff') format('woff'),
        url('fonts/CenturyGothic.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.iconclose{float:right;cursor: pointer;width:35px; height:35px;background-color: #fff;background: url("img/iconclose.png") no-repeat;   background-size: 100%; background-clip: border-box;}
.noborder{border:0px;padding: 0px;}
.directorist-card__body{ padding-left: 5px;}

.modal { display: none;  position: fixed;z-index: 21;  padding-top: 140px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.6); border-radius:10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;}
.coupon{float:left;width:280px;height:210px;}
.detcoupon{padding-left: 5px;text-align: left;float:left; width:280px;height:210px;}
.titleofferta{ font-weight: bold;color:#179726;font-size:18px;}
.btncoupon{ font-weight: bold;color:#fff;font-size:16px;background-color:#d20000;width:180px;height:35px;text-align: center;line-height: 35px;cursor: pointer;border-radius: 4px;}
.icopuntiqiz{cursor: pointer;width:35px; height:35px;background-color: #fff;background: url("img/puntiqiz.png") no-repeat;   background-size: 100%; background-clip: border-box;}
.msgcoupdown{padding: 10px;width:310px; margin: auto;padding-top: 20px; padding-bottom: 20px; background-color: #fff; color:#000;border: 2px solid #d20000;border-radius: 4px;}
.downloadapp{margin-left: 15px;cursor: pointer;width:250px; height:40px;background-color: #fff;background: url("img/btndownapp.png") no-repeat;   background-size: 100%; background-clip: border-box;}
/* panel */
.paneldiv{ width: 98%; min-height: 100%;height: auto;overflow: -moz-scrollbars-vertical;background-color:#fff;}
.topbar{ 	width:100%; height: 90px; background-color:#fff;overflow: hidden;}
.logobar{cursor: pointer;margin-top: 10px;float:left;margin-left: 20px; width:80px; height:80px;background: url("https://www.quiinzona.it/img/qizlogo.png") no-repeat;   background-size: 80%; background-clip: border-box;}
.howto{ margin-right:50px;height:99%; background-color: #fff;text-align: right;line-height: 50px;font-family:'Century Gothic',tahoma, verdana;}
.usrlog{width: 95%;height: auto;background-color :#fff;z-index: 0;
	position: relative;margin-top: 70px;padding: 15px; text-align: center;}
.block{margin-right: 10px;width: 300px;height: 200px;float: left;padding: 10px;}
.maintitle{ font-family:'Century Gothic',verdana;font-size:30px;color:#000;font-weight: bold;}
.titleblock{ margin-top: 10px;font-family:'Century Gothic',verdana;font-size:16px;color:#d20000;font-weight: bold;}
.txtblockclaim{ margin-top: 10px;font-family:'Century Gothic',verdana;font-size:16px;color:#d20000;font-weight: bold;}
.txtblock{margin-top: 10px; font-family:'Century Gothic',verdana;font-size:15px;color:#000;}
.footxt{margin-top: 10px; font-family:'Century Gothic',verdana;font-size:12px;color:#000;}
.icousr{cursor: pointer;margin: auto;width:80px; height:80px;background: url("https://www.quiinzona.it/partner/css/img/icousr.png") no-repeat;   background-size: 100%; background-clip: border-box;display:inline-block;}
.icocli{cursor: pointer;margin: auto;width:80px; height:80px;background: url("https://www.quiinzona.it/partner/css/img/icocli.png") no-repeat;   background-size: 100%; background-clip: border-box;display:inline-block;}
.icoeuro{cursor: pointer;margin: auto;width:80px; height:80px;background: url("https://www.quiinzona.it/partner/css/img/icoeuro.png") no-repeat;   background-size: 100%; background-clip: border-box;display:inline-block;}
.footerbar{ 	width:100%; height: 90px; background-color:#fff;overflow: hidden;border-top: 1px solid #c2c4c2;}

.btn {cursor: pointer;color:#fff;font-family:'Century Gothic';font-size:16px;padding: 5px 5px 5px 5px;
background-color: #44972a;text-align:center;line-height:32px;height: 37px;
        border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;width:100px; }



@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
 	and (orientation : portrait) {
    .block{width: 95%;height: 180px;float: left;padding: 10px;}
    .txtblock{margin-top: 10px; font-family:'Century Gothic',verdana;font-size:16px;color:#000;}

}