@charset "UTF-8";
/**
 * Theme Name: Coeur des Pyrénées - Borne
 * Theme URI:        http://www.elegantthemes.com/gallery/divi/
 * Description:      Child-Theme of Divi.
 * Author:           CETIR
 * Template:         Divi
 * Version:          0.1
 * GitHub Theme URI: https://github.com/fredb8x/coeur-pyrenees-borne.git
 * GitHub Branch:    master
*/
/* Variables du projet
-------------------------------------*/
/* Tableau de couleurs pour la generation des themes */
i.ico-brochures { background-image: url(assets/ico-brochures-w.svg); }

i.ico-espace-pro { background-image: url(assets/ico-espacepro-w.svg); }

i.ico-medias { background-image: url(assets/ico-medias-w.svg); }

i.ico-brochures-thin { background-image: url(assets/ico-brochure-thin.svg); }

i.ico-espace-pro-thin { background-image: url(assets/ico-espacepro-thin.svg); }

i.ico-infos-pratiques-thin { background-image: url(assets/ico-infos-pratiques-thin.svg); }

i.ico-medias-thin { background-image: url(assets/ico-medias-thin.svg); }

i.ico-goto { background-image: url(assets/ico-map-w.svg); }

i.ico-phone { background-image: url(assets/ico-phone-w.svg); }

i.ico-user { background-image: url(assets/ico-user-w.svg); }

@font-face { font-family: "GnuolaneRg-Regular"; src: url("./fonts/gnuolanerg.woff") format("woff"), url("./fonts/gnuolanerg.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; }

@font-face { font-family: "MKAbel"; src: url("./fonts/MKAbel.woff") format("woff"), url("./fonts/MKAbel.woff2") format("woff2"); font-weight: normal; font-style: normal; }

/* Media queries SCSS
---------------------------*/
/* placeholder & class tool
---------------------------*/
/* -------------------------
-
-    Placeholder & class tool
-
---------------------------*/
/* MIXIN
---------------------------*/
/* PLACEHOLDER
---------------------------*/
.swiper-helper, .borne-button-home { font-family: 'GnuolaneRg-Regular'; text-transform: uppercase; color: #47acba; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2rem 2rem 2rem 5.4rem; font-size: 1.618rem; background-repeat: no-repeat !important; background-size: contain; background-position: center left; cursor: pointer; }

html, body, #et-main-area, #page_carte #et-main-area, #main-container, #logo-floating, #logo-floating img, #logo-floating a, #nav-explorer, #nav-explorer ul, #nav-explorer li, #nav-explorer a, #map_search_result, #map_search_result.swiper-wrapper-one-line, #map_search_result.swiper-wrapper-one-line .swiper-wrapper, #map_search_result.noresult, #map_search_result a[class^="swiper_"], #map_search_result .swiper-wrapper, #map_search_result .swiper-wrapper .swiper-slide, #popup-poi { /*ios ?*/ -webkit-text-size-adjust: none; -ms-touch-action: pan-y; touch-action: pan-y; }

i, #poi-header #coordonnees [class^=poi-]::before, #poi-header #coordonnees .send-email i, .objet_picture .diaporama::before, #caracteristiques .caracteristique .content-carte a.go-to::before { display: block; content: ""; width: 20px; height: 20px; background-repeat: no-repeat !important; background-size: contain !important; }

/* REDEFINE
---------------------------*/
.et_pb_row { width: 88%; }

@media (max-width: 1099px) { .et_pb_row { width: 90%; } }

/* CLASS
---------------------------*/
/* ALIGNEMENT VERTICAL CENTRE */
.col_align_center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 980px) { .col_align_center { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .col_align_center .et_pb_column:first-of-type { margin-top: 24px; } }

/* Icon dans les balise i */
i { margin-right: 4px; }

h4 > i { width: 3em; height: 3em; margin: 0 auto .5em; }

/* COMPOSANT 
---------------------------*/
#fbx-col-block { /*theme*/ }

#fbx-col-block .et_pb_column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: 3; height: 40vh; }

#fbx-col-block .et_pb_column.et_clickable { -webkit-transition: -webkit-transform 200ms ease; transition: -webkit-transform 200ms ease; transition: transform 200ms ease; transition: transform 200ms ease, -webkit-transform 200ms ease; -webkit-transition: transform 200ms ease; -moz-transition: transform 200ms ease; -ms-transition: transform 200ms ease; -o-transition: transform 200ms ease; }

#fbx-col-block .et_pb_column.et_clickable::before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; opacity: 0; transition: opacity 200ms ease; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; }

#fbx-col-block .et_pb_column.et_clickable.theme1::before { background: -webkit-gradient(linear, left top, right top, from(rgba(49, 155, 180, 0.9)), to(rgba(49, 180, 172, 0.9))); background: linear-gradient(90deg, rgba(49, 155, 180, 0.9) 0%, rgba(49, 180, 172, 0.9) 100%); }

#fbx-col-block .et_pb_column.et_clickable.theme2::before { background: -webkit-gradient(linear, left top, right top, from(rgba(81, 164, 85, 0.9)), to(rgba(170, 202, 104, 0.9))); background: linear-gradient(90deg, rgba(81, 164, 85, 0.9) 0%, rgba(170, 202, 104, 0.9) 100%); }

#fbx-col-block .et_pb_column.et_clickable.theme3::before { background: -webkit-gradient(linear, left top, right top, from(rgba(237, 77, 73, 0.9)), to(rgba(237, 132, 73, 0.9))); background: linear-gradient(90deg, rgba(237, 77, 73, 0.9) 0%, rgba(237, 132, 73, 0.9) 100%); }

#fbx-col-block .et_pb_column.et_clickable.theme4::before { background: -webkit-gradient(linear, left top, right top, from(rgba(57, 115, 67, 0.9)), to(rgba(7, 7, 7, 0.9))); background: linear-gradient(90deg, rgba(57, 115, 67, 0.9) 0%, rgba(7, 7, 7, 0.9) 100%); }

#fbx-col-block .et_pb_column.et_clickable:hover { -webkit-transform: scale(1.04); transform: scale(1.04); }

#fbx-col-block .et_pb_column.et_clickable:hover::before { opacity: .8; }

#fbx-col-block .et_pb_column.et_clickable:hover .et_pb_button, #fbx-col-block .et_pb_column.et_clickable:hover .et_pb_button:hover { background: none !important; }

#fbx-col-block .et_pb_button { font-family: "MKAbel", sans-serif; font-weight: normal; border: 0; padding: 0.3em 0.5em !important; line-height: 1; font-size: 1.7em; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

#fbx-col-block .et_pb_button::after { position: relative; }

#fbx-col-block .et_pb_button:hover { color: #fff !important; }

#fbx-col-block .theme1 .et_pb_button { background: -webkit-gradient(linear, left top, right top, from(#319BB4), to(#31b4ac)); background: linear-gradient(90deg, #319BB4 0%, #31b4ac 100%); }

#fbx-col-block .theme2 .et_pb_button { background: -webkit-gradient(linear, left top, right top, from(#51A455), to(#aaca68)); background: linear-gradient(90deg, #51A455 0%, #aaca68 100%); }

#fbx-col-block .theme3 .et_pb_button { background: -webkit-gradient(linear, left top, right top, from(#ED4D49), to(#ed8449)); background: linear-gradient(90deg, #ED4D49 0%, #ed8449 100%); }

#fbx-col-block .theme4 .et_pb_button { background: -webkit-gradient(linear, left top, right top, from(#397343), to(#070707)); background: linear-gradient(90deg, #397343 0%, #070707 100%); }

/*--------------------------------------------------
    LAZY LOAD : https://github.com/aFarkas/lazysizes
--------------------------------------------------*/
.lazyload, .lazyloading { opacity: 0; }

.lazyloaded { opacity: 1; -webkit-transition: opacity 300ms; transition: opacity 300ms; }

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

    COLOR

---------------- */
:root { --light-color: $light-color; --dark-color: $text-color; --accent-color: $accent-color; --gray-color:$grey-color; --active-color:darken($accent-color, 30%); --text-color: $text-color; --debugA: rgba(255,0,0,.5); --debugB: rgba(0,255,0,.5); --debugC: rgba(0,0,255,.5); /*rose*/ --theme-color-1: $theme1; /*gris souris*/ --theme-color-2: $theme2; /*jaune clair*/ --theme-color-3: $theme3; /*filter: drop-shadow(0px 10px 10px magenta);*/ }

html { letter-spacing: .04em; text-rendering: optimizeLegibility; font-family: 'Roboto', sans-serif; }

body { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ background-color: var(--dark-color) !important; font-family: 'Roboto', sans-serif; }

#et-main-area { /*corrige l'espace en bas*/ margin-bottom: -10px; }

/* --------------------------------------------------
-
-   CONTENU DIVI
-   Affichage du contenu de la page divi / Stand BY
-
--------------------------------------------------*/
#page_carte #et-main-area { position: absolute; display: none !important; visibility: hidden !important; right: 0; max-width: 50vw; max-height: calc(100vh - 180px); overflow: scroll; background: #fff; z-index: 100; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1); }

/* INIT 
----------------------
----------------------*/
* { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

html { -ms-touch-action: none; }

html, body { margin-top: 0 !important; overflow: hidden; height: 100%; }

html, body, #main-container { height: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; }

#main-container { position: fixed; top: 0; width: 100%; height: 100vh; z-index: 1; }

/*** Scrollbar ***/
::-webkit-scrollbar-thumb:horizontal { height: 8px; background-color: #000000; }

::-webkit-scrollbar-thumb:vertical { width: 8px; background-color: #000000; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.08); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.08); }

::-webkit-scrollbar { width: 8px; height: 8px; background: #dbdbdb; right: 10px; -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.08); box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.08); }

/* ASPECT DES CHECKBOX & RADIO */
/* case à cocher */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before { content: ''; position: absolute; left: -15px; top: 25%; width: 30px; height: 30px; border: 2px solid #861914; background: #fff; border-radius: 4px; }

[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before { border-radius: 50%; }

/* check de base caché */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked, [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; left: -9999px; }

/* label */
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="radio"]:not(:checked) + label, [type="radio"]:checked + label { position: relative; padding-left: 25px; cursor: pointer; }

/* Aspect général de la coche */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after, [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after { content: url(../images/check.png); position: absolute; top: 0; left: -10px; font-size: 34px; color: #861914; }

[type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after { content: url(../images/radio.png); left: 3px; top: 1px; }

/* Aspect si "pas cochée" */
[type="checkbox"]:not(:checked) + label:after, [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }

/* Aspect si "cochée" */
[type="checkbox"]:checked + label:after, [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

/* Aspect désactivée */
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before, [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before { -webkit-box-shadow: none; box-shadow: none; border-color: #bbb; background-color: #ddd; }

/* Styles de la coche (si cochée/désactivée) */
[type="checkbox"]:disabled:checked + label:after, [type="radio"]:disabled:checked + label:after { color: #999; }

/* Label désactivé */
[type="checkbox"]:disabled + label, [type="radio"]:disabled + label { color: #aaa; }

/* Aspect au focus de l'élément */
[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before, [type="radio"]:checked:focus + label:before, [type="radio"]:not(:checked):focus + label:before { border: 1px dotted blue; }

/* LOGO */
#logo-floating { position: fixed; top: 0; left: 0; z-index: 99999; width: 260px; height: 280px; background-repeat: no-repeat; background-size: contain; }

#logo-floating img { -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.2)); }

#logo-floating a { display: block; height: 100%; }

/* MAP-CANVAS */
#map-canvas { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background: #fff; }

#myd_map { width: 100%; height: 100%; }

/* NAV EXPLORER */
#nav-explorer { position: absolute; top: 5%; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0) scale(1, 1); transform: translate3d(0, 0, 0) scale(1, 1); -webkit-transform-origin: center; transform-origin: center; pointer-events: none; max-width: 500px; width: 48%; margin: 0 0 0 53.8%; }

#nav-explorer ul { list-style-type: none; text-align: right; padding: 0; }

#nav-explorer li { position: relative; pointer-events: all; z-index: 0; width: 100%; }

#nav-explorer li.active { z-index: 1; }

#nav-explorer li ul.sub-menu { width: 200%; background: #fff; }

#nav-explorer li ul.sub-menu select { width: 100%; }

#nav-explorer li ul.sub-menu li.subsub { padding: .5rem 1rem 0; }

#nav-explorer li ul.sub-menu li.subsub:last-child { padding-bottom: .5rem; }

#nav-explorer li ul.sub-menu li.subsub select { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-transform: uppercase; border: 0; padding: 8px; background: #f4f4f4; }

#nav-explorer li ul.sub-menu select option, #nav-explorer li ul.sub-menu li.subsub select option { font-family: Arial, Helvetica, sans-serif !important; color: #31302E !important; font-size: 14px !important; font-weight: bold !important; letter-spacing: -1px !important; background: #fff !important; }

#nav-explorer a { position: relative; color: white; text-decoration: none; display: block; padding: 10px 30px; pointer-events: all !important; }

#nav-explorer a.disabled { pointer-events: none !important; }

#nav-explorer a.icon_reglage { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 70px; padding: 5px 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

#nav-explorer a.icon_reglage.active { -webkit-transform: translate3d(-101%, 0, 0); }

#nav-explorer .menu li:nth-child(1) a[class^="theme-"], #nav-explorer .menu li:nth-child(1) select[id="selectCOMMUNE"] { background: -webkit-gradient(linear, left top, left bottom, from(#5a9fac), to(#5494af)); background: linear-gradient(180deg, #5a9fac 0%, #5494af 100%); }

#nav-explorer .menu li:nth-child(2) a[class^="theme-"], #nav-explorer .menu li:nth-child(2) select[id="selectCOMMUNE"] { background: -webkit-gradient(linear, left top, left bottom, from(#6bb1ad), to(#64a5b1)); background: linear-gradient(180deg, #6bb1ad 0%, #64a5b1 100%); }

#nav-explorer .menu li:nth-child(3) a[class^="theme-"], #nav-explorer .menu li:nth-child(3) select[id="selectCOMMUNE"] { background: -webkit-gradient(linear, left top, left bottom, from(#93b765), to(#73a55b)); background: linear-gradient(180deg, #93b765 0%, #73a55b 100%); }

#nav-explorer .menu li:nth-child(4) a[class^="theme-"], #nav-explorer .menu li:nth-child(4) select[id="selectCOMMUNE"] { background: -webkit-gradient(linear, left top, left bottom, from(#6bb1ad), to(#64a5b1)); background: linear-gradient(180deg, #6bb1ad 0%, #64a5b1 100%); }

#nav-explorer .menu li:nth-child(5) a[class^="theme-"], #nav-explorer .menu li:nth-child(5) select[id="selectCOMMUNE"] { background: -webkit-gradient(linear, left top, left bottom, from(#6bb1ad), to(#64a5b1)); background: linear-gradient(180deg, #6bb1ad 0%, #64a5b1 100%); }

#nav-explorer .menu li:nth-child(6) a[class^="theme-"], #nav-explorer .menu li:nth-child(6) select[id="selectCOMMUNE"] { background: -webkit-gradient(linear, left top, left bottom, from(#d36d4b), to(#d05349)); background: linear-gradient(180deg, #d36d4b 0%, #d05349 100%); }

#nav-explorer .menu li:nth-child(7) a[class^="theme-"], #nav-explorer .menu li:nth-child(7) select[id="selectCOMMUNE"] { background: -webkit-gradient(linear, left top, left bottom, from(#5a9fac), to(#5494af)); background: linear-gradient(180deg, #5a9fac 0%, #5494af 100%); }

#nav-explorer .menu li:nth-child(8) a[class^="theme-"], #nav-explorer .menu li:nth-child(8) select[id="selectCOMMUNE"] { background: -webkit-gradient(linear, left top, left bottom, from(#6f9e44), to(#59883f)); background: linear-gradient(180deg, #6f9e44 0%, #59883f 100%); }

#nav-explorer .menu #selectCOMMUNE, #nav-explorer .menu a { color: #fff; font-family: 'GnuolaneRg-Regular'; font-size: 2.2rem; padding: 1.2rem; line-height: 100%; }

#nav-explorer .menu a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; }

#nav-explorer .menu a::after { content: ""; width: 1.5rem; height: 1.5rem; display: inline-block; background-image: url(design/arrow-right.svg); background-size: contain; background-repeat: no-repeat; }

#nav-explorer .menu #selectCOMMUNE option { font-size: 1rem !important; background: #fff; }

.grid-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto auto auto auto; grid-template-rows: auto auto auto auto auto; gap: 4px 4px; grid-template-areas: "a a"
 "b c"
 "d e"
 "f g"
 "h h"; -webkit-box-shadow: 0 30px 40px rgba(84, 148, 175, 0.5); box-shadow: 0 30px 40px rgba(84, 148, 175, 0.5); }

.grid-container > li:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: a; }

.grid-container > li:nth-of-type(1) li.subsub select { border-left: 4px solid #319BB4 !important; }

.grid-container > li:nth-of-type(2) { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: b; }

.grid-container > li:nth-of-type(2) li.subsub select { border-left: 4px solid #319BB4 !important; }

.grid-container > li:nth-of-type(3) { -ms-grid-row: 2; -ms-grid-column: 2; grid-area: c; }

.grid-container > li:nth-of-type(3) li.subsub select { border-left: 4px solid #51A455 !important; }

.grid-container > li:nth-of-type(4) { -ms-grid-row: 4; -ms-grid-column: 1; grid-area: f; }

.grid-container > li:nth-of-type(4) li.subsub select { border-left: 4px solid #319BB4 !important; }

.grid-container > li:nth-of-type(5) { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: d; }

.grid-container > li:nth-of-type(5) li.subsub select { border-left: 4px solid #ED4D49 !important; }

.grid-container > li:nth-of-type(6) { -ms-grid-row: 3; -ms-grid-column: 2; grid-area: e; }

.grid-container > li:nth-of-type(6) li.subsub select { border-left: 4px solid #319BB4 !important; }

.grid-container > li:nth-of-type(7) { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: h; }

.grid-container > li:nth-of-type(7) li.subsub select { border-left: 4px solid #397343 !important; }

.grid-container > li:nth-of-type(8) { -ms-grid-row: 4; -ms-grid-column: 2; grid-area: g; }

.grid-container > li:nth-of-type(8) li.subsub select { border-left: 4px solid #397343 !important; }

.grid-container > li:nth-of-type(3) .sub-menu, .grid-container > li:nth-of-type(6) .sub-menu, .grid-container > li:nth-of-type(8) .sub-menu { margin-left: -100%; }

.grid-container > li:nth-of-type(1) .sub-menu, .grid-container > li:nth-of-type(7) .sub-menu { width: 100% !important; }

/* TRANSITION */
#nav-explorer, #nav-explorer a.icon_reglage { -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s; }

/* MAP SEARCH RESULT */
#map_search_result { position: relative; bottom: 0; left: 0; width: 96vw; padding: 0; margin: 0 0 80px; height: 500px; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; background: white; z-index: 1; overflow: hidden; margin-left: auto; margin-right: auto; border-top: 3px solid rgba(158, 158, 158, 0.2); border-bottom: 3px solid rgba(158, 158, 158, 0.2); -webkit-box-sizing: content-box; box-sizing: content-box; background-clip: padding; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 500ms; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 500ms; }

#map_search_result.swiper-wrapper-one-line { height: 250px !important; }

#map_search_result.swiper-wrapper-one-line .swiper-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

#map_search_result.noresult { border: 0 !important; height: 0 !important; display: block !important; }

#map_search_result a[class^="swiper_"] { background: #319BB4; }

#map_search_result .swiper-wrapper { position: relative; padding: 0; margin: 0; }

#map_search_result .swiper-wrapper .swiper-slide { border-left: 1px solid rgba(158, 158, 158, 0.2); height: calc((100% - 0px) / 2); /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#map_search_result .swiper-wrapper .swiper-slide:last-child { border-right: 1px solid rgba(158, 158, 158, 0.2); }

#map_search_result .swiper-wrapper .swiper-slide a { width: 100%; height: 100%; display: block; padding: 0; text-decoration: none; font-weight: 400; }

#map_search_result .swiper-wrapper .swiper-slide a:hover { background: rgba(158, 158, 158, 0.1); }

#map_search_result .swiper-wrapper .swiper-slide a .img-poi { height: 150px; overflow: hidden; }

#map_search_result .swiper-wrapper .swiper-slide a .img-poi img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 1; }

#map_search_result .swiper-wrapper .swiper-slide a h3 { font-size: 1.52rem; line-height: 1; text-transform: uppercase; padding: 0 1rem; margin: 0; color: #319BB4; /*3 lignes max*/ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

#map_search_result .swiper-wrapper .swiper-slide a h4 { font-size: 1rem; letter-spacing: .1rem; line-height: 1.2; text-transform: uppercase; padding: .8rem 1rem .4rem; margin: 0; color: #9E9E9E; }

#map_search_result .swiper-wrapper .swiper-slide i.icon-poi-category { position: absolute; top: 0; left: 0; width: 80px; height: 100%; display: block; margin: 0 !important; background: url("design/swiper-placeholdertumb.png"); background-size: cover; }

.fbx__link-date { position: absolute; top: 123px; left: 0; background: #fff; padding: .2rem 1rem; letter-spacing: -.5px; font-size: 1rem; font-weight: 500; }

html[lang="en-GB"] .swiper-helper { width: 288px !important; }

html[lang="es-ES"] .swiper-helper { width: 310px !important; }

#map_search_result div[class*="swiper-button"] { color: #319BB4; width: 80px; height: 100%; margin: 0; top: 0; background: #fff; }

#map_search_result div[class*="swiper-button"]:focus, #map_search_result div[class*="swiper-button"]:hover { color: #fff; background: #319BB4; }

.swiper-helper, .swiper-button-prev, .swiper-button-next { position: absolute; top: 99%; background: #fff; width: 70px; height: 70px; margin-top: -70px; left: auto; right: calc(2vw + 71px); }

.swiper-helper.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 1 !important; }

.swiper-helper.swiper-button-disabled::after, .swiper-button-prev.swiper-button-disabled::after, .swiper-button-next.swiper-button-disabled::after { color: #ccc !important; }

.swiper-button-next { right: 2vw; }

.swiper-button-next:after, .swiper-button-prev:after { font-size: 1.8rem !important; color: #319BB4; }

.swiper-helper { width: 250px; right: calc(2vw + 142px); background-image: url("icons/icon-help-carto.svg"); }

.borne-button-home { position: absolute; bottom: 3px; background: #fff; width: 200px; height: 70px; margin-top: -70px; left: 2vw; right: auto; background-image: url("icons/icon-home-carto.svg"); }

.count_wrapper { position: absolute; top: -4rem; margin: .5rem 2vw; padding: 1rem; background: #fff; font-size: 1rem; pointer-events: none; bottom: auto; }

.button_back_wrapper { position: absolute; top: -4rem; margin: .5rem 2vw; padding: 1rem; background-image: -webkit-gradient(linear, left top, right top, from(#319BB4), to(#31b4ac)); background-image: linear-gradient(90deg, #319BB4 0%, #31b4ac 100%); font-size: 1rem; pointer-events: all; bottom: auto; right: 0; color: #fff; font-family: "GnuolaneRg-Regular", sans-serif; font-size: 1.5rem; text-transform: uppercase; }

.button_back_wrapper .count_wrapper-result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.button_back_wrapper .count_wrapper-result::after { content: ""; width: 1rem; height: 1rem; display: inline-block; background-image: url(design/icon_close.svg); background-size: contain; background-repeat: no-repeat; margin-left: 1rem; }

.bottom_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: absolute; pointer-events: all; bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

/* POP GOOGLE MAP*/
.gm-style .gm-style-iw-c { padding: 1.2rem !important; overflow: visible !important; background-image: -webkit-gradient(linear, left top, right top, from(#319BB4), to(#31b4ac)); background-image: linear-gradient(90deg, #319BB4 0%, #31b4ac 100%); color: #fff; }

.gm-style .gm-style-iw-c .titre { color: #fff; }

.gm-style .gm-style-iw-c .adresse, .gm-style .gm-style-iw-c .coordonnees, .gm-style .gm-style-iw-c .coordonnees + a { font-size: 1rem; font-weight: 400; margin-bottom: 1rem; }

.gm-style .gm-style-iw-c .coordonnees + a { font-weight: bold; text-transform: uppercase; color: #fff; }

.gm-style .gm-style-iw-c button[title="Fermer"] { top: -16px; right: -16px; background: #ffffff !important; border-radius: 100em; opacity: 1; -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); }

.gm-style .gm-style-iw-t::after { background-image: -webkit-gradient(linear, left top, right top, from(#319BB4), to(#31b4ac)); background-image: linear-gradient(90deg, #319BB4 0%, #31b4ac 100%); z-index: -2; }

/* poi de base de google */
.poi-info-window div, .poi-info-window a { color: #fff !important; background: transparent !important; }

/* -------------------------------------------------- - -    PAGE POI EN POPUP - --------------------------------------------------*/
#popup-poi { position: absolute; right: 2vw; top: 18vh; overflow: visible; width: 96vw; height: calc(60vh - 180px); border: 8px solid #ffffff; background: #fff; z-index: 100; -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-shadow: 0 50px 80px -40px rgba(100, 100, 255, 0.4); box-shadow: 0 50px 80px -40px rgba(100, 100, 255, 0.4); }

#popup-poi .close-popup { position: absolute; top: -8px; right: 16px; padding: 1rem 2rem; font-family: 'GnuolaneRg-Regular'; color: #fff; font-size: 2.2rem; line-height: 100%; cursor: pointer; background: -webkit-gradient(linear, left top, right top, from(#319BB4), to(#31b4ac)); background: linear-gradient(90deg, #319BB4 0%, #31b4ac 100%); }

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

    TOOLS

---------------- */
.z-index-20 { z-index: 20; }

.legende { letter-spacing: .23em; font-size: 12px; line-height: 1.3; font-family: "GnuolaneRg-Regular", sans-serif; text-transform: uppercase; padding: 10px !important; color: var(--dark-color); }

.add-shadow { -webkit-box-shadow: 0 6px 24px rgba(204, 68, 68, 0.32); box-shadow: 0 6px 24px rgba(204, 68, 68, 0.32); }

h1, h2, h3, h4, h5, h5 { font-family: "GnuolaneRg-Regular", sans-serif; display: inline-block; }

.big h2, .theme1 h2, .theme2 h2, .theme3 h2, .theme4 h2, h2.big { -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.align_center { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.big h2, .theme1 h2, h2.big { color: #319BB4; background-image: -webkit-linear-gradient(left, #319BB4, #31b4ac); }

.theme2 h2 { color: #51A455; background-image: -webkit-linear-gradient(left, #51A455, #aaca68); }

.theme3 h2 { color: #ED4D49; background-image: -webkit-linear-gradient(left, #ED4D49, #ed8449); }

.theme4 h2 { color: #397343; background-image: -webkit-linear-gradient(left, #397343, #070707); }

h2.big { font-size: 4em; line-height: 1; }

@media (max-width: 768px) { h2.big { font-size: 3em; } }

h2.divider, h2.divider-simple { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9E9E9E; }

h2.divider::before { content: ""; width: 70px; height: 2px; margin-right: 20px; background-color: #9E9E9E; }

@media (max-width: 768px) { h2.divider::before { width: 20px; } }

h2.quote { padding: .4rem 0; }

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

    GENERAL DIVI

---------------- */
/*Cache la scroll bar*/
::-webkit-scrollbar { display: none; }

h1, .font-hero { font-family: "GnuolaneRg-Regular", sans-serif; color: var(--accent-color); }

h2, h3, h4 { font-family: "GnuolaneRg-Regular", sans-serif; }

h5, h6 { font-size: 0.67em !important; line-height: 1.3; letter-spacing: 2px; text-transform: uppercase; color: var(--accent-color) !important; padding-bottom: 3em; }

h5 + p, .small-description .et_pb_text_inner p { font-size: 0.73em !important; line-height: 1.5 !important; }

p { text-align: justify; }

p + h6, p + h5 { margin-top: 20px; }

sup { bottom: 0.4em; font-size: .9em; }

.et_pb_text_inner li { margin: 0 0 10px 0; list-style-type: circle; }

/* Liste Chronologique */
.liste-chronologique ul { padding: 0; }

.liste-chronologique li { position: relative; margin: 0; padding: 25px 50px; border-left: 1px solid rgba(0, 0, 0, 0.2); list-style-type: none; }

.liste-chronologique li::before { position: absolute; top: 35px; left: -9px; display: inline-block; width: 8px; height: 8px; content: ""; border-radius: 100%; border: 4px solid; background-color: var(--dark-color); }

.liste-chronologique.theme-color-1 li::before { border-color: var(--theme-color-1); }

.liste-chronologique.theme-color-2 li::before { border-color: var(--theme-color-2); }

.liste-chronologique.theme-color-3 li::before { border-color: var(--theme-color-3); }

.et_pb_text_inner a { color: var(--light-color) !important; border-bottom: 4px solid var(--accent-color); background-color: var(--accent-color); padding: 2px 16px; border-radius: 2px; -webkit-box-shadow: 0 6px 24px rgba(204, 68, 68, 0.32); box-shadow: 0 6px 24px rgba(204, 68, 68, 0.32); }

.et_pb_text_inner a:hover, .et_pb_text_inner a:active { /* color: var(--light-color)!important; background-color: var(--accent-color); */ }

.et_pb_text_inner a:after { position: relative; top: 0.2em; display: inline-block; content: ""; width: 1.1em; height: 1.1em; margin: 0 0 0 .3em; background-image: url("icons/icon-popup2.svg"); background-repeat: none; background-size: contain; overflow: hidden; }

.et_pb_section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: transparent; }

.et_pb_row { margin: 0 auto !important; padding: 40px 0; }

/*INIT LES TAILLES PAR DEFAUT,
ECRASE LES PARAM DIVI PAR DEFAULT 
QUI REDUIT LA TAILLE DES TYPO EN FONCTION DES COLS*/
.et_pb_column_1_3 h1, .et_pb_column_2_5 h1, .et_pb_column_1_4 h1, .et_pb_column_1_5 h1, .et_pb_column_1_6 h1 { font-size: 52px; }

.et_pb_column_1_3 h2, .et_pb_column_2_5 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2 { font-size: 44px; }

.et_pb_column_1_3 h3, .et_pb_column_2_5 h3, .et_pb_column_1_4 h3, .et_pb_column_1_5 h3, .et_pb_column_1_6 h3 { font-size: 37px; }

/*Restauration du padding par defaut haut en bas.
La valeur est celle calculé par defaut*/
#page-container { position: relative !important; top: 0; left: 0; width: 100vw; height: 100vh; padding: 0 !important; margin: 0 !important; z-index: 1; }

/*Positionne la barre de navigation en bas*/
#main-header { position: fixed; top: auto !important; bottom: 0; display: none !important; }

#main-footer { display: none !important; }

@media all and (min-width: 981px) { .et_pb_gutters4 .et_pb_column_1_2 .et_pb_module, .et_pb_gutters4.et_pb_row .et_pb_column_1_2 .et_pb_module { margin-bottom: 2%; } }

/*
    gallery / Magnific-popup Native Divi
*/
.mfp-container .mfp-bottom-bar { display: none; top: -20px; margin-top: inherit; padding-left: 8%; -webkit-animation: show-bottom 250ms ease-out 1s both; animation: show-bottom 250ms ease-out 1s both; }

.mfp-container .mfp-arrow { width: 80px !important; height: 80px !important; background-color: var(--accent-color) !important; border-radius: 100%; opacity: 1 !important; }

.mfp-container .mfp-arrow-right { right: 30px !important; }

.mfp-container .mfp-arrow-left { left: 30px !important; }

.mfp-container .mfp-arrow:hover::after { color: var(--dark-color) !important; }

.mfp-container .mfp-counter { display: none; }

.mfp-container .mfp-title { display: inline-block; font-family: "GnuolaneRg-Regular", sans-serif; font-size: 12px; letter-spacing: .23em; text-transform: uppercase; padding: 10px !important; background-color: rgba(0, 0, 0, 0.6); font-size: 20px; letter-spacing: 0; text-transform: none; padding: 80px 40px 40px 40px !important; background-color: #446676; }

.mfp-wrap .mfp-container button.mfp-arrow:hover { background: var(--light-color) !important; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { position: absolute; top: 60px !important; height: 60px !important; width: 60px !important; right: 30px !important; padding: 0 !important; border-radius: 100%; opacity: 1 !important; font-size: 2em !important; line-height: 1; text-align: center !important; background: var(--accent-color) !important; }

.mfp-image-holder .mfp-content { width: 100%; }

.mfp-figure { min-height: 1080px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.mfp-figure:after { -webkit-box-shadow: none !important; box-shadow: none !important; background: transparent !important; }

.mfp-fade.mfp-bg.mfp-ready { opacity: 0.98 !important; background: var(--dark-color) !important; }

#main-container[data-infopoi="true"] #popup-poi { -webkit-transform: translate3d(0%, 0, 0) scale(1); transform: translate3d(0%, 0, 0) scale(1); }

#main-container[data-searchresult="true"] #nav-explorer { -webkit-transform: translate3d(110%, 0, 0) scale(1); transform: translate3d(110%, 0, 0) scale(1); }

#main-container[data-searchresult="true"] .bottom_wrapper { opacity: 1; pointer-events: all; }

#main-container[data-searchresult="false"] #nav-explorer { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

#main-container[data-searchresult="false"] .bottom_wrapper { opacity: 0; pointer-events: none; }

#main-container[data-home="true"] #home-wrapper-background { pointer-events: all; opacity: 1; }

#main-container[data-home="true"] #nav-explorer { opacity: 1; -webkit-transform: translate3d(-40%, 400px, 0) scale(1.4); transform: translate3d(-40%, 400px, 0) scale(1.4); max-width: 600px; width: 60%; }

#main-container[data-home="true"] #nav-explorer .grid-container > li > a { padding-left: 5rem; }

#main-container[data-home="true"] #nav-explorer .grid-container > li > a[class="theme-HEBERGEMENT"]::before { background-image: url(design/hebergement.png); }

#main-container[data-home="true"] #nav-explorer .grid-container > li > a[class="theme-GASTRONOMIE_ARTISANAT"]::before { background-image: url(design/restaurant.png); }

#main-container[data-home="true"] #nav-explorer .grid-container > li > a[class="theme-AVOIRAFAIRE"]::before { background-image: url(design/voir.png); }

#main-container[data-home="true"] #nav-explorer .grid-container > li > a[class="theme-AGENDA"]::before { background-image: url(design/agenda.png); }

#main-container[data-home="true"] #nav-explorer .grid-container > li > a[class="theme-RANDONNEE"]::before { background-image: url(design/randonnee.png); }

#main-container[data-home="true"] #nav-explorer .grid-container > li > a[class="theme-SITES_TOURISTIQUES"]::before { background-image: url(design/sites.png); }

#main-container[data-home="true"] #nav-explorer .grid-container > li > a[class="theme-TERRITOIRE_PATRIMOINE"]::before { background-image: url(design/patrimoine.png); }

#main-container[data-home="true"] #nav-explorer .grid-container > li > a::before { content: ""; display: block; width: 3rem; height: 3rem; position: absolute; left: 1rem; background-repeat: none !important; background-size: contain !important; }

#main-container[data-home="true"] .bottom_wrapper { display: none; }

#main-container[data-welcome="true"] #popup-poi, #main-container[data-welcome="true"] #nav-explorer { opacity: 0 !important; }

#main-container[data-welcome="false"] #welcome-wrapper { opacity: 0; }

/*--------------------------------------------------
    Arrière plan de la home page
--------------------------------------------------*/
#home-wrapper-background { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: rgba(255, 255, 255, 0.8); opacity: 0; -webkit-transition: opacity 0.5s ease .1s; transition: opacity 0.5s ease .1s; }

/*--------------------------------------------------
    Arrière plan Welcome page
--------------------------------------------------*/
#welcome-wrapper { position: relative; width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0% 12% 40%; z-index: 99; text-align: center; background: rgba(96, 156, 179, 0.86); background: linear-gradient(110deg, rgba(96, 156, 179, 0.86) 0%, rgba(131, 191, 186, 0.86) 100%); opacity: 1; -webkit-transition: all .5s ease; transition: all .5s ease; }

#welcome-wrapper:after { display: inline-block; content: ""; width: 100vw; height: 40vh; position: absolute; bottom: 0; left: 0; background-image: url(design/coeur.svg); background-size: cover; background-position: top center; opacity: .2; }

#welcome-wrapper h1 { color: #fff !important; font-size: 10vw; margin-bottom: 3rem; }

#welcome-wrapper .welcome-touchscreen { width: 12vw; margin: 2vw; }

#welcome-wrapper .welcome-infos { color: #fff; font-size: 3vw; font-weight: 300; }

#welcome-wrapper .welcome-screenshot { margin-top: 1rem; }

/*--------------------------------------------------
Choix langue    
--------------------------------------------------*/
#welcome-wrapper a.choix-langue { display: inline-block; width: 200px; height: 200px; border: 5px solid white; border-radius: 100em; background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-box-shadow: #709ead 0 1rem 5rem; box-shadow: #709ead 0 1rem 5rem; margin-right: 2rem; }

#welcome-wrapper a.choix-langue:last-child { margin-right: 0; }

#welcome-wrapper a.flag-fr { background-image: url("icons/flag-fr.svg"); }

#welcome-wrapper a.flag-en { background-image: url("icons/flag-en.svg"); background-size: 110% !important; }

#welcome-wrapper a.flag-es { background-image: url("icons/flag-es.svg"); }

/* -------------------------
-
-    LISTE POI SIT
-
---------------------------*/
/* --------------------------------------------------
-
-    FICHE POI
-
--------------------------------------------------*/
body.fiche-poi { overflow-y: auto; }

#logo-floating { pointer-events: none; }

/* -------------------------
-
-    FICHE POI SIT
-
---------------------------*/
.wrapper-object .descriptif { padding: 3em 0 3em 0; }

/* POI FICHE SYNTHETIQUE
---------------------------*/
.et_pb_section.fiche-objet { padding: 0; }

@media (min-width: 1100px) { #top-breadcrump + .et_pb_section.fiche-objet { height: 58vw; max-height: 700px; } }

#poi-header .poi-infos { position: relative; z-index: 1; display: table; background-color: #fff; }

#poi-header .commune-touristique, #poi-header .poi-categorie { padding: 6px 24px; margin: 0; text-transform: uppercase; }

#poi-header .commune-touristique { color: #9E9E9E; }

#poi-header .poi-categorie { font-size: 1em; color: #31302E; }

#poi-header .wrapper-poi-title { pointer-events: none; }

@media (min-width: 980px) { #poi-header .wrapper-poi-title { width: 90vw; max-width: 900px; } }

#poi-header .poi-title { position: relative; z-index: 1; font-size: 3.7em; padding: 28.8px 24px; display: inline-block; color: #31302E; background-color: #fff; }

@media (min-width: 1100px) { .fixed { position: fixed !important; top: 0; z-index: 2; } }

.poi-telephone { text-transform: lowercase !important; }

.poi-specialite { padding-left: 0px !important; }

#poi-header #coordonnees { position: relative; width: 100%; padding: 24px; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 3%; -ms-flex-wrap: wrap; flex-wrap: wrap; background: -webkit-gradient(linear, left top, right top, from(#319cb4), color-stop(103.02%, #31b3ad)); background: linear-gradient(90deg, #319cb4 0%, #31b3ad 103.02%); }

#poi-header #coordonnees > * { width: 33%; }

#poi-header #coordonnees h4 { color: #fff; }

#poi-header #coordonnees [class^=poi-] { position: relative; padding-left: 28.8px; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: normal; display: block; text-align: left; }

#poi-header #coordonnees [class^=poi-]::before { position: absolute; left: 0; }

#poi-header #coordonnees [class^=poi-] .poi-classification-detail { display: inline; padding: 0 !important; }

#poi-header #coordonnees [class^=poi-] .poi-classification-detail::before { display: none; }

#poi-header #coordonnees [class^=poi-] .poi-classification-detail:nth-child(n+2):not(:first-of-type) { display: block; font-size: 88%; }

#poi-header #coordonnees a { font-size: 16px; color: #fff; font-weight: normal; }

#poi-header #coordonnees .poi-classification::before { background-image: url(icons/star.svg); }

#poi-header #coordonnees .poi-voir-carte a u { display: block; text-transform: initial; text-decoration: underline; }

#poi-header #coordonnees .poi-voir-carte::before { background-image: url(icons/map-pin.svg); }

#poi-header #coordonnees .poi-telephone::before { background-image: url(icons/phone.svg); }

#poi-header #coordonnees .poi-facebook::before, #poi-header #coordonnees .poi-email::before, #poi-header #coordonnees .poi-siteweb::before { background-image: url(icons/mouse-pointer.svg); }

#poi-header #coordonnees .poi-venir span { display: block; text-transform: initial; line-height: 1.2; margin-top: 8px; font-size: .85em; }

#poi-header #coordonnees .poi-venir::before { background-image: url(icons/corner-up-right.svg); }

#poi-header #coordonnees .send-email { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 88%; margin: 24px auto 0; padding: 10px 24px; border-radius: 10em; color: #31302E; font-weight: bold; background-color: #fff; }

#poi-header #coordonnees .send-email:hover { color: #31b3ad !important; }

#poi-header #coordonnees .send-email i { background-image: url(icons/send.svg); }

#poi-header #coordonnees .send-email i, .objet_picture .diaporama::before, #caracteristiques .caracteristique .content-carte a.go-to::before { margin-right: 8px; }

/*ICONS*/
/* POI CARACTERISTIQUES */
#caracteristiques .caracteristique { margin: 2em 0; }

#caracteristiques .caracteristique strong { font-weight: bold; font-size: 1.3em; color: #31302E; }

#caracteristiques .caracteristique .content-items, #caracteristiques .caracteristique .content-carte { padding: 10px 0; }

#caracteristiques .content-items .item { color: rgba(49, 48, 46, 0.8); display: inline-block; padding: 8px 20px; margin: 0 8px 8px 0; border-radius: 4px; background-color: rgba(158, 158, 158, 0.1); }

#caracteristiques .content-items .item.alone { display: table; }

#caracteristiques .content-items .item span { color: #31302E; }

#caracteristiques .content-carte a.go-to { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-preferred-size: 400px; flex-basis: 400px; margin: 24px 0 0; padding: 10px 24px; font-weight: bold; color: #fff; font-size: 16px; background: -webkit-gradient(linear, left top, right top, from(#319BB4), to(#31b4ac)); background: linear-gradient(90deg, #319BB4 0%, #31b4ac 100%); border-radius: 10em; -webkit-border-radius: 10em; -moz-border-radius: 10em; -ms-border-radius: 10em; -o-border-radius: 10em; }

#caracteristiques .content-carte a.go-to::before { background-image: url(icons/go-to.svg); }

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

/* LIGHTBOX
---------------------------*/
.objet_picture { width: 50%; max-height: 600px; min-height: 400px; height: 50vw; float: right; }

.objet_picture figure { height: 100%; }

.objet_picture a { position: relative; max-height: 100%; height: 100%; display: block; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }

.objet_picture a::after { position: absolute; bottom: 0; right: 10px; display: block; content: ""; width: 40%; height: 40%; pointer-events: none; background-image: url(assets/coeur.svg); background-size: contain; background-repeat: no-repeat; background-position: bottom right; }

.objet_picture .diaporama { pointer-events: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #31302E; margin: 0 auto; padding: 8px; max-width: 160px; background: #fff; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }

.objet_picture .diaporama::before { background-image: url(icons/zoom.svg); }

.objet_picture img, .objet_picture .img { width: 100%; max-width: unset; height: 100%; max-height: picture-height; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; vertical-align: bottom; }

.smartphoto { z-index: 100000; background-color: rgba(0, 0, 0, 0.7); }

.smartphoto-header { background: none; }

/* bouton itinéraires */
/* Old-Select */
.old-select, .old-select-ss { position: absolute; top: -9999px; left: -9999px; }

/* New-Select */
.new-select, .new-select-ss { position: relative; width: 300px; height: 50px; /* margin: auto; */ text-align: center; color: #444; line-height: 50px; }

.new-select .selection, .new-select .selection-ss, .new-select-ss .selection, .new-select-ss .selection-ss { width: 100%; height: 100%; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); cursor: pointer; position: relative; z-index: 20; /* Doit être supérieur au nombre d'option */ transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-origin: top; -o-transform-origin: top; -ms-transform-origin: top; -moz-transform-origin: top; -webkit-transform-origin: top; -webkit-transition: -webkit-transform         200ms ease-in-out; transition: -webkit-transform         200ms ease-in-out; transition: transform         200ms ease-in-out; transition: transform         200ms ease-in-out, -webkit-transform         200ms ease-in-out; -o-transition: -o-transform      200ms ease-in-out; -ms-transition: -ms-transform     200ms ease-in-out; -moz-transition: -moz-transform    200ms ease-in-out; -webkit-transition: -webkit-transform 200ms ease-in-out; }

.new-select .selection:active, .new-select .selection-ss:active, .new-select-ss .selection:active, .new-select-ss .selection-ss:active { transform: rotateX(42deg); -o-transform: rotateX(42deg); -ms-transform: rotateX(42deg); -moz-transform: rotateX(42deg); -webkit-transform: rotateX(42deg); transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-origin: top; -o-transform-origin: top; -ms-transform-origin: top; -moz-transform-origin: top; -webkit-transform-origin: top; -webkit-transition: -webkit-transform         200ms ease-in-out; transition: -webkit-transform         200ms ease-in-out; transition: transform         200ms ease-in-out; transition: transform         200ms ease-in-out, -webkit-transform         200ms ease-in-out; -o-transition: -o-transform      200ms ease-in-out; -ms-transition: -ms-transform     200ms ease-in-out; -moz-transition: -moz-transform    200ms ease-in-out; -webkit-transition: -webkit-transform 200ms ease-in-out; }

.new-select .selection p, .new-select .selection-ss p, .new-select-ss .selection p, .new-select-ss .selection-ss p { width: calc(100% - 60px); position: relative; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; }

.new-select .selection:hover p, .new-select .selection.open p { color: #bdc3c7; }

.new-select-ss .selection-ss:hover p, .new-select-ss .selection-ss.open p { color: #bdc3c7; }

.new-select .selection i, .new-select-ss .selection-ss i { display: block; width: 1px; height: 70%; position: absolute; right: -1px; top: 15%; bottom: 15%; border: none; background-color: #bbb; }

.new-select .selection > span, .new-select-ss .selection-ss > span { display: block; width: 0; height: 0; border-style: solid; border-width: 14px 8px 0 8px; /* Height: 14px / Width: 16px */ border-color: #bbb transparent transparent transparent; position: absolute; top: 18px; /* 50 / 2 - 14 / 2 */ right: 22px; /* 60 / 2 - 16 / 2 */ }

.new-select .selection.open > span, .new-select-ss .selection-ss.open > span { width: 0; height: 0; border-style: solid; border-width: 0 8px 14px 8px; border-color: transparent transparent #bbb transparent; }

.new-option, .new-option-ss { text-align: center; background-color: #fff; cursor: pointer; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); position: relative; margin-top: 1px; position: absolute; left: 0; right: 0; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; }

.new-option p, .new-option-ss p { width: calc(100% - 60px); }

.new-option.reveal:hover, .new-option-ss.reveal:hover { background-color: #444; color: #f5f5f5; }

#caracteristiques { /* table poi */ }

#caracteristiques .Tarif_lib { background-color: rgba(158, 158, 158, 0.1); }

#caracteristiques .prefixe, #caracteristiques .suffixe { font-size: 0.8em; }

.smartphoto-dismiss { right: 50% !important; }

.gm-style-cc, #map-canvas a[href*="https://maps.google.com/maps?"], #map a[href*="https://maps.google.com/maps?"] { display: none !important; }

.animation-slide-up { -webkit-animation: slide-up-delay 2000ms linear both; animation: slide-up-delay 2000ms linear both; }

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A1500%2CD%3A500%2Cf%3A%7Bx%3A0%2Cy%3A150%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A2%2Cb%3A2%7D%5D%7D */
@-webkit-keyframes slide-up-delay-from0 { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 150, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 150, 0, 1); }
  27.7% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100.814, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100.814, 0, 1); }
  30.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 62.026, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 62.026, 0, 1); }
  33.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 33.983, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 33.983, 0, 1); }
  35.74% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 15.703, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 15.703, 0, 1); }
  41.07% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.004, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.004, 0, 1); }
  46.4% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.527, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.527, 0, 1); }
  61.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.96, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.96, 0, 1); }
  76.43% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.105, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.105, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@keyframes slide-up-delay-from0 { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 150, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 150, 0, 1); }
  27.7% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100.814, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100.814, 0, 1); }
  30.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 62.026, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 62.026, 0, 1); }
  33.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 33.983, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 33.983, 0, 1); }
  35.74% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 15.703, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 15.703, 0, 1); }
  41.07% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.004, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.004, 0, 1); }
  46.4% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.527, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.527, 0, 1); }
  61.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.96, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.96, 0, 1); }
  76.43% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.105, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.105, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A1500%2CD%3A2000%2Cf%3A%7Bx%3A0%2Cy%3A0%7D%2Ct%3A%7Bx%3A0%2Cy%3A-150%7D%2Cs%3A2%2Cb%3A2%7D%5D%7D */
@-webkit-keyframes slide-up-delay { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  57.04% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  57.14% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  58.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -49.186, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -49.186, 0, 1); }
  60.23% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -87.974, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -87.974, 0, 1); }
  61.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -116.017, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -116.017, 0, 1); }
  63.28% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -134.297, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -134.297, 0, 1); }
  66.32% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -152.004, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -152.004, 0, 1); }
  69.37% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -155.527, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -155.527, 0, 1); }
  77.95% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150.96, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150.96, 0, 1); }
  86.53% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -149.895, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -149.895, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150, 0, 1); } }

@keyframes slide-up-delay { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  57.04% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  57.14% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  58.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -49.186, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -49.186, 0, 1); }
  60.23% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -87.974, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -87.974, 0, 1); }
  61.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -116.017, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -116.017, 0, 1); }
  63.28% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -134.297, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -134.297, 0, 1); }
  66.32% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -152.004, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -152.004, 0, 1); }
  69.37% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -155.527, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -155.527, 0, 1); }
  77.95% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150.96, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150.96, 0, 1); }
  86.53% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -149.895, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -149.895, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -150, 0, 1); } }

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A1500%2CD%3A500%2Cf%3A%7Bx%3A-50%2Cy%3A0%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A2%2Cb%3A2%7D%5D%7D */
@-webkit-keyframes slide-left-delay { 0% { opacity: 0;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.9% { opacity: 0;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25% { opacity: 0;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, 0, 0, 1); }
  27.7% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -33.605, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -33.605, 0, 0, 1); }
  30.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20.675, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20.675, 0, 0, 1); }
  33.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.328, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.328, 0, 0, 1); }
  35.74% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.234, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.234, 0, 0, 1); }
  41.07% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.668, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.668, 0, 0, 1); }
  46.4% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.842, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.842, 0, 0, 1); }
  61.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.32, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.32, 0, 0, 1); }
  76.43% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.035, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.035, 0, 0, 1); }
  100% { opacity: 1;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@keyframes slide-left-delay { 0% { opacity: 0;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.9% { opacity: 0;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25% { opacity: 0;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50, 0, 0, 1); }
  27.7% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -33.605, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -33.605, 0, 0, 1); }
  30.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20.675, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20.675, 0, 0, 1); }
  33.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.328, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.328, 0, 0, 1); }
  35.74% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.234, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.234, 0, 0, 1); }
  41.07% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.668, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.668, 0, 0, 1); }
  46.4% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.842, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.842, 0, 0, 1); }
  61.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.32, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.32, 0, 0, 1); }
  76.43% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.035, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.035, 0, 0, 1); }
  100% { opacity: 1;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@-webkit-keyframes object-image { 0% { opacity: 0;
    margin: 2vw 0 -2vw; }
  100% { opacity: 1;
    margin: 0; } }

@keyframes object-image { 0% { opacity: 0;
    margin: 2vw 0 -2vw; }
  100% { opacity: 1;
    margin: 0; } }

@-webkit-keyframes opacity-delay { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes opacity-delay { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes show-up { 0% { opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% { opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

@keyframes show-up { 0% { opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% { opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

@-webkit-keyframes show-bottom { 0% { opacity: 0;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  100% { opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes show-bottom { 0% { opacity: 0;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  100% { opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes popup-show-up { 0% { opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% { opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

@keyframes popup-show-up { 0% { opacity: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50, 0); }
  100% { opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50, -50%); } }

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

    DUOTONE

---------------- */
:root { --base:              #ecd1cc; --bg-blend:          overlay; --blur:              0px; --fg-blend:          color-burn; --foreground:        rgb(181, 167, 156); --opacity:           0.5; --spacing:           0; }

.duotone-image { position: absolute; top: 0; right: 0; background-color: var(--base); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; /*height:              100%;*/ overflow: hidden; padding: var(--spacing); }

.duotone-image img { -webkit-filter: grayscale(100%) contrast(1) blur(var(--blur)); filter: grayscale(100%) contrast(1) blur(var(--blur)); -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; height: 100%; max-width: 100%; mix-blend-mode: var(--bg-blend); -o-object-fit: cover; object-fit: cover; opacity: var(--opacity); position: relative; width: 100%; }

.duotone-image::before { background-color: var(--foreground); bottom: 0; content: ''; height: 100%; left: 0; mix-blend-mode: var(--fg-blend); position: absolute; right: 0; top: 0; width: 100%; z-index: 1; }

.duotone-scale-1 { -webkit-transform: translateX(-66%) translateY(-62%) scale(0.7) !important; transform: translateX(-66%) translateY(-62%) scale(0.7) !important; }

.duotone-scale-2 { -webkit-transform: translateX(-46%) translateY(26%) scale(0.48) !important; transform: translateX(-46%) translateY(26%) scale(0.48) !important; }

.duotone-theme-1 { background-color: var(--base); }

.duotone-theme-2 { background-color: #c6d5d7; }

.duotone-theme-2::before { background-color: #8b9596 !important; }

.duotone-theme-3 { background-color: var(--theme-color-3); }

.duotone-theme-3::before { background-color: #5a5a5a !important; }
/*# sourceMappingURL=style.css.map */