
.button.wauto { min-width:auto; }
.button.black { background:#000; color:#FFF!important; }
.button.rose { background:#f3e1c7; color:#000; }
.button.red { background:#F05F5F; color:#FFF; }
.button.rose:hover { background:#DDD;  color:#000; }
.button.bggray {  color:#FFF; background:#5A5A5A; border-color:#5A5A5A;  }
.button.bgray-dark { color:#555; background:#F5F5F5;  }
.button.bgray-dark:hover { background:#898687; color:#FFF; }
.button.bblack {  border:1px solid #000;  color:#000; background:none;  }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
.nodesktop { display:none!important;  }
.bgvideo {  position: absolute; }
.underline {  text-decoration:underline; }

.addcart { display:inline-block;  }
.addcart span { display:inline-block; float:left; line-height: 24px; }
.addcart svg { float:left; margin-right:10px; }
.addcart svg path { fill:#FFF; }
.addcart:hover svg path { fill:#000; }

.msg {  width:100%; color:#FFF; font-size:15px; box-sizing: border-box; display:blocK; margin-bottom:20px; }
.msg .ok { width:100%; background:#9FB034; box-sizing: border-box; padding:4px 15px 4px 15px;}
.msg .alert { width:100%; background:#FF9900; box-sizing: border-box; padding:4px 15px 4px 15px; color:#FFF;  }
.msg .error_email, .msg .error { width:100%; padding:4px 15px 4px 15px; background: #F05F5F; box-sizing: border-box;  }
.msg .error_codice  { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px); padding:4px 15px 4px 15px; background: #CC7C68;  }
.msg .close { float:right; }
.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 980; background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); opacity: 0.4; filter: alpha(opacity=40); }

.group { text-align:left; }
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.col { display: block; float:left; text-align:left; }
.row { width:100%; }
.span1 { width: 8.3%; }
.span2 { width: 16.6%; }
.span3 { width: 24.9%; }
.span4 { width: 33.3%; }
.span5 { width: 41.66%; }
.span6 { width: 49.9%; }
.span7 { width: 58.33%; }
.span8 { width: 66.7%; }
.span9 { width: 74.99%; }
.span10 { width: 83.33%; }
.span11 { width: 91.3%; }
.span12 { width: 100%; }
.span1_5 { width: 20%; }
.span2_5 { width: 40%; }
.span3_5 { width: 60%; }
.span4_5 { width: 80%; }
.span5_5 { width: 100%; }

.grid-2-colums { display: grid; grid-column-gap: 40px; grid-template-columns: 50% 50%; gap:40px; }
.grid-3-colums { display: grid; grid-column-gap: 40px; grid-template-columns: 33.4% 33.4% 33.4%; gap:40px;}
.grid-4-colums { display: grid; grid-template-columns: 25% 25% 25% 25%;  }
.grid-5-colums { display: grid; grid-column-gap: 20px; grid-template-columns: 20% 20% 20% 20% 20%; gap:20px; }
.grid-1-colums { display: grid; grid-column-gap: 0; grid-template-columns: 100%; }
.grid-5-colums .anno { grid-column-end: span 5; }
.grid-2-colums.grid0gap {  grid-column-gap:0px; grid-template-columns: 50% 50%;}
.grid-3-colums.grid0gap {  grid-column-gap:0px; grid-template-columns: 33.33% 33.33% 33.33%;} 

.w100 { width:100px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w360 { width:360px; }
.w500 { width:500px; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.valign-bottom { display: table-cell; vertical-align: bottom; }                             
.float-right { float:right!important; }
.float-left { float:left; }
.float-none { float:none; }
.max-width { max-width:100%; }
.max-width-800 { max-width:800px; margin: 0 auto;}
.max-height-500 { max-height:500px; }
.max-height-400 { max-height:400px; }
.max-height-300 { max-height:300px; }
.max-span10 { max-width: 83.33%; }
.bgcolor { background:#ffcc00;  }
.color { color:#ffcc00!important;  }
.bgblack { background:#000; color:#FFF; }
.bgwhite { background:#FFF; }
.bgred { background:#ff000f; }
.bggray { background:#5A5A5A; }
.bggreen { background:#ffcc00; }
.bggray_bottom { background:url(../images/bggray.jpg) repeat-x center bottom; }
.bgrose { background:#f3e1c7; }
.bggray_light { background-color:#eeeeee; }
.bgoro { background:url(../images/bg_oro.jpg) no-repeat; background-size:100%; }
.white { color:#FFF!important; }
.black { color:#000!important; }
.red { color:#b31212; }
.gray { color:#5A5A5A!important; color:#646464; }
.gray_light { color:#CCC; }
.green { color:#ffcc00; }
.light { font-weight:300; }
.normal { font-weight:400; }
.bold { font-weight:900; }
.hidden { display:none; }
.hidden-important { display:none!important; }
.hidden-desktop { display:none; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.block { display:block; }
.hidden-important { display:none; }
.visibility-hidden { visibility:hidden; }
.relative { position:relative; }
.absolute { position:absolute; }
.fixed { position:fixed; }
.center-y { height: 200px; position: relative; top: 50%; margin-top:-100px;  }
.center-y a.link { display:block; width:40%; border-width:1px 0 1px 0; border-color:#ccad8e; border-style:solid; color:#ccad8e; padding:5px; margin:0 auto; }
.zindex100 { z-index:100; }
.zindex999 { z-index:999; }
.top { top:0; }
.top50 { top:50%; }
.left0 { left:0; }
.right0 { right:0; }
.bottom { bottom:0; }

.padding1 { padding:1px;  }
.padding5 { padding:5px;  }
.padding10 { padding:10px; }
.padding20 { padding:20px; }
.padding30 { padding:30px; }
.padding40 { padding:40px; }
.padding60 { padding:60px; }
.padding80 { padding:80px; }
.padding-left10 { padding-left:10px; }
.padding-left20 { padding-left:20px; }
.padding-left30 { padding-left:30px; }
.padding-right10 { padding-right:10px;  }
.padding-right20 { padding-right:20px;  }
.padding-left40 { padding-left:40px; }
.padding-right40 { padding-right:40px;  }
.padding-side10 { padding:0 10px 0 10px; }
.padding-side20 { padding:0 20px 0 20px; }
.padding-side40 { padding:0 40px 0 40px; }
.padding-side100 { padding:0 100px 0 100px; }
.padding-side0 { padding:0 40px 0 40px; }
.padding-bottom10 { padding-bottom:10px; }
.padding-bottom20 { padding-bottom:20px; }
.padding-bottom80 { padding-bottom:80px; }
.padding-top10 { padding-top:10px; }
.padding-top20 { padding-top:20px; }

.round50 { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt90 { margin-top:90px; }
.margin-top { margin-top:95px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb90 { margin-bottom:90px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }

.lh100 { line-height:100%; }
.lh110 { line-height:110%; }
.lh120 { line-height:120%; }
.lh130 { line-height:130%; }
.lh140 { line-height:140%; }
.lh150 { line-height:150%; }
.lh170 { line-height:170%; }
.lh200 { line-height:200%; }
.lh250 { line-height:250%; }

.ls1 { letter-spacing:1px; }
.ls5 { letter-spacing:5px; }

.b0 { border:0!important; }
.b1 { border:1px solid #CCC; }
.bt1 { border-top:1px solid #CCC; }
.bt2 { border-top:2px solid #CCC; }
.bb1 { border-bottom:1px solid #CCC; }
.bb1_black { border-bottom:1px solid #000; }
.bb2 { border-bottom:2px solid #CCC; }
.bb6_red { border-bottom:6px solid #FF003C; }
.br1 { border-right:1px solid #CCC; }
.bl1 { border-left:1px solid #CCC; }

.h10 { height:10px; overflow:hidden; }

.mh35 { min-height:35px; }
.mh50 { min-height:50px; }
.mh60 { min-height:60px; }
.mh200 { min-height:200px; }
.mh400 { min-height:400px; }
.mh500 { min-height:500px; }
.mh600 { min-height:600px; }

.fs12 { font-size:12px; }
.fs14 { font-size:14px!important; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }                                               
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }
.fs24 { font-size:24px; }
.fs30 { font-size:25px; }
.fs34 { font-size:34px; }
.fs40 { font-size:40px; }
.fs50 { font-size:50px; }
.fs60 { font-size:60px; }

.fw400 { font-weight:400; }
.fw600 { font-weight:600; }
.fw900 { font-weight:900; }



@media screen and (max-width: 1600px) {
	.content_wmax { width:95%; }
	.grid-5-colums { display: grid; gap: 20px; grid-template-columns: 25% 25% 25% 25%; }
	.grid-5-colums .anno { grid-column-end: span 4; }

}

@media screen and (max-width: 1400px) {
	
	.content { width:95%; }
	.content-table-cell { width:90%; }
	.content_small { max-width:100%; }
}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
	.content_big { width:90%; }
	.notablet { display:none!important; }
	.yestablet { display:block!important; }

}

@media screen and (max-width: 960px) {

	.display-table { display: block; }
	.display-table div { float:left; }
	.display-table .table-cell { display: block; float:left; }
	.display-table .table-row { display: block; }
	.zitem .overlay {  top: 40%; font-size:25px;}
	.lista ul li.span4 { width: calc(50% - 18px); }
	.float-left-mobile { float:left; }
	.flex-mobile { display: flex!important; flex-direction: column-reverse; }
	.nopadding-mobile { padding:0!important; }

	.nodesktop { display:block!important; }
	.nomobile { display:none!important; }
	.hidden-desktop { display:block; }
	.left-mobile { text-align:left!important; }

	.nosmart { display:none; }
	.span1 { width: 100%; }
	.span2 { width: 100%; }
	.span3 { width: 100%; }
	.span4 { width: 100%; }
	.span5 { width: 100%; }
	.span6 { width: 100%; }
	.span7 { width: 100%; }
	.span8 { width: 100%; }
	.span9 { width: 100%; }
	.span10 { width: 100%; }
	.span11 { width: 100%; }
	.span1_5 { width: 100%; }
	.w360 { width: 100%; margin:0px; padding:20px;}

}

@media screen and (max-width: 600px) {

}


@media screen and (max-width: 360px) {

}
