/*:root {
--cassiopeia-color-primary: #181212;
--cassiopeia-color-link: var(--primary-color);
--primary: var(--primary-color);
--cassiopeia-color-hover: var(--hover-color);
--body-color: #555555;
}*/

/* -- Je fais sauter le css grid du template pour pouvoir coller l'ancien css à la place... à revoir quand on aura le temps -- */
.site-grid {display: block; margin-bottom:60px;}
.itemid-555 .site-grid {margin-bottom:0px;}
.row {margin-bottom:0; --gutter-x: 0!important;}
.row [class*="col"] {margin-left: 2.127659574%; }
.row [class*="col"]:first-child {margin-left:0!important;}

/* -- Je fixe la largeur des containers modules de la mm largeur que les div inner pour pas que ça étire trop sur écrans très larges --*/
.container-top-a, .container-top-b, .container-bottom-a, .container-bottom-b, .container-footer, .container-newsletter, .container-copyright {max-width:1250px;}

/* -- Background et typo -- */
html {  height: 101%;}

body { margin: 0; padding: 0; position: relative; background-color: #fffaf4; color: var(--body-color);	text-align: left;	line-height: 1.7;	font-size: 16px;font-family: 'Open Sans', sans-serif;	font-weight:400; height: auto;}

body.contentpane {  background: #fff;}
* { padding: 0;    margin: 0;}

h1, h2, h3, h4, h5, h6, div.contentheading, .componentheading {  padding: 3px 0;  margin: 0;  font-style: normal;  font-weight: normal; text-align: left; color: var(--title-color, #181212);}
h1, div.componentheading {font-family: 'Poppins', sans-serif; font-size: 32px;  font-weight: 600;     padding: 15px 0; text-align: left;}
h1 a, h2 a {	color: #000;}
h2, div.contentheading, .t2 {font-size: 25px; font-family: 'Poppins', sans-serif; font-weight:600;     padding: 10px 0;}
.tagt2 {
    font-family: 'Satisfy', cursive;
    color: var(--hover-color)!important;
    font-size: 35px!important;
}
h3, .t3 {line-height: 28px; font-size: 130%;	font-family: 'Open Sans', sans-serif; font-family: 'Poppins', sans-serif; font-weight:600; padding: 10px 0;}
.t4 {font-weight: 600;}
ul, ol {  padding: .75em 0 .75em 0;  margin: 0 0 0 35px;}
ul.menu {	margin: 0;	padding: 0;}
ul.menu li {    list-style: none;}
ul.menu_usermenu li {	float: left;    list-style-type: disc;    margin: 0 20px 5px 0;}
address {  margin: .75em 0;  font-style: normal;}
a {	color: var(--primary-color, #2a69b8);	text-decoration: none;	line-height: 20px;}
a:hover {	color: var(--hover-color);	text-decoration: none;}
a:focus {    color: var(--hover-color);	outline: none;}
a:not([class]){text-decoration: none;}
img {border: none; border-radius:var(--border-radius);}
em {  font-style: italic;}
strong {  font-weight: 600;}
.clr {	clear : both;}
.column.column2 {    width: 35%;}
.column.center {    width: 65%;}
.noright .column.center {   width: 100%;}
.flexiblemodule, .column {    float: left;}
.well {padding:15px !important; background:#fff; margin-bottom:15px; border:1px solid var(--border-color); border-radius: var(--border-radius); color:var(--body-color);}
.card {border: 1px solid var(--border-color); border-radius: var(--border-radius); color:var(--body-color);}
.card img {border-bottom-left-radius: 0; border-bottom-right-radius:0;}
.rounded {border-radius: 1rem !important;}
.img-circle {border-radius: 50%;}
.bg-white {background:#fff;}
.bg-primary {background: var(--primary-color) !important;  color:#FFF !important;}
.bg-primary h1, .bg-primary h2 {color:#FFF !important;}
.blockquote {padding: 0 0 0 15px; margin: 0 0 18px; border-left: 5px solid var(--primary-color); font-size:unset;}
.small {font-size:0.8rem;}
.legend {color:#181212; #font-size: 1.2rem; font-weight: 600; border-bottom: 3px solid var(--primary-color); margin-bottom:15px; padding-bottom: 5px;}
.input-block-level {width:100%;}
input[type="radio"], input[type="checkbox"] {border: 2px solid var(--body-color);}
.badge {font-size : .9em; background-color: #333;}
ul.actions {	margin: 0;}
ul.actions li a {	text-decoration: none;}

/*-- BTN --*/
.button, button, button.btn, input.btn, :not(.btn-group) > .btn, .btn-group > .btn.active {line-height:25px; border-radius: var(--button-border-radius); transition: all 300ms ease-in;}
.input-append input, .input-append select, .input-append .uneditable-input, .input-append .dropdown-menu, .input-append .popover, .input-prepend input, .input-prepend select, .input-prepend .uneditable-input, .input-prepend .dropdown-menu, .input-prepend .popover {font-size: 13px;}
.btn {color: #fff; font-size: 1rem; border:none; border-radius:var(--button-border-radius);}
.btn, .btn-primary {background: var(--primary-color); transition: filter 0.2s ease;}
.btn-secondary {background: var(--secondary-color); transition: filter 0.2s ease;}
.btn-black {background:var(--body-color);}
.btn-white {background:#fff; color: var(--primary-color, #2a69b8); border:1px solid var(--primary-color, #2a69b8);}
.btn:hover, .btn:active, .btn:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:focus  {background: var(--primary-color); filter: brightness(85%); color:#fff;}
.btn-secondary:hover, .btn-secondary:focus {background: var(--secondary-color); filter: brightness(85%); color:#fff;}
.btn-block {display:block; width:100%;}
.btn-lg {font-size: 1rem; padding: 1rem 2.5rem;}
.btn-sm {font-size: 0.9rem; padding:.25rem 1rem;}
.btn-group, .btn-group label {border-radius:0;}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {background-color: var(--body-color);}
/* btn sur les formulaires front */
.btn-group label {background: #fff; border: 1px solid #ced4da; color:var(--body-color);}
.btn-group label.active {background: var(--primary-color) !important; border: 1px solid var(--primary-color) !important;}
.calendarbutton {background: var(--primary-color) !important; border: 1px solid var(--primary-color) !important; border-radius:0 !important; color: #FFF;}

/* -- FORMULAIRES -- */
form, fieldset {  margin: 0;  padding: 0;  border: none;}
input, button {vertical-align: middle;}
input::placeholder {color: var(--body-color) !important;}
select, .form-select, .custom-select {
	width:100% !important; 
	background-color:var(--primary-color) !important; 
	background-image: url(../images/select-bg-active.svg), linear-gradient(to left, var(--primary-color) 44px, #ffffff 44px);
    background-repeat: no-repeat, no-repeat;
    background-position: right center;
	border: 1px solid var(--border-color) !important; 
	border-radius: 0 !important;
}

option {padding: 2px 5px; background-image:none !important; cursor:pointer !important;}

input, .chosen-single {border-radius: 0 !important; border: 1px solid var(--border-color) !important; }

.chosen-container .chosen-results li:hover, .chosen-container .chosen-results li:focus, select option:hover, select option:focus {background-color:var(--primary-color) !important; color:#FFF !important;}
.chosen-container .chosen-results li.highlighted {background:var(--primary-color) !important; color:#FFF;}
.chosen-container .chosen-results .result-selected, .chosen-container .search-choice, select option:checked, select option:active {background-color:var(--hover-color) !important; color:#FFF !important;}
.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {top:2px;}
.plg-date input {cursor: pointer;}

.calendar .button {padding:10px !important; font-size:12px; background: #f2f2f2;}
.calendar .button:hover {cursor:pointer;}
.calendar thead tr .button:first-child, .calendar thead tr.headrow .button:last-child {display:none;}
.calendar thead tr td:hover {border:none !important;}
.calendar thead .title {background:var(--primary-color) !important; color:#FFF !important; font-size:13px !important;}
.calendar .button.nav {font-size:11px; font-weight:bold; padding:15px 5px !important;}
.calendar .headrow .button:nth-child(2) div::after {content: " mois prec.";}
.calendar .headrow .button:nth-child(4) div::before {content: "mois suiv. ";}
.calendar tbody .day {padding:10px 15px 10px 10px !important; background:#fff !important; border:1px solid #ccc;}
.calendar tbody .day:hover {cursor:pointer;}
.calendar tbody .rowhilite td {background:#fff !important; color:#000 !important;}
.calendar tbody td.hilite {background:var(--primary-color) !important; color:#FFF !important;}
.calendar tbody td.selected {background:var(--hover-color) !important; color:#FFF !important;}
.calendar tfoot .ttip {display:none;}

.chosen-container.chosen-container-single .chosen-single {background:var(--primary-color) url("../images/select-bg.svg") right 0 center no-repeat;}
.fabrikForm {box-sizing:border-box;}
textarea, ul.chosen-choices {border: var(--border-width) solid var(--border-color) !important; padding: .6rem 1rem !important; color:var(--body-color) !important; background:#fff !important;}
.chosen-container .chosen-results li {padding: 6px 15px !important; font-size: 1rem;}

/* -- FORMULAIRES FRONT -- */
#form-user-front {margin-bottom: 60px;}
#form-user-front .btn-toolbar {display: block; text-align: center;}
#form-user-front select {background-color: #eaedf0 !important;}
#form-user-front .form-check:hover {cursor:pointer;}
#form-user-front .form-actions .btn {font-size: 1rem; padding: 1rem 2.5rem;}
.row .fabrikElement {margin-left:0 !important;}

/* -- FORMULAIRE SUR MESURE -- */
#form-user-front #fk_demandes___destinations .row {display: block;}
#form-user-front #fk_demandes___destinations .form-check {display: inline-block; margin-bottom: 15px; padding: 5px 0; position: relative; margin-left: 0; text-align: center; max-width: 220px; vertical-align: top; margin-right: 15px;}
#form-user-front #fk_demandes___destinations .form-check .form-check-input {margin-top: 5px; margin:auto; float:none;}
#form-user-front #fk_demandes___destinations .option-img {margin:10px 0 10px 0;}
#form-user-front #fk_demandes___destinations .option-link {display: block; clear: both; text-align: center;}

/* FORMULAIRE VOYAGE */
#form-user-front #group135 .fb_el_fk_demandes___voyage_img {float:left; margin-right:15px;}
#form-user-front #group135 #fk_demandes___voyage_calc {font-weight:600;}
#form-user-front #group135 .fabrikinput {padding:0;}

/* FORMLAIRE DEVIS */
#form-devis-front {overflow: unset;}
#form-devis-front #expert-voyage {margin-top:30px; margin-bottom:0;}
#form-devis-front h2.legend {margin-top:2rem;}
#form-devis-front h2.legend:first-of-type {margin-top:0;}
#form-devis-front .readonly {background-color: #fff !important; border:none !important; background-image: none !important; pointer-events:none; cursor: default;}

#etapes-resa {font-weight: 600; margin: 3rem 0; text-align:center;}
#etapes-resa .btn-etapes-resa {padding:10px 20px; border: 1px solid var(--border-color); border-radius: var(--border-radius);}
#etapes-resa .etape-selected {color: #fff;}
#etapes-resa .chevron-etapes {font-size: 1.8em; color: var(--primary-color);}

#form-devis-front #base-tarif, #trip-detail #base-tarif {padding:15px; background-color:var(--secondary-color); color:#FFF;}
#form-devis-front #tarif, #trip-detail #tarif {font-size:250%; font-weight:600; margin-top:10px;}

#form-devis-front .fabrikRepeatGroup___devis_produits___designation_texte label {display: none !important;}
#form-devis-front #fk_devis___formule_assurance .row, #group579, #fk_devis___cgv_calc {padding: 15px !important; background: #fff; margin-bottom: 15px; border: 1px solid var(--border-color); border-radius: var(--border-radius);}
#form-devis-front #group369 #fk_devis___formule_assurance .row:last-of-type {margin-bottom:0;}
#form-devis-front .fb_el_fk_devis___formule_assurance {margin-bottom:0 !important;}

#form-devis-front #group368 .fabrikRepeatGroup___devis_produits___designation_texte {margin: 0 0 15px 0; padding:0; font-weight:600;}
#form-devis-front #group368 .form-control-plaintext {padding:0;}

#form-devis-front #group369 .fb_el_fk_devis___formule_assurance .col-sm-12 {margin-left: 0 !important;}
#form-devis-front #group369 #fk_devis___formule_assurance .row {margin-bottom: 30px;}
#form-devis-front #group369 input {margin-top: 0.5em; border: 2px solid var(--body-color);}
#form-devis-front #group369 .assurance-title {font-size:1.2rem; font-weight:600;}
#form-devis-front #group369 .assurance-link {margin-top: 15px;}

#group375 .fabrikGroupRepeater {display:none;}
#group375 .fabrikSubGroup .rpt-gp-intro {font-size: 1.2rem; font-weight: 600;}

#col-right-scroll {position: -webkit-sticky; position:sticky; margin-top:2rem; top: 15px; margin-bottom:15px;}
#col-right-devis {margin-top: 30px;}
#col-right-devis img {max-width: 180px;}

#devis-front-recap-objet .row {padding:5px; border-bottom:1px solid var(--border-color);}
#devis-front-assurance {padding:5px; border-bottom:1px solid var(--border-color);}
#devis-front-total {padding:5px; font-weight:600; border-bottom:1px solid var(--border-color);}
#devis-front-acompte {padding:5px; border-bottom: none !important; font-weight:600;}

.fabrik-label-error {color: #dc3545 !important; font-weight: 600;}
.fabrik-field-error {border: 2px solid #dc3545 !important; box-shadow: 0 0 5px rgba(220, 53, 69, 0.25) !important;}
.fabrikElementContainer.has-js-error .help-inline, .fabrikElementContainer.has-js-error .fabrikErrorMessage {color: #dc3545 !important;}

/* FORMLAIRE PAIEMENT */
#form-paiement-front #fk_paiements___montant {border:none;}

/** LISTE DOCUMENTS VOYAGE **/
#liste-documents .fabrik_groupheading {margin-bottom: 15px; font-size: 1.2rem; font-weight:600; color:var(--body-color); border-bottom: 5px solid var(--primary-color);}
#liste-documents .fabrik_groupdata {margin-bottom: 3rem;}
#liste-documents .groupTitle, #liste-documents .icon-arrow-down {background:none;}
#liste-documents .title-document {font-weight:600;}

/*-- TOP et FOOTER --*/
.container-header {background: #FFF;}
.container-header .navbar-brand {margin-top:0; margin-bottom: 0; padding:0;}
.brand-logo {height:80px; width:auto;}
#bannertop {line-height: 2em; font-size: 0.9em;}
#bannertop .grid-child {padding:0;}
#bannertop a {vertical-align:middle;}
#bannertop {background: #181212; --gutter-x: 0;}
.footer {
	margin: 0;
	--gutter-x: 0;
    background-image: url('/images/stories/background_cdm_2.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 400px auto;
	background-color: #FFF;
	border-top: 1px solid var(--border-color);
	color: #181212;
}
.container-footer {column-gap:2em;}
.img-newsletter {color: #FFF; float: left; line-height: 4rem; width: 4rem; margin: 10px 10px 0 0; text-align: center; font-size: 2rem; border-radius: 3rem; background: var(--secondary-color);}
#footer h3, #contact-bottom h3, .footer-titre {color: #181212; text-transform: uppercase; text-align: left; font-size: 18px; margin: 20px 0 10px; font-weight: 600;}
.footer a:not(.btn), .footer .btn-link {color: var(--primary-color);}
.footer a:not(.btn):hover, .footer a:not(.btn):focus {	color: var(--hover-color);	text-decoration: none;}
.link-footer {text-decoration:underline; color: var(--body-color);}
.footer-texte .icon-mail {color:var(--primary-color);}

/* .container-footer .mod-custom {border-top:3px solid var(--primary-color);}*/

/* -- Menu principal -- */
#main-menu {padding:.2em;}
#main-menu .mod-menu ul {margin-left:0;}
.metismenu.mod-menu li.level-1 {padding:0; }
.metismenu.mod-menu li.level-1 .mm-toggler:after {display:none;}
#main-menu .mod-menu li:hover > ul, #main-menu .mod-menu li:hover > ul li {display: block;}
#main-menu .mod-menu li.level-1 a, #main-menu .mod-menu li.level-1 button {padding: .5em .8em; color: #181212 !important}
#main-menu .mod-menu li.level-1 a:hover, #main-menu .mod-menu li.level-1 button:hover, #main-menu .mod-menu li.level-1.mm-active {color: var(--hover-color)!important;}
#main-menu .mod-menu ul.mm-collapse {padding:0.5em;}
#main-menu .mod-menu li.level-2 {display:block; padding:0;}
#main-menu .mod-menu li.level-2 a {width:100%;padding: 10px;}
#main-menu .mod-menu li.level-2.active a, #main-menu .mod-menu li.level-2 a:hover {color:var(--hover-color)!important; opacity:1; text-decoration:none;}
#main-menu .offcanvas-title {font-size:1.2rem;}
#menu-quote {position: absolute; right: 15px;}

/* -- Menu principal qui s'ouvre au survol -- */
/* #main-menu .mod-menu li:hover > ul {display: flex; position: absolute; top: 100%; left: 0; min-width: 250px;}
#main-menu .mod-menu li:hover > ul li, .metismenu.mod-menu .metismenu-item > ul {display: flex;} */

/* Messages systeme */
#system-message-container {margin: 30px 5%;}

/* -- Pano header -- */
.container-component > :first-child, .container-sidebar-left > :first-child, .container-sidebar-right > :first-child, .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
	margin-top: 0;
}

/*-- Pano header accueil (sans fil ariane) -- */
.layout-accueil-voyage-featured #wrapper {	margin-top: -20px;}
.header-standard {margin: auto;    padding: 15px 0;}
.header-pano-wrapper {height:500px; display: flex !important; position:relative; overflow:hidden; margin-top:0; margin-bottom:30px;}
#detail-accueil .header-pano-wrapper {height:600px;}
.header-pano-wrapper-video {height:500px}
.header-pano-bg {	position: absolute;	left: -1000px;	right: -1000px;	text-align: center;	height: 500px;		z-index: 1;}
#detail-accueil .header-pano-bg {height: 600px;}
.header-pano-bg::after {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(0, 0, 0, 0.2); /* ajuste l’opacité */
  z-index: 1;
}
.header-pano-wrapper-video .header-pano-bg {    overflow: hidden;    height: 500px;    position: relative;    left: 0;}
.header-pano-bg img {width: 100%; max-width: fit-content; min-height: 500px;}
.header-pano-trip-wrapper {    box-sizing: border-box;	position: relative;	width: 1140px;    margin: auto;	z-index: 2;	height: 475px;} 
.header-pano-opacity {position:absolute; top:0; left:0; width:100%; z-index:1; height:100%;}
.header-pano-title {text-align:center; align-self: center !important; width:100%;	text-shadow: 5px 2px 3px rgba(0, 0, 0, 0.5); padding: 20px 0 10px 0; z-index: 2;}
.header-pano-title h1 {	font-size: 55px;     font-weight: 600; text-align: center; color:#FFFFFF;	padding: 0 15px;	box-sizing: border-box;}
.header-pano-title h2 {	font-size: 55px;      margin-top: 20px;  font-weight: 600;     text-align: center; color:#FFFFFF;	padding: 0 15px;	box-sizing: border-box;}
.header-intro {	padding: 10px 0px 20px 0px;}
.header-pano-intro {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; box-sizing: border-box; height: 500px; width: 400px; color: #ffffff; float: right; padding: 20px 30px; position: relative; z-index: 2; overflow: hidden; right: 0; overflow-y: auto;}
.header-pano-intro-text {margin: 20px 0;}
.header-pano-pays { text-transform: uppercase;  font-size: 23px;    padding-bottom: 15px;    color: var(--hover-color);    font-weight: 700;  padding-top: 20px;}
/*.header-pano-opacity {    background-color: #000;    opacity: 0.3;    height: 100%;    z-index: 1;    position: absolute;    top: 0;    width: 100%;}*/


#detail-accueil .recherche-header {
	overflow: visible !important;
    height: 75px;
    margin-top: -105px;
	padding-top:15px;
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
}
.search-box {margin-bottom:30px;}
.search-box .form-control-plaintext {padding:0;}
.search-box fieldset + fieldset {margin-top:0;}
.search-box .form-group {margin-bottom:0 !important;}

/* -- COMPOSANTS -- */
/* -- Containers -- */
.inner-accueil, .inner-form, .inner-list, .inner-detail {
	box-sizing: border-box;	
	width: 100%;
	max-width: 1250px;    
	margin: auto;
	padding: 0 15px;
	overflow: hidden;
} 
.container-newsletter {padding:30px !important;}
.container-newsletter .btn-newsletter {margin-top:15px;}
.container-footer, .container-copyright {padding:0 30px 30px 30px !important;}

/* Recherche accueil */
.search-accueil {box-sizing: border-box; width: 100%; max-width: 1250px; margin: auto;}


/* Autres searchbox */
.search-liste .fabrikElement br {display: none;}
.search-box .clearfilters-link {vertical-align: middle; line-height: 45px;}
#guide-voyage .search-liste .fabrikActions {display: none;}

/* -- Accueil featured --*/
.featured-themes, .featured-articles, .featured-voyages-groupes, .featured-voyages, .featured-pays, #featured-seo, #homepage-presentation, .featured-guides, .custom_engagements, .featured-voyages h2, .featured-voyages.btn, .featured-custom {	text-align: center;}
.featured-voyages .text-featured-intro {text-align: justify;    height: 85px;    overflow: hidden;    clear: both;    padding-bottom: 15px; }
.text-featured {padding-bottom:30px;}
#featured-seo img {	margin-bottom:10px;  height:300px;}
.texte-presentation, .text-article-featured  {text-align:left;}
#homepage-presentation, .featured-reviews, .featured-themes, .featured-articles, .featured-voyages-groupes, .featured-pays, #featured-seo {padding: 60px 30px; box-sizing: border-box; overflow: hidden;}
.featured-themes {padding: 60px 0;}
.featured-voyages {box-sizing: border-box; overflow: hidden;}
.featured-voyages-groupes {	padding: 30px 0 60px 0;}

#homepage-sur-mesure {	min-height: 450px; background-size: cover;}
.btn-sur-mesure {	 text-align: center; padding: 60px 0}
.btn-sur-mesure .btn {padding:20px 100px;color: #fff;background-color: var(--primary-color);}
.btn-sur-mesure .btn:hover {background-color: var(--hover-color);}
#homepage-sur-mesure h2 {   color: #fff;    text-align: center;    padding: 100px 0 20px 0;}

/* Scroll pour featured themes */
.scroll-fade::before,
.scroll-fade::after {content: ''; position: absolute; top: 0; width: 60px; height: 100%; z-index: 1; pointer-events: none;}
.scroll-fade::before {left: 0; background: linear-gradient(to right, #FFF 100%, transparent);}
.scroll-fade::after {right: 0; background: linear-gradient(to left, #FFF 100%, transparent);}

.featured-voyages  {padding-top: 60px;}
.featured-voyages-groupes .card {border:none;}
.text-featured-pays ul {    list-style-type: none;    margin: 0;}
.featured-guides .btn-black, .featured-articles .btn-black, #related-trips .btn-black {    color: #fff; border: none;font-weight: bold;text-transform: uppercase; margin-top: 30px; padding-top: 18px; padding-bottom: 18px;  display: block;  display:none;}
.moduletable_presentation .btn {margin-top: -50px;}
.featured-reviews  {  /*background-color: var(--hover-color);*/}
.reviews-average-stars .note-wrapper {  margin: auto; float: none;height: 16px; width: 80px; background: transparent url("/images/stories/rating_stars5.png") repeat-x scroll 0px 0px;}
.featured-themes h2, .featured-voyages h2, .featured-reviews h2, .featured-articles h2, .featured-voyages-groupes h2, .featured-pays h2, .featured-guides h2, #homepage-presentation h2, #featured-seo h2, .btn-sur-mesure h2, .featured-custom h2 {font-weight: 600; font-size: 40px; text-align: center; line-height: 1.4em; color:var(--secondary-color);}
.featured-articles {background-color: #f3f3f3; }
.featured-subtitle {margin-bottom:45px;   padding-top: 10px; text-align: center;}
.featured-reviews .featured-subtitle {color:#fff}
.custom_presentation .featured-subtitle {margin-bottom:0px}
.featured-reviews h2  {padding-bottom: 10px;}
.featured-guides h2  {	color: var(--hover-color);}
.featured-articles img {	    width: 100%;    height: auto; 	margin-bottom: 5px;}
.featured-pays img, .pays-img img, .inspirations-img img {	width: 310px;	height: 220px;	margin-bottom: 0px;  transition: transform 1s;}
.featured-themes .featured-subtitle {/*color:#fff*/}
.featured-pays img:hover, .pays-img img:hover, .inspirations-img img:hover {	 transform: scale(1.1);     transition: transform 1s;}
.inspirations-list img, .pays-list img {height:150px;	width:100%;}
.inspirations-list .well, .pays-list .well{background:none;}
.featured-themes .featured-row {	position: relative;	overflow:hidden;}
.inspirations-list .inspirations-row, .pays-list .pays-row {	position: relative;	height:150px;	overflow:hidden;	text-align: center;	background: #ccc none repeat scroll 0 0;}
.featured-pays .featured-row {	position: relative;	height:220px;	overflow:hidden;	text-align: center;}
.inspirations-list .inspirations-img, .pays-list .pays-img, .featured-pays .featured-img {	position:absolute;	width: 100%;}
.inspirations-list .inspirations-title, .featured-pays .featured-title {	position:absolute;	top:0%;	width:100%;}
.pays-list .pays-title {position: absolute; bottom: 0; text-align: center; width: 100%; background: rgba(0, 0, 0, 0.5);}
.inner-accueil .well {padding:0;}
.featured-themes .row-inspi { margin-bottom: 15px; padding:0; background-color: #181212;}
.featured-voyages img, .featured-voyages-groupes img {width: 100%;}
.featured-themes h3, .featured-voyages h3, .featured-reviews h3, .featured-voyages-groupes h3, .featured-pays h3, .featured-articles h3 {	font-size: 18px;      font-weight: 400;}
.featured-voyages-groupes h3 a, .featured-articles h3 a {	color:var(--body-color);}
.featured-voyages-groupes h3 a:hover, .featured-articles h3 a:hover, .featured-voyages h3 a:hover {	color:var(--hover-color);}
.featured-voyages-groupes h3 {padding:0 0 5px 0; text-align: center; font-weight: 600; color:var(--body-color) !important;/*min-height: 40px;*/ }
.featured-voyages-duree {    font-size: 18px;    font-weight: 600;    float: left;    padding-right: 10px;    margin-top: 18px;}
.featured-voyages-prix {font-size:15px;  float: left;    padding-top: 10px;    padding-right: 20px;    margin-top: 10px;font-weight: 600;}
.featured-voyages .well { padding-bottom: 10px!important;    margin-bottom: 30px;}
.img-featured {position:relative;overflow: hidden;}
.featured-voyages .img-featured {background-color: #000; position:relative;}
.featured-voyages .img-featured .img-overlay {position:absolute; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0; overflow:hidden; width:100%; height:0; transition:.3s ease;}
.featured-voyages .img-featured .img-text {color:white; font-size:16px; position:absolute; overflow:hidden; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:80%;}
.featured-voyages .img-featured:hover .img-overlay {height: 100%;}
.img-featured .statut-depart, .img-voyages .statut-depart {position: absolute; line-height: 1.6rem; right: 10px; top: 10px; background: var(--secondary-color); color: #FFFFFF; padding: 5px 10px; font-size: 1rem; text-transform: uppercase; border-radius: var(--border-radius);} 
.title-featured-guides {text-transform:uppercase; font-weight:600; margin:10px; font-size: 16px;}
.featured-guides-expertise {    margin: 10px 0; text-transform:uppercase; font-weight:bold; color:var(--hover-color); font-size: 16px;    text-align: left;}
#presse h3 {    margin: 10px 0; font-size: 16px;    text-align: left;}
.featured-guides-expertise {margin-top:20px;}
.prix-old { text-decoration: line-through;}
.prix-promo {font-weight: bold; color:var(--secondary-color);}
.inspirations-list h3, .pays-list h3, .featured-pays h3 {  font-weight: 600;  text-transform: uppercase;    font-size: larger;	color: #fff;  text-decoration:none;}
.featured-themes h3 {margin: -60px 15px 15px 15px; text-align:center; color:#FFF; font-weight:800; font-size:25px; text-shadow:0 2px 6px rgba(0,0,0,0.6);}
.inspirations-list h3:hover, .pays-list h3:hover, .featured-pays h3:hover { }
.featured-voyages h3 {	/*min-height: 40px;*/ text-align: center;}
.featured-articles h3 {	/*min-height: 40px;*/}
.featured-voyages ul.fabrikRepeatData, .featured-voyages-groupes ul.fabrikRepeatData {margin:0; padding:0;}
.featured-voyages li, .featured-voyages-groupes li {list-style-type:none; margin-right:5px; display:inline;}
.featured-voyages li:after, .featured-voyages-groupes li:after {content:",";}
.featured-voyages li:last-child:after, .featured-voyages-groupes li:last-child:after {content:"";}
.featured-voyages-groupes .text-pays {text-transform: uppercase;}
/*.featured-voyages-groupes h3 {	min-height: 50px;}*/
.featured-reviews-img {position:relative; display: inline-block;}
.featured-reviews-img::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.35); /* ajuste l’opacité ici */
	border-radius: 50%;
	pointer-events: none;
}
.featured-reviews .review-note {	 margin: auto;  margin-bottom: 20px;    overflow: hidden;}
.featured-reviews .review-resume {	margin-top: 5px;	font-style: italic;}
.featured-voyages strong {  font-size:larger;}
.featured-reviews-name, .nom-related-reviews {color:#fff; }
.featured-reviews h3 {text-align:left;    margin-bottom: 5px;}
.featured-reviews-voyage {    color: #fff;}
.review-note {float:left;     margin-bottom: 5px;}
.featured-reviews-resume {    clear: both; text-align: justify; color:#fff; margin-bottom: 20px; font-size: 15px; line-height: 22px; }
.reviews-average, .reviews-average-note {position: absolute; top: 15%; color: #fff; font-weight: bold; font-size: 1.3rem; left: 0; right: 0; text-align: center; margin: auto;}
.valeur-moyenne-avis {font-size: 54px; font-weight: 900;}
.review-average {position: relative; text-align: center; margin-bottom: 15px;}
#detail-accueil .note-wrapper {float:none; margin:auto;}

.review-average.span4 {margin-top: -70px;}
.featured-reviews-img img {max-width: 350px;}
.note-featured {float: left;    clear: left;            padding: 5px 5px 0 0;}
.featured-custom-intro {margin-top:15px}
.flight ul {    list-style-type: none;    margin: auto;}
.note-featured .note-voyages, .text-featured .niveau-voyages {    float: right;    }
.text-featured .niveau-voyages, .note-featured  {padding: 10px 0;}
.note-featured {    float: right;    clear: right;    }
.text-featured-pays {float:left;}
.presentation-accueil {     padding:0 10px;}
#featured-contenus {margin-bottom:50px!important ;     }
/*.accueil-sur-mesure {background-image: url(/images/accueil/activites.jpg); text-align: center;    height: 400px;}
.accueil-sur-mesure .btn {margin-top:150px;}*/
.article-blog-featured {    height: 200px;    overflow: hidden}

/* LISTE VOYAGES */
#voyages .voyages_row {margin-bottom: 30px; padding:0; border:1px solid var(--border-color); border-radius: var(--border-radius); color:var(--body-color);}
#voyages .voyages-col2, #voyages .voyages-col3 {padding-top:15px; padding-bottom:15px;}
#voyages .voyages-col3 {padding-right:15px;}
#voyages .img-voyages img {border-radius: var(--border-radius) 0 0 var(--border-radius);}
#voyages .row-icons-voyages {display: block; clear: both; overflow: hidden;}
.note-voyages, .niveau-voyages {    float: left;    padding: 5px 0;    font-size: 0.8rem; margin-right:15px;}
.niveau-wrapper {float:right; margin-left:5px;}
.note-wrapper {margin: 3px 2px;float: right;height: 16px;width: 80px;background: transparent url(/images/stories/rating_stars5.png) repeat-x scroll 0px 0px;}
.note-voyageurs {background: rgba(0, 0, 0, 0) url('/images/stories/rating_stars5.png') repeat-x scroll 0 -32px;height: 16px;float: left;}
#voyages .text-voyages {clear:both; margin: 10px 0 15px 0; overflow:hidden;}
#voyages .departs-voyages {font-size: 0.8rem; margin-bottom: 15px;}
#voyages .departs-voyages .departs-voyages-label, .voyages-privatifs {float: left; padding-right: 10px; font-weight: 600;}
#voyages .mois-depart {text-transform: uppercase; text-decoration: line-through; text-decoration-thickness: 0.2em; background: #f0edec; font-size: 0.7rem; display:inline-block;}
#voyages .voyages_row .mois-depart.mois-possible {text-decoration:none;}
#voyages .pays-voyages ul {margin: 0; padding:0;}
#voyages .pays-voyages, #voyages .prix-voyages {text-align:center; font-size: 0.8rem; margin-top: 10px;}
#voyages .pays-voyages {text-transform: uppercase;}
#voyages .pays-voyages li {list-style-type:none;}
#voyages .lead-prix {font-size: 22px; font-weight: 600;}
#voyages  h2.groupTitle {margin-bottom:10px;}
#voyages .voyages_row .img-voyages {position: relative;}
#voyages .voyages_row .date-depart, #related-departs-article .text-featured-date, .featured-voyages-groupes .text-featured-date {padding: 5px 10px; font-size: 1rem; font-weight: 600; text-align: left; position: absolute; background: #fff; top: 10px; left: 10px; border-radius: var(--border-radius);}
#voyages .voyages_row .date-depart i {margin-right:5px;}
#voyages .voyages_row .btn-liste-groupes {margin-top:15px;}

/* LISTE GUIDES */
#guide-search .fabrikActions {display:none;}
#guide-voyage .guide_row {padding:0;}

/* LISTE REVIEWS */
#reviews-invite  {margin: 15px 0 30px 0;}
#reviews-invite .btn {margin-left: 15px;}
.reviews-resume, .reviews-note {float: left; padding: 5px 0; margin-right:10px;}
.reviews-resume {font-size: 1rem;}
.reviews-comment {clear: both; font-style: italic; font-size: 0.9rem;}

/* LISTE BLOG */
#blog .title-blog {text-align:center;}
#blog .img-blog {text-align:center; margin:15px 0;}
#blog .img-blog img {width:100%;}
#blog .blog-right {background:#fff;}

/* DETAILS VOYAGE */
#trip-detail #trip-banner {background-size: cover; background-position: center; width: 100%; height: 500px; z-index: 0; position: relative;}
#trip-banner-top-overlap {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); z-index: 1;}
#trip-banner-wrapper {position: relative; z-index:2; height:100%; display: flex !important;}
#trip-detail .trip-title {text-align: center; width: 100%; align-self: center !important; text-shadow: 5px 2px 3px rgba(0, 0, 0, 0.4);}
#trip-detail .trip-title h1 {font-size: 50px; font-weight: 600; text-align: center; color: #FFF; line-height: 1.4em;}
#trip-detail .header-pano-subtitle {font-size: 35px; color: #FFF;}

#trip-detail-menu {position: -webkit-sticky; position:sticky; top:0; background: #FFF; border-bottom: 1px solid var(--border-color); z-index:1000;}
#trip-detail-menu .navbar .nav {margin-left:0;}
#trip-detail-menu .navbar .nav a {color: var(--body-color); }
#trip-detail-menu .navbar .nav a:hover {color: var(--primary-color); }
#trip-detail-menu .navbar .nav a.active {color: #FFF; background: var(--primary-color); opacity:1;}

#trip-detail-body {padding-top:30px; display:flex; overflow:unset;}
#intro-voyage {margin-bottom: 30px;}
#trip-detail .t2 {margin: 30px 0 30px 0; padding: 15px; text-align: center; font-weight: 400; font-size: 60px; font-family: 'Satisfy', cursive;}
#carto-voyage {overflow:hidden; border: 1px solid var(--border-color); border-radius:var(--border-radius);}
#trip-detail #resume-etapes {margin-top:15px;}
#trip-detail #resume-etapes ul {margin: 0; padding:0;}
#trip-detail #resume-etapes ul li {list-style-type: none; margin-bottom: 8px;}
#trip-detail .row-etape {background:#fff; margin-bottom: 15px;}
#trip-detail .row-etape h2 {line-height: 1.3em;}
#trip-detail .row-etape .row-etape-div {margin-bottom:15px;}
#trip-detail .row-etape .row-etape-label {font-weight:600;}
#trip-detail .row-etape .etape-photos img {border-radius: var(--border-radius);}
#trip-detail .row-etape .infos-etape {margin-top:15px;}
#trip-detail #departs-groupes table {font-size:0.9rem;}
#trip-detail #prix-dates th, #trip-detail .prix-current {font-weight: 600;}
#trip-detail .row-package {background: #f2f2f2; margin: 15px 0; padding: 15px; box-sizing: border-box;}
#trip-detail .package-title {font-weight:600;}
#trip-detail .departs-groupes .departure-date {min-width: 110px;}

#trip-detail #col-right-scroll {top: 75px; margin-top: 0; overflow:hidden;}
#voyage-slider-top {font-size: 0.8rem;text-align: center; padding: 0 0 10px 0; border-bottom: 1px solid var(--border-color);}
#trip-detail .lead-prix {font-size:1.4rem; font-weight:600;}
#trip-detail .voyage-expert-prenom {font-weight:600;}
#trip-detail .voyage-expert-photo img {height: 90px; border-radius: 50%; width: auto;}
#trip-detail .voyage-slider-links {padding: 10px 0; text-align:right;}
.voyage-niveau, .voyage-notes {font-size: 13px; box-sizing: border-box; overflow: hidden; padding: 5px 0;}
.niveau-voyage-slider, .note-voyage-slider {padding: 0 5px; float: right;}
.voyage-link-niveau {float:right;}
#trip-detail .btn-groupe {margin-bottom:10px}
#trip-detail #voyage-slider-infos-agency {padding: 15px;}
#trip-detail #voyage-slider-agency-text {font-size: 1rem; font-weight: 600; text-align: center; margin-bottom: 15px;}
#trip-detail #voyage-slider-horaires {margin-top: 15px; font-size: 0.8rem;}
#trip-detail .link-back-top {text-align: right; padding: 0 15px 15px 15px;}

/* HEADER DES PAGES DE DETAIL : GUIDE, INFOS, BLOG */
.header-article {margin-bottom: 30px;}
.header-article img {width:100%;}
.header-gallery {position: relative; height: 500px!important; overflow: hidden; max-height:500px; margin-bottom:30px; background:#181212;}
.header-gallery>div:first-of-type {height:500px !important;}
.header-gallery #myCarousel {margin: 0px !important; height: 500px !important;}
.carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img {display: block; line-height: 1; width:auto; height:auto; margin:auto;}
.carousel-control-prev, .carousel-control-next {
	z-index: 3; 
	top: 45%; 
	bottom: auto;     
	position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border: 3px solid #fff;
	background: #222;
    -moz-border-radius: 30px;
    border-radius: 30px;
    opacity: 0.4;
    filter: alpha(opacity=50);
}
.carousel-control-prev {margin-left:15px;}
.carousel-control-next {margin-right:15px;}

/* DETAIL GUIDE */
#guide-detail, #blog-detail, #review-detail {margin-top:30px;}
#guide-detail .liste-pays {font-size: 1rem; text-align: center; font-weight: 600; margin-bottom:0;}
#guide-detail .guide-slider-agency-text, #blog-detail .guide-slider-agency-text {font-size: 1rem; text-align: center; font-weight: 600; margin:10px 0;}

/* DETAIL INFOS ET BLOG */
.row-related {margin-bottom:15px;}
.row-related-title {font-size:110%; font-weight:600; }
#col-right-guide .t3, #col-right-blog .t3 {text-align:center;}
#guide-detail .row-related-infos, #col-right-blog .row-related-infos {margin: 15px 0;}
#guide-detail .title-related-articles, #col-right-blog .title-related-articles  {margin-bottom:25px;}
#blog-detail .comments-notes {text-align:right;}
#blog-detail blockquote {padding: 0 0 0 15px; margin: 0 0 18px; border-left: 5px solid #eee;}
#blog-detail #related-comments {margin-top:30px;}
#blog-detail .row-related-comments {margin: 30px 0 15px 0;}
#blog-detail #comments .text-answer {margin-left: 10%;}

/* DETAIL AVIS */
#review-detail .note-review {float:left;}
#review-detail .row-related-trip, #review-detail .row-related-reviews {margin: 15px 0;}


/* --- MOBILE ---*/
/* BREAKPOINT xl = 1200px */
@media (width >= 1200px) {
	.navbar-brand {display:none !important;}
	.container-header .container-nav {padding-bottom:0;}
	.btn-phone-top, .btn-mail-top {display: none;}
	#guide-detail .header-gallery, #guide-detail .header-gallery>div:first-of-type, #guide-detail .header-gallery #myCarousel {height:500px !important;}
	/* Menu horizontal avec images 
	#main-menu .container-nav, #main-menu .container-nav .navbar, #main-menu .container-nav .navbar li.level-1 {position: static; height:70px;}
	#main-menu .container-nav .navbar li.level-1 ul {width: 94%; left: 0px; top:75px;}
	#main-menu .container-nav .navbar li.level-1 ul li.level-2 {flex: 1 1 0px;}
	#main-menu .container-nav .navbar li.level-1 ul li.level-2 a {flex-direction: column;text-align: center;color: #22262a;	padding: 15px;}
	#main-menu .container-nav .navbar li.level-1 ul li a:hover {opacity:0.8;}
	#main-menu .container-nav .navbar li.level-1 ul li.active a, #main-menu .container-nav .navbar li.level-1 ul li a:hover {background-color:var(--hover-color); color:#FFF; opacity:1; text-decoration:none;}
	#main-menu .container-nav .navbar li.level-1 ul li.level-2 img {border-radius: 50%;}
	#main-menu .container-nav .navbar li.level-1 ul li.level-2 .image-title {margin-top:10px;} */
	
}

@media (width < 1400px) {
	#menu-quote .menu-quote-title {display:none;}
}

@media (width < 1200px) {
	.row [class*="col-xl"] {margin-left: 0 !important;}
	.hidden-mobile {display: none !important;}
	.container-nav {width: 180px;}
	.container-nav .navbar {width: auto !important;}
	.container-header .container-nav {padding-bottom:0; margin-right:15px;}
	.container-header .navbar-toggler {color: #22262a; border: 1px solid var(--border-color); border-radius: var(--border-radius); line-height: 1.2; padding: .6rem 1rem; margin-bottom: .3rem;}
	#main-menu .container-nav .navbar li.level-1 ul {margin-left: 0;}
	#main-menu .container-nav .navbar li.level-1 ul li a {width:100%; padding:5px 10px;}
	#main-menu .container-nav .navbar li.level-1 ul li.level-2 {padding-bottom:0; flex: 1 1 0px;}
	#main-menu .container-nav .navbar li.level-1 ul li.level-2 img {display:none;}
	#main-menu .mod-menu li:hover > ul, #main-menu .mod-menu li:hover > ul li {display: block;}
	.header-pano-title h1 {font-size: 45px;}
	.header-pano-title h2 {font-size: 35px;}
	.recherche-header {top: 0; background: none; height:auto;}
	.header-gallery, .header-gallery>div:first-of-type, .header-gallery #myCarousel {height:420px !important;}
}

/* BREAKPOINT lg = 992px */
@media (width >= 992px) {
	.col-lg-1 {
	  max-width: 6.382978723%;
  }
  .col-lg-2 {
	  max-width: 14.89361702%;
  }
  .col-lg-3 {
	  max-width: 23.404255317%;
  }
  .col-lg-4 {
	  max-width: 31.914893614%;
  }
  .col-lg-6{
	  max-width: 48.936170208%;
  }
  .col-lg-8 {
	  max-width: 65.957446802%;
	}
  .col-lg-9 {
	  max-width: 74.468085099%;
  }
}
@media (width < 992px) {
	#voyages .voyages_row .pays-voyages {display:none;}
	.row [class*="col-lg"] {margin-left: 0 !important;}
	.hidden-phone {display:none !important;}
	#trip-detail #voyage-slider-btn {position: fixed; border-top: 1px solid var(--border-color); bottom: 0; left: 0; width: 100%; display: flex; justify-content:center; overflow: hidden; color: #fff; padding: 10px; background: #FFF;}
	#trip-detail #voyage-slider-btn .btn-groupe {margin-right:10px !important; margin-bottom: 0 !important;}
	#bottom-voyage .related-trip-row, #bottom-guide .related-trip-row {text-align: center; margin-bottom: 30px;}
	#bottom-voyage .note-wrapper, #bottom-guide .note-wrapper {margin: 0 auto 10px auto; float: none;}		    
	#trip-detail-menu .navbar .nav a {        text-shadow: none;        font-size: 15px;         padding: 15px;  }
	#voyages .voyages_row .statut-depart {display:none;}
}

/* BREAKPOINT md = 768px */
/* Fabrik change la gestion des rows pour la taille "sm" = 576px, mais on veut que ça passe en block à la taille "md" = 768px, donc on override le css de la taille "sm" */
@media (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 {
    flex: 1 0;
    width: auto;
  }
  .col-sm-1, .col-md-1, .col-lg-1 {
	  max-width: 6.382978723%;
  }
  .col-sm-2, .col-md-2, .col-lg-2 {
	  max-width: 14.89361702%;
  }
  .col-sm-3, .col-md-3, .col-lg-3 {
	  max-width: 23.404255317%;
  }
  .col-sm-4, .col-md-4, .col-lg-4 {
	  max-width: 31.914893614%;
  }
  .col-sm-5, .col-md-5, .col-lg-5 {
	  max-width: 40%;
  }
  .col-sm-6, .col-md-6, .col-lg-6 {
	  max-width: 48.936170208%;
  }
  .col-sm-8, .col-md-8, .col-lg-8 {
	  max-width: 65.957446802%;
	}
  .col-sm-9, .col-md-9, .col-lg-9 {
	  max-width: 74.468085099%;
  }
  .col-sm-12, .col-md-12, .col-lg-12 {width:100%;}
}

@media (width < 768px) {
	.row [class*="col-sm"], .row [class*="col-md"] {margin-left: 0 !important;}
	.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 {
    flex: 100%;
	width: 100%;
    max-width: 100%;
  }
  #homepage-sur-mesure h2 {padding-top:30px;}
  #accueil-slider {width:403px; margin:auto;}
  #voyages .voyages_row .voyages-col2 {padding-bottom:0;}
  #voyages .voyages_row .voyages-col3 {padding-top:0;}
  #voyages .voyages_row .voyages-col2, #voyages .voyages_row .voyages-col3 {--gutter-x: 2em !important;}
  #voyages .voyages_row img {width:100%; border-radius: var(--border-radius) var(--border-radius) 0 0;}
  #voyages .voyages_row .statut-depart {display:block;}
  #trip-detail .row-etape .etape-photos img {margin-top:15px;}
  /* Responsive tables pour section prix des vayages */
 #prix-dates table, #prix-dates thead, #prix-dates tbody, #prix-dates tr, #prix-dates th, #prix-dates td  {display: block;}
 #prix-dates thead th {position: absolute; top: -9999px; left: -9999px;}
  #prix-dates tbody tr { border: 1px solid var(--border-color); }
 #prix-dates td  {border: none; border-bottom: 1px solid var(--border-color); position: relative; padding-left: 50%; white-space: normal; text-align:left; min-height: 2.5em;}
 #prix-dates td:before {position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align:left;font-weight: bold;  content: attr(data-title); }
 .header-gallery, .header-gallery>div:first-of-type, .header-gallery #myCarousel {height:350px !important;}
 .btn-group, .btn-group label {display: block;}  
 #trip-detail .trip-title h1 {    font-size: 35px;}
}