/* Fichier de style des fiches détail sit */
/* .fiche-detail h1{color: var(--sit-principal-color)} */
/* .fiche-detail h2{color: var(--sit-secondary-color)} */
/* .fiche-detail h3{color: var(--sit-terciary-color)} */

.titre3{font-size: 100%; font-weight: 700; margin-top: 5px;margin-bottom:5px; text-transform: uppercase}

.main_SIT{display: grid;width: 95vw;margin: auto;}
/* Partie fil ariane SIT */
.header_SIT{width:100%;float:left;font-size:90%;padding: 10px 1%;margin-top:40px;text-align: center;}
#breadcrumbs{padding:0 15px; margin:0}
#breadcrumbs i{ font-size:80%; margin:0 5px;color: #222;}
#breadcrumbs a{ color: var(--e-global-color-accent) !important;}
/* Fin Partie fil ariane SIT */


/* Partie diaporama */
/*diapo fiche*/
.lei-diaporama{ width: 100%; display: flex;height: calc(-64px + 62vh) !important; min-height: calc(-64px + 40vh) !important; margin:10px 0}
.diaporama-rslides {position: relative;z-index: 1; margin:0 auto;width: 50%;  height:100% ; overflow: hidden}
.rslides {list-style: outside none none;margin: 0 !important;
  overflow: hidden;padding: 0;/*! position: relative; */}
.rslides li { position: initial !important;}
.rslides a {display: block;text-align: center;}
.rslides img {height: 100%;left: 0;object-fit: cover;position: absolute;top: 0;width: 100%;padding:5px}
.rslides_nav {  font-size: 70px; text-decoration:none !important; position: absolute; top:40%; z-index: 6;}
.rslides_nav.prev {left: 1%;}
.rslides_nav.next {right: 1%;}
.rslides_tabs {bottom: 0;left: 0;margin: 0 !important;padding: 5px 0 !important;position: absolute;width: 100%;z-index: 5;}
.rslides_tabs, .rslides_tabs li {list-style-type: none;margin: 0;padding: 0;text-align: center;}
.rslides_tabs li {display: inline-table;font-size: 0;margin: 4px;overflow: hidden;}
.rslides_tabs li a {opacity:0.8; background: #ffffff none repeat scroll 0 0;border-radius: 15px; color: transparent !important;display: block;height: 12px;text-indent: -1000px; width: 12px;}
.rslides_tabs li.rslides_here a, .rslides_tabs li a:hover {opacity:1;background: #fff none repeat scroll 0 0;}
.rslides_nav.prev, .rslides_nav.next{opacity:0}
.lei-diaporama:hover .rslides_nav {opacity:0.8; color:#fff;}
.rslides_nav.prev:hover, .rslides_nav.next:hover {opacity:1;}
.fiche-slider-thumbnails{ width: 50% ;display: flex !important; align-content:stretch; align-items:stretch;
justify-content: space-between; flex-wrap:wrap; overflow:hidden}
.fiche-slider-thumbnails a{height: 50% !important;width: 50% !important;
padding-left: 8px !important; display: inline-block; position:relative; }
.fiche-slider-thumbnails img{height: 100%;left: 0;object-fit: cover;position: absolute;top: 0;width: 100%;padding:5px}
.img-one {position: relative;z-index: 1; margin:0 auto;width: 50%;  height:100% ; overflow: hidden;}
.bloc-img-one {list-style: outside none none;margin: 0 !important;  overflow: hidden;padding: 0;}
.bloc-img-one a {display: block;text-align: center;}
.bloc-img-one img {height: 100%;left: 0;object-fit: cover;position: absolute;top: 0;width: 100%;padding:5px}
.lei-diaporama-thumbnails{ width: 50% ;display: flex !important; align-content:stretch; align-items:stretch;
justify-content: space-between; flex-wrap:wrap; overflow:hidden}
.lei-diaporama-thumbnails a{height: 50% !important;width: 50% !important;
padding-left: 8px !important; display: inline-block; position:relative; }
.lei-diaporama-thumbnails img{height: 100%;left: 0;object-fit: cover;position: absolute;top: 0;width: 100%;padding:5px}
/* Fin Partie diaporama */


/* Partie Diaporama Circuits*/
.zone-carto .zone-flex{ width: 100%; display: flex;height: calc(-64px + 62vh) !important; min-height: calc(-64px + 40vh) !important; margin:0; max-height:510px; margin-bottom:10px}
.bloc-one {position: relative;z-index: 1; margin:0 auto;width: 60%;  height:100% ; overflow: hidden;}
.bloc-one #mapCircuit{ max-height: 100% !important;}
.bloc-two{ width: 40% ;display: flex !important; align-content:stretch; align-items:stretch;
justify-content: space-between; flex-wrap:wrap; overflow:hidden}
.bloc-two .img-one {width: 100%;  height:100% ; }
.bloc-two *{ padding:0; margin:0; display: block}
.bloc-two > div{height: 50% !important;width: 100% !important;
padding-left: 8px !important; display: inline-block; position:relative; }
.bloc-img a{ display: block; width: 100%; height:100%}
.bloc-img img{height: 100%;left: 0;object-fit: cover;position: absolute;top: 0;width: 100%;padding:5px}
.profil-altimetrique{text-align: center; /*! display: flex; */ /*! align-items: center */}
.profil-altimetrique > div{text-align: center; display: flex; align-items: center; height: 100% }
.profil-altimetrique img{ margin: auto}

.info-circuit > div{ float:left; background: var(--sit-principal-color); margin-top:10px}
.picto-circuit {float:left;display: flex; font-weight: 500; align-items: center; padding:6px 10px; margin:2px 4px; color:#ffffff}
.picto-circuit img{height:22px; margin:0 5px}
/* Fin Partie Diaporama Circuits*/

/* Partie Diaporama Réduit */
.fiche_slider_reduit {  width: 100%;  display: flex;  height: calc(-64px + 62vh) !important; min-height: calc(-64px + 40vh) !important;  margin: 10px 0;}
.lei-diaporeduit {  width: 100%;  display: flex !important;  align-content: stretch;  align-items: stretch; justify-content: space-between;  flex-wrap: wrap;  overflow: hidden;}
.lei-diaporeduit-img {  height: 100% !important;  width: 33.3% !important;  padding-left: 8px !important; display: inline-block;  position: relative;}
.lei-diaporeduit-img img {  height: 100%;  left: 0;  object-fit: cover;  position: absolute; top: 0;  width: 100%;  padding: 5px;}
.fiche-detail-circuits .fiche_slider_reduit{margin-top:0}
.fiche-detail-circuits .lei-diaporeduit-img {padding-left:0 !important; padding-right: 8px !important;}
.fiche-detail-circuits .lei-diaporeduit-img img{ padding:0 10px 10px 0}
@media (max-width:641px) {
    .lei-diaporeduit-img{ width:50% !important; height: 39% !important;} 
    .lei-diaporeduit-img:first-child{ width:100% !important;height: 62% !important;} 
}
/* Fin Partie Diaporama Réduit */


/* Partie carte sur fiche détail */
.fiche-detail .leaflet-control-layers-toggle {  background-image: url(images/layers.png); background-size:32px auto}
.fiche-detail .leaflet-control-fullscreen a {  background: #fff url(images/fullscreen.png) no-repeat 0 0;
    background-position-x: 0px;    background-position-y: 0px;    background-image: url(images/fullscreen.png);
    background-size: auto;  background-size: 26px 26px;}

.fiche-detail .leaflet-touch .leaflet-control-layers, .fiche-detail .leaflet-touch .leaflet-bar {
  border: none; box-shadow: 1px 1px 5px 3px rgba(0,0,0,.2); border-radius: 0;}
.fiche-detail .leaflet-bar a, .fiche-detail .leaflet-bar a:hover{ color:var(--sit-principal-color); font-weight:700}

/* Fin Partie carte sur fiche détail */



/* Partie Orpheline */
.fiche-detail .bouton-360{margin:.5em 0}
/* Fin Partie Orpheline */

/* GE - Si une section est n'a pas d'enfants, elle est masquée */
.sit_section_title:only-child{  display: none;  margin: 0px 0;}
.sit_section:not(:has(.bloc-crit:not(:empty))) .sit_section_title {   display: none;}

.fiche-detail{float:left;width: 100%; padding:15px 1%;}
/* .fiche-detail h1{font-size:280%;  margin:0; font-weight: 900} */
.fiche-detail h2{padding-top: 1.5rem;padding-bottom: .8rem; font-weight: 900;font-family: "City Birds", Sans-serif; color: var(--sit-principal-color) !important; width:100%; margin:0}
.fiche-detail h3{display:block; width:100%; font-size: 150%; font-weight: 700; margin-top: .8rem;margin-bottom: .5rem; color: var(--sit-terciary-color) !important;}
.fiche-detail h5{color:#202020;display:inline-block;text-transform: uppercase; font-size:110%; font-weight:700}

.fiche-detail h2.sit_section_title{border-top:1px solid var(--sit-principal-color);}
.fiche-detail h3.sit_section_title, .fiche-detail dl dt{display:inline-block; width:auto; font-size: 100%; font-weight: 700; margin-top: auto;margin-bottom: auto; color:#000}

.fiche-titre{ margin:15px 0}
.fiche-titre > *{ display:inline; /*vertical-align:middle;*/ margin-right:10px; }
.fiche-titre > div{display:inline-block; margin:0 5px}
.fiche-titre .pictoLEI{margin: 5px;}
.fiche-titre .pictoLEI img{max-height:30px; width:auto }

.fiche-titre .sit_default img{
    height: var(--sit-img-carre-height);    width: var(--sit-img-carre-width);
}
.fiche-titre .sit_carre img{
    height: var(--sit-img-carre-height);    width: var(--sit-img-carre-width);
}
.fiche-titre .sit_drapeau img{
    height: var(--sit-img-drapeau-height);    width: var(--sit-img-drapeau-width);
}
.fiche-titre .sit_rectangle img{
    height: var(--sit-img-rectangle-height);    width: var(--sit-img-rectangle-width);
}

.fiche-titre .partenaire-OT img{max-height:54px; width:auto }
.fiche-titre .unesco img{max-height:54px; width:auto }
.fiche-titre .label-bio img{max-height:56px; width:auto }

.accroche{color: var( --e-global-color-secondary );font-size: 135%; font-weight: 700;display: block;margin:10px 0}
#fiche-presentation > div.descriptif{/*font-size: 110%;*/ }
#fiche-presentation > div{ display: block;width:100%; float:left;}
#fiche-presentation > div > div{ display: block; margin:5px 0; width:100%; float:left}
.fiche-detail .btn{width:100%; padding:12px 20px; border-radius:15px}
.fiche-detail .btn:hover{ background: var( --e-global-color-primary ); color:#fff;}

.btn.btn-gris{background-color:var( --e-global-color-primary ); color:#fff !important; width:100%; float: left;
text-align:center; margin:10px 0}
.btn.btn-gris:hover{background-color:var( --e-global-color-secondary );  }
.btn.btn-gris i{font-size:110%; margin:0 5px}

/* Partie conseil d'expert */
.avis-expert{ padding:1em;  margin:1em 0; background-color:#E4E0D7;}
.avis-expert h3{white-space:nowrap; margin:auto 20px; }
.avis-expert blockquote{margin:auto; font-weight: 500 }
.avis-expert .auteur{ background: url(../images/ombre-sep-verti.png) no-repeat right center; padding:0 20px; min-height: 64px;}
.avis-expert .auteur-img{ width:100px; height:100px; overflow:hidden; border-radius:50%;}

.auteur{text-align:center;}
.auteur span{display:block; font-weight: 500 }
/* Fin Partie conseil d'expert */

/* Partie "Plus de photos */
.zone-photos { margin:10px auto 20px auto; width: 100%; float:left}
.lien-photos{ margin:5px 0; text-align: right; font-weight: 700; width:100%; float:left}
.lien-photos.col-md-12{ padding-left: 0;padding-right: 0;}
.lien-photos > div{ float: right}
.lien-photos span{ font-weight: 700; text-transform: uppercase; margin:0 5px; color:var(--sit-principal-color)}
.lien-photos a{ display:flex; justify-content:flex-end; width: auto; align-items: center}
.lien-photos a:hover, .lien-photos:hover span{ color:#000}
.lien-photos .img{ width: 40px; height:40px; background: var(--sit-principal-color); display:flex; text-align: center; /*! border-radius:8px */}
.lien-photos a:hover .img{ background: #000;}
.lien-photos .img img{ margin: auto; width:16px}
/* Fin Partie "Plus de photos */

#fiche-presentation > div.sit_section{ width:100%; float: left; line-height: 135%; margin:10px 0; padding:10px 0;}
.bloc-crit{block; width:100%; float: left; margin:5px 0}

/* Partie liste de critères / modalités*/
.fiche-detail dl{margin:5px 0; }
.fiche-detail .disabled{text-decoration: line-through; opacity:.4;}
.fiche-detail dl dd span{ display:block}
.fiche-detail dl.inline, .span-modalite, .fiche-detail dl dd{display: inline-block; margin:0 10px 0 0; position: relative;
    float:none; width: auto ; vertical-align:  top;}
.span-modalite::before, .fiche-detail dl dd.span-modalite::before, .fiche-detail dl dd.bloc-crit::before{ content:" - "; margin-left:4px}
.fiche-detail dl.inline, .span-modalite{display: inline-block; margin:0 2px 2px 0; background: #EDEDED; padding: 10px 15px;}
.span-modalite::before{ display: none}
.fiche-detail .bloc-crit-moda h3.sit_section_title{ display: block; margin-top:.5rem; margin-bottom:.5rem}
.Horaires dl{margin:0; padding:10px 15px}
.Horaires .horaire:nth-child(2n+1){ background: #EDEDED }
.Horaires dl dt {	display: table-cell;padding-right: 30px;font-weight: 700;width: 350px; white-space:nowrap;}
.Horaires dl dd{display:table-cell; padding-right:12px}
.voirplus a {  width: 100%;  display: block;  background: var( --e-global-color-primary ); color: #fff !important;;
  text-align: center;  padding: 10px 10px;  font-weight: 700;}
.voirplus a:hover {  background: var( --e-global-color-secondary ); }
.fiche-detail dl:empty, .fiche-detail dd:empty{display: none}

/* Partie Colonne de droite*/
#detail-infos-condensees{float:right; margin:25px 0}
.fiche-detail .btn.btn-reserver {  z-index: 2;  padding: 15px 30px;  margin: 0; display: block; border-radius:15px;background:var(--e-global-color-secondary);  border: none;  color: #fff;  font-weight: 700; font-size:110%;text-align: center; text-transform:uppercase}
.fiche-detail .btn.btn-reserver:hover {  background:var(--e-global-color-primary); }

/* Partie calendrier des disponibilités */
#fiche-dispos{ margin:5px 0}
#widgetdispos { width: 100%; display: block; vertical-align: top;background-color: #EDEDED;padding: 10px 15px;}
.GroupeCalendrier.col-md-6{ width: 100% !important; padding:0; display:flex; float: none; flex-wrap: wrap}
.GroupeCalendrier.col-md-6 h2{display: none}
.CalendrierCours{  display: inline-block; }
.CalendrierLegende{  display: inline-block; padding:5px 10px; }
.CalendrierTitreLegende{ font-weight:900; font-size:120%; margin:10px 0; display: block}
.CalendrierLegende ul, .CalendrierLegende li{ padding:0; margin: 0; list-style-type: none}
.CalendrierLegende li{ margin: 5px 0}
.CalendrierLegende li span{ margin: 5px}
#widgetdispos .ui-widget.ui-widget-content{ border: none; border-radius:0; padding:0}
.dateMaxMaj{display:block; width:100%}
/* Fin Partie calendrier des disponibilités */

/* Partie Propriétaire */
.bloc-adresse{ width:100%; position:relative; z-index:10; float: left; margin:10px 0}
.bloc-adresse *{/*! color:#fff */}

.fiche-proprietaire-infos{ width: 100%;  background-color: #EDEDED;  padding: 20px 8%;  /*! margin: 15px 0; */position: relative;  z-index: 10;  border-radius: 15px;}
.fiche-proprietaire-infos img{ display: inline-block;  margin:0 10px; border-radius:50%; max-height:120px; }
.fiche-proprietaire-infos > div{ display: inline-block; }

.adresse{ padding:5px 0; }
.adresse span{margin-right:6px}

.coord-reseau{display: block; width:100%;margin:10px 0; word-wrap: break-word; display: block; /*! padding:10px 0; */ color:var( --e-global-color-secondary ) ;
text-align:center}
.coord-reseau > div{ display: inline-block}
.fiche-proprietaire-contact a{ display: block; width:100%;margin:5px 0; font-weight: 700; padding:10px 15px ;text-align:center; cursor:pointer; color:var(--sit-principal-color);}
.fiche-proprietaire-contact > span{ display: flex; margin:5px 10px; font-weight: 700; text-align:center; cursor:pointer;border-radius:10px}
.fiche-proprietaire-contact span:hover img{filter: invert(0.5) brightness(400) !important;}
.fiche-proprietaire-contact svg{ max-height:18px; max-width:22px; display: inline-block; margin:0 6px 0 0; margin-bottom:-2px; border-radius:0 !important}
.fiche-proprietaire-contact path {fill: var( --e-global-color-secondary )}
.fiche-proprietaire-contact > span:hover path {fill: var( --e-global-color-primary )}
.fiche-proprietaire-contact > span:hover{color: var( --e-global-color-primary )}

.fiche-proprietaire-contact span{display: inline-block; }
.fiche-proprietaire-contact > div > span{margin-right:6px}

.icons-social{display:inline-block; }
.icons-social a{display:inline-block;margin:2px; background: var( --e-global-color-secondary ); color:#ffffff !important;; 
    width:48px; height:48px; line-height:48px; text-align: center; border-radius:50%}
.icons-social a:hover{background:var( --e-global-color-primary ); color:#ffffff; }
.icons-social a i{ font-size: 22px; line-height:48px;}

.amenagement{ padding:15px 0; font-weight: 700; text-align: center}
.amenagement img{ max-width:32px; margin:0 10px; display:inline-block;}
.amenagement span{display:inline-block;}
.amenagement span span{ display: block}

/* Partie Cartographie */
.carte-detail{ position: relative; width: 100%; float:left; margin:10px 0}
#map{width:100% !important; position: relative;z-index: 1; /*! margin:15px 0; */ border-radius:15px}
.affichage.trajet{ position: absolute; right:10px; bottom:10px; left:10px; z-index: 3; background:rgba(255,255,255,.7); ; border-radius:15px}
.affichage.trajet form{ width:100%;display:flex;align-items:stretch; justify-content: space-between; align-content: center}
.affichage.trajet label{ display: none}
.affichage.trajet form *{ width: auto;}
.affichage.trajet input{border:none;border-radius: 0; background: none; color:#202020}
.affichage.trajet input[type="submit"]{ border:none; background: var( --e-global-color-secondary ); color: #ffffff;border-radius:15px;padding: 10px 20px 10px 20px; font-size: 17px; font-weight: 500;}
.affichage.trajet input[type="submit"]:hover{ background: #000;color: #ffffff;}
/* Fin Partie Cartographie */

/* Fin Partie Colonne de droite*/

/* Partie Produits associés */
.list-produits-associes {  display: flex;  width: 102%;  flex-direction: row;  flex-wrap: wrap; align-items: stretch; justify-content:center; margin-left:-1%}
.Produits_associe_detail { position: relative; overflow: hidden;  margin: 5px .5% 5px .5%;width: 98%;
  display: flex;  flex-direction: column;  flex-wrap: wrap;  align-items: stretch; padding-bottom:20px }
@media (min-width: 720px) {
    .Produits_associe_detail{ width:24%}
}
.list-produits-associes .infos-ppal{padding:0 8%;}
.fiche-detail h3.Produits_associe_detail_nom {  color: var(--sit-principal-color) !important;  font-size: 130%;  text-transform: uppercase;
  margin: .6em 0 .5em 0;  font-weight: 700;  letter-spacing: normal;}
  .list-produits-associes .lei-img-fiche{position:relative; height:0; overflow:hidden; padding-top:63%}
img.Produits_associe_detail_img{  height: 100%;  left: 0;  object-fit: cover;  position: absolute;
  top: 0;  width: 100%;}
/* Fin Partie Produits associés */


/* RESPONSIVE */
@media (max-width: 991px) and (min-width: 801px){
    .fiche-slider {clear: none;}
	#detail-infos-condensees {width: 100%;}
}

@media (min-width: 801px) {
    #fiche-presentation > div > div.avis-expert{display: flex;}
    .col-md-8 > div > div.avis-expert{display: flex;}
}
@media (max-width: 800px){
    .infos-pictos{ width:100%; display: block}
    .infos-pictos > div > div{display: inline-block; margin:5px 10px; width: auto}
	.infos-pictos > div > div span{display: inline-block; margin-left:5px}

    #detail-infos-condensees{float:left; width:100% !important; position:relative; z-index:1}

    .fiche-detail h1 {  font-size: 250%;}  
}
@media (max-width: 720px) {
    .fiche-detail {  padding: 20px 2%;}
}

@media (max-width: 640px) {

    .fiche-detail {  display: block;  width: 100%;  padding: 15px 0; float:left}
    .fiche-detail h1 {  font-size: 220%;}
    .fiche-detail h2 {  font-size: 200%; margin-top: 1.2rem;  margin-bottom: .6rem;}
    .lei-diaporama{ display: block;height: calc(-44px + 75vh) !important; min-height: calc(-44px + 72vh) !important;}
    .img-one{ width: 100%; height:50%}
    .lei-diaporama-thumbnails{ width: 100%; height:50%}
}


@media (max-width:480px) {    
    .infos-ppal {  padding: 0 5%;}
    .lei-img-fiche{height:250px; }
    .fiche-detail h1 {  font-size: 200%;}
    .fiche-detail h2 {  font-size: 180%; margin-top: 1rem;  margin-bottom: .4rem;}
    .fiche-titre > * {margin-right: 6px;}
    .langues-parlees span {margin: 3px;}
    .langues-parlees img {  height: 20px; }
}
@media (max-width:450px) {
    .fiche-detail dl dt{display: block; width: 100% !important; padding: 0px; white-space: break-spaces;}
    .affichage.trajet form * {  width: inherit; font-size: 90%}
    .affichage.trajet input[type="submit"]{ max-width: 110px; padding: 10px;}
}
@media (max-width:400px) {
    .lei-img-fiche{height:210px; }
}

/* bouton retour */
.sit-goBack {padding-left: 15px;  padding-right: 15px; margin:15px 0}
.sit-goBack a{ position: relative;  border-radius:15px; padding:7px 15px !important; color:#fff !important; background:var( --e-global-color-secondary )}
.sit-goBack a:hover{ background:var( --e-global-color-primary ); color:#FFF;}
.fiche-detail .sit-goBack a.btn{ width:auto}
.sit-goBack a::before{ font: normal normal normal 12px/1 "Happy Icons";content: "\e90e";font-size: 13px !important;; padding-right:10px;  font-size: inherit;  text-rendering: auto; }

/* GE - A partir de la pas vérifié */
/*-------BOOTSTRAP--------*/
* {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}

audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print  {   *,
  *:before,  *:after {  background: transparent !important;  color: #000 !important;  box-shadow: none !important;  text-shadow: none !important;  }
  a,  a:visited {    text-decoration: underline;  }
  a[href]:after {    content: " (" attr(href) ")";  }
  abbr[title]:after {    content: " (" attr(title) ")";  }
  a[href^="#"]:after,  a[href^="javascript:"]:after {    content: "";  }
  pre, blockquote {    border: 1px solid #999;    page-break-inside: avoid;  }
  thead {    display: table-header-group;  }
  tr,  img {    page-break-inside: avoid;  }
  img {    max-width: 100% !important;  }
  p,  h2,  h3 {    orphans: 3;    widows: 3;  }
  h2,  h3 {    page-break-after: avoid;  }
  .navbar {    display: none;  }
  .btn > .caret,  .dropup > .btn > .caret {    border-top-color: #000 !important;  }
  .label {    border: 1px solid #000;  }
  .table {    border-collapse: collapse !important;  }
  .table td,  .table th {    background-color: #fff !important;  }
  .table-bordered th,  .table-bordered td {    border: 1px solid #ddd !important;  } }

.row  { margin-left: -15px; margin-right: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12  {   position: relative;  min-height: 1px;  padding-left: 15px;  padding-right: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12  {   float: left;}
.col-xs-12 {  width: 100% !important;}
.col-xs-11 {  width: 91.66666667% !important;}
.col-xs-10 {  width: 83.33333333% !important;}
.col-xs-9 {  width: 75% !important;}
.col-xs-8  {   width: 66.66666667% !important; }
.col-xs-7  {   width: 58.33333333% !important; }
.col-xs-6  {   width: 50% !important; }
.col-xs-5  {   width: 41.66666667% !important; }
.col-xs-4  {   width: 33.33333333% !important; }
.col-xs-3  {   width: 25% !important; }
.col-xs-2  {   width: 16.66666667% !important; }
.col-xs-1  {   width: 8.33333333% !important; }

@media (min-width: 768px)  {   
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12  {     float: left; }
    .col-sm-12  {     width: 100% !important; }
    .col-sm-11  {     width: 91.66666667% !important; }
    .col-sm-10  {     width: 83.33333333% !important; }
    .col-sm-9  {     width: 75% !important; }
    .col-sm-8  {     width: 66.66666667% !important; }
    .col-sm-7  {     width: 58.33333333% !important; }
    .col-sm-6  {     width: 50% !important; }
    .col-sm-5  {     width: 41.66666667% !important; }
    .col-sm-4  {     width: 33.33333333% !important; }
    .col-sm-3  {     width: 25% !important; }
    .col-sm-2  {     width: 16.66666667% !important; }
    .col-sm-1  {     width: 8.33333333% !important; }
 }
@media (min-width: 992px) {  
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12  {     float: left; }
    .col-md-12  {     width: 100% !important; }
    .col-md-11  {     width: 91.66666667% !important; }
    .col-md-10  {     width: 83.33333333% !important; }
    .col-md-9  {     width: 75% !important; }
    .col-md-8  {     width: 66.66666667% !important; }
    .col-md-7  {     width: 58.33333333% !important; }
    .col-md-6  {     width: 50% !important; }
    .col-md-5  {     width: 41.66666667% !important; }
    .col-md-4  {     width: 33.33333333% !important; }
    .col-md-3  {     width: 25% !important; }
    .col-md-2  {     width: 16.66666667% !important; }
    .col-md-1  {     width: 8.33333333%  !important; }
}


/* diapo swiper*/
.illico-swipper-body {   position: relative; height: 100%; margin: 0; padding: 0; float: left;  width: 100%;
 padding-bottom:25px}
.swiper {  width: 100%;   height: 100%; }
.swiper-slide {  text-align: center; background-size: cover; background-position: center;  
justify-content: center;  align-items: center; border-radius: 15px;  overflow: hidden; }
.illico-swipper-body .mySwiper2 .swiper-slide {  display: block; width:100% !important; margin:0 !important;}
 .swiper-slide img {   display: block;   width: 100%;    height: 100%;   object-fit: cover;    }
.swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto;    }
.mySwiper2 {width: 100%; float: none; padding-bottom:10px !important;
height: calc(-20px + 72vh) !important;  min-height: calc(-20px + 50vh) !important;}
.mySwiper {box-sizing: border-box; padding: 10px 0 0 0 !important;; }
.mySwiper .swiper-slide { opacity: 0.7;  aspect-ratio: 278/324;  }
.mySwiper .swiper-slide-thumb-active { opacity: 1; }
.swiper-slide img {    display: block; width: 100%; height: 100%; object-fit: cover;    }
.illico-swipper-body .swiper-button-next, .illico-swipper-body .swiper-button-prev{color:#fff}
.illico-swipper-body .swiper-pagination{ position: relative; top:auto; margin:15px 0}
.illico-swipper-body .swiper-pagination-bullet-active {  background: var(--e-global-color-text);}