/*--------------------------------------------------------------------------- generale ------------------------------------------------------------------*/

html,body					{margin: 0; padding: 0; width: 100%; min-height: 100%; scroll-behavior: smooth;}
body							{background: #fff; font-family: 'Raleway', sans-serif; color: #000; font-size: 18px; line-height: 26px; font-weight: 400; text-align: center; min-height: 100%;   overflow-x: hidden;}
img							{border: 0px solid;}
a								{border: 0px solid; text-decoration: none; color: #000;}
p,div							{margin: 0; padding: 0;}
h1								{font-weight: 400; font-size: 50px; line-height: 60px; margin: 0 0 15px 0;}
h2								{font-weight: 400; font-size: 40px; line-height: 50px; margin: 0 0 10px 0;}
h3								{font-weight: 400; font-size: 24px; line-height: 30px; margin: 0 0  5px 0;}
.fs10							{font-size: 10px; line-height: 14px;}
.fs12							{font-size: 12px; line-height: 22px;}
.fs14							{font-size: 14px; line-height: 22px;}
.fs16							{font-size: 16px; line-height: 22px;}
.fs18							{font-size: 18px; line-height: 26px;}
.fs20							{font-size: 18px; line-height: 26px;}
@media only screen and (min-width:  670px)  { .fs20 {font-size: 20px; line-height: 26px;} }
.fs22							{font-size: 20px; line-height: 26px;}
@media only screen and (min-width:  670px)  { .fs22 {font-size: 22px; line-height: 28px;} }
.fs24							{font-size: 20px; line-height: 28px;}
@media only screen and (min-width:  670px)  { .fs24 {font-size: 24px; line-height: 30px;} }
.fs26							{font-size: 22px; line-height: 28px;}
@media only screen and (min-width:  670px)  { .fs26 {font-size: 24px; line-height: 30px;} }
@media only screen and (min-width:  970px)  { .fs26 {font-size: 26px; line-height: 32px;} }
.fs28							{font-size: 24px; line-height: 30px;}
@media only screen and (min-width:  670px)  { .fs28 {font-size: 26px; line-height: 32px;} }
@media only screen and (min-width:  970px)  { .fs28 {font-size: 28px; line-height: 34px;} }
.fs30							{font-size: 24px; line-height: 30px;}
@media only screen and (min-width:  670px)  { .fs30 {font-size: 26px; line-height: 32px;} }
@media only screen and (min-width:  970px)  { .fs30 {font-size: 30px; line-height: 36px;} }
.fs36							{font-size: 24px; line-height: 28px;}
@media only screen and (min-width:  670px)  { .fs36 {font-size: 28px; line-height: 30px;} }
@media only screen and (min-width:  970px)  { .fs36 {font-size: 32px; line-height: 38px;} }
@media only screen and (min-width: 1250px)  { .fs36 {font-size: 36px; line-height: 42px;} }
.fs40							{font-size: 28px; line-height: 34px;}
@media only screen and (min-width:  670px)  { .fs40 {font-size: 32px; line-height: 38px;} }
@media only screen and (min-width:  970px)  { .fs40 {font-size: 36px; line-height: 44px;} }
@media only screen and (min-width: 1250px)  { .fs40 {font-size: 40px; line-height: 52px;} }
.fs50							{font-size: 26px; line-height: 32px;}
@media only screen and (min-width:  670px)  { .fs50 {font-size: 36px; line-height: 44px;} }
@media only screen and (min-width:  970px)  { .fs50 {font-size: 44px; line-height: 52px;} }
@media only screen and (min-width: 1250px)  { .fs50 {font-size: 50px; line-height: 60px;} }
.fs60							{font-size: 32px; line-height: 38px;}
@media only screen and (min-width:  670px)  { .fs60 {font-size: 40px; line-height: 48px;} }
@media only screen and (min-width:  970px)  { .fs60 {font-size: 50px; line-height: 60px;} }
@media only screen and (min-width: 1250px)  { .fs60 {font-size: 60px; line-height: 72px;} }
.fs70							{font-size: 34px; line-height: 40px;}
@media only screen and (min-width:  670px)  { .fs70 {font-size: 42px; line-height: 50px;} }
@media only screen and (min-width:  970px)  { .fs70 {font-size: 56px; line-height: 64px;} }
@media only screen and (min-width: 1250px)  { .fs70 {font-size: 70px; line-height: 82px;} }
.fs110						{font-size: 30px; line-height: 40px;}
@media only screen and (min-width:  670px)  { .fs110 {font-size:  60px; line-height: 70px;} }
@media only screen and (min-width:  970px)  { .fs110 {font-size:  80px; line-height: 100px;} }
@media only screen and (min-width: 1250px)  { .fs110 {font-size: 110px; line-height: 130px;} }
.fs120						{font-size: 40px; line-height: 50px;}
@media only screen and (min-width:  670px)  { .fs120 {font-size: 80px; line-height: 96px;} }
@media only screen and (min-width:  970px)  { .fs120 {font-size: 100px; line-height: 120px;} }
@media only screen and (min-width: 1250px)  { .fs120 {font-size: 120px; line-height: 140px;} }
.fw200						{font-weight: 200;}
.fw300						{font-weight: 300;}
.fw400						{font-weight: 400;}
.fw700						{font-weight: 700;}
.fw900						{font-weight: 900;}
.fsnormal					{font-style: normal;}
.fsitalic					{font-style: italic;}
.flsx							{float: left;}
.fldx							{float: right;}
.clear						{clear: both; font-size: 0; line-height: 0;}
.nowrap						{white-space: nowrap;}
.vertorizcentro			{position: absolute;	top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.vertcentro					{position: absolute;	top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%);}
.txtleft						{text-align: left;}
.txtcenter					{text-align: center;}
.txtright					{text-align: right;}
.txtjust						{text-align: justify;}
.txtund						{text-decoration: underline;}
.transitions100			{-webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.transitions				{-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.transitions300			{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.transitions600			{-webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
.transitions900			{-webkit-transition: all .9s; -moz-transition: all .9s; -o-transition: all .9s; transition: all .9s;}
.transitions1200			{-webkit-transition: all 1.2s; -moz-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s;}
.transitions3000			{-webkit-transition: all  3s; -moz-transition: all  3s; -o-transition: all  3s; transition: all  3s;}
.nonselez					{user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; cursor: default;}
.nonattivo					{pointer-events: none; cursor: default;}
.curdef						{cursor: default;}
.curdefimportant			{cursor: default !important;}
.curpointer					{cursor: pointer;}
.valignmiddle				{vertical-align: middle;}
.w10							{width: 10%;}
.w20							{width: 20%;}
.w30							{width: 30%;}
.w40							{width: 40%;}
.w50							{width: 50%;}
.w60							{width: 60%;}
.w70							{width: 70%;}
.w80							{width: 80%;}
.w90							{width: 90%;}
.w100							{width: 100%;}
.h100							{height: 100%;}
.minh100						{min-height: 100%;}
.w20px						{width: 20px;}
.w40px						{width: 40px;}
.w60px						{width: 60px;}
.w80px						{width: 80px;}
.w100px						{width: 100px;}
.dtable						{display: table;}
.dtablecellmiddle			{display: table-cell; vertical-align: middle;}
.spazio5						{margin: 0; padding: 0; height:  5px;}
.spazio10					{margin: 0; padding: 0; height:  10px;}
.spazio20					{margin: 0; padding: 0; height:  20px;}
.spazio30					{margin: 0; padding: 0; height:  30px;}
.spazio40					{margin: 0; padding: 0; height:  40px;}
.spazio50					{margin: 0; padding: 0; height:  50px;}
.spazio60					{margin: 0; padding: 0; height:  60px;}
.spazio70					{margin: 0; padding: 0; height:  70px;}
.spazio80					{margin: 0; padding: 0; height:  80px;}
.spazio90					{margin: 0; padding: 0; height:  90px;}
.spazio100					{margin: 0; padding: 0; height: 100px;}
.spazio150					{margin: 0; padding: 0; height: 150px;}
.spazio200					{margin: 0; padding: 0; height: 200px;}
.spazio300					{margin: 0; padding: 0; height: 300px;}
.spazio1p					{margin: 1% 0 0 0; padding: 0; height: 0;}
.spazio2p					{margin: 2% 0 0 0; padding: 0; height: 0;}
.spazio3p					{margin: 3% 0 0 0; padding: 0; height: 0;}
.spazio4p					{margin: 4% 0 0 0; padding: 0; height: 0;}
.spazio5p					{margin: 5% 0 0 0; padding: 0; height: 0;}
.spazio6p					{margin: 6% 0 0 0; padding: 0; height: 0;}
.spazio7p					{margin: 7% 0 0 0; padding: 0; height: 0;}
.spazio8p					{margin: 8% 0 0 0; padding: 0; height: 0;}
.spazio9p					{margin: 9% 0 0 0; padding: 0; height: 0;}
.spazio10p					{margin: 10% 0 0 0; padding: 0; height: 0;}
.padding1p					{padding: 1.0%;}
.padding2p					{padding: 2.0%;}
.padding3p					{padding: 3.0%;}
.padding4p					{padding: 4.0%;}
.padding5p					{padding: 5.0%;}
.padding6p					{padding: 6.0%;}
.padding7p					{padding: 7.0%;}
.padding8p					{padding: 8.0%;}
.padding9p					{padding: 9.0%;}
.padding10p					{padding: 10.0%;}
.margin1p					{margin: 1.0%;}
.margin2p					{margin: 2.0%;}
.margin3p					{margin: 3.0%;}
.margin4p					{margin: 4.0%;}
.margin5p					{margin: 5.0%;}
.margin6p					{margin: 6.0%;}
.margin7p					{margin: 7.0%;}
.margin8p					{margin: 8.0%;}
.margin9p					{margin: 9.0%;}
.margin10p					{margin: 10.0%;}
.bbox							{-ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ofhidden					{overflow: hidden;}
.vhidden						{visibility: hidden;}
.barrato						{text-decoration: line-through;}
.maiusc						{text-transform: uppercase;}
.minusc						{text-transform: lowercase;}
.prel							{position: relative;}
.pabs							{position: absolute;}
.opacity0					{opacity: 0 !important;}
.opacity1					{opacity: 1 !important;}
.zoom0						{-moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.zoom1						{-moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.dnone						{display: none;}
.dinline						{display: inline;}
.dblock						{display: block;}
.dinlineblock				{display: inline-block;}
.dtable1						{display: table;}
.dtable2						{display: table-cell; vertical-align: middle;}
.outlinenone				{outline: none;}
.brdround					{border-radius: 50%;}
.linea						{display: block; height: 1px; width: 100%;}
.linea3px					{display: block; height: 3px; width: 100%;}

.cont							{position: relative; margin: 0 30px;}

.cont400						{position: relative; margin: 0 30px;}
@media only screen and (min-width:  460px)  { .cont400 {width: 400px; padding: 0; margin: 0 auto;} }

.cont500						{position: relative; margin: 0 30px;}
@media only screen and (min-width:  560px)  { .cont500 {width: 500px; padding: 0; margin: 0 auto;} }

.cont600						{position: relative; margin: 0 30px;}
@media only screen and (min-width:  660px)  { .cont600 {width: 600px; padding: 0; margin: 0 auto;} }

.cont700						{position: relative; margin: 0 30px;}
@media only screen and (min-width:  760px)  { .cont700 {width: 700px; padding: 0; margin: 0 auto;} }

.cont800						{position: relative; margin: 0 30px;}
@media only screen and (min-width:  860px)  { .cont800 {width: 800px; padding: 0; margin: 0 auto;} }

.cont1000					{position: relative; margin: 0 30px;}
@media only screen and (min-width: 1060px)  { .cont1000 {width: 1000px; padding: 0; margin: 0 auto;} }

.cont1200					{position: relative; margin: 0 30px;}
@media only screen and (min-width: 1260px)  { .cont1200 {width: 1200px; padding: 0; margin: 0 auto;} }

.cont1400					{position: relative; margin: 0 30px;}
@media only screen and (min-width: 1460px)  { .cont1400 {width: 1400px; padding: 0; margin: 0 auto;} }

.cont1600					{position: relative; margin: 0 30px;}
@media only screen and (min-width: 1660px)  { .cont1600 {width: 1600px; padding: 0; margin: 0 auto;} }

.cont1800					{position: relative; margin: 0 30px;}
@media only screen and (min-width: 1860px)  { .cont1800 {width: 1800px; padding: 0; margin: 0 auto;} }

.bianco						{color: #fff;}
.biancoback					{background-color: #fff;}
.biancobrd					{border: 1px solid #fff;}

.nero							{color: #000;}
.neroback					{background-color: #000;}
.nerobrd						{border: 1px solid #000;}

.grigio1						{color: #c6c6c5;}
.grigio1back				{background-color: #c6c6c5;}
.grigio1brd					{border: 1px solid #c6c6c5;}

.grigio2						{color: #878786;}
.grigio2back				{background-color: #878786;}
.grigio2brd					{border: 1px solid #878786;}

.grigio3						{color: #575656;}
.grigio3back				{background-color: #575656;}
.grigio3brd					{border: 1px solid #575656;}

.grigio4						{color: #333;}
.grigio4back				{background-color: #333;}
.grigio4brd					{border: 1px solid #333;}

.verde						{color: #307333;}
.verdeback					{background-color: #307333;}
.verdebrd					{border: 1px solid #307333;}

.verdebacktrasp			{background-color: rgba(48,115,51,0.9);}

.sbianca						{filter: brightness(0) invert(1);}


.is-hidden {
  opacity: 0 !important;
  visibility: hidden;
  pointer-events: none;
  will-change: transform, opacity;
}

header						{position: fixed; top: 8px; left: 4px; right: 4px; bottom: auto; z-index: 999995; text-align: center;}
@media (min-width: 600px) { header {top: 16px; left: 12px; right: 12px;} }

header.consubmenuaperto	{bottom: 8px;}
	
nav.des						{padding: 20px; text-align: center; border-radius: 36px; z-index: 997;}
nav.des a, nav.des .submenu {margin: 0 15px;}
@media (min-width: 1230px) { nav.des a, nav.des .submenu	{margin: 0 30px;} }
nav.des a:hover, nav.des .submenu:hover {color: #c0dec2;}

nav.mob						{position: absolute; top: 32px; left: 0; right: 0; padding: 44px 0 16px 0; text-align: left; border-radius: 0 0 36px 36px; overflow-y: auto; max-height: 80vh; display: none;}
nav.mob a, nav.mob .submenu {display: block; padding: 12px 20px; border-bottom: 1px solid #70a46f;}
nav.mob > a:last-child	{border-bottom: none;}
nav.mob a:hover, nav.mob .submenu:hover {color: #c0dec2;}






.submenu-des				{position: absolute; top: 32px; bottom: 100%; left: 0; right: 0; padding: 70px 0 36px 0; text-align: center; border-radius: 0 0 36px 36px; z-index: -1; opacity: 0; overflow: hidden; pointer-events: none;
                         transform: translateZ(0); will-change: max-height, opacity, transform; transition: bottom 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;}
@media (max-height: 600px) {.submenu-des {padding-top: 45px;} }
	
.submenu-des.show			{bottom: 0; opacity: 1; transform: translateZ(0); pointer-events: auto;}

.submenu-des a				{display: block; margin: 0 !important; padding: 0 !important;}
.submenu-des a:hover		{color: #c0dec2;}

.submenu-des .floatingcont > div {margin-bottom: 0 !important;}

.logosubmenu-des			{display: none; position: absolute; bottom: 30px; left: 30px; height: 40px;}
@media (min-height: 650px) { .logosubmenu-des {display: block; height: 40px;} }
@media (min-height: 730px) { .logosubmenu-des {height: 100px;} }

.addedlinkssubmenu-des	{display: none; position: absolute; bottom: 30px; right: 30px;}
@media (min-height: 650px) { .addedlinkssubmenu-des {display: block;} }
	
.addedlinkssubmenu-des a {display: inline !important; color: #fff; opacity: 0.6;}

.addedlinkssubmenu-des .showandhide {display: none;}
@media (min-height: 730px) { .addedlinkssubmenu-des .showandhide {display: block;} }

.frecciasubmenu-des		{position: absolute; right: 20px; top: 60px; padding: 10px 3px 0 3px;}
@media (min-width: 1400px) { .frecciasubmenu-des	{right: 70px;} }
@media (min-width: 1600px) { .frecciasubmenu-des	{right: 120px;} }

.frecciasubmenu-des:hover {padding: 0 3px 10px 3px;}

.frecciasubmenu-des img	{width: 9px;}

.backgroundsubmenu-des	{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url('./img/submenu-back.jpg') center center no-repeat; background-size: cover; z-index: 999994;
								 transform: translateY(+120%) scale(1.2); backface-visibility: hidden; will-change: transform; animation: curtainAndZoomOut 1.1s ease-out forwards;}

.backgroundsubmenu-des.active {animation: curtainAndZoomIn 1.1s ease-out forwards;}

@keyframes curtainAndZoomIn  { 0% {transform: translateY(+120%) scale(1.2);} 30% {transform: translateY(0) scale(1.1);} 100% {transform: translateY(0) scale(1);} }
@keyframes curtainAndZoomOut { 0% {transform: translateY(0) scale(1);} 70% {transform: translateY(0) scale(1.1);} 100% {transform: translateY(+120%) scale(1.2);} }

.backgroundsubmenu-des.startdisabled {visibility: hidden;}






.submenumob-lv1			{padding-left: 20px; background-color: rgba(33,100,37,0.7); display: none;}

.submenumob-lv2			{margin-left: -20px; padding-left: 40px; background-color: rgba(20,85,24,0.7); display: none;}



.logo							{position: absolute; left: 32px; height: 40px; top: 50%; margin-top: -20px;}

.lang							{display: block; position: absolute; right: 32px; height: 28px; top: 18px; z-index: 998}

.loginb2b					{position: absolute; right: 62px; line-height: 66px; top: 0; vertical-align: middle;}

.hamburger					{position: absolute !important; right: 80px; top: 6px; z-index: 999; transform: translateZ(0); backface-visibility: hidden;}
.hamburger-box 			{transform: translateZ(0);}

.navdes						{display: none;}
@media (min-width: 990px) { .navdes {display: revert;} }

.navmob						{display: revert;}
@media (min-width: 990px) { .navmob {display: none !important;} }

.navmob2						{display: revert;}
@media (min-width: 990px) { .navmob2 {display: none !important;} }

@media (max-width: 989px) { .submenu-des {display: none !important;} }

@media (max-height: 540px) { .contprodottides {height: calc(85vh - 50px); overflow-y: auto;} }














.prefooter					{padding: 80px 20px;}
@media (max-width:  450px) { .prefooter {font-size: 26px; line-height: 32px;} }

.prefooter a				{color: #fff;}
.prefooter a:hover		{color: #c0dec2;}
	
.prefooter img				{width: 70px; margin: 10px 0 20px 20px;}
@media (min-width:  670px) { .prefooter img {width: 80px; margin-left: 40px;} }
@media (min-width:  970px) { .prefooter img {width: 90px; margin-left: 50px;} }
@media (min-width: 1250px) { .prefooter img {width: 100px; margin-left: 150px;} }
@media (min-width: 1600px) { .prefooter img {width: 100px; margin-left: 250px;} }

.prefooter img:hover {transform: rotate(360deg) scale(1.2);}
				
				
footer						{padding: 80px 20px 150px 20px; background: url('./img/etabeta-footer-light.svg') center bottom no-repeat; background-size: contain;}
@media (min-width: 1000px) { footer {padding: 80px 20px 230px 20px;} }
	
footer.neroback			{background-image: url('./img/etabeta-footer-dark.svg') !important;}

.footsx						{margin-bottom: 30px;}
@media (min-width: 800px) { .footsx {float: left; width: 65%; padding-right: 5%; margin-bottom: 0;} }
	
.footdx						{}
@media (min-width: 800px) { .footdx {float: left; width: 30%; text-align: right;} }















.bloccoroadecust 			{margin-top: -100px; padding: 150px 0;}

.circle-button {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 80px;
      height: 80px;
      border: 2px solid #307333;
      border-radius: 50%;
      text-decoration: none;
      font-size: 18px;
      transition: all 0.2s ease;
      background: transparent;
      position: relative;
      overflow: hidden;
		z-index: 1;
    }

.circle-button::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      background: #307333;
      border-radius: 50%;
      transform: translate(-50%, -50%);
      transition: width 0.2s ease, height 0.2s ease;
      z-index: -1;
    }

.circle-button:hover::before {
      width: 92%;
      height: 92%;
    }

.circle-button:hover {
      color: white;
    }







.anim-button {
      display: inline-flex;
      justify-content: center;
      align-items: center;
		padding: 14px 28px;
      border: 2px solid #307333;
      border-radius: 30px;
      text-decoration: none;
      font-size: 18px;
      transition: all 0.2s ease;
      background: transparent;
      position: relative;
      overflow: hidden;
		z-index: 1;
    }

.anim-button::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      background: #307333;
      border-radius: 30px;
		padding: 0 3px;
      transform: translate(-50%, -50%);
      transition: width 0.2s ease, height 0.2s ease;
      z-index: -1;
    }

.anim-button:hover::before {
      width: 92%;
      height: 92%;
    }

.anim-button:hover {
      color: white;
    }









.cont550withcircle {padding: 0 30px; text-align: center;}
@media (min-width: 650px) { .cont550withcircle {display: inline-block; width: 400px; padding: 0 0 0 130px;  text-align: left;} }

.cont550withcircle .divcircle {margin-top: 20px;}
@media (min-width: 650px) { .cont550withcircle .divcircle {position: absolute; left: 0; top: 50%; margin-top: -40px;} }








.svgcollezmain				{margin: -30% 0 0 0;}
@media (min-width:  750px) { .svgcollezmain {margin: 0 0 -10% 0;} }
@media (min-width:  970px) { .svgcollezmain {margin: 0 0 -10% 0;} }
@media (min-width: 1350px) { .svgcollezmain {margin: 0 0 -8% 0;} }
@media (min-width: 1600px) { .svgcollezmain {margin: 0 0 -5% 0;} }

.collezmain					{display: flex; flex-direction: column;}
@media (min-width: 970px) { .collezmain {display: block;} }

.collezmain-a				{text-align: center; order: 2;}
@media (min-width: 970px) { .collezmain-a	{text-align: right; order: 1; padding-top: 8px !important;} }

.collezmain-b				{text-align: center; order: 1;}
@media (min-width: 970px) { .collezmain-b	{text-align: right; order: 2;} }

.biancohovereffect		{color: #fff;}
.biancohovereffect:hover h2 {transform: rotateX(360deg);}
.biancohovereffect:hover h2 span {background: #fff; padding: 0 6px; margin: 0 3px;}








.prodcont						{width:  70%; aspect-ratio: 1.22 / 1; max-width: 550px; max-height: 450px; margin: -29px auto 0 auto;}
@media (min-width:  670px) { .prodcont	{margin: -38px auto 0 auto;} }
@media (min-width:  970px) { .prodcont	{margin: -46px auto 0 auto;} }
@media (min-width: 1250px) { .prodcont	{margin: -56px auto 0 auto;} }

.prodcont2						{width: 100%;  aspect-ratio: 1.22 / 1;}

.prodimgdiv						{width: 100%;  aspect-ratio: 1.22 / 1; background-position: top center; background-repeat: no-repeat; background-size: contain; display: none;}
.prodimgdiv.animato			{animation: rotate 2s ease-in-out;}
@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.prodimgdiv.attivo			{display: block;}

.prodcont .sx					{position: absolute; top: 50%; margin-top: -50px; left: -40px; width: 36px; height: 100px; background: url('./img/sx.png') center center no-repeat; background-size: 70%;}
@media (min-width:  800px) { .prodcont .sx {left: -100px; width: 50px; height: 100px;} }

.prodcont .sx:hover			{background-position: center left;}

.prodcont .dx					{position: absolute; top: 50%; margin-top: -50px; right: -40px; width: 36px; height: 100px; background: url('./img/dx.png') center center no-repeat; background-size: 70%;}
@media (min-width:  800px) { .prodcont .dx {right: -100px; width: 50px; height: 100px;} }

.prodcont .dx:hover			{background-position: center right;}

.colori							{padding: 7px 20px 6px 20px; border: 1px solid #ccc; border-radius: 30px;}

.colori img						{width: 30px; vertical-align: middle; margin: 4px 2px;}

.colorewrap						{width: 38px; height: 38px; border-radius: 50%;}

.colorewrap:hover				{box-shadow: 0px 0px 4px #05e90f;}

.colorewrap.attivo			{box-shadow: 0px 0px 10px #05e90f;}











.schedatabcont					{vertical-align: top; padding: 0 6px;}
@media (min-width:  400px) { .schedatabcont {vertical-align: top; padding: 0 20px;} }

.schedatab						{width: 280px; padding: 0 4px; margin: 30px 0; border-right: 2px solid #307333; vertical-align: top;}

.schedatab1						{border-left: 2px solid #307333;}

.schedatab2						{border-left: 2px solid #307333;}
@media (min-width:  642px) { .schedatab2 {border-left: none;} }

.schedatab3						{border-left: 2px solid #307333;}
@media (min-width:  642px) { .schedatab3 {border-left: 2px solid #307333;} }
@media (min-width:  939px) { .schedatab3 {border-left: none;} }

.schedatab4						{border-left: 2px solid #307333;}
@media (min-width:  642px) { .schedatab4 {border-left: none;} }
@media (min-width:  939px) { .schedatab4 {border-left: 2px solid #307333;} }
@media (min-width: 1233px) { .schedatab4 {border-left: none;} }

.schedatab5						{border-left: 2px solid #307333;}
@media (min-width:  642px) { .schedatab5 {border-left: 2px solid #307333;} }
@media (min-width:  939px) { .schedatab5 {border-left: none;} }
@media (min-width: 1233px) { .schedatab5 {border-left: 2px solid #307333;} }
@media (min-width: 1528px) { .schedatab5 {border-left: none;} }

.schedatab6						{border-left: 2px solid #307333;}
@media (min-width:  642px) { .schedatab6 {border-left: none;} }
@media (min-width: 1528px) { .schedatab6 {border-left: 2px solid #307333;} }
@media (min-width: 1822px) { .schedatab6 {border-left: none;} }




.schedatab p:first-child	{margin-bottom: 12px;}






.amoslogoblack					{width: 150px;}
@media (min-width:  670px) { .amoslogoblack {width: 200px;} }
@media (min-width:  970px) { .amoslogoblack {width: 250px;} }
@media (min-width: 1250px) { .amoslogoblack {width: 300px;} }

.amoslogowhite					{width: 120px;}
@media (min-width:  670px) { .amoslogowhite {width: 140px;} }
@media (min-width:  970px) { .amoslogowhite {width: 180px;} }
@media (min-width: 1250px) { .amoslogowhite {width: 220px;} }







.labelcolori					{display: inline-block;margin: 20px 0;}

.polqual							{text-align: center;}
@media (min-width:  970px) { .polqual {text-align: right;} }

.polqual img					{width: 100%; max-width: 350px;}

.imgmii							{width: 100%; max-width: 300px;}







.carattdesktop-sx				{display: none; float: left; width: 20%;}
@media (min-width:  900px) { .carattdesktop-sx {display: block;} }

.carattdesktop-dx				{display: none; float: right; width: 74%;}
@media (min-width:  900px) { .carattdesktop-dx {display: block;} }

.caratt							{margin-bottom: 24px;}

.caratt:hover					{color: #307333;}

.carattmobile					{display: block;}
@media (min-width:  900px) { .carattmobile {display: none;} }

.caratt.selezionato			{color: #307333;}















/* Input e textarea */
        input[type="text"],
        input[type="email"],
        textarea {
            padding: 12px;
            border: 1px solid #ccc;
            border-radius: 6px;
            font-size: 16px;
            background: #fff;
            transition: border 0.2s;
				font-family: 'Raleway', sans-serif;
				box-sizing: border-box;
        }
        input:focus, textarea:focus {
            outline: none;
            border-color: #28a745;
            box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.2);
        }

        /* Checkbox */
        input[type="checkbox"] {
            margin-right: 8px;
            accent-color: #28a745;
        }
        label { cursor: pointer; font-size: 16px; }

        /* Radio */
        input[type="radio"] {
            margin-right: 6px;
            accent-color: #28a745;
        }

        /* Upload box */
        .upload-box {
            border: 2px dashed #ccc;
            padding: 40px;
            border-radius: 8px;
            background: #f9f9f9;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s;
				box-sizing: border-box;
        }
        .upload-box:hover {
            border-color: #28a745;
            background: #f1f8f3;
        }
        .upload-box input { display: none; }
        .upload-box span {
            font-size: 40px;
            display: block;
            margin-bottom: 10px;
            color: #aaa;
        }
input[type="file"] {
						 padding: 50px 12px;
						 border: 2px dashed #ccc;
						 border-radius: 8px;
						 background: #f9f9f9;
						 width: 100%;
						 font-size: 16px;
						 cursor: pointer;
						 box-sizing: border-box;
			}

#risultato {min-height: 80px; margin: 10px auto 0 auto; max-width: 500px; text-align: left; padding: 10px;}


.success { color: #28a745; padding: 15px; background: #d4edda; border: 1px solid #c3e6cb; border-radius: 5px; }
.error { color: #dc3545; padding: 15px; background: #f8d7da; border: 1px solid #f5c6cb; border-radius: 5px; }
.error ul { margin: 10px 0; padding-left: 20px; }





.moduloscelta				{padding: 12px;}

a:hover .moduloscelta	{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); will-change: transform; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased;}

































/*------------------     FLOATS CONDIZIONALI STANDARD																		---------------*/
/*------------------     * indicare sempre tutti e tre i comportamenti												---------------*/
/*------------------     * serve un parent div di classe 'floatingcont'												---------------*/
/*------------------     * il clear è gia incorporato automaticamente alla chiusura di 'floatingcont'		---------------*/

.floatingcont 				{margin: 0; padding: 0; border: 0;}
.floatingcont:after		{content: "."; display: block; clear: both; visibility: hidden; font-size: 0; line-height: 0; height: 0;}  /* :  per vecchi browser */
.floatingcont::after		{content: "."; display: block; clear: both; visibility: hidden; font-size: 0; line-height: 0; height: 0;}  /* :: per nuovi browser */

.flrightimp					{float: right !important;}

@media only screen and (max-width:  669px) {	
			.fl-1 {position: relative; float: left; width: 100.000%; margin: 0; padding: 0;}
			.fl-2 {position: relative; float: left; width:  50.000%; margin: 0; padding: 0;}
			.fl-3 {position: relative; float: left; width:  33.333%; margin: 0; padding: 0;}
			.fl-4 {position: relative; float: left; width:  25.000%; margin: 0; padding: 0;}
			.fl-5 {position: relative; float: left; width:  20.000%; margin: 0; padding: 0;}
			.fl-6 {position: relative; float: left; width:  16.666%; margin: 0; padding: 0;}
															
			.fl-1-mrg1 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  1% 0;}
			.fl-2-mrg1 {position: relative; float: left; width:  49.500%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl-2-mrg1:nth-of-type(2n+0) {margin: 0 0 1% 0;}
			.fl-3-mrg1 {position: relative; float: left; width:  32.666%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl-3-mrg1:nth-of-type(3n+0) {margin: 0 0 1% 0;}
			.fl-4-mrg1 {position: relative; float: left; width:  24.250%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl-4-mrg1:nth-of-type(4n+0) {margin: 0 0 1% 0;}
			.fl-5-mrg1 {position: relative; float: left; width:  19.200%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl-5-mrg1:nth-of-type(5n+0) {margin: 0 0 1% 0;}
			.fl-6-mrg1 {position: relative; float: left; width:  15.833%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl-6-mrg1:nth-of-type(6n+0) {margin: 0 0 1% 0;}

			.fl-1-mrg2 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  2% 0;}
			.fl-2-mrg2 {position: relative; float: left; width:  49.000%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl-2-mrg2:nth-of-type(2n+0) {margin: 0 0 2% 0;}
			.fl-3-mrg2 {position: relative; float: left; width:  32.000%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl-3-mrg2:nth-of-type(3n+0) {margin: 0 0 2% 0;}
			.fl-4-mrg2 {position: relative; float: left; width:  23.500%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl-4-mrg2:nth-of-type(4n+0) {margin: 0 0 2% 0;}
			.fl-5-mrg2 {position: relative; float: left; width:  18.400%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl-5-mrg2:nth-of-type(5n+0) {margin: 0 0 2% 0;}
			.fl-6-mrg2 {position: relative; float: left; width:  15.000%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl-6-mrg2:nth-of-type(6n+0) {margin: 0 0 2% 0;}

			.fl-1-mrg3 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  3% 0;}
			.fl-2-mrg3 {position: relative; float: left; width:  48.500%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl-2-mrg3:nth-of-type(2n+0) {margin: 0 0 3% 0;}
			.fl-3-mrg3 {position: relative; float: left; width:  31.333%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl-3-mrg3:nth-of-type(3n+0) {margin: 0 0 3% 0;}
			.fl-4-mrg3 {position: relative; float: left; width:  22.750%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl-4-mrg3:nth-of-type(4n+0) {margin: 0 0 3% 0;}
			.fl-5-mrg3 {position: relative; float: left; width:  17.600%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl-5-mrg3:nth-of-type(5n+0) {margin: 0 0 3% 0;}
			.fl-6-mrg3 {position: relative; float: left; width:  14.166%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl-6-mrg3:nth-of-type(6n+0) {margin: 0 0 3% 0;}

			.fl-1-mrg4 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  4% 0;}
			.fl-2-mrg4 {position: relative; float: left; width:  48.000%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl-2-mrg4:nth-of-type(2n+0) {margin: 0 0 4% 0;}
			.fl-3-mrg4 {position: relative; float: left; width:  30.666%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl-3-mrg4:nth-of-type(3n+0) {margin: 0 0 4% 0;}
			.fl-4-mrg4 {position: relative; float: left; width:  22.000%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl-4-mrg4:nth-of-type(4n+0) {margin: 0 0 4% 0;}
			.fl-5-mrg4 {position: relative; float: left; width:  16.800%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl-5-mrg4:nth-of-type(5n+0) {margin: 0 0 4% 0;}
			.fl-6-mrg4 {position: relative; float: left; width:  13.333%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl-6-mrg4:nth-of-type(6n+0) {margin: 0 0 4% 0;}

			.fl-1-mrg5 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  5% 0;}
			.fl-2-mrg5 {position: relative; float: left; width:  47.500%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl-2-mrg5:nth-of-type(2n+0) {margin: 0 0 5% 0;}
			.fl-3-mrg5 {position: relative; float: left; width:  30.000%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl-3-mrg5:nth-of-type(3n+0) {margin: 0 0 5% 0;}
			.fl-4-mrg5 {position: relative; float: left; width:  21.250%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl-4-mrg5:nth-of-type(4n+0) {margin: 0 0 5% 0;}
			.fl-5-mrg5 {position: relative; float: left; width:  16.000%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl-5-mrg5:nth-of-type(5n+0) {margin: 0 0 5% 0;}
			.fl-6-mrg5 {position: relative; float: left; width:  12.500%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl-6-mrg5:nth-of-type(6n+0) {margin: 0 0 5% 0;}
			}


@media only screen and (min-width:  670px) and (max-width:  969px) {
			.fl670-1 {position: relative; float: left; width: 100.000%; margin: 0; padding: 0;}
			.fl670-2 {position: relative; float: left; width:  50.000%; margin: 0; padding: 0;}
			.fl670-3 {position: relative; float: left; width:  33.333%; margin: 0; padding: 0;}
			.fl670-4 {position: relative; float: left; width:  25.000%; margin: 0; padding: 0;}
			.fl670-5 {position: relative; float: left; width:  20.000%; margin: 0; padding: 0;}
			.fl670-6 {position: relative; float: left; width:  16.666%; margin: 0; padding: 0;}

			.fl670-1-mrg1 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  1% 0;}
			.fl670-2-mrg1 {position: relative; float: left; width:  49.500%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl670-2-mrg1:nth-of-type(2n+0) {margin: 0 0 1% 0;}
			.fl670-3-mrg1 {position: relative; float: left; width:  32.666%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl670-3-mrg1:nth-of-type(3n+0) {margin: 0 0 1% 0;}
			.fl670-4-mrg1 {position: relative; float: left; width:  24.250%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl670-4-mrg1:nth-of-type(4n+0) {margin: 0 0 1% 0;}
			.fl670-5-mrg1 {position: relative; float: left; width:  19.200%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl670-5-mrg1:nth-of-type(5n+0) {margin: 0 0 1% 0;}
			.fl670-6-mrg1 {position: relative; float: left; width:  15.833%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl670-6-mrg1:nth-of-type(6n+0) {margin: 0 0 1% 0;}

			.fl670-1-mrg2 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  2% 0;}
			.fl670-2-mrg2 {position: relative; float: left; width:  49.000%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl670-2-mrg2:nth-of-type(2n+0) {margin: 0 0 2% 0;}
			.fl670-3-mrg2 {position: relative; float: left; width:  32.000%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl670-3-mrg2:nth-of-type(3n+0) {margin: 0 0 2% 0;}
			.fl670-4-mrg2 {position: relative; float: left; width:  23.500%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl670-4-mrg2:nth-of-type(4n+0) {margin: 0 0 2% 0;}
			.fl670-5-mrg2 {position: relative; float: left; width:  18.400%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl670-5-mrg2:nth-of-type(5n+0) {margin: 0 0 2% 0;}
			.fl670-6-mrg2 {position: relative; float: left; width:  15.000%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl670-6-mrg2:nth-of-type(6n+0) {margin: 0 0 2% 0;}

			.fl670-1-mrg3 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  3% 0;}
			.fl670-2-mrg3 {position: relative; float: left; width:  48.500%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl670-2-mrg3:nth-of-type(2n+0) {margin: 0 0 3% 0;}
			.fl670-3-mrg3 {position: relative; float: left; width:  31.333%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl670-3-mrg3:nth-of-type(3n+0) {margin: 0 0 3% 0;}
			.fl670-4-mrg3 {position: relative; float: left; width:  22.750%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl670-4-mrg3:nth-of-type(4n+0) {margin: 0 0 3% 0;}
			.fl670-5-mrg3 {position: relative; float: left; width:  17.600%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl670-5-mrg3:nth-of-type(5n+0) {margin: 0 0 3% 0;}
			.fl670-6-mrg3 {position: relative; float: left; width:  14.166%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl670-6-mrg3:nth-of-type(6n+0) {margin: 0 0 3% 0;}

			.fl670-1-mrg4 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  4% 0;}
			.fl670-2-mrg4 {position: relative; float: left; width:  48.000%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl670-2-mrg4:nth-of-type(2n+0) {margin: 0 0 4% 0;}
			.fl670-3-mrg4 {position: relative; float: left; width:  30.666%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl670-3-mrg4:nth-of-type(3n+0) {margin: 0 0 4% 0;}
			.fl670-4-mrg4 {position: relative; float: left; width:  22.000%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl670-4-mrg4:nth-of-type(4n+0) {margin: 0 0 4% 0;}
			.fl670-5-mrg4 {position: relative; float: left; width:  16.800%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl670-5-mrg4:nth-of-type(5n+0) {margin: 0 0 4% 0;}
			.fl670-6-mrg4 {position: relative; float: left; width:  13.333%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl670-6-mrg4:nth-of-type(6n+0) {margin: 0 0 4% 0;}

			.fl670-1-mrg5 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  5% 0;}
			.fl670-2-mrg5 {position: relative; float: left; width:  47.500%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl670-2-mrg5:nth-of-type(2n+0) {margin: 0 0 5% 0;}
			.fl670-3-mrg5 {position: relative; float: left; width:  30.000%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl670-3-mrg5:nth-of-type(3n+0) {margin: 0 0 5% 0;}
			.fl670-4-mrg5 {position: relative; float: left; width:  21.250%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl670-4-mrg5:nth-of-type(4n+0) {margin: 0 0 5% 0;}
			.fl670-5-mrg5 {position: relative; float: left; width:  16.000%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl670-5-mrg5:nth-of-type(5n+0) {margin: 0 0 5% 0;}
			.fl670-6-mrg5 {position: relative; float: left; width:  12.500%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl670-6-mrg5:nth-of-type(6n+0) {margin: 0 0 5% 0;}
			}
			

@media only screen and (min-width:  970px) and (max-width: 1249px) {
			.fl970-1 {position: relative; float: left; width: 100.000%; margin: 0; padding: 0;}
			.fl970-2 {position: relative; float: left; width:  50.000%; margin: 0; padding: 0;}
			.fl970-3 {position: relative; float: left; width:  33.333%; margin: 0; padding: 0;}
			.fl970-4 {position: relative; float: left; width:  25.000%; margin: 0; padding: 0;}
			.fl970-5 {position: relative; float: left; width:  20.000%; margin: 0; padding: 0;}
			.fl970-6 {position: relative; float: left; width:  16.666%; margin: 0; padding: 0;}

			.fl970-1-mrg1 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  1% 0;}
			.fl970-2-mrg1 {position: relative; float: left; width:  49.500%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl970-2-mrg1:nth-of-type(2n+0) {margin: 0 0 1% 0;}
			.fl970-3-mrg1 {position: relative; float: left; width:  32.666%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl970-3-mrg1:nth-of-type(3n+0) {margin: 0 0 1% 0;}
			.fl970-4-mrg1 {position: relative; float: left; width:  24.250%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl970-4-mrg1:nth-of-type(4n+0) {margin: 0 0 1% 0;}
			.fl970-5-mrg1 {position: relative; float: left; width:  19.200%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl970-5-mrg1:nth-of-type(5n+0) {margin: 0 0 1% 0;}
			.fl970-6-mrg1 {position: relative; float: left; width:  15.833%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl970-6-mrg1:nth-of-type(6n+0) {margin: 0 0 1% 0;}

			.fl970-1-mrg2 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  2% 0;}
			.fl970-2-mrg2 {position: relative; float: left; width:  49.000%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl970-2-mrg2:nth-of-type(2n+0) {margin: 0 0 2% 0;}
			.fl970-3-mrg2 {position: relative; float: left; width:  32.000%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl970-3-mrg2:nth-of-type(3n+0) {margin: 0 0 2% 0;}
			.fl970-4-mrg2 {position: relative; float: left; width:  23.500%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl970-4-mrg2:nth-of-type(4n+0) {margin: 0 0 2% 0;}
			.fl970-5-mrg2 {position: relative; float: left; width:  18.400%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl970-5-mrg2:nth-of-type(5n+0) {margin: 0 0 2% 0;}
			.fl970-6-mrg2 {position: relative; float: left; width:  15.000%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl970-6-mrg2:nth-of-type(6n+0) {margin: 0 0 2% 0;}

			.fl970-1-mrg3 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  3% 0;}
			.fl970-2-mrg3 {position: relative; float: left; width:  48.500%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl970-2-mrg3:nth-of-type(2n+0) {margin: 0 0 3% 0;}
			.fl970-3-mrg3 {position: relative; float: left; width:  31.333%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl970-3-mrg3:nth-of-type(3n+0) {margin: 0 0 3% 0;}
			.fl970-4-mrg3 {position: relative; float: left; width:  22.750%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl970-4-mrg3:nth-of-type(4n+0) {margin: 0 0 3% 0;}
			.fl970-5-mrg3 {position: relative; float: left; width:  17.600%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl970-5-mrg3:nth-of-type(5n+0) {margin: 0 0 3% 0;}
			.fl970-6-mrg3 {position: relative; float: left; width:  14.166%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl970-6-mrg3:nth-of-type(6n+0) {margin: 0 0 3% 0;}

			.fl970-1-mrg4 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  4% 0;}
			.fl970-2-mrg4 {position: relative; float: left; width:  48.000%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl970-2-mrg4:nth-of-type(2n+0) {margin: 0 0 4% 0;}
			.fl970-3-mrg4 {position: relative; float: left; width:  30.666%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl970-3-mrg4:nth-of-type(3n+0) {margin: 0 0 4% 0;}
			.fl970-4-mrg4 {position: relative; float: left; width:  22.000%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl970-4-mrg4:nth-of-type(4n+0) {margin: 0 0 4% 0;}
			.fl970-5-mrg4 {position: relative; float: left; width:  16.800%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl970-5-mrg4:nth-of-type(5n+0) {margin: 0 0 4% 0;}
			.fl970-6-mrg4 {position: relative; float: left; width:  13.333%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl970-6-mrg4:nth-of-type(6n+0) {margin: 0 0 4% 0;}

			.fl970-1-mrg5 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  5% 0;}
			.fl970-2-mrg5 {position: relative; float: left; width:  47.500%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl970-2-mrg5:nth-of-type(2n+0) {margin: 0 0 5% 0;}
			.fl970-3-mrg5 {position: relative; float: left; width:  30.000%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl970-3-mrg5:nth-of-type(3n+0) {margin: 0 0 5% 0;}
			.fl970-4-mrg5 {position: relative; float: left; width:  21.250%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl970-4-mrg5:nth-of-type(4n+0) {margin: 0 0 5% 0;}
			.fl970-5-mrg5 {position: relative; float: left; width:  16.000%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl970-5-mrg5:nth-of-type(5n+0) {margin: 0 0 5% 0;}
			.fl970-6-mrg5 {position: relative; float: left; width:  12.500%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl970-6-mrg5:nth-of-type(6n+0) {margin: 0 0 5% 0;}
			}


@media only screen and (min-width: 1250px) {
			.fl1250-1 {position: relative; float: left; width: 100.000%; margin: 0; padding: 0;}
			.fl1250-2 {position: relative; float: left; width:  50.000%; margin: 0; padding: 0;}
			.fl1250-3 {position: relative; float: left; width:  33.333%; margin: 0; padding: 0;}
			.fl1250-4 {position: relative; float: left; width:  25.000%; margin: 0; padding: 0;}
			.fl1250-5 {position: relative; float: left; width:  20.000%; margin: 0; padding: 0;}
			.fl1250-6 {position: relative; float: left; width:  16.666%; margin: 0; padding: 0;}

			.fl1250-1-mrg1 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  1% 0;}
			.fl1250-2-mrg1 {position: relative; float: left; width:  49.500%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl1250-2-mrg1:nth-of-type(2n+0) {margin: 0 0 1% 0;}
			.fl1250-3-mrg1 {position: relative; float: left; width:  32.666%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl1250-3-mrg1:nth-of-type(3n+0) {margin: 0 0 1% 0;}
			.fl1250-4-mrg1 {position: relative; float: left; width:  24.250%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl1250-4-mrg1:nth-of-type(4n+0) {margin: 0 0 1% 0;}
			.fl1250-5-mrg1 {position: relative; float: left; width:  19.200%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl1250-5-mrg1:nth-of-type(5n+0) {margin: 0 0 1% 0;}
			.fl1250-6-mrg1 {position: relative; float: left; width:  15.833%; padding: 0; margin: 0 1% 1% 0;}   div.floatingcont .fl1250-6-mrg1:nth-of-type(6n+0) {margin: 0 0 1% 0;}

			.fl1250-1-mrg2 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  2% 0;}
			.fl1250-2-mrg2 {position: relative; float: left; width:  49.000%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl1250-2-mrg2:nth-of-type(2n+0) {margin: 0 0 2% 0;}
			.fl1250-3-mrg2 {position: relative; float: left; width:  32.000%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl1250-3-mrg2:nth-of-type(3n+0) {margin: 0 0 2% 0;}
			.fl1250-4-mrg2 {position: relative; float: left; width:  23.500%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl1250-4-mrg2:nth-of-type(4n+0) {margin: 0 0 2% 0;}
			.fl1250-5-mrg2 {position: relative; float: left; width:  18.400%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl1250-5-mrg2:nth-of-type(5n+0) {margin: 0 0 2% 0;}
			.fl1250-6-mrg2 {position: relative; float: left; width:  15.000%; padding: 0; margin: 0 2% 2% 0;}   div.floatingcont .fl1250-6-mrg2:nth-of-type(6n+0) {margin: 0 0 2% 0;}

			.fl1250-1-mrg3 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  3% 0;}
			.fl1250-2-mrg3 {position: relative; float: left; width:  48.500%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl1250-2-mrg3:nth-of-type(2n+0) {margin: 0 0 3% 0;}
			.fl1250-3-mrg3 {position: relative; float: left; width:  31.333%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl1250-3-mrg3:nth-of-type(3n+0) {margin: 0 0 3% 0;}
			.fl1250-4-mrg3 {position: relative; float: left; width:  22.750%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl1250-4-mrg3:nth-of-type(4n+0) {margin: 0 0 3% 0;}
			.fl1250-5-mrg3 {position: relative; float: left; width:  17.600%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl1250-5-mrg3:nth-of-type(5n+0) {margin: 0 0 3% 0;}
			.fl1250-6-mrg3 {position: relative; float: left; width:  14.166%; padding: 0; margin: 0 3% 3% 0;}   div.floatingcont .fl1250-6-mrg3:nth-of-type(6n+0) {margin: 0 0 3% 0;}

			.fl1250-1-mrg4 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  4% 0;}
			.fl1250-2-mrg4 {position: relative; float: left; width:  48.000%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl1250-2-mrg4:nth-of-type(2n+0) {margin: 0 0 4% 0;}
			.fl1250-3-mrg4 {position: relative; float: left; width:  30.666%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl1250-3-mrg4:nth-of-type(3n+0) {margin: 0 0 4% 0;}
			.fl1250-4-mrg4 {position: relative; float: left; width:  22.000%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl1250-4-mrg4:nth-of-type(4n+0) {margin: 0 0 4% 0;}
			.fl1250-5-mrg4 {position: relative; float: left; width:  16.800%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl1250-5-mrg4:nth-of-type(5n+0) {margin: 0 0 4% 0;}
			.fl1250-6-mrg4 {position: relative; float: left; width:  13.333%; padding: 0; margin: 0 4% 4% 0;}   div.floatingcont .fl1250-6-mrg4:nth-of-type(6n+0) {margin: 0 0 4% 0;}

			.fl1250-1-mrg5 {position: relative; float: left; width: 100.000%; padding: 0; margin: 0 0  5% 0;}
			.fl1250-2-mrg5 {position: relative; float: left; width:  47.500%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl1250-2-mrg5:nth-of-type(2n+0) {margin: 0 0 5% 0;}
			.fl1250-3-mrg5 {position: relative; float: left; width:  30.000%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl1250-3-mrg5:nth-of-type(3n+0) {margin: 0 0 5% 0;}
			.fl1250-4-mrg5 {position: relative; float: left; width:  21.250%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl1250-4-mrg5:nth-of-type(4n+0) {margin: 0 0 5% 0;}
			.fl1250-5-mrg5 {position: relative; float: left; width:  16.000%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl1250-5-mrg5:nth-of-type(5n+0) {margin: 0 0 5% 0;}
			.fl1250-6-mrg5 {position: relative; float: left; width:  12.500%; padding: 0; margin: 0 5% 5% 0;}   div.floatingcont .fl1250-6-mrg5:nth-of-type(6n+0) {margin: 0 0 5% 0;}
			}