.contentTimeline {position:relative; overflow:hidden;}
ul.timeline li {position:relative;}
.timelineBox {float:left;}
.vertical_line {width:2px; height:100%; position:absolute; top:0; left:50%; margin-left:-1px; background-color:#96c93d;}
.timelineBox h2 {text-align:center; color:#6e335e;}
.txtLeft {text-align:left;}
.txtRight {text-align:right;}
.dispari {background-image:url(../grafica_comune/muscles.png);}
.pari {background-image:url(../grafica_comune/target.png);}

/* ----------------------- MINI-SMARTPHONE ------------------*/
@media screen and (min-width: 0px) and (max-width: 460px) {
ul.timeline li {background:none;}
.timelineBox {width:100%;}
.timelineBox h2 {padding:0; margin-bottom:0; margin-top:0; font-size:1.8em;}
.text {width:100%; margin-top:30px; margin-bottom:0;}
.timelineBox p {padding:10px 20px 0 20px !important; text-align:justify;}
.vertical_line {display:none;}
.boxLeft, .boxRight {float:none;}

}
/* ----------------------- SMARTPHONE ------------------*/
@media screen and (min-width: 461px) and (max-width: 768px) {
ul.timeline li {background-position:center top -5px; background-repeat:no-repeat; background-size:auto 70px;}
.timelineBox {width:100%; margin-bottom:20px;}
.timelineBox h2 {line-height:40px; padding:0 40px; margin-bottom:0; margin-top:0; font-size:2.2em;}
.text {width:50%; margin-top:0; margin-bottom:0;}
.timelineBox p {padding:20px 30px 10px 40px !important; margin-bottom:0; line-height:1.3em !important; font-size:1.5em; text-align:left;}
.vertical_line {display:block;}
.boxLeft {float:left;}
.boxRight {float:right; margin-top:150px}
}
/* ----------------------- IPAD PORTRAIT ------------------*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
ul.timeline li {background-position:center top -5px; background-repeat:no-repeat; background-size:auto 70px;}
.timelineBox {width:100%; margin-bottom:20px;}
.timelineBox h2 {line-height:40px; padding:0 40px; margin-bottom:0; margin-top:0; font-size:1.5em;}
.text {width:50%; margin-top:0; margin-bottom:0;}
.timelineBox p {padding:20px 70px 10px 70px !important; margin-bottom:0; line-height:1.3em !important; font-size:1.5em; text-align:left;}
.vertical_line {display:block;}
.boxLeft {float:left;}
.boxRight {float:right;}
}
@media only screen and (min-width: 1025px){
ul.timeline li {background-position:center top -5px; background-repeat:no-repeat; background-size:auto 70px;}
.timelineBox {width:100%; margin-bottom:20px;}
.timelineBox h2 {line-height:40px; padding:0 40px; margin-bottom:0; margin-top:0; font-size:1.5em;}
.text {width:50%; margin-top:0; margin-bottom:0;}
.timelineBox p {padding:20px 70px 10px 70px !important; margin-bottom:0; line-height:1.5em !important; text-align:left;}
.vertical_line {display:block;}
.boxLeft {float:left;}
.boxRight {float:right;}
}
/* ----------------------- DESKTOP ------------------*/
@media only screen and (min-width: 1200px){
ul.timeline li {background-position:center top -5px; background-repeat:no-repeat; background-size:auto 70px;}
.timelineBox {width:100%; margin-bottom:20px;}
.timelineBox h2 {line-height:40px; padding:0 40px; margin-bottom:0; margin-top:0; font-size:1.5em;}
.text {width:50%; margin-top:0; margin-bottom:0;}
.timelineBox p {padding:20px 70px 10px 70px !important; margin-bottom:0; line-height:1.5em !important; text-align:left;}
.vertical_line {display:block;}
.boxLeft {float:left;}
.boxRight {float:right;}
}
/* inserire prima di ogni regola #page_1 */
[class*="list-item-"] {display:flex; display:-webkit-flex; flex-flow:row nowrap; -webkit-flex-flow:row wrap; align-items:stretch; -webkit-align-items:stretch; justify-content: space-between; -webkit-justify-content:space-between; margin-top:10px;}
[class*="list-item-"] li {position:relative; border:solid 1px #dedede; margin-bottom:1em; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.icon-in-box {background-repeat:no-repeat;}
.icon-in-box h3 {padding:0 2em; text-align:center;}
.boxTxt {text-align:justify;}
.txtIntro {line-height:1.3em !important; padding:0 10px 0 10px; margin-bottom:0 !important;}
#page_1 .btn {width:50% !important; padding:10px 0; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.specialty {margin-bottom:20px;}
.costoUnaTantum {font-size:.7em; color:#fff;}
.scrollDown {cursor:pointer; float:left; width:100%; margin-top:70px; padding-bottom:40px; text-align:center; background-size:3% auto; background-repeat: no-repeat; background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0MDcuNDM3IDQwNy40MzciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwNy40MzcgNDA3LjQzNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiPgo8Zz4KCTxwb2x5Z29uIHBvaW50cz0iMjAzLjcxOCwzMjIuOTI5IDIxLjE3OSwxNDAuOTg0IDAsMTYyLjIzMiAyMDMuNzE4LDM2NS4yODcgNDA3LjQzNywxNjIuMjMyIDM4Ni4yNTgsMTQwLjk4NCAgIiBmaWxsPSIjYzFjMWMxIi8+Cgk8cG9seWdvbiBwb2ludHM9IjQwNy40MzcsNjMuMzk4IDM4Ni4yNTgsNDIuMTUgMjAzLjcxOCwyMjQuMDk1IDIxLjE3OSw0Mi4xNSAwLDYzLjM5OCAyMDMuNzE4LDI2Ni40NTMgICIgZmlsbD0iI2MxYzFjMSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); background-position:center bottom; transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transtion:all 0.4s; -webkit-transition:all 0.4s;}

.iconAbbonamento {background-repeat: no-repeat; background-size:auto 50px; background-position:center top; padding-top:70px;}
.topPrezzi {width:80%; line-height:40px; margin:auto; border-bottom:1px solid #fff; text-align:center;}
.topPrezzi h3 {font-weight:700; font-size:1.2em; color:#fff; text-transform:none; text-align:center;}
.topPrezzi h3 span, .topPrezziRaccomandati h3 span {font-weight:normal; font-size:.7em;}
.prezzo {text-align:center;}
.prezzo p {font-size:1.2em; color:#fff; display:inline-block; vertical-align:top;}
.prezzo h2 {color:#fff !important; font-size:4em !important; display:inline-block;}
.features p {text-align:left; font-size:.9em; line-height:1.2em !important; color:#fff;}
.boxPrezzi {background-color:#333333; position:relative;}
.boxPrezzi .bottoniera {width:100%; left:0; right:0; margin:0 auto; text-align:center;}
.invioAcquisto {width:70%; padding:15px 0; border:1px solid #fff; color:#fff; text-align:center; text-decoration:none; display:inline-block; font-size:16px; transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transtion:all 0.4s; -webkit-transition:all 0.4s; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.invioAcquisto:hover {color:#fff; background-color:#96c93d; border:1px solid #96c93d;}
.lime {background-color:#96c93d;}
.lime .invioAcquisto:hover {background-color:#333333; border:1px solid #333333;}
.boxPrezzi ul {padding:0 40px; display:none; text-align:left;}
.boxPrezzi ul li {line-height:1em; margin-bottom:15px; margin-left:15px; font-size:1em; color:#fff;}
.boxPrezzi ul li span {line-height:.9em; font-size:.9em; padding:10px; display:block;}
/*Ultimo aggiornamento 31/03/2017*/
/* ----------------------- MINI-SMARTPHONE ------------------*/
@media screen and (min-width: 0px) and (max-width: 460px) {
.specialty li {margin-left:2em; line-height:1.5em;}
.boxPrezzi {width:98%; margin:0 1%;}
.boxTitle h2 {-webkit-column-span:all; -moz-column-span:all;}
.multiColumn {-webkit-column-count:1; -webkit-column-gap:0; -moz-column-count:1; -moz-column-gap:0;}
[class*="list-item-"] li {height:auto;}
.icon-in-box {padding-top:100px !important; background-position:center; background-size:auto 60px;}
.boxPrezzi {min-height:auto; padding:0 0 15px 0;}
.topPrezzi {padding-top:10px;}
.boxPrezzi .bottoniera {position:relative; bottom:0px;}
.features p {padding:0 30px 10px 30px;}
}
/* ----------------------- SMARTPHONE ------------------*/
@media screen and (min-width: 461px) and (max-width: 768px) {
.specialty li {margin-left:2em; line-height:1.5em;}
.boxPrezzi {width:98%; margin:0 1%;}
.boxTitle h2 {font-size:2.5em; -webkit-column-span:all; -moz-column-span:all;}
.multiColumn {-webkit-column-count:1; -webkit-column-gap:0; -moz-column-count:1; -moz-column-gap:0;}
[class*="list-item-"] li {height:auto;}
.icon-in-box {padding-top:100px !important; background-position:center; background-size:auto 80px;}
.boxPrezzi {min-height:auto; padding:0 0 15px 0;}
.topPrezzi {padding-top:10px;}
.boxPrezzi .bottoniera {position:relative; bottom:0;}
.features p {padding:0 30px 10px 30px;}
}
/* ----------------------- IPAD PORTRAIT ------------------*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
.specialty li {margin-left:2em; line-height:1.5em;}
.boxPrezzi {width:32.33%; margin:0 .5%;}
.boxTitle h2 {font-size:2.5em; -webkit-column-span:all; -moz-column-span:all;}
.multiColumn {-webkit-column-count:2; -webkit-column-gap:100px; -moz-column-count:2; -moz-column-gap:100px;}
[class*="list-item-"] li {height:auto;}
.icon-in-box {padding-top:110px !important; background-position:center top; background-size:auto 80px;}
.boxPrezzi {min-height:470px; padding:20px 0 60px 0;}
.topPrezzi {padding-top:30px;}
.boxPrezzi .bottoniera {position:absolute; bottom:20px;}
.features p {padding:0px 40px;}
}
/* ----------------------- IPAD LANDSCAPE + NETBOOK ------------------*/
@media only screen and (min-width: 1025px){
.specialty li {margin-left:2em; line-height:1.5em;}
.boxPrezzi {width:32.33%; margin:0 .5%;}
.boxTitle h2 {-webkit-column-span:all; -moz-column-span:all;}
.multiColumn {-webkit-column-count:2; -webkit-column-gap:100px; -moz-column-count:2; -moz-column-gap:100px;}
[class*="list-item-"] li {height:auto;}
.icon-in-box {padding-top:90px !important; background-position:center top 20px; background-repeat:no-repeat; background-size:auto 60px;}
.boxPrezzi {min-height:470px; padding:20px 0 60px 0;}
.topPrezzi {padding-top:30px;}
.boxPrezzi .bottoniera {position:absolute; bottom:20px;}
.features p {padding:0px 40px;}
}
/* ----------------------- DESKTOP ------------------*/
@media only screen and (min-width: 1200px){
.specialty li {margin-left:2em; line-height:1.5em;}
.boxPrezzi {width:32.33%; margin:0 .5%;}
.boxTitle h2 {-webkit-column-span:all; -moz-column-span:all;}
.multiColumn {-webkit-column-count:2; -webkit-column-gap:100px; -moz-column-count:2; -moz-column-gap:100px;}
[class*="list-item-"] li {height:auto;}
.icon-in-box {padding-top:90px !important; background-position:center top 20px; background-repeat:no-repeat; background-size:auto 60px;}
.boxPrezzi {min-height:470px; padding:20px 0 60px 0;}
.topPrezzi {padding-top:30px;}
.boxPrezzi .bottoniera {position:absolute; bottom:20px;}
.features p {padding:0px 40px;}
}