/* Drafx Framework*/
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a,input,button,select,a,input:focus,button:focus,select:focus{outline:none; text-decoration:none;  -webkit-appearance: none;}
input[type="checkbox"]{-webkit-appearance:checkbox;}
#triggerfixed {position: absolute;top: 50vh;width: 100px;height: 100px;}
article {width: 100%;}
.db{display:block;}.fleft{float:left;}
.fle,.fl{display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex;  position:relative;}
.oa{overflow:auto;}.oh{overflow:hidden;}
.t0{top:0px;}.b0{bottom:0px;}
.pr{position:relative;}
.flrow{flex-flow: row wrap; -webkit-flex-flow: row wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex;  position:relative;}
.flcol{flex-flow: column; -webkit-flex-flow: column; display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex;  position:relative;}
.m.pa,.pa{position:absolute;}
.flsx{justify-content: flex-start; }
.flcent{justify-content: center;}
.fldx{justify-content:flex-end;}
.fltop{align-items:flex-start;}
.flmid{align-items:center;}
.flbot{align-items: flex-end; }
.flstretch{align-items: stretch;}
.assx{align-self:flex-start;}
.ascent{align-self:center;}
.asdx{align-self:flex-end;}
.flspa{justify-content: space-around;}
.flev{justify-content: space-evenly;}
.z1{z-index:1;}
.m > div.flsx,.m.flsx{justify-content:flex-start;}
.m > div.flcent,.m.flcent{align-items: center; }
.m > div.fldx,.m.fldx{justify-content:flex-end;}
.m > div.fltop,.m.fltop{align-items: flex-start; }
.m > div.flmid,.m.flmid{align-items: center; }
.m > div.flbot,.m.flbot{align-items: flex-end; }
.wrp_cnt{width:100%; margin:0 auto;}
.m.mw460d > div {max-width:460px; }
.m.mw600d > div {max-width:600px; }
.m.mw990d > div{max-width:990px;}
.m.mw1024d > div {max-width:1024px;}
.m.mw1366d > div{max-width:1366px;}
.mw90vw { max-width: 90vw;}
.mw100vw { max-width: 100vw;}
.mw100x { max-width: 100%;}
.mw50x { max-width: 50%;}
.mw460 {max-width:460px;}
.mw600 {max-width:600px;}
.mw990{max-width:990px;}
.mw1024{max-width:1024px;}
.mw1280{max-width:1280px;}
.mw1366{max-width:1366px;}
.mw1680{max-width:1680px;}
.minh200{min-height:200px;}
.miw50{min-width:50px;}.miw150{min-width:150px;}.miw100{min-width:100px;}.miw200{min-width:200px;}.miw350{min-width:350px;}
.my20{margin-top:20px; margin-bottom:20px;}.my10{margin-top:10px; margin-bottom:10px;}.my5{margin-top:5px; margin-bottom:5px;}.my0{margin-top:0px; margin-bottom:0px;}
.mx20{margin-left:20px; margin-right:20px;}.mx10{margin-left:10px; margin-right:10px;}.mx5{margin-left:5px; margin-right:5px;}.mx0{margin-left:0px; margin-right:0px;}
.mt0{margin-top:0px;}.mb0{margin-bottom:0px;}.mta{margin-top:auto;}
.ma{margin-left: auto; margin-right: auto;}
.mla{margin-left: auto;}.mra{ margin-right: auto;}
.ml5{margin-left:5px;}.mr5{margin-right:5px;}.mb5{margin-bottom:5px;}.mt5{margin-top:5px;}
.ml10{margin-left:10px;}.mr10{margin-right:10px;}.mb10{margin-bottom:10px;}.mt10{margin-top:10px;}
.ml20{margin-left:20px;}.mr20{margin-right:20px;}.mb20{margin-bottom:20px;}.mt20{margin-top:20px;}
.ml40{margin-left:40px;}.mr40{margin-right:40px;}.mb40{margin-bottom:40px;}.mt40{margin-top:40px;}
.ml80{margin-left:80px;}.mr80{margin-right:80px;}
.fx1{flex:1;}.fx2{flex:2;}.fx3{flex:3;}.fx4{flex:4;}.fx5{flex:5;}.fx6{flex:6;}.fx7{flex:7;}.fx8{flex:8;}.fx9{flex:9;}.fx10{flex:10;}
.hft{height:fit-content;}
.w100,.sw100>*{width:100%;}
.w50{width:50%;}
.w33{width:33%;}
.w25{width:25%;}
.h100{height:100%;}
.h100w{height:100vh;}
.h50{height:50%;}
.h33{height:33%;}
.h25{height:25%;}
.w50d>div{width:50%;}
.w33d>div{width:33%;}
.w25d>div{width:25%;}
.tacd>div,.tacd>*{ text-align:center}
.tac{ text-align:center}
.tald>div,.tald>*{ text-align:left}
.tal{ text-align:left}
.tard>div,.tard>*{ text-align:right}
.tar{ text-align:right}
.tajd>div,.tajd>*{ text-align:justify}
.taj{ text-align:justify}
.t5{top:5px;}.b5{bottom:5px;}.l5{left:5px;}.r5{right:5px;}
.t7{top:7px;}.b5{bottom:7px;}.l5{left:7px;}.r7{right:7px;}
.t10{top:10px;}.b10{bottom:10px;}.l10{left:10px;}.r10{right:10px;}
.py5,.m.py5{padding-top:5px; padding-bottom:5px;}.py10,.m.py10{padding-top:10px; padding-bottom:10px;}.py20,.m.py20{padding-top:20px; padding-bottom:20px;}.py40,.m.py40{padding-top:40px; padding-bottom:40px;}.py12,.m.py12{padding-top:12px; padding-bottom:12px;}
.py80,.m.py80{padding-top:80px; padding-bottom:80px;}.py18{padding-top:18px; padding-bottom:18px;}
.px40,.m.px40{padding-left:40px; padding-right:40px;}.px80,.m.px80{padding-left:80px; padding-right:80px;}.px20,.m.px20{padding-left:20px; padding-right:20px;}.px10,.m.px10{padding-left:10px; padding-right:10px;}.px12,.m.px12{padding-left:12px; padding-right:12px;}.px18{padding-left:18px; padding-right:18px;}
.pt0,.m.pt0{padding-top:0px;}.pb0,.m.pb0{padding-bottom:0px;}
.pt5,.m.pt5{padding-top:5px;}.pb5,.m.pb5{padding-bottom:5px;}.pl5,.m.pl5{padding-left:5px;}.pr5,.m.pr5{padding-right:5px;}
.pt10,.m.pt10{padding-top:10px;}.pb10,.m.pb10{padding-bottom:10px;}.pl10,.m.pl10{padding-left:10px;}.pr10,.m.pr10{padding-right:10px;}
.pt20,.m.pt20{padding-top:20px;}.pb20,.m.pb20{padding-bottom:20px;}.pl20,.m.pl20{padding-left:20px;}.pr20,.m.pr20{padding-right:20px;}
.pt40,.m.pt40{padding-top:40px;}.pb40,.m.pb40{padding-bottom:40px;}.pl40,.m.pl40{padding-left:40px;}.pr40,.m.pr40{padding-right:40px;}
.m{display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex; position:relative; width:100%;  align-items: center; justify-content: center;}
.m > div{display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex; flex-flow:row wrap; align-items:center; justify-content:center; width:100%; }
.m > div > h3{width:100%; text-align:center; }
.m.p1,.m.p1 >div {align-items: flex-start; justify-content: flex-start; flex: 1 100%; padding: 40px;}
.m.p2,.m.p2 >div {align-items: flex-start; justify-content: center; flex: 1 100%; padding: 40px;}
.m.p3,.m.p3 >div {align-items: flex-start; justify-content: flex-end; flex: 1 100%; padding: 40px;}
.m.p4,.m.p4 >div {align-items: center; justify-content: flex-start; flex: 1 100%; padding: 40px;}
.m.p5,.m.p5 >div {align-items: center; justify-content: center; flex: 1 100%; padding: 40px;}
.m.p6,.m.p6 >div {align-items: center; justify-content: flex-end; flex: 1 100%; padding: 40px;}
.m.p7,.m.p7 >div {align-items: flex-end; justify-content: flex-start; flex: 1 100%; padding: 40px;}
.m.p8,.m.p8 >div {align-items: flex-end; justify-content: center; flex: 1 100%; padding: 40px;}
.m.p9,.m.p9 >div {align-items: flex-end; justify-content: flex-end; flex: 1 100%; padding: 40px;}
ul,li,ol{list-style:none; margin:0px; padding:0px}
ul.inline li {display: inline;width: auto;height: auto; margin: 0px 10px;}

/* Studio input */
input.px10.w100{width:calc(100% - 20px);}
input.pl40.w100{width:calc(100% - 40px);}
select.px10.w100{width:calc(100% - 20px);}
select.pl40.w100{width:calc(100% - 40px);}
select.pl40{text-indent:40px; padding-left:0px;}
@media (max-width: 1366px) {
  .mw990{
max-width:800px;
}

div.mod03 > div > a > img {
    max-width: 80%;
}
div.mod03.var-1 > div > a > img {
    max-width: 100%;
}
}




@media (max-width: 1024px) {
 #selettoreCSS{display:none!important;}
}
@media (max-width: 600px) {
.l10 {left: 5px;}
.py80{ padding-top:40px; padding-bottom:40px;}
.pl40{padding-left:20px;}
.pr40{padding-right:20px;}
input.pl40{padding-left:40px;}
.px40,.m.px40{padding-left:20px; padding-right:20px;}.px80,.m.px80{padding-left:40px; padding-right:40px;}.px20,.m.px20{padding-left:10px; padding-right:10px;}.px10,.m.px10{padding-left:5px; padding-right:5px;}	
  .py40,.m.py40{
  padding-top: 20px;
    padding-bottom: 20px;
}
  .my20 {
    margin-top: 10px;
    margin-bottom: 10px;
}
input.px10.w100{width:calc(100% - 10px);}
input.pl40.w100{width:calc(100% - 20px);}
select.px10.w100{width:calc(100% - 10px);}
select.pl40.w100{width:calc(100% - 20px);}
#selettoreCSS{display:none;}
}
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

blockquote {
    margin: 0px;
    margin-block-start: 0px;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* custom checkbox > colore sfondo #1a171b > <label class="container">Spedisci ad un indirizzo differente<input type="checkbox" checked="checked"> <span class="checkmark"></span></label>*/
.container{display:flex;position:relative;padding-left:35px;cursor:pointer;font-size:11px;min-height:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:transparent;border: 1px solid rgba(0,0,0,0.1);}.container:hover input~.checkmark{background-color:#ccc}.container input:checked~.checkmark{background-color:transparent}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:7px;top:5px;width:5px;height:10px;border:solid #1a171b;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
/* custom radio > colore sfondo #1a171b   <label class="container">One<input type="radio" checked="checked" name="radio"> <span class="radiomark"></span></label><label class="container">Two<input type="radio" name="radio"><span class="radiomark"></span></label>*/
.radiomark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:transparent;border:1px solid rgba(0,0,0,.1);border-radius:50%}.container:hover input~.radiomark{background-color:#ccc}.container input:checked~.radiomark{background-color:transparent}.radiomark:after{content:"";position:absolute;display:none}.container input:checked~.radiomark:after{display:block}.container .radiomark:after{top:8px;left:8px;width:8px;height:8px;border-radius:50%;background:#1a171b;}
