/* ============================================================
   FLEXSLIDER — altezza uniforme per tutti i contenuti articolo
   aspect-ratio 3/2, object-fit contain: niente salti, niente
   ridimensionamento manuale. Non tocca flexslider1003slider
   (sidebar, già gestita separatamente).
   ============================================================ */
.flexslider .slides img,
.flexslider2 .slides img {
    aspect-ratio: 3 / 2;
    object-fit: contain;
    width: 100%;
    display: block;
}

.ombra{
	
	 -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.10);
box-shadow: 0px 6px 5px 0px rgba(0,0,0,.10);
	
}
.titolo{
	font-size: 3em;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom:20px;
}
@media (max-width: 768px){
.titolo{
	font-size: 2.5em;
}
}
.modal-content h1.titolo.small, .modal-content h2.titolo.small{
font-size: 2.1em;	
}
p.article{
	font-weight: 400;
	font-size:1.5em;
	line-height: 1.6;
}
.fontarticle{
	font-weight: 400;
	font-size:1.5em;
}
/*header.article{
	background-color:rgba(255,255,255,0.8);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 100;
}*/


ul.gallery-news-small li.margin img.img-responsive{
            width: calc(100% - 0.6px);
            margin-left:auto;
            margin-right:auto;
           border:#ccc 0.3px solid;

}

/* ============================================================
   GALLERY — override Bootstrap 3 float + padding
   Base CSS: azzera i margini/padding Bootstrap.
   Il layout proporzionale è gestito da gallery-justify.js.
   Fallback no-JS: CSS Grid con colonne uguali.
   ============================================================ */

ul.gallery-news-small {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0;
    list-style: none;
}

ul.gallery-news-small > li {
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: auto !important;
    min-width: 0;
}

ul.gallery-news-small > li img.img-responsive {
    width: 100%;
    display: block;
    height: auto;
}

ul.gallery-news-small > li a {
    display: block;
}

/* Fallback no-JS: flex con colonne uguali.
   gallery-justify.js sovrascrive con flex inline e larghezze proporzionali. */
ul.gallery-news-small {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 0px;
}
ul.gallery-news-small > li {
    flex: 1 1 auto;
}


 .img_item {
    aspect-ratio: 3 / 2;
    object-fit: contain;
    border-radius: var(--gallery-item-border-radius);
  }
		
		.img_itemq {
    aspect-ratio: 3 / 3;
    object-fit: contain;
    border-radius: var(--gallery-item-border-radius);
  }
.img_itemv {
    aspect-ratio: 2 / 3;
    object-fit: contain;
    border-radius: var(--gallery-item-border-radius);
  }

.img_itemc {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: var(--gallery-item-border-radius);
  }
		
		.img_itemqc {
    aspect-ratio: 3 / 3;
    object-fit: cover;
    border-radius: var(--gallery-item-border-radius);
  }
.img_itemvc {
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border-radius: var(--gallery-item-border-radius);
  }

.fa3m {
	left: -3em !important;
	width: 3em !important;
}
.posabs{
	z-index:10000;
	position:relative;
}
header.article{
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0) 100%);
	-webkit-transition: all 0.8s ease;
            transition: all 0.8s ease;
	top:0;
	left:0;
	width:100%;
	z-index: 100;
}
 header.sticky {
            position: fixed;
            height: 48px; 
            width: 100%;
            background: rgba(255,255,255,.95);
            text-align: left;
	 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
        }

header.sticky #logo-articolo  > .img-responsive{
	height:40px !important;
	width:auto !important;
	margin-top:-16px;
	margin-left:auto;
	margin-right:auto;
}
#backwindow, #langwindow{
	margin-top:-4px;
    margin-left:1px;
    margin-right:1px;
}
#backpage{
	position:absolute;
	right:0;
	top:10px;
	z-index:1000;
}
.posrel{
	position:relative;
}
.mt120{
margin-top:40px;
}
.testobold{
font-weight:700;
}
.contenitore-articolo{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}
@media (max-width: 768px){
.contenitore-articolo{
	padding-left:0px;
	padding-right:0px;
}
}
.contenitore-articolo a{
	color:#fff;
}
.contenitore-articolo > subtitle{
	margin-left:-1%;
	display:none;
}
#colonnasx.contenitore-articolo  div.prodotto{
	margin-left:-1%;
	padding-left:1%;
	width:102%;
}
a.linkcoloregruppo{
color: #004f9e!important;	
}
a.linkcoloregruppo:hover{
color: #004f9e!important;	
}
a.linkcolorevespa{
color: #76c3ac!important;	
}
a.linkcolorevespa:hover{
color: #76c3ac;	
}
a.linknero{
color: #000;	
}

a.linknero:hover{
color: #000;	
}
a.linkbianco{
color: #fff !important;	
}

a.linkbianco:hover{
color: #fff;	
}

.colonnafondobianco a, .colonnaboxfondobianco a{
color: #000;	
}
.homearticolo{
	
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:400;
	margin: 0;

}
#backhome{
	font-size:1.2em;
	font-weight:300;
}
.sommario-articolo{
	text-transform: uppercase;
	font-size:1.5em !important;
	font-weight:700 !important;
	line-height:1.5 !important;
}
.sommario-articolo.small{
	text-transform: uppercase;
	font-size:1.3em !important;
	line-height:1.2 !important;
}
.colonnafondobianco .sommario {
	text-transform: uppercase;
	font-size:1.5em !important;
	font-weight:700 !important;
	line-height:1.5 !important;
}
.colonnafondonero .sommario {
	font-size: 1em !important;
	font-weight:700 !important;
	line-height:1.2 !important;	
}
.credits {
	clear: both;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 0px;
	font-weight: bold;
}
.nocredits{
font-weight:400!important;
font-style: normal!important;
}

.credits.large {
	font-size: 1em;
}

h4.credits{
	clear: both;
margin-top:-10px;
	line-height:1.4 !important;
}

.prodotto {
	font-size: 2em;
	line-height: 1.4;
	width: 100%;
	font-weight: 300;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 10px;
	z-index: 1000;
	text-align: left;
	text-transform: uppercase;
}
.subTitle {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	padding:0;
}
@media (max-width: 768px){
.prodotto {
	font-size: 1.6em;
}
.subTitle {
	font-size: 14px;
}
}
.w60{
	background-color:rgba(255,255,255,0.6);
}
.titolovideo{
text-transform: uppercase;
font-weight:700;
font-size:15px;
}
.titolovideo.small{
text-transform: uppercase;
font-weight:700;
font-size:13px;
}
.colonnafondorosso {
	font-weight: 300;
	color: #fff;
	margin-top: 10px;
	font-size: 1.5em;
	line-height:1.6;
	padding-top: 10px;
	padding-right: 1%;
	padding-bottom: 10px;
	padding-left: 1%;
	margin-right: auto;
	margin-left: auto;
	background-color: #ed1d24;
}
.colonnafondonero {
	font-weight: 300;
	color: #fff;
	margin-top: 10px;
	font-size: 1.5em;
	line-height:1.6;
	padding-top: 10px;
	padding-right: 1%;
	padding-bottom: 10px;
	padding-left: 1%;
	margin-right: auto;
	margin-left: auto;
	background-color: #000;
}
.colonnafondobianco {
	font-weight: 300;
	color: #000;
	margin-top: 10px;
	font-size: 1.5em;
	line-height:1.6;
	padding-top: 10px;
	padding-right: 1%;
	padding-bottom: 10px;
	padding-left: 1%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
}
.colonnaboxfondobianco {
	font-weight: 300;
	margin-top: 0px;
	font-size: 0.9em !important;
	line-height:1.3 !important;
	padding-top: 0px;
	padding-right: 4%;
	padding-bottom: 10px;
	padding-left: 4%;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	background-color: #fff;
	border-top:1px solid rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.3);
}
.colonnaboxfondonero {
	font-weight: 300;
	margin-top: 0px;
	font-size: 0.9em !important;
	line-height:1.3 !important;
	padding-top: 5px;
	padding-right: 4%;
	padding-bottom: 10px;
	padding-left: 4%;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	background-color: #000;
	border-top:1px solid rgba(255,255,255,0.6);
	border-bottom:1px solid rgba(255,255,255,0.6);
}
.colonnaboxfondogrigio {
	font-weight: 300;
	margin-top: 0px;
	font-size: 0.9em !important;
	line-height:1.3 !important;
	padding-top: 5px;
	padding-right: 4%;
	padding-bottom: 10px;
	padding-left: 4%;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	border-top:1px solid rgba(255,255,255,0.3);
	border-bottom:1px solid rgba(255,255,255,0.3);
}


.titolofondogrigio span {
	 vertical-align: middle;
	text-transform:uppercase;
	font-size:40px;
}
.titolofondogrigio span.titletext {
	 vertical-align: middle;
	text-transform:uppercase;
	font-size:16px;
	line-height:16px;
}

.titolofondogrigio {
	font-weight: 300;
	margin-top: 0px;
	margin-bottom: 10px;	
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	background-color: rgba(0,0,0,0.1);
	
}

@media (max-width: 768px){
	.titolofondogrigio span {
	 vertical-align: middle;
	text-transform:uppercase;
	font-size:24px;
		line-height:10px;
}
.titolofondogrigio span.titletext {
	 vertical-align: middle;
	text-transform:uppercase;
	font-size:11px;
}

.titolofondogrigio {
	font-weight: 300;
	margin-top: 0px;
	margin-bottom: 10px;	
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	background-color: rgba(0,0,0,0.1);
	
}
}
.titolofondogruppo{
		background-color: rgba(0,79,158,0.05);
	color:#004f9e;
}
.titolofondomotoguzzi{
		background-color: rgba(0,0,0,0.1);
	color:#000;
}
.titolofondoaprilia{
		background-color: rgba(237,29,36,0);
	color:#ed1d24;
}
.titolofondorosso{
		background-color: rgba(237,29,36,1);
	color:#ed1d24;
}
.titolofondovespa{
		background-color: rgba(118,195,72,0.1);
	color:#76c3ac;
}
.titolofondobianco{
		background-color: rgba(255,255,255,1);
	color:#fff;
}

.titlevideo:before{
	display: none;
   font-family: "Font Awesome 5 Light";
   padding-right: 6px;
   vertical-align: middle;
	position:absolute;
}

.titlevideo:before {
   content: "\f144";
}


.titlefoto:before{
	display: none;
   font-family: "Font Awesome 5 Light";
   padding-right: 6px;
   vertical-align: middle;
}

.titlefoto:before {
   content: "\f030";
}

.titleimage:before{
	display: none;
   font-family: "Font Awesome 5 Light";
   padding-right: 6px;
   vertical-align: middle;
}

.titleimage:before {
   content: "\f03e";
}
.externallink:before{
	display: none;
   font-family: "Font Awesome 5 Light";
   padding-right: 6px;
   vertical-align: middle;
}

.externallink:before {
   content: "\f08e";
}

.contenitore-articolo ul li > .fa-li{
top:0.1em;
}
.contenitore-articolo h3{
font-size:1.2em;
}
.contenitore-articolo h4{
font-size:1.18em;
line-height:1;
}
.contenitore-articolo h5{
font-size:0.85em;
line-height:1;
font-weight:400;
}
.contenitore-articolo h5.sommario{
font-size:0.9em;
line-height:1.0;
font-weight:700;
}
hr.box{
	height:10px;
	margin-top:10px;
	margin-bottom:10px;
	background:rgba(0,0,0,0.3);
	border:none;
}

hr{
	border-top: 1px solid #fff;
}

.btmdxnero {
width: 100%;
	background-color: #000;
	height: 2px;
}
.btmdxbianco {
width: 100%;
	background-color: #fff;
	height: 2px;
}
.btmdxverde, .btmdxvespa {
width: 100%;
	background-color: #76c3ac;
	height: 2px;
}

.btmdxrosso {
width: 100%;
	background-color: #ed1d24;
	height: 2px;
}
.btmdxred {
width: 100%;
	background-color: #ba0c2f;
	height: 2px;
}
.btmdxazzurro {
width: 100%;
	background-color: #0CF;
	height: 2px;
}
.btmdxgruppo {
width: 100%;
	background-color: #004f9e;
	height: 2px;
}

.h10{
height:10px;
}
.stress {
	background-color: #ed1d24;
	padding: 2px;
	text-transform: uppercase;
	color: #FFF;
}
.stressnero {
	background-color: #000;
	padding: 2px;
	text-transform: uppercase;
	color: #FFF;
}
.stressbianco {
	background-color: #fff;
	padding: 2px;
	text-transform: uppercase;
	color: #000;
}
.stressazzurro {
	background-color: #0CF;
	padding: 2px;
	text-transform: uppercase;
	color: #fff;
}
.stressgruppo {
	background-color: #004f9e;
	padding: 2px;
	text-transform: uppercase;
	color: #fff;
}
.stressrosa {
	background-color: #ce006e;
	padding: 2px;
	text-transform: uppercase;
	color: #fff;
}

.stressverde {
	background-color: #76c3ac;
	padding: 2px;
	text-transform: uppercase;
	color: #fff;
}

.stressrosso {
	background-color: #ed1d24;
	padding: 2px;
	text-transform: uppercase;
	color: #fff;
}
.stressred {
	background-color: #ba0c2f;
	padding: 2px;
	text-transform: uppercase;
	color: #ba0c2f;
}
.bianco {
	background-color: #fff;
}
.centrato{
	text-align: center;	
}

.sinistra{
	text-align: left !important;	
}

.destra{
	text-align: right;	
}

.verde {
	background-color: #76c3ac;
}
.red {
	background-color: #ba0c2f;
}
.gruppo{
background-color:#004f9e;
}
.padding4{
	padding: 4px;
}
.f12{
font-size:12px;	
}

.f13{
font-size:13px;	
}

.f14{
font-size:14px;	
}
.f16{
font-size:16px;	
}
.f18{
font-size:18px;	
}

.lh14{
line-height: 14px;	
}
.lh16{
line-height: 16px;	
}

.lh18{
line-height: 18px;	
}

.ml-30{
	margin-left: -30px;
}
.ml-20{
	margin-left: -20px;
}
.ml-10{
	margin-left: -10px;
}

.ml-5{
	margin-left: -5px;
}
.ml-4{
	margin-left: -4px;
}
.ml-3{
	margin-left: -3px;
}

.ml-2{
	margin-left: -2px;
}

.ml0{
	margin-left: 0px;
}

.ml10{
	margin-left: 10px;
}
.ml20{
	margin-left: 20px;
}
.ml30{
	margin-left: 30px;
}
.ml120{
	margin-left: 120px;
}
.ml180{
	margin-left: 180px;
}

.mt-4{
	margin-top: -4px;
}
.mt-5{
	margin-top: -5px;
}
.mt-6{
	margin-top: -6px;
}
.mt-7{
	margin-top: -7px;
}
.mt-8{
	margin-top: -8px;
}
.mt-10{
	margin-top: -10px;
}
.mt-20{
	margin-top: -20px;
}
.mt-25{
	margin-top: -25px;
}
.mt-30{
	margin-top: -30px;
}

.mt-40{
	margin-top: -40px !important;
}
.mt-50{
	margin-top: -50px;
}
.mt-60{
	margin-top: -60px;
}

.mt-80{
	margin-top: -80px;
}
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.mt80{
	margin-top: 80px;
}
.mt0{
	margin-top: 0px;
}
.mr10{
	margin-right:10px;
}

.mb-4{
margin-bottom:-4px;
}

.mb-40{
margin-bottom:-40px;
}
.mb-30{
margin-bottom:-30px;
}
.mb-20{
margin-bottom:-20px;
}
.mb-10{
margin-bottom:-10px;
}
.mb0{
margin-bottom:0px;
}
.mb10{
margin-bottom:10px;
}
.mb20{
margin-bottom:20px;
}
.mb30{
margin-bottom:30px;
}
.mb40{
margin-bottom:40px;
}
.pl10{
	padding-left:10px;
}
.pr10{
    padding-right:10px;
}
.pl5{
	padding-left:5px;
}
.pl0{
	padding-left:0px;
}

.pt0{
	padding-top:0 !important;
}
.pt10{
	padding-top:10;
}
.pt20{
	padding-top:20;
}
.pt30{
	padding-top:30;
}
.pt40{
	padding-top:40;
}
.p0{
	padding:0;
}
.p5{
	padding:5px;
}
.p10{
	padding:10px;
}
.p4{
	padding:4px;
}
.pt50x{
padding-top:50%;	
}
.pb5{
	padding-bottom:5px !important;
}
.pb10{
 padding-bottom:10px !important;   
}
.pb20{
 padding-bottom:20px !important;   
}
.testonero{
	color:#000;
}
.testorosso{
	color:#ed1d24;
}
.testogrigio{
	color:#333;
}
.testoazzurro{
color:#0CF;
}
.testogruppo{
color:#004f9e;
}
.testobianco{
color:#FFF;
}
.testoverde{
color:#76c3ac;
}
.testovespa{
color:#76c3ac;
}
.testored{
color:#ba0c2f;
}
.bordovespa{
border: 1px solid #76c3ac;	
}
.bordoorange{
border: 1px solid #ff5d00;	
}
.bordogruppo{
border: 1px solid #004f9e;	
}
.bordoaprilia{
border: 1px solid #ed1d24;	
}
.bordomotoguzzi{
border: 1px solid #000;	
}
.bordovespared{
border: 1px solid #ba0c2f;	
}

.maiuscolo{
text-transform: uppercase;
}
.minuscolo {
	text-transform:lowercase !important;
}
.overflowtesto{
	overflow-wrap: break-word;
}

.timbro{
	position:absolute;
	right:-8px;
	top:-5px;
	width:140px;
	height:140px;
}
.pcircle{
	background: #ff8a00;
	border-radius: 50%;
	border:1px solid #ffffff;
	width: 100%;
	padding:0.4em;
	box-sizing: border-box;
	text-align: center;
	text-transform:uppercase;
	font-style: italic;
	font-size: 0.9em;
			}
.pcircle:before {
				content:'';
				height:0;
				margin:100% 0 0 0;
				display:inline-block;
				vertical-align: middle;
			}

		        .pcircle span { display: inline-block;  vertical-align: middle;}
.rewind{
width:85px;
height:85px;
}
@media only screen and (max-width: 767px) {
.timbro{
	position:absolute;
	right:-5px;
	top:-5px;
	width:85px;
	height:85px;
}	
.rewind{
width:75px;
height:75px;
}
.pcircle{
	font-size: 0.8em;
			}
	#backpage{
	right:4px;
}
}


.seven-cols .col-xs-1{
		width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
	}
.eleven-cols .col-xs-1{
		width: 9.090909090909091%;
    *width: 9.090909090909091%;
	}
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
   width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
	 .eleven-cols .col-md-1,
  .eleven-cols .col-sm-1,
  .eleven-cols .col-lg-1  {
		width: 9.090909090909091%;
    *width: 9.090909090909091%;
	}
	
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
	 .eleven-cols .col-md-1,
  .eleven-cols .col-sm-1,
  .eleven-cols .col-lg-1  {
		width: 9.090909090909091%;
    *width: 9.090909090909091%;
	}
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
	 .eleven-cols .col-md-1,
  .eleven-cols .col-sm-1,
  .eleven-cols .col-lg-1  {
		width: 9.090909090909091%;
    *width: 9.090909090909091%;
	}
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.fs18{
	font-size:18px !important;
}
.fs16{
	font-size:16px !important;
}
.fs15{
	font-size:15px !important;
}
.fs14{
	font-size:14px !important;
}
.fs13{
	font-size:13px !important;
}

.fs12{
	font-size:90% !important;
}
.fs10{
	font-size:10px !important;
}
.fs11{
	font-size:11px !important;
}