@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=Oswald:wght@200;300;400;500;600;700&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap');
body {
    line-height: 1.8em;
    font-family: 'Poppins', sans-serif;
    font-weight: 300 !important;
    z-index: 100;
    background: #fff !important
}

body.internal {
    line-height: 1.8em;
    font-family: 'Poppins', sans-serif;
    font-weight: 300 !important;
    z-index: 100;
    background: #fff !important
}

/* NUOVE CLASSI 2024 */

.flippdf { min-height:100vh !important; background:#f4f4f4; width:100%}
.boxKeyPoints { min-height:100vh !important }
.heroHeaderImage {height:50vh}
.headingTitle { line-height: 1.2em}
.catbeforetitle {border-bottom:1px solid #eaeaea; font-size:20px;}
.mainTitleProduct { font-size: 50px !important}
.fluidHero {height:65vh; }
.iconApp { max-width:100px !important; height:auto !important}
.istitutionaltext strong { font-weight:bold !important} 

@media (max-width:767px) {
.bkg2A2F34 {background-color:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.05)}
.LabelNew{position:absolute; bottom:0px; right:0px; z-index:11001;}
.labelprodPRO {position:relative; top:0;z-index:1001; width:100%; padding:5px; background: rgba(255,255,255,0.05); border-bottom:0px solid #333}
.linkprodPRO{position:relative; bottom:0px; z-index:1001; width:100%}
.bkgLabelPRO {border:0px solid rgba(255,255,255,0.4); background:rgba(219,0,47,0.8);}
.flippdf { min-height:150vw !important; background:#f4f4f4; width:100%}
.boxKeyPoints { height:100% !important }
.heroHeaderImage {height:35vh}
.catbeforetitle {border-bottom:1px solid #eaeaea;font-size:16px;}
.mainTitleProduct { font-size: 26px  !important}
.fluidHero {height:100vw; }
}



.labelEtichetta p {
    line-height: 1.1em
}

.etichetta {background:#eaeaea; text-align:right; min-width:150px;border-bottom:5px solid #f8f9fa  !important; }

p {
    line-height: 1.2em
}

.hometext p {
    line-height: 1.2em;
    color: #949494
}

.istitutionaltext {
    color: #777;
    line-height: 1.5em;
}

.istitutionaltext p {
    line-height: 1.5em;
}

.istitutionaltext a {
    color: #337ab7
}

.istitutionaltext h2,
.istitutionaltext h3 {
    color: #db002f;
    padding-top: 10px
}

.internal .datitech ul li {
    line-height: 25px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1)
}

.internal .datitech ul li ul {
    margin-top: 10px
}

.internal .datitech ul li:last-child {
    border-bottom: 0 solid
}

.bkgContactFoot {
    background: #db002f
}

.bkgCredits {
    background: #eaeaea
}

.bkgSocial {
    background: #fff
}

.mainColorDB002F {
    color: #db002f
}


.bgTDS{background: linear-gradient(#8F001F, #db002f);}

.mainColorBKG {
    background: #000
}

.bkgBlack {
    background: #000 !important
}

a {
    text-decoration: none !important;
    outline: 0
}

.pagination {
    margin: 0 !important
}

.preheaderSocial {
    background: #eaeaea;
    font-size: 13px;
    color: #337ab7
}


.backgroundlive { background:#ff3d54; color: white !important}

.Poppins-Regular {
	font-family: 'Poppins', sans-serif;
	 font-weight: 300;
}

.Poppins-Bold {
	font-family: 'Poppins', sans-serif;
	 font-weight: 700;
}


.Roboto-ExtraLight {
    font-family: Roboto, sans-serif !important;
    font-weight: 100
}

.Montserrat-ExtraLight {
   font-family: 'Poppins', sans-serif !important;
    font-weight: 100
}

.Montserrat-Light {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300
}

.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
}

.Montserrat-Bold {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700
}

.Roboto-ExtraBold {
    font-family: Roboto, sans-serif !important;
    font-weight: 900
}

.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
}

.Oswald-Light {
    font-family: Oswald, sans-serif !important;
    font-weight: 200;
    text-transform: uppercase
}

.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
}

.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
}

.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: 50px !important
}

.Tvertical55 {
    margin-top: 55px !important
}

.Tvertical60 {
    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
}

.txt30 {
    font-size: 30px
}

.txt35 {
    font-size: 35px
}

.txt40 {
    font-size: 40px
}

.txt50 {
    font-size: 50px
}

.txt55 {
    font-size: 55px
}

.eapps-link {
    display: none
}

.borderRadiuszero {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.ombra {
    -webkit-box-shadow: #000 0 0 5px !important;
    -moz-box-shadow: #000 0 0 5px !important;
    box-shadow: #000 0 0 5px !important
}

.ombraLight {
    -webkit-box-shadow: #666 0 1px 4px !important;
    -moz-box-shadow: #666 0 1px 4px !important;
    box-shadow: #666 0 1px 4px !important
}

.ombraCorso {
    -webkit-box-shadow: #ccc 0 1px 5px !important;
    -moz-box-shadow: #ccc 0 1px 5px !important;
    box-shadow: #ccc 0 1px 5px !important
}

.menuprincipale {
    min-height: 6px
}

#videoContainer {
    display: block;
    background: 0 0;
    overflow: hidden;
    position: relative;
    min-height: 80px;
    border-bottom: 10px solid #eaeaea
}

#navPrincipale {
    display: none
}

#navPrincipale a {
    text-decoration: none;
    color: #000;
    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: #fff;
    text-transform: lowercase;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    padding-bottom: 5px
}

.specsSmall .descrizione {
    font-family: Roboto, sans-serif;
    font-size: 13px;
    line-height: 1.2em;
    color: #fff;
    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, .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: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}

.txtDB0028 {
    color: #db0028
}

.txt347A9A {
    color: #666;
    font-family: Montserrat, sans-serif !important;
    font-weight: 300;
    margin-bottom: 5px !important
}

.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, .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: absolute;
    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
}

.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: 0
}

#heroitemHp {
    background: #000;
    height: 580px
}

#heroitemHpInternal {
    background: #000;
    height: 330px
}


.cellaspecs {
	   
		display: table-cell !important;
	   
   }

@media (max-width:767px) {
    #heroitemHp {
        background: #000;
        height: 170px
    }
    #heroitemHpInternal {
        background: #000;
        height: 170px
    }
    .tileHome,
    .tileHomeProducts {
        border-right: 0 solid #fff !important;
        border-left: 0 solid #fff !important
    }
	
	 .cellaspecs {
	   
		display: none !important; 
	   
   }
   
   
      .language-btn {
		  position: fixed !important;
		  bottom: 20px !important;
		  top: inherit !important;
		  left: 15px !important;
		  padding: 0px; /* padding per click area */
		  z-index: 1100;
	}
	
	
	.survey { display:none !important}
	
   
}

#navPrimary {
    z-index: 9
}

#navPrimary li.first {
    border: 0 solid;
    padding-left: 0
}

#navPrimary li.last {
    border: 0 solid;
    padding-right: 0
}

#navPrimary li a {
    color: #666;
    text-decoration: none;
    padding: 0 2px;
    font-size: 16px
}

.mura-index {
    border-top: 0 solid !important
}

.releaseDate {
    font-weight: 700
}

.title {
    padding: 10px 0
}

#navPrimary li.active {
    background: #db0336;
    color: #fff
}

#navPrimary li.active a {
    color: #fff
}

#navPrimary li.last a {
    color: #fff;
    padding-right: 0 !important
}

.tileHome {
    padding: 0;
    position: relative;
    max-height: 584px;
    overflow: hidden;
    margin-bottom: 5px;
    background: #000;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #000 0, #000 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000), color-stop(100%, #000));
    background: -webkit-linear-gradient(-45deg, #000 0, #000 100%);
    background: -o-linear-gradient(-45deg, #000 0, #000 100%);
    background: -ms-linear-gradient(-45deg, #000 0, #000 100%);
    background: linear-gradient(135deg, #000 0, #000 100%)
}

.tileHome .labelEtichetta {
    background: rgba(219, 3, 54, .5);
    border-top: 1px solid rgba(255, 255, 255, .2);
    font-size: 20px;
    padding: 15px 20px 35px 20px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.tileHomeProducts {
    padding: 0;
    position: relative;
    overflow: hidden;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff
}

.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: 0 solid #fff
}

.tileHomeProducts:last-child {
    border-right: 0 solid #fff
}

.tileHomeProducts .labelEtichetta {
    font-size: 30px;
    padding: 10px 20px
}

.tileHomeProducts .abstract {
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    padding: 8px 4px
}

.tileHomeProducts .abstract a {
    color: rgba(255, 255, 255, .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: 0px solid #dbe5e7;
}

.titleBox {
    font-size: 30px;
    color: rgba(60, 60, 60, .44);
    font-weight: 400
}

.containerMenuStandard {
    border-top: 0 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.active {
    background: #db0336
}

.menustandard li.active a {
    background: #db0336;
    color: #fff
}

.menustandard li a {
    font-size: 12px;
    text-decoration: none
}

.breadcrumb {
    background: #db002f;
    margin: 0;
    border-bottom: 0 solid rgba(255, 255, 255, .5);
    margin: 0 -15px;
    border-radius: 0 !important
}

.breadcrumb a {
    font-size: 16px;
    color: #fff;
    text-decoration: none
}

.breadcrumb:before {
    content: '';
    color: #fff;
    padding-right: 0px;
    font-size: 11px
}

.breadcrumb li {
    margin: 0;
	line-height: 1.2em;
}

.breadcrumb li.last a {
    color: #eaeaea;
    font-weight: 700
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .1rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 2px;
    color: #fff;
    content: ">"
}

.ma-image img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    max-width: 100%;
    opacity: 1;
    cursor: pointer;
    position: relative
}

.ma-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.ma-image:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
    z-index: 1000 !important
}

.linkprod {
    position: absolute;
    bottom: 20px;
    z-index: 1001
}

.labelprod {
    position: absolute;
    top: 0;
    z-index: 1001
}

.ma-image:hover:after {
    content: "";
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 0 !important
}

.ma-image-internal img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    max-width: 100%;
    opacity: 1;
    cursor: pointer;
    position: relative
}

.ma-image-internal:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.ma-image-internal:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
    z-index: 1000 !important
}

.ma-image-internal:hover:after {
    content: "";
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 0 !important
}

#menu:not(.mm-menu) {
    display: none
}

.labelData {
    background: #808285;
    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: #fff;
    padding: 5px 10px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.yt {
    background: #fff !important;
    color: #fff;
    padding: 5px 10px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

a.fb:hover {
    color: #fff !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: #fff
}

.icona {
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 5px !important
}

.valida {
    background: rgba(255, 255, 255, .2);
    border-bottom: 1px solid #333 !important
}

.form-group input {
    background: rgba(255, 255, 255, .1);
    border-bottom: 1px solid #333 !important;
    border-radius: 0
}

.current {
    border-bottom: 5px solid rgba(255, 255, 255);
    padding-bottom: 5px !important
}

.boxnewsList {
    position: relative
}

.boxnewsList dl {
    border-bottom: 0 solid #f4f4f4;
    padding: 10px
}

.boxnewsList .abstract {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.boxnewsList .abstract,
.boxnewsList .abstract a {
    border-bottom: 0 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,
.boxnewsList .title a {
    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: 0
}

.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
}

.textshadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .8)
}

.bkgLabel {
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(0, 0, 0, .65)
}

.dropdown:hover {
    background: #000;
    color: #fff;
    padding-top: 12px;
    margin-top: -12px !important
}

#navPrimary li:hover>.dropdown-menu {
    display: block
}

.testimonial-section-2020:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0)
}

.dropdown {
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease
}

.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: 0px;
	z-index: -10001;
}


.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;
	z-index: 10001;
}

.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: #fff !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 {
    background-image: url(../images/loaderYT.png);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@media (max-width:767px) {
    .bkgHeader {
        height: 300px !important
    }
    .internal .bkgHeader {
        height: 330px !important
    }
}

@media (min-width:768px) {
    .bkgHeader {}
    .internal .bkgHeader {
        height: 500px !important
    }
}

.image-parallax {
    height: 550px;
    display: block
}

[data-aos=text-reveal] {
    clip-path: inset(0 100% 0 0)
}

[data-aos=text-reveal].aos-animate {
    position: relative;
    animation-name: reveal-text;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(1, .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: #db002f;
    transform: scaleX(0);
    transform-origin: 0 50%;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(1, .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%
    }
    100%,
    51% {
        transform-origin: 100% 50%
    }
    50% {
        transform: scaleX(1)
    }
    100% {
        transform: scaleX(0)
    }
}

[data-aos=image-reveal] {
    transform: scaleX(0);
    transform-origin: left;
    transition: all .5s cubic-bezier(.455, .03, .515, .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 .3s cubic-bezier(.455, .03, .515, .955);
    transition-delay: .5s
}

[data-aos=image-reveal].aos-animate {
    transform: scaleX(1)
}

[data-aos=image-reveal].aos-animate:before {
    transform: translateX(100%)
}

.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 {
    background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden
}

.edge--bottom--reverse:after {
    bottom: 0;
    -webkit-transform: skewY(1.5deg);
    transform: skewY(1.5deg);
    -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: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden
}

.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: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden
}

.edge--top--reverse:before {
    top: 0;
    -webkit-transform: skewY(-1.5deg);
    transform: skewY(-1.5deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.edge--both {
    position: relative;
    z-index: 1
}

.edge--both:after,
.edge--both:before {
    background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden
}

.edge--both:before {
    top: 0;
    -webkit-transform: skewY(1.5deg);
    transform: skewY(1.5deg);
    -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:after,
.edge--both--reverse:before {
    background: inherit;
    content: '';
    display: block;
    height: 50%;
    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(1.5deg);
    transform: skewY(1.5deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.-schwinn {
    background: #dc052b;
    color: #fff
}

.-black {
    background: #000
}

.-lightgrey {
    background: #f4f4f4;
    color: #000
}

.-white {
    background: #fff;
    color: #dc052b
}

.block {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    margin: 0 0 60px;
    padding: 20px 20px;
    text-align: center
}

.keypoints {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.datitech strong {
    font-weight: 700
}

.wrapperDiagonal {
    background-color: #000;
    height: 100%;
    margin: 0;
    position: relative;
    width: 100%;
    font-family: 'Roboto Slab', serif;
    text-align: center;
    display: inline-block;
    overflow: hidden
}

.containerDiagonal {
    display: inline-block;
    height: 0;
    margin-left: -5px;
    overflow: hidden;
    width: 0;
    z-index: 1;
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg)
}

.backgroundPro {
    background: #000 url(../images/image.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    background-position-x: left;
    background-position-y: top;
    height: 100%;
    margin-left: 0;
    top: 0;
    -moz-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    position: relative
}

.backgroundHome {
    background: #000 url(../images/image_home.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    background-position-x: left;
    background-position-y: top;
    height: 100%;
    margin-left: -200px;
    top: 0;
    -moz-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    position: relative
}

.calltoaction {
    margin: auto;
    position: absolute;
    transform: translateY(-39%);
    top: 39%;
    left: 0;
    right: 0;
    z-index: 999999;
    vertical-align: middle
}

.logoPro {
    position: absolute;
    top: 25px;
    left: 35px;
    z-index: 3000
}

.logoHome {
    position: absolute;
    top: 25px;
    right: 35px;
    z-index: 3000
}

@media not all and (pointer:coarse) {
    .survey:hover {
        transition: 1s !important;
        bottom: -80px !important
    }
}

td.valore ul { 
	padding-left: 0;
    list-style: none;
}

.freeprivacypolicy-com---nb-simple {
			max-width:100% !important;
			width:100% !important;
			-webkit-box-shadow: rgba(0,0,0,0.6) 0 0 5px !important;
			-moz-box-shadow: rgba(0,0,0,0.6) 0 0 5px !important;db002f
			box-shadow: rgba(0,0,0,0.6) 0 0 5px !important
}

.freeprivacypolicy-com---nb .cc-nb-main-container {
    padding: 4rem !important;
}


.comparazionetable td  {  width: 250px !important; min-width: 250px !important; max-width: 250px !important;  padding:10px; height:80px;  }
.comparazionetable th  { vertical-align:middle !important; width: 200px !important; min-width: 200px !important;  max-width: 250px !important; padding:10px;  }
.specalignmiddle { vertical-align:middle !important;}
.yellow { color: yellow}
.lineheight18 {line-height:18px}

.keypointsextra { border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:10px;}

.iconacompare {
    font-weight: 400;
    font-size: 20px !important;
    margin-bottom: 0px !important
}


html:not([lang="it"]) .hideforlanguage {
    display: none !important;
}

html[lang="it"] .hideforit {
    display: none !important;
}

.language-btn {
  position: fixed;
  top: 50px;
  right: 40px;
  padding: 0px; /* padding per click area */
  z-index: 1100;
}


.weglot_switcher.vertical_expand .language-option { 

	  font-weight: 400 !important;
	  font-style: normal !important;
	  background-color: rgba(16,15,15, 0.80) !important;

}

.weglot_switcher.vertical_expand .language-option:hover { 

	  font-weight: 400 !important;
	  font-style: normal !important;
	  background-color: rgba(205,0,44, 1) !important;

}

.weglot_switcher.vertical_expand .language-option a {
	 font-weight: 400 !important;
	 background-color: transparent !important;
}
