@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Roboto:400,100,300,500|Roboto+Slab:400,100,300,700);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=KoHo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
body { 
	line-height:1.8em;
	font-family: 'Roboto', sans-serif;
	font-weight:400 !important;
	z-index:100;
	background:#fff !important;
	color:#000;
	font-size: 1.1em
}


.popover {max-width:60vw !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
#languageSwitcher { position:fixed; top:8px; right:8px; z-index:1100}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 20px 0 0;
    box-shadow: inset -1px 0 0 rgba(255, 0, 0, 0.2);
	background-color: rgb(255, 255, 255);
	animation: sidebar 1s linear;
}

h2 {font-size:40px !important}


/*
@keyframes sidebar {
  to {
    background-color: rgb(0, 0, 0);
  }
}
*/


.progress {
  height: 0;
  width: 100%;
  background-color: rgb(92, 127, 113);
  position: absolute;
  top: 0;
  left: 0;
  border-radius:0 !important;
  animation: progress 1s linear;
}
@keyframes progress {
  to {
    background-color: rgb(92, 127, 113);
    height: 100%;
  }
}

.progressMobile {
  height: 100%;
  width: 0;
  background-color: rgb(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  border-radius:0 !important;
  animation: progressMobile 1s linear;
}
@keyframes progressMobile {
  to {
    background-color: rgb(0, 0, 0);
    width: 100%;
  }
}



.logoNegative {
  height: 100%;
  width: 100%;
  opacity:0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius:0 !important;
  animation: logoNegative 1s linear;
}
@keyframes logoNegative {
  to {
  opacity:1
  }
}

.textshadow{text-shadow: 1px 0px 0px rgba(0,0,0,0.5) !important;}

.ImglogoMobile {
  height: 100%;
  width: 100%;
  opacity:1;
  top: 0;
  left: 0;
  border-radius:0 !important;
  animation: logoNegative 1s linear;
}

.logoNegativeMobile {
  height: 100%;
  width: 100%;
  opacity:0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius:0 !important;
  animation: logoNegative 1s linear;
  z-index:2001;
}
@keyframes logoNegativeMobile {
  to {
  opacity:1
  }
}



:root * {
  /* Pause the animation */
  animation-play-state: paused;
  /* Bind the animation to scroll */
  animation-delay: calc(var(--scroll) * -1s);
  /* These last 2 properites clean up overshoot weirdness */
  animation-iteration-count: 1;
  animation-fill-mode: both;
}

.bg-DB002F {background:rgb(248,249,250) }

.labelEtichetta  p { line-height:1.1em;}
p { line-height:1.8em;}
.leggi {cursor:pointer}

.bkgContactFoot { background: #efe300}
.bkgCredits { background:#090808}


.parallax-window {
    min-height: 500px !important;
    background: transparent;
}

.parallax-window-internal {
    min-height: 450px !important;
    background: transparent;
}

.skewLight {transform:skewY(-2deg)}
.skewLightPos {transform:skewY(2deg)}

.skewLightLight {transform:skewY(-1deg)}
.skewLightPosLight {transform:skewY(1deg)}

.boxAccessories {overflow:hidden}
.fade {opacity:1 !important}

.Fixed { 
	-webkit-transition:background 0.5s;
	-moz-transition:background 0.5s;
	-o-transition:background 0.5s;
	transition:background 0.5s;
}
.fixed { 
	/*position:fixed; 
	z-index:9999;
	top:0; 
	left:0; */
	width:100%;
	
	-webkit-box-shadow: #333 0px 1px 1px !important;
	-moz-box-shadow:#333 0px 1px 1px  !important;
	box-shadow: #333 0px 1px 1px !important;
	-webkit-transition:background 0.5s;
	-moz-transition:background 0.5s;
	-o-transition:background 0.5s;
	transition:background 0.5s
	
	}
	
	.preheaderSocial { background:#eaeaea; font-size:13px; color: #efe300}
	
	
	.Roboto-ExtraLight {  font-family: 'Roboto', sans-serif !important; font-weight:100; }
	.Roboto-Light {  font-family: 'Roboto', sans-serif !important; font-weight:300; }
	.Roboto-Normal {  font-family: 'Roboto', sans-serif !important; font-weight:400; }
	.Roboto-Medium {  font-family: 'Roboto', sans-serif !important; font-weight:500; }
	.Roboto-Bold {  font-family: 'Roboto', sans-serif !important; font-weight:700; }
	.Roboto-ExtraBold {  font-family: 'Roboto', sans-serif !important; font-weight:900; }
	
	
	
	.Rajdhani-Light {  font-family: 'Rajdhani', sans-serif !important; font-weight:300; }
	.Rajdhani-Regular {  font-family: 'Rajdhani', sans-serif !important; font-weight:400; }
	.Rajdhani-Medium {  font-family: 'Rajdhani', sans-serif !important; font-weight:500; }
	.Rajdhani-SemiBold {  font-family: 'Rajdhani', sans-serif !important; font-weight:600; }
	.Rajdhani-Bold {  font-family: 'Rajdhani', sans-serif !important; font-weight:700; }
	
	
	.Montserrat-ExtraLight {  font-family: 'Montserrat', sans-serif !important; font-weight:100; }
	.Montserrat-Light {  font-family: 'Montserrat', sans-serif !important; font-weight:300; }
	.Montserrat-Normal {  font-family: 'Montserrat', sans-serif !important; font-weight:400; }
	.Montserrat-Medium {  font-family: 'Montserrat', sans-serif !important; font-weight:500; }
	.Montserrat-Bold {  font-family: 'Montserrat', sans-serif !important; font-weight:700; }
	.Montserrat-ExtraBold {  font-family: 'Montserrat', sans-serif !important; font-weight:900; }
	
	
	.RobotoCondensed-Light {  font-family: 'Roboto Condensed', sans-serif; font-weight:300; }
	.RobotoCondensed-Normal {  font-family: 'Roboto Condensed', sans-serif; font-weight:400; }
	.RobotoCondensed-Bold {  font-family: 'Roboto Condensed', sans-serif; font-weight:700; }
	
	
	.OpenContent { color:#999; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:15px; }
	
	.RobotoSlabThin{ font-family: 'Roboto Slab', serif; font-weight: 100}
	.RobotoSlabLight { font-family: 'Roboto Slab', serif; font-weight: 300}
	.RobotoSlabNormal { font-family: 'Roboto Slab', serif; font-weight: 400}
	.RobotoSlabBold { font-family: 'Roboto Slab', serif; font-weight: 700}
	
	
	.Oswald-Bold {  font-family: 'Oswald', sans-serif !important; font-weight:700; }
	.Oswald-Medium {  font-family: 'Oswald', sans-serif !important; font-weight:300; text-transform:uppercase }
	.Oswald-Normal {  font-family: 'Oswald', sans-serif !important; font-weight:200; text-transform:uppercase }
	
	.bg-liveness {background-color:#f5f0ea}
	.bg-liveness-title {background-color:#5c7f71}
	
	.koho-extralight {
		  font-family: "KoHo", sans-serif;
		  font-weight: 200;
		  font-style: normal;
		}

		.koho-light {
		  font-family: "KoHo", sans-serif;
		  font-weight: 300;
		  font-style: normal;
		}

		.koho-regular {
		  font-family: "KoHo", sans-serif;
		  font-weight: 400;
		  font-style: normal;
		}

		.koho-medium {
		  font-family: "KoHo", sans-serif;
		  font-weight: 500;
		  font-style: normal;
		}

		.koho-semibold {
		  font-family: "KoHo", sans-serif;
		  font-weight: 600;
		  font-style: normal;
		}

		.koho-bold {
		  font-family: "KoHo", sans-serif;
		  font-weight: 700;
		  font-style: normal;
		}

		.koho-extralight-italic {
		  font-family: "KoHo", sans-serif;
		  font-weight: 200;
		  font-style: italic;
		}

		.koho-light-italic {
		  font-family: "KoHo", sans-serif;
		  font-weight: 300;
		  font-style: italic;
		}

		.koho-regular-italic {
		  font-family: "KoHo", sans-serif;
		  font-weight: 400;
		  font-style: italic;
		}

		.koho-medium-italic {
		  font-family: "KoHo", sans-serif;
		  font-weight: 500;
		  font-style: italic;
		}

		.koho-semibold-italic {
		  font-family: "KoHo", sans-serif;
		  font-weight: 600;
		  font-style: italic;
		}

		.koho-bold-italic {
		  font-family: "KoHo", sans-serif;
		  font-weight: 700;
		  font-style: italic;
		}
	
/* vertical spacing */
	.vertical00 {
		margin-bottom: 0 !important;
	}
	
	.vertical01 {
		margin-bottom: 1px !important;
	}
	
	.vertical02 {
		margin-bottom: 2px !important;
	}
	
	.vertical03 {
		margin-bottom: 3px !important;
	}
	
	.vertical04 {
		margin-bottom: 4px !important;
	}
	
	.vertical05 {
		margin-bottom: 5px !important;
	}
	.vertical10 {
		margin-bottom: 10px !important;
	}
	.vertical15 {
		margin-bottom: 15px !important;
	}
	.vertical20 {
		margin-bottom: 20px !important;
	}
	.vertical25 {
		margin-bottom: 25px !important;
	}
	.vertical30 {
		margin-bottom: 30px !important;
	}
	.vertical35 {
		margin-bottom: 35px !important;
	}
	.vertical40 {
		margin-bottom: 40px !important;
	}
	.vertical45 {
		margin-bottom: 45px !important;
	}
	.vertical50 {
		margin-bottom: 50px !important;
	}
	.vertical55 {
		margin-bottom: 55px !important;
	}
	.vertical60 {
		margin-bottom: 60px !important;
	}
	.vertical65 {
		margin-bottom: 65px !important;
	}
	.vertical70 {
		margin-bottom: 70px !important;
	}
	.vertical75 {
		margin-bottom: 75px !important;
	}
	.vertical80 {
		margin-bottom: 80px !important;
	}
	.vertical85 {
		margin-bottom: 85px !important;
	}
	.vertical90 {
		margin-bottom: 90px !important;
	}
	.vertical95 {
		margin-bottom: 95px !important;
	}
	.vertical100 {
		margin-bottom: 100px !important;
	}
/* Top vertical spacing */	
	.Tvertical00 {
		margin-top: 0 !important;
	}
	
	.Tvertical01 {
		margin-top: 1px !important;
	}
	
	.Tvertical02 {
		margin-top: 2px !important;
	}
	
	.Tvertical03 {
		margin-top: 3px !important;
	}
	
	.Tvertical04 {
		margin-top: 4px !important;
	}

	.Tvertical05 {
		margin-top: 5px !important;
	}
	.Tvertical10 {
		margin-top: 10px !important;
	}
	.Tvertical15 {
		margin-top: 15px !important;
	}
	.Tvertical20 {
		margin-top: 20px !important;
	}
	.Tvertical25 {
		margin-top: 25px !important;
	}
	.Tvertical30 {
		margin-top: 30px !important;
	}
	.Tvertical35 {
		margin-top: 35px !important;
	}
	.Tvertical40 {
		margin-top: 40px !important;
	}
	.Tvertical45 {
		margin-top: 45px !important;
	}
	.Tvertical50 {
		margin-top: 55px !important;
	}
	.Tvertical55 {
		margin-top: 60px !important;
	}
	.Tvertical65 {
		margin-top: 65px !important;
	}
	.Tvertical70 {
		margin-top: 70px !important;
	}
	.Tvertical75 {
		margin-top: 75px !important;
	}
	.Tvertical80 {
		margin-top: 80px !important;
	}
	.Tvertical85 {
		margin-top: 85px !important;
	}
	.Tvertical90 {
		margin-top: 90px !important;
	}
	.Tvertical95 {
		margin-top: 95px !important;
	}
	.Tvertical100 {
		margin-top: 100px !important;
	}
	
	
	.font-weight-100 { font-weight:100}
	.font-weight-200 { font-weight:200}
	.font-weight-300 { font-weight:300}
	.font-weight-400 { font-weight:400}
	.font-weight-500 { font-weight:500}
	.font-weight-600 { font-weight:600}
	.font-weight-700 { font-weight:700}
	
	.txt10 { font-size:10px}
	.txt12 { font-size:12px}
	.txt13 { font-size:13px}
	.txt14 { font-size:14px}
	.txt16 { font-size:16px}
	.txt18 { font-size:18px}
	.txt20 { font-size:20px}
	.txt25 { font-size:25px}
	.txt30 { font-size:30px}
	.txt35 { font-size:35px}
	.txt40 { font-size:40px}
	.txt50 { font-size:50px}
	.txt55 { font-size:55px}
	
	
	.borderRadiuszero {
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
	}
	

	.ombra {
		-webkit-box-shadow: #000 0px 0px 5px !important;
		-moz-box-shadow: #000 0px 0px 5px  !important;
		box-shadow: #000 0px 0px 5px  !important;
	}
	
	
	.ombraLight {
		-webkit-box-shadow: #666 0px 1px 2px !important;
		-moz-box-shadow: #666 0px 1px 2px  !important;
		box-shadow: #666 0px 1px 2px  !important;
	}
	
	.ombraCorso {
		-webkit-box-shadow: #ccc 0px 1px 5px !important;
		-moz-box-shadow: #ccc 0px 1px 5px  !important;
		box-shadow: #ccc 0px 1px 5px  !important;
	}

	.menuprincipale { min-height:6px}
    #videoContainer { display:block; background:none; overflow:hidden; position:relative;   min-height: 80px;  border-bottom:10px solid #eaeaea}
	#navPrincipale { display:none}
	#navPrincipale a { text-decoration:none; color: black; font-weight:300; font-size:16px}
	.navbar-inverse {  border-color: #eaeaea !important}
	
	.specs { font-family: 'Roboto', sans-serif; }
	
	.specsSmall { background:#DB0028; padding:10px}
	.specsSmall .titolo{ font-size:18px; line-height:1.1em; font-weight:400; margin-bottom:10px;color:white; text-transform:lowercase;  border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:5px}
	.specsSmall .descrizione{ font-family: 'Roboto', sans-serif;  font-size:13px; line-height:1.2em; color:white; font-weight:300;   }
	
	
	.specsProd .titolo{ font-size:80px; line-height:1.1em; font-weight:700; margin-bottom:10px;color:#DB0028; text-transform:uppercase;  border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:5px}
	.specsProd .descrizioneHeader { font-size:20px; line-height:1.1em; margin-bottom:10px;color:#DB0028 }
	
	.specs .titolo {  font-size:30px; line-height:1.1em; margin-bottom:10px;color:#DB0028}
	.specs .descrizione {  font-family: 'Roboto', sans-serif;  font-size:14px; line-height:1.2em; color:#999; font-weight:300; }
	.specs .descrizioneBig {  font-family: 'Roboto', sans-serif;  line-height:1.2em; color:#999; font-weight:300; font-size:15px} 
	
	
	video#bgvid { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width:auto ;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
	
#preloaderVideo { background: rgba(255,255,255,1); height:100%; width:100%; position:fixed; top:0; left:0; z-index:1000;  }
.txtDB0028 { color:#DB0028}

.preloaderObjects {
	
	position: fixed;
    top: 50%;
    left: 50%;
    width: 280px;
    height: 126px;
    margin-top: -126px;
    margin-left: -140px;
	
}

.testimonial-section:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(219, 0,40, 0.3);
}
.testimonial-section {
   position: relative;
    background: url('../images/max-trainer-ftr.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.hero-bkg-cover {
	 position: relative;
    background: url('../images/bkg_hapro_parallax.jpg') no-repeat center center;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.hero-bkg-cover:before {
	
	position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
	height:100%;
    background: rgba(140,140,0140,.2);
	
}






.videoSubSafari{
   position: relative;
    background: url('../images/videoPosterMaxTrainer.jpg') no-repeat !important;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.datiapp li { color:#999; line-height:1.6em; }

#map {
    height: 700px;
    width: 100%;
}

img.lazy {
	min-height:50px;
	min-width:50px;
    background: transparent url(../images/loading.gif) no-repeat 50% 50%;
}

.logoToorxHeader { padding:0px; }
#heroitemHp { background:black; height:580px; }
#heroitemHpInternal { background:black; height:330px; }

.logoMobile {position:relative; background:white; z-index:1001; padding:10px;}

@media (max-width: 767px) {
  
   #heroitemHp { background:black; height:170px; }
   #heroitemHpInternal { background:black; height:170px; }
   .tileHomeProducts, .tileHome { 
		border-right:0px solid white !important;
		border-left:0px solid white !important;
   }
   
   
}

#navPrimary { z-index:9}
#navPrimary li{ border-right: 1px solid rgba(255,255,255,0.2);}
#navPrimary li.first { border:0px solid; padding-left:0; border-right: 1px solid rgba(0,0,0,0.1);}
#navPrimary li.last { border:0px solid; padding-right:5px}
#navPrimary li a { color:#ffffff; text-decoration:none; padding:0 5px;}
.mura-index { border-top:0px solid !important}
.releaseDate  { font-weight:bold;}
.title { padding:10px 0;}
#navPrimary li.active { background:rgba(255,255,255,0); color:white; }
#navPrimary li.active a{ color:white; }

#navPrimary li.last a{  padding-right:0 !important }



.tileHome { 
	
	padding:0; position:relative; max-height:584px; /*height:584px;*/ overflow:hidden;
	margin-bottom:5px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,555555+100 */
	background: rgb(0,0,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%); /* IE10 preview */
	background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	
}
.tileHome .labelEtichetta {
	background:rgba(219,3,54,0.5); border-top:1px solid rgba(255,255,255,0.2); font-size:20px; padding:15px 20px 35px 20px ; position:absolute; width:100%; bottom:0; left:0
}


.tileHomeProducts { 
	padding:0; position:relative; overflow:hidden;
	/*margin-bottom:1px;*/
	border-right:4px solid white;
	border-bottom:4px solid white;
}

.tileHomeProducts.black { background:#111}
.tileHomeProducts.blue { background:#eaeaea}
.tileHomeProducts.white { background:#fff}
.tileHomeProducts.grey { background:#f4f4f4}
.tileHomeProducts.pro { background:#A38A74}

.tileHomeProducts.blue a{ color:#333 !important}
.tileHomeProducts.black a{ color:#fff !important}



.tileHomeProducts:first-child { border-left:0px solid white}
.tileHomeProducts:last-child{ border-right:0px solid white}

.tileHomeProducts .labelEtichetta {
	font-size:30px; padding:10px 20px ; 
}

.tileHomeProducts .abstract { color:rgba(255,255,255,0.7); font-size:13px; font-weight:300; line-height:16px; padding:8px 4px}

.tileHomeProducts .abstract a {color:rgba(255,255,255,0.7);}
.tileHomeProducts .abstract a:after { content:"+"; font-family: 'Roboto Slab', serif; font-weight: 700; color:#333; font-size:30px; position:absolute; right:10px }


.logoWebstore {border:1px solid #DBE5E7; margin-right:0px; margin-bottom:10px}
.titleBox { font-size:30px; color:rgba(60,60,60,0.44); font-weight:400}

.containerMenuStandard {
	border-top:0px solid #f4f4f4; background:#f4f4f4; border-bottom:1px solid #eaeaea; padding:10px 0
}

.menustandard li{ padding:0 5px; border-right:1px solid #eaeaea }
.menustandard li.last {  border:0}
.menustandard li.first { }
.menustandard li.active { background:#efe300}
.menustandard li.active a{ background:#efe300; color:black}
.menustandard li a{ font-size:12px; text-decoration:none }
.breadcrumb { background:#000; margin:0; border-radius:0 !important}
.breadcrumb a { font-size:18px; color:#ccc; text-decoration:none}
.breadcrumb:before { content:'Sei in:'; color:#666; padding-right:5px;font-size:18px}
.breadcrumb li { margin:0}
.breadcrumb li.last a { color:#ff0000; font-weight:bold}

.ma-image img {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
        max-width: 100%;
		opacity:1;
		cursor:pointer;
}
.ma-image:hover img {
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
	 opacity:1;
}

.labelData { background:#DB0336; color:white; padding:5px 10px; border-bottom:5px solid #e2e2e2}
.labelDataExtra { background:#f4f4f4; color:#333; padding:5px 10px; border-bottom:1px solid #eaeaea}
.labelTdsExtra { background:#f4f4f4; color:#333; padding:5px 10px; border-bottom:1px solid #eaeaea}
.fb { background:#3B5998 !important; color:white; padding:5px 10px !important; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
.yt { background:#fff !important; color:white; padding:5px 10px !important; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }

a.fb:hover{ color:white !important; } 
.pageTitle { font-size: 50px; color: #DB0336;text-align: left;border-bottom: 1px solid #eee;padding-bottom: 10px; margin-top:0}

.bkgblood { background:#C30000 !important}
.txtffffff { color:white}
.txtefe300 { color:#efe300}
.txtblack { color:black}

.icona { font-weight:400; font-size:20px; margin-bottom:0 !important}
.valida { background:#f4f4f4}

/************************************ ****************************************************/
	.boxnewsList { position:relative;}
	.boxnewsList img { }
	
	.boxnewsList dl {border-bottom:0px solid #f4f4f4; padding:10px} 
	.boxnewsList .abstract { border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
	.boxnewsList .abstract, .boxnewsList .abstract a { border-bottom:0px solid #f4f4f4; text-transform:lowercase; text-decoration:none;  text-shadow:none; line-height:1.1em !important;}
	.boxnewsList .abstract p { font-weight:100 !important; color:#666}
	.boxnewsList .title a, .boxnewsList .title { text-shadow:none;color:#DB0336 !important; line-height:1.1em !important; display:block; text-decoration:none; }
	.boxnewsList .releaseDate { text-shadow:none; font-size:15px; font-weight:300 !important; color:#ccc; line-height:1.1em !important; display:block; padding-bottom:5px; margin-bottom:0px }
	.boxnewsList .readMore a { color:#DB0336; background:#fff;  font-size:14px;display:block; padding:5px 0; border-bottom:1px solid #f4f4f4; text-decoration:none}
	.boxnewsList .readMore a:before { content:"\00bb"; padding:0 5px } 
/************************************ ****************************************************/
.overflowhidden { overflow:hidden}





#navPrimary li:hover>.dropdown-menu {
  display: block;
}



.sottomenu .dropdown-menu {
    margin: 0 !important;
}

.kidsubmenu {
	-webkit-transition: all 0.1s linear; /* Safari and Chrome */
	-moz-transition: all 0.1s linear; /* Firefox */
	-o-transition: all 0.1s linear; /* IE 9 */
	-ms-transition: all 0.1s linear; /* Opera */
	transition: all 0.1s linear;
	visibility:hidden;
	opacity:0;
	left: -2000px;
}


.openkidsmenu:hover > .kidsubmenu {
	visibility:visible;
	opacity:1;
	-webkit-transition: all 0.2s linear; /* Safari and Chrome */
	-moz-transition: all 0.2s linear; /* Firefox */
	-o-transition: all 0.2s linear; /* IE 9 */
	-ms-transition: all 0.2s linear; /* Opera */
	transition: all 0.2s linear;
	left:0px;
}



 .image-wrapper:after {
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid #fff;
    content: “”;
    height: 0;
    position: absolute;
    right: -1px;
    top: 25px;
    width: 0;
}
.whitenodeco { color:white !important; text-decoration:none !important}

.tileHomeProducts h6 { line-height:1.4em !important}
.mainTitle { font-size:50px; line-height:50px; font-weight:500; color:#DB0336; text-align:left; border-bottom:1px solid #eee; padding-bottom:10px }
.videocnt { 
	/* optional way, set loading as background */
        background-image: url('../images/loaderYT.png');
        background-repeat: no-repeat;
        background-position: 50% 50%;
}


.bkg-light {
		background-color: rgba(248,249,250,1) !important;
	}
	
.bkg-dark {
		background-color: rgba(33,37,41,1) !important;
	}

.flippdf { height:100vh !important; background:#f4f4f4; width:100%}

@media (max-width: 767px){
	.bkgHeader {
		height: 300px !important;
	}
	.internal .bkgHeader {
		height: 330px !important;
	}
	.no-bkg-light{
		background-color: rgba(33,37,41,0) !important;
	}
	
	.no-bkg-dark{
		
		background-color: rgba(33,37,41,0) !important;
		
	}
	
	.text-dark {
		
		color:white !important;
		
	}
	
	.flippdf { height:150vw !important; background:#f4f4f4; width:100%}
	
	.fadeFW, .fade { height:100%}
	
	.fade:after  {
		position: absolute;
		content: '';
		right: 0;
		left: 0;
		top:0;
		z-index:-1;
		width: 100%;
		height: 100%;
		background-color:rgba(0,0,0,0.3) !important;
	}
	
	
	.fadeFW:before  {
		position: absolute;
		content: '';
		right: 0;
		left: 0;
		top:0;
		z-index:-1;
		width: 100%;
		height: 100%;
		background-color:rgba(0,0,0,0.3) !important;
	}
	
	h2 {font-size:25px !important}
	.gotopdf { position:absolute; width:100%; bottom:25px; left:0; border-radius:0;}
	.gotopdfHome { border-radius:0; position:absolute; bottom:5px;}
	
	.edge--top--reverse:before, .edge--top:before, .edge--bottom--reverse:after{
		height: 100% !important;
		-webkit-transform: skewY(0deg) !important;
		transform: skewY(0deg) !important;
		background-color:rgba(0,0,0,0) !important;
	}
	
	.textshadow{text-shadow: 1px 0px 0px rgba(0,0,0,1) !important; background:rgba(0,0,0,0); padding:10px;}
}

@media (min-width: 768px){
	.bkgHeader {
		height: 680px !important;
	}
	.internal .bkgHeader {
		height: 500px !important;
	}
	
}


[data-aos="text-reveal"] {
    clip-path: inset(0 100% 0 0);
}
[data-aos="text-reveal"].aos-animate {
    position: relative;
    /*white-space: nowrap;*/
    animation-name: reveal-text;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(1, 0.01, 0, 1);
    clip-path: inset(0 100% 0 0);
}
[data-aos="text-reveal"].aos-animate::after {
    content: "";
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d00b08;
    transform: scaleX(0);
    transform-origin: 0 50%;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(1, 0.01, 0, 1);
    animation-name: revealer-text;
}
@keyframes reveal-text {
    from {
        clip-path: inset(0 100% 0 0);
    }
    to {
        clip-path: inset(0 0 0 0);
    }
}
@keyframes revealer-text {
    0%,
    50% {
        transform-origin: 0 50%;
    }
    51%,
    100% {
        transform-origin: 100% 50%;
    }
    50% {
        transform: scaleX(1);
    }
    100% {
        transform: scaleX(0);
    }
}
[data-aos="image-reveal"] {
    transform: scaleX(0);
    transform-origin: left;
    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    position: relative;
}
[data-aos="image-reveal"]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #ffae47;
    z-index: 2;
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-delay: 0.5s;
}
[data-aos="image-reveal"].aos-animate {
    transform: scaleX(1);
}
[data-aos="image-reveal"].aos-animate:before {
    transform: translateX(100%);
}

.homeHapro .btn-primary { border:0px solid; padding:10px 20px; color:black; }

.homeHapro .btn-primary:hover {
    color: #efe300;
    background: white;
	border:0px solid ;
}


.homeHapro .btn-primary:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #d00b08 ;
    left: 0;
    top: 0;
    z-index: -2;
	border:0px solid #d00b08 ;
}

.homeHapro .btn-primary:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
	border:0px solid #000;
    left: 0;
    top: 0;
    z-index: -1;
    transition: transform .5s ease;
    transform: scaleX(0);
    transform-origin: left;
}

.homeHapro .btn-primary:hover:after {
    transform: scaleX(1);
    transform-origin: left;
}


/*-------------*/

.listprod .btn-primary { border:0px solid; padding:10px 20px; }

.listprod .btn-primary:hover {
    color: white !important;
    background: white;
	border:0px solid ;
}


.listprod .btn-primary:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
	border:0px solid #000;
	color:red;
}

.listprod .btn-primary:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ff0000;
	border:0px solid #000;
    left: 0;
    top: 0;
    z-index: -1;
    transition: transform .5s ease;
    transform: scaleX(0);
    transform-origin: left;
}

.listprod .btn-primary:hover:after {
    transform: scaleX(1);
    transform-origin: left;
}




header .btn-primary { border:0px solid; padding:10px 20px; }

header .btn-primary:hover {
    color: #000;
    background: 0 0;
}


header .btn-primary:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #efe300;
    left: 0;
    top: 0;
    z-index: -2;
	border:0px solid;
}

header .btn-primary:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    left: 0;
    top: 0;
    z-index: -1;
    transition: transform .5s ease;
    transform: scaleX(0);
    transform-origin: right;
}

header .btn-primary:hover:after {
    transform: scaleX(1);
    transform-origin: left;
}


.blockquote{ 
    margin-bottom: 30px;
    padding: 30px 25px 25px 25px;
    color: #fff;
	/*
	border-left: 1px solid rgba(229,237,0,0.1);
	border-right: 1px solid rgba(229,237,0,0.1);
	border-top: 1px solid rgba(229,237,0,0.1);
	border-bottom: 10px solid rgba(229,237,0,1) !important;
	*/
    box-shadow: 0 19px 32.55px 2.45px rgba(0,0,0,0.2);
	position: relative;
	/*background: rgba(255,255,255,0.02);*/

	background: linear-gradient(180deg, rgba(255,255,255,0.05) 84%, rgba(239,227,0,0.1) 100%);
	transform: skewY(-2deg);
	border-left: 1px solid rgba(229,237,0,0.1);
	border-right: 1px solid rgba(229,237,0,0.1);
	border-top: 1px solid rgba(229,237,0,0.1);
	border-bottom: 1px solid rgba(229,237,0,0.1) !important; 
	z-index:0 !important;
	
}

.blockquoteList{ 
    margin-bottom: 30px;
	 padding: 30px 25px 25px 25px;
    color: #fff;
	
	
    box-shadow: 0 19px 32.55px 2.45px rgba(0,0,0,0.2);
	position: relative;


	border: 1px solid rgba(255,255,255,0.2) !important; 
	z-index:0 !important;
	
}

.blockquoteStore{ 
    margin-bottom: 30px;
    padding: 5px;
    color: #000;
	
	
    box-shadow: 0 19px 32.55px 2.45px rgba(0,0,0,0.2);
	position: relative;
	background: rgba(255,255,255,1);

	
	transform: skewY(-1deg);
	border-left: 1px solid rgba(229,237,0,1) !important; 
	border-right: 1px solid rgba(229,237,0,1) !important; 
	border-top: 1px solid rgba(229,237,0,1) !important; 
	border-bottom: 15px solid rgba(229,237,0,1) !important; 
	z-index:0 !important;
	
}


.blockquoteTDS{ 
    margin-bottom: 30px;
    padding: 30px 25px 25px 25px;
    color: #fff;
	
	
    box-shadow: 0 19px 32.55px 2.45px rgba(0,0,0,0.2);
	position: relative;
	background: rgba(0,0,0,1);

	
	transform: skewY(-2deg);
	border-left: 1px solid rgba(229,237,0,1) !important; 
	border-right: 1px solid rgba(229,237,0,1) !important; 
	border-top: 1px solid rgba(229,237,0,1) !important; 
	border-bottom: 20px solid rgba(229,237,0,1) !important; 
	z-index:0 !important;
	
}

/*  
.blockquote:before {
    
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: skewY(2deg);
	border-left: 1px solid rgba(229,237,0,0.1);
	border-right: 1px solid rgba(229,237,0,0.1);
	border-top: 1px solid rgba(229,237,0,0.1);
	border-bottom: 1px solid rgba(229,237,0,0.1) !important;
	z-index:0 !important;
	content: "";
  }
}*/




.blockquoteTitle {
    margin-bottom: 0px;
    padding: 30px 25px;
    background: #fff;
    color: #000;
	border-bottom: 10px solid #000;
    box-shadow: 0 9px 16px 2.45px rgba(0,0,0,.08);
}



.blockquoteBody {
    margin-bottom: 0px;
    padding: 30px 25px;
    background: #fff;
    color: #000;
   background:#fff;
	 border-left: 5px solid #ddd;
	 
    box-shadow: 0 9px 16px 2.45px rgba(0,0,0,.08);
}

.bg-black { background-color: #000000 !important}



.richiestaInfo .btn-primary{
	padding:20px 20px !important;
	margin-bottom:20px;
	display:block;
	width:100%;
	cursor:pointer;
	border: 0px solid;
	border-radius:5px;
	font-size:25px;
	padding:20px;
	background:#000;
}

.richiestaInfo .messaggio{ background:#f4f4f4; height:200px}
.richiestaInfo .etichetta label { border-bottom:5px solid #efe300; color:#000; font-weight:700; font-size:20px}
span { display:inline-block}

.freeprivacypolicy-com---nb-simple {
			max-width:100% !important;
			width:100% !important;
			-webkit-box-shadow: #000 0 0 5px !important;
			-moz-box-shadow: #000 0 0 5px !important;
			box-shadow: #000 0 0 5px !important
}


.form-control { border: 0px solid !important}

.edge--bottom {
  position: relative;
  z-index: 1;
}
.edge--bottom:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--bottom:after {
  bottom: 0;
  -webkit-transform: skewY(-1.5deg);
          transform: skewY(-1.5deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}

.edge--bottom--reverse {
  position: relative;
  z-index: 1;
}
.edge--bottom--reverse:after, .parallax-mirror:after {
  background: inherit;
  content: '';
  display: block;
  height: 120%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--bottom--reverse:after, .parallax-mirror:after {
  bottom: 0;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}



.edge--bottom--reverse--inside:after {
  background: inherit;
  content: '';
  display: block;
  height: 120%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--bottom--reverse--inside:after {
  bottom: 0;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}



.edge--top {
  position: relative;
  z-index: 1;
}
.edge--top:before {
  background: inherit;
  content: '';
  display: block;
  height: 115%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  border-bottom: 0 solid #fff;
}
.edge--top:before {
  top: 0;
  -webkit-transform: skewY(1.5deg);
          transform: skewY(1.5deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.edge--top--reverse {
  position: relative;
  z-index: 1;
}
.edge--top--reverse:before {
  background: inherit;
  content: '';
  display: block;
  height: 125%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--top--reverse:before {
  top: 0;
  -webkit-transform: skewY(-3deg);
          transform: skewY(-3deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.edge--both {
  position: relative;
  z-index: 1;
}
.edge--both:before{
  background: #ff0000;
  content: '';
  display: block;
  height: 120%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}

.edge--both:after {
	 background: #ffff00;
  content: '';
  display: block;
  height: 120%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}

.edge--both:before {
  top: 0;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.edge--both:after {
  bottom: 0;
  -webkit-transform: skewY(-1.5deg);
          transform: skewY(-1.5deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}

.edge--both--reverse {
  position: relative;
  z-index: 1;
}
.edge--both--reverse:before, .edge--both--reverse:after {
  background: inherit;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--both--reverse:before {
  top: 0;
  -webkit-transform: skewY(-1.5deg);
          transform: skewY(-1.5deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
		 
}
.edge--both--reverse:after {
  bottom: 0;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
		 
}

.-schwinn{ background: #eaeaea; color:white}
.-black{ background: #000;}
.-lightgrey{ background: #f4f4f4; color:#000}