.tom p {
  text-align:center!important;
  padding-top:0!important;
  margin-top:4%!important;
}

.tim {
  padding-top:4%;
}

.over {
  padding-top:1%;
}

.goleft {
  text-align:left;
}

#man h4 {
    font-size: 1.3em;
}

#man {
    position: absolute;
    width: 70%;
    height: 86%;
    margin: 0 auto;
    top: 70px!important;
    background: #FFF;
}

.trail p {
  padding-top:0!important;
  font-size:1.1em!important;
}

.offer h4 {
  margin-bottom:0;
}
.condor {
  width:40%!important;
}

.collec .roub h4 {
  font-size:2em;
}

.nole {
  margin:4% 0;
}

.roub img {
  margin-top:8%!important;
  width:65%!important;
}

.olow .speci1 img {
  width:42%;
}

.olow {
  text-align: center;
}

.olow img {
  width:42%!important;
  margin:0;
}

.bold {
  font-weight:600;
}
.willi a {
    background: rgba(6, 107, 9, 0.8);
}

.amin a {
    background: rgba(148, 115, 228, 0.8);
}

.orei a {
    background: rgb(60, 145, 195);
}

#man h4, #luci h4{
  margin:8% 0 3%;
}

#man a, #luci a {
  font-size:1.2em;
}

#luci .row {
  max-width:60%;
}

.tao h4 {
  color:#000;
}

#fo h4 {
  color:#000;
  font-size:2.5em;
  margin: 2% 0 1%;
}

#casc span {
  display:block;
  color:#000;
}

#fo a {
  display:inline-block;
  padding:1% 3%;
  margin-bottom:2%;
  font-size:1.2em;
}

#fo img {
  width:  auto!important;
  margin:1% auto;
  max-width:600px;
}

.caslo h4 {
  margin:4% 0 1%!important;
  font-size: 1.6em;
}

.caslo img {
  width:58%!important;
  margin:0!important;
}

.sago h5 {
  margin-top:0;
  font-size:1.7em;
}

.gun img {
    margin: 30% 10% 0 0;
    width:65%!important;
}

.graz img {
    margin: 16% 0 0 0!important;
    width:90%!important;
}

#gae p {
  font-size:1.1em;
}

.up {
  margin-top:5%;
}

#bim h4 {
  font-size:1.3em!important;
  margin:0;
  padding:1% 0 0;
}

#bim {
    position: absolute;
    width: 70%;
    height:100%!important;
    margin: 0 auto;
    top: 55px!important;
    background: #FFF;
}

#scam p {
  padding-top:0!important;
}

.strin p {
  text-align:center !important;
  padding-top:0!important;
}

.strin img {
  margin-top:4%!important;
}

#bim.popupContainer img {
  margin: 4% 0;
  width:69%;
}

.mil h4 {
  font-size:1.6em;
  margin: 8% 0 0;
}

/*---------footer-------*/
#azienda {
  position:relative;
  margin:0 auto;
  background:#f3f3f3;
  text-align:center;
  color:#000;
}

.offer { 
  width:100%;
  height:100%;
  margin:0 auto;
  padding:1% 0 2%;
  text-align:center;
  background:#eaeaea;
}

.hulk {
  width:60%;
}

.offer h3 {
  padding:3% 0 1%;
  font-size:3em;
  font-family: 'poiret_oneregular';
  margin:0;
  color:#000;
}
#attivita {
  position:relative;
  margin:0 auto;
  margin:0;
  padding-top:0;
  background:#fff;
  text-align:center;
  color:#fff;
}

#offerte {
  position:relative;
  margin:0 auto;
  padding:0 0 5%;
  background:#fff;
  text-align:center;
  color:#000;
}

#offerte span {
  font-weight:400;
}


.popupContainer h3 {
  text-align:center;
  padding:18px 0 !important;
  background:#f4f4f4;
}

.popupContainer img {
  margin:18% 10% 0 0;
  width:120%;
}

.popupContainer p {
  margin-top:7%;
}


#tarm.popupContainer img {
  margin: 5% 10% 0 0;
  width:80%;
}

#tarm p {
  padding-left:5%;
  padding-top:0!important;
  font-size:0.8em!important;
}

#jump p {
  font-size:1.1em!important;
}
.menu h4 {
  margin:0;
  padding-top:20px;
}
.menu a {
  font-size:1.3em;
  color:#000;
  display:inline-block;
  text-decoration:none;
  margin-top:10px;
  padding:10px 20px;
  font-weight:400;
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.menu p {
  text-align:left;
  font-size:1.2em; 
  padding-top:8%;}

.menu:hover a{
  background:#545454;
  color:#fff;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
    z-index:1;
}

.gri h4 {
  font-size:2em;
  margin-top:0;
  padding-top:0;
}

.popupContainer{
  position:absolute;
  width:70%;
  height: 75%;
  margin: 0 auto;
  top:100px!important;
  background: #FFF;
}


#modal_trigger {margin:100px auto; width:60%; display:block;}

.btn {padding:10px 20px; background: #F4F4F2;}
.btn_red {background: #ED6347; color: #FFF;}

.btn:hover {background: #E4E4E2;}
.btn_red:hover {background: #C12B05;}

a.btn {color:#666; text-align: center; text-decoration: none;}
a.btn_red {color: #FFF;}

.one_half {width:50%; display: block; float:left;}
.one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
.popupHeader {font-size:16px; text-transform: uppercase;}
.popupHeader {background:#F4F4F2; position:relative; padding:5px 20px; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:5px 15px; background:#E4E4E2; cursor: pointer; color:#666; font-size:16px;}

.popupBody {padding:20px;}



.slide {
  background: url('../images/slide.jpg') center center no-repeat;
  background-size:cover;
  height:300px;
  margin-top:4%;
  width:100%;
}

.azienda {
  width:100%;
  background:rgba(255,255,255,1);
  height:100%;
  margin:0 auto;
  padding-bottom:5%;
  text-align:center;
}

.collec {
  width:100%;
  height:250px;
  margin:0 auto;
  background:#212121;
  padding:4% 0;
  text-align:center;
  opacity:1;
}

.ebike {
  background: url('../images/sfondo18.jpg') center center no-repeat;
  background-size:cover;
  margin-bottom:5%;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.ebike1 {
  background: url('../images/sfondo1.jpg') center center no-repeat;
  background-size:cover;
  margin-bottom:5%;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.ebike .roub img {
  width:48%!important;
  margin:2% 0!important;
}

.mount {
  background: url('../images/sfondo2.jpg') center center no-repeat;
  background-size:cover;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
    margin-bottom:5%;
}

.run {
  background: url('../images/sfondo3.jpg') center center no-repeat;
  background-size:cover;
  margin-bottom:5%;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.trek {
  background: url('../images/sfondo5.jpg') bottom center no-repeat;
  background-size:cover;
  margin-top:5%;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.mtb {
  background: url('../images/sfondo5.jpg') bottom center no-repeat;
  background-size:cover;
  margin-bottom:5%;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.hub {
  background: url('../images/sfondo10.jpg') bottom center no-repeat;
  background-size:cover;
  margin-top:5%;
  margin-bottom:5%;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.lim {
  background: url('../images/sfondo11.jpg') top center no-repeat;
  background-size:cover;
  margin-bottom:5%;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.trux h4 {
  font-size:1.4em!important;
  margin-top:5% !important;
  margin-bottom:2% !important;
}
.trux img {
  margin:1% 0 3%!important;
  width:80%;
}
.trux a, .roub a {
  display:inline-block;
  font-size:1.4em;
  background: #353535;
  margin-bottom:4%!important;
  padding: 2% 4%!important;
}

.roub .offered {
  background:#fff;
}

#mix {
  height:80%;
  }

.speci h4 {
  font-size:1.4em!important;
  margin-top:5% !important;
  margin-bottom:2% !important;
}

.speci1 h4 {
  font-size:1.5em!important;
  margin-top:5% !important;
  margin-bottom:2% !important;
}

.offro h4 {
  font-size:1.5em!important;
  margin-top:3% !important;
  margin-bottom:2% !important;
}


.menu .offered {
  font-size:2em;
}

.menu:hover .offered {
  background:none;
}

.speci img {
  margin:1% 0 3%!important;
  width:65%;
}
.speci a {
  display:inline-block;
  background: #353535;
  font-size:1.4em;
  margin-bottom:2%!important;
  padding: 2% 4%!important;
}

.speci1, .offro {
  text-align:center;
}

.speci1 img, .offro img {
  margin:1% 0 3%!important;
  display:block;
  margin:0 auto!important;
  width:67%;
}
.speci1 a, .wander a {
  display:inline-block;
  background: #353535;
  font-size:1.2em;
  color:#fff;
  margin:2% 0!important;
  padding: 2% 4%!important;
}

#csbi a, #casc a {
  text-decoration: none;
  font-size: 1.4em;
}

#csbi .sche, #casc .sche {
  font-size: 1em;
}


#csbi h4, #casc h4 {
  color: #000;
  font-size: 1.2em;
}

#mtb, #d19, #run {
    height: 800px !important;
    height /**/: 200px;
    overflow: auto;
  }

#run img {
  width: 40%;
}

.collec .offro a, .speci1 .offered, .wander .offered {
  display:inline-block;
  font-family: 'haettenschweilerregular';
  font-size:1.8em;
  letter-spacing: 1px;
  color:#fb1212;
  background:none;
  border:4px solid red;
  margin:2% 1% 0!important;
  padding: 0 3%!important;
}

.offered {
  display:inline-block;
  font-family: 'haettenschweilerregular'!important;
  font-size:1.8em;
  letter-spacing: 1px;
  color:#fb1212!important;
  background:none>!important;
  border:4px solid red;
  margin:2% 1% 0!important;
  padding: 0 3%!important;
}


.city {
  background: url('../images/sfondo4.jpg') center center no-repeat;
  background-size:cover;
  margin-top:5%;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.olla {
  background: url('../images/sfondo6.jpg') center center no-repeat;
  background-size:cover;
  margin-top:5%;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.bimbi {
  background: url('../images/sfondo7.jpg') bottom center no-repeat;
  background-size:cover;
  margin-top:5%;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.bmx {
  background: url('../images/sfondo9.jpg') bottom center no-repeat;
  background-size:cover;
  margin-top:5%;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.ele {
  background: url('../images/sfondo8.jpg') bottom center no-repeat;
  background-size:cover;
  margin-top:5%;
  margin-bottom:5%;
     -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}
.mount:hover, .run:hover, .trek:hover, .city:hover, .olla:hover, .bimbi:hover, .bmx:hover, .ele:hover {
  opacity:1;
  color:#fff;

}

#ele {
  height: 1000px;
}

.sport {
  padding:0 2%;
}
.pup {
  padding:0;
}
.small {
  max-height:280px;
}

.pup .popupContainer img, .collec .popupContainer img  {
  margin: 14% 0; 
}

.pup a {
  display:block;
  text-decoration: none;
  font-family:'Century-Regular';
  bottom:0px;
  left:0px;
  text-align:center;
  padding:5% 0;
  font-size:2.2em;
  font-weight:400;
  color:#fff;
  opacity:0.7;
   -webkit-transition-duration: 0.9s; 
    transition-duration: 0.9s;
}

.pup:hover a {
  opacity:1;
}
#first .access span {font-size:1.5em;}

.swat a{background: rgba(69,141,191,0.6);}
.spin a{background: rgba(255,111,128,0.6);}
.kick a{background: rgba(84,218,133,0.6);}
.cardio a{background: rgba(234,122,103,0.8);}
.corpo a{background: rgba(241, 177, 30, 0.8);}
.xte a{background: rgba(68,126,121,0.8);}
.panca a{background: rgba(251,208,132,0.8);}
.venti a{background: rgba(132,138,251,0.8);}
.gag a{background: rgba(198,224,75,0.8);}

.prev {
  width:100%;
  margin:0 auto;
  padding:2% 0 1%;
  background:#456994;
  text-align:center;
  color:#000;
}

.prev p {
  font-size:1.7em;
  color:#fff;
  padding:0;
}

.prev span {
  font-size:1.7em;
  display:block;
  vertical-align: middle;

}

.negozio a {
  font-size:1.8em;
}

.negozio h3 {
  padding:2% 0 4%!important;
  font-size:3.2em;
}

.fabb {
	margin-top:3%;
	width:100%;
	text-align:center;
}

.azienda h3, .negozio h3, .staff h3 {
  font-family: 'poiret_oneregular';
  margin:0;
  padding:4% 0 20px 0;
  color:#000;
} 

.collec a {
  font-family: 'poiret_oneregular';
  margin:0;
  text-decoration:none;
  color:white;
  padding:20px 0;
} 

.collec h4 {
  font-family: 'poiret_oneregular';
  margin-bottom:0;
  color:#000;
  letter-spacing: 1px;
  font-weight:600;
  font-size:2.6em;
}

.run .popupContainer img {
  margin: 5% 0; 
}
.mount h4 {
  font-size:1.7em;
  margin:5% 0 0 ;
}

.mount .popupContainer img {
    margin: 2% 0 0;
    width: 70%;
}

.azienda p, .negozio p, .collec p, .offer p {
  padding:0 12em;
  font-size:1.5em;
  font-weight:200;
}

.negozio {
  background:#f3f3f3;
  height:100%;
  margin:0 auto;
  text-align:center;
  padding:3% 0 4%;
}

.go {
  font-family:'Century-Regular';
  color:#fff;
  padding:2% 10%;
}

.space {margin-top:5%;}
.azienda img{ 
	display:inline-block;
	padding-top:10%;
}

table {
	width:100%;
	background:#f9f9f9;
	border:#d9d9d9;
	margin-top:3%;
}

table td {
	padding:10px;
}


.box img {
	padding-top:0;
}

.box span {
  text-align:center;
  font-family: 'poiret_oneregular';
  position:absolute;
  width:92%;
  top:10%;
  left:4%;
  font-size:1.3em;
  color:#fff;
  opacity:0;
   -webkit-transition-duration: 0.9s; 
    transition-duration: 0.9s;
}

.box:hover span {
  opacity:1;

}


/*-------------Casi di successo-----------*/

#main {
  margin:0 auto;
  text-align:left;
}
form#contact  {
font-size:100%;
color:#000;
}

fieldset {
  margin-top:3%;
  width:70%;
}
#main h3 {
  margin-top:0;
  font-family: 'poiret_oneregular';
  background:#918e95;
  color:#fff;
  width:86.8%;
  padding:20px 10%;
  margin:0 auto;
  font-size:2.8em;
  font-weight:400;
}

form#contact label  {
  float:left;
  display:block;
  margin-top:3px;
  margin-left:20%;
  font-size:1.4em;
  clear:both;
}

form#contact input  {
  color:#000;
  margin:0 0 15px 0;
  border:1px solid #d8d8d8;
  width:350px;float:right;
  -moz-border-radius:9px;
  -webkit-border-radius:5px;
  padding:7px 15px;}

form#contact select {
  color:#000;margin:0 0 15px 0;
  border:1px solid #d8d8d8;
  width:300px;float:right;
  -moz-border-radius:9px;
  -webkit-border-radius:5px;
  padding:3px 5px 3px 10px;}

form#contact option {display:block;color:#666;}



form#contact textarea {
  color:#666; 
  float:right;
  font-size:110%;
  font-family:arial;
  height:120px; 
  width:360px;
  border:1px solid #d8d8d8;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:2px 10px;
  margin-bottom:10px;
}

#send { 
  clear:both;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:0;
  cursor:pointer;
  color:#fff;
  top:0;
  float:right;
  font-weight:bold;
  font-size:120%;
  padding:10px 25px;
  margin-bottom:50px;
}

.faulty_field {
  background:#fff4f4 !important;
  color:#ff0000;
  border:1px solid #ff0000 !important;
}



#prova { 
  margin:0 auto;
  height: 60%;
}

}
#main{ margin:0 auto; padding:0;}

#ritorna{ width:500px; height:100px; margin:0 auto; padding:0; font-size:24px; font-family:Verdana, Geneva, sans-serif;}





@media only screen and (min-width:0px) and (max-width: 720px) {


	.inside img {
		margin-top:15px;
		width:80%;
	}

	.social img {
		margin: 0 auto;
		display:block;
		padding:2px;
		position: relative;
	}

  .azienda p, .negozio p, .collec p, .offer p {
    padding: 0 3em;
    font-size: 2em;
    font-weight: 200;
  }

  .azienda h3, .negozio h3, .staff h3 {
    font-size: 3em;
    padding: 6% 0 2%;
  }

  .collec {
    height: 130px;
  }

  .popupHeader {
    margin-bottom:10%;
  }

  .collec .offro a, .speci1 .offered, .wander .offered {
    font-size: 1.2em;
  }

  .pup .popupContainer img, .collec .popupContainer img {
    width: 90%!important;
  }

  .collec h4 {
    font-size: 1.8em!important;
  }

  .pup {
    margin:8% 0;
  }

  .visual {
    margin-top: 4%;
    margin-bottom: 4%;
    background-image: none;
  }

  .prev  {
    margin-top: 5%;
  }

  .negozio  {
    display: none;
  }

  .hulk {
    width: 80%;
  }

  .menu {
    margin-bottom: 5%;
  }

  .menu .btn {
    display: none;
  }


}


@media only screen and (min-width:721px) and (max-width: 1440px){

	body {font-size:80%;}

#menu-con a {
  font-size:0.8em;
}

.box span {
  font-size:1.1em;
  top:2%;
}

#attivita .box a {
  font-size:1em;
}


}

@media only screen and (min-device-width:601px) and (max-device-width: 1440px){

	
#menu-con a {
  font-size:0.8em;

}

.box span {
  font-size:1.1em;
  top:2%;

}

}



@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : landscape)
  and (-webkit-min-device-pixel-ratio: 1)  { 

}