@charset "UTF-8";
/* CSS Document */
/* FONTS */
@font-face { font-family: 'CarneroBold'; src: url("../lib/fonts/Carnero-Bold.woff2") format("woff2"), url("../lib/fonts/Carnero-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Carnero'; src: url("../lib/fonts/Carnero-Book.woff2") format("woff2"), url("../lib/fonts/Carnero-Book.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'ZahrahBold'; src: url("../lib/fonts/Zahrah-Bold.woff2") format("woff2"), url("../lib/fonts/Zahrah-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Zahrah'; src: url("../lib/fonts/Zahrah-Regular.woff2") format("woff2"), url("../lib/fonts/Zahrah-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'icomoon'; src: url("../lib/fonts/icomoon.eot?w72"); src: url("../lib/fonts/icomoon.eot?w72#iefix") format("embedded-opentype"), url("../lib/fonts/icomoon.woff2?w72") format("woff2"), url("../lib/fonts/icomoon.ttf?w72") format("truetype"), url("../lib/fonts/icomoon.woff?w72") format("woff"), url("../lib/fonts/icomoon.svg?w72#icomoon") format("svg"); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-feature-14:before { content: "\e918"; }

.icon-feature-8:before { content: "\e91a"; }

.icon-feature-4:before { content: "\e91b"; }

.icon-feature-9:before { content: "\e91c"; }

.icon-feature-10:before { content: "\e91d"; }

.icon-feature-11:before { content: "\e91e"; }

.icon-feature-12:before { content: "\e91f"; }

.icon-feature-13:before { content: "\e920"; }

.icon-feature-17:before { content: "\e921"; }

.icon-feature-18:before { content: "\e922"; }

.icon-logo-mobile .path1:before { content: "\e900"; color: #8a1d41; }

.icon-logo-mobile .path2:before { content: "\e901"; margin-left: -0.890625em; color: #4a4a4a; }

.icon-logo .path1:before { content: "\e902"; color: #8a1d41; }

.icon-logo .path2:before { content: "\e903"; margin-left: -1.3974609375em; color: #4a4a4a; }

.icon-localisation:before { content: "\e904"; }

.icon-facebook:before { content: "\e905"; }

.icon-instagram:before { content: "\e906"; }

.icon-email:before { content: "\e907"; }

.icon-close:before { content: "\e908"; }

.icon-arrow-up:before { content: "\e909"; }

.icon-arrow-down:before { content: "\e90a"; }

.icon-arrow-right:before { content: "\e90b"; }

.icon-arrow-left:before { content: "\e90c"; }

.icon-quote-left:before { content: "\e90d"; }

.icon-quote-right:before { content: "\e90e"; }

.icon-openstreetmap:before { content: "\e919"; }

.icon-filter:before { content: "\e90f"; }

.icon-menu:before { content: "\e910"; }

.icon-cart:before { content: "\e911"; }

.icon-or:before { content: "\e912"; }

.icon-images:before { content: "\e913"; }

.icon-pdf:before { content: "\e914"; }

.icon-play:before { content: "\e915"; }

.icon-lelixir .path1:before { content: "\e916"; color: #263f57; }

.icon-lelixir .path2:before { content: "\e917"; margin-left: -2.021484375em; color: #00aaff; }

/* VARIABLES */
* { outline: none; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

html { -webkit-text-size-adjust: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { height: 100%; }

body { min-height: 100%; font-family: "Carnero", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.8; background: #FFF; }

#test { position: fixed; top: 0; left: 0; width: 25px; height: 10px; z-index: 10000000; }

h1 { font-size: 380%; font-family: "Zahrah", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; color: #912145; }

h2 { font-size: 120%; font-family: "Carnero", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; text-transform: uppercase; letter-spacing: 4px; margin: 0 0 20px; color: #6f6f6e; }

h3 { font-size: 120%; font-family: "Zahrah", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; }

h4 { font-size: 110%; font-family: "Zahrah", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; }

@media screen and (max-width: 768px) { h1 { font-size: 260%; } h2 { font-size: 80%; } }

h1 span, h1 strong, h2 span, h2 strong, h3 span, h3 strong, h4 span, h4 strong { font-family: "ZahrahBold", Arial, Helvetica, sans-serif; }

ul { list-style-type: disc; margin: 0; }

p { margin: 15px 0; }

strong { font-family: "CarneroBold", Arial, Helvetica, sans-serif; font-weight: normal; }

a { -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; text-decoration: none; color: #912145; }

a:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

a:hover { color: #bb2a59; }

img { max-width: 100%; height: auto; width: auto; display: block; border: none; }

::-moz-selection { color: #fff; background: #912145; }

::selection { color: #fff; background: #912145; }

::-moz-selection { color: #fff; background: #912145; }

.menu-dubois { display: none; }

@media print { * { background: none !important; background-color: white !important; } }

@media screen and (max-width: 1980px) { /*jaune*/ #test { background: #f4c90c; } }

@media screen and (max-width: 1260px) { /*rouge*/ #test { background: #F00; } body { font-size: 1.2vw; } }

@media screen and (max-width: 1024px) { /*vert*/ #test { background: #0F0; } body { font-size: 1.4vw; } .menu-dubois { display: -webkit-box; display: -ms-flexbox; display: flex; } .main_nav { display: none; } }

@media screen and (max-width: 768px) { /*Rose*/ #test { background: #F0F; } body { font-size: 2vw; } }

@media screen and (max-width: 480px) { /*Turquoise*/ #test { background: #1631f7; } body { font-size: 3vw; } }

/*SELECT LANGUE*/
header#header-dubois { position: relative; }

header#header-dubois .overall { position: absolute; z-index: 1; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; }

header#header-dubois .icon-logo { font-size: 10vw; position: absolute; left: 0; right: 0; display: inline-block; padding: 20px 0 0; }

@media screen and (max-width: 768px) { header#header-dubois .icon-logo { font-size: 14vw; } }

@media screen and (max-width: 480px) { header#header-dubois .icon-logo { font-size: 22vw; } }

header#header-dubois .icon-logo .path1:before { color: #fff; }

header#header-dubois .icon-logo .path2:before { color: #fff; }

header#header-dubois .titles { 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

header#header-dubois h1 { font-size: 5vw; letter-spacing: 1.2px; color: #fff; }

header#header-dubois h1 strong { font-family: "ZahrahBold", Arial, Helvetica, sans-serif; font-weight: normal; }

header#header-dubois h3 { text-transform: uppercase; font-family: "Carnero", Arial, Helvetica, sans-serif; padding: 0 0 2%; font-size: 0.9vw; color: #fff; letter-spacing: 1.6px; }

header#header-dubois .more { 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: end; -ms-flex-pack: end; justify-content: flex-end; }

header#header-dubois .ligne { height: 80px; width: 1px; background: #fff; margin: 2% auto; }

header#header-dubois .logo { height: 30%; }

header#header-dubois .titles { height: 35%; }

header#header-dubois .more { height: 35%; }

@media screen and (max-width: 1260px) { header#header-dubois .logo { height: 50%; } header#header-dubois .titles { height: 50%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } header#header-dubois .more { display: none; } }

@media screen and (max-width: 480px) { header#header-dubois .logo { height: 100%; } header#header-dubois .titles { display: none; } }

#video-bg { width: 100%; }

.imgMain { max-width: inherit; width: 100%; }

.scroll-downs { margin: 0 auto 25px; cursor: pointer; width: 35px; height: 55px; }

.mousey { width: 3px; padding: 10px 14px; height: 35px; border: 2px solid #fff; border-radius: 25px; opacity: 0.75; -webkit-box-sizing: content-box; box-sizing: content-box; }

.scroller { width: 3px; height: 10px; border-radius: 25%; background-color: #fff; -webkit-animation-name: scroll; animation-name: scroll; -webkit-animation-duration: 2.2s; animation-duration: 2.2s; -webkit-animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-webkit-keyframes scroll { 0% { opacity: 0; }
  10% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; }
  100% { -webkit-transform: translateY(15px); transform: translateY(15px);
    opacity: 0; } }

@keyframes scroll { 0% { opacity: 0; }
  10% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; }
  100% { -webkit-transform: translateY(15px); transform: translateY(15px);
    opacity: 0; } }

#lang { position: absolute; right: 2%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; list-style-type: none; }

#lang a { display: block; padding: 20px 5px; text-transform: uppercase; color: #fff; font-family: "Zahrah", Arial, Helvetica, sans-serif; font-size: 120%; letter-spacing: 1.6px; }

@media screen and (max-width: 1024px) { #lang a { padding: 10px 5px; } }

/*NAVIGATION*/
.main_nav { position: absolute; left: 2%; z-index: 2; margin: 0 auto; text-align: center; }

.main_nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; }

.main_nav li a { display: block; padding: 20px 15px 10px; color: #fff; font-family: "Zahrah", Arial, Helvetica, sans-serif; font-size: 20px; border-left: 1px solid transparent; letter-spacing: 1.6px; }

.main_nav li a:hover, .main_nav li a.menu_actif { -webkit-text-fill-color: #fff; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; }

.main_nav li a.hasdropdown { border-left: 1px solid #fff; }

.main_nav .dropdown { display: none; position: absolute; width: 100%; top: 100%; z-index: 5; text-align: left; }

.main_nav .dropdown ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-left: 1px solid #fff; }

.main_nav .dropdown li { width: 100%; display: block; }

.main_nav .dropdown li a { display: block; text-transform: none; padding: 5px 20px; width: 100%; font-size: 100%; }

#overlay { position: fixed; z-index: 2; top: 0; width: 100%; height: 0; min-height: 0; -webkit-transition: all 0.2s  linear; transition: all 0.2s  linear; padding: 0; }

.mobile_nav { display: none; }

html.open { position: relative; overflow: hidden; }

html.open #overlay { background: #fff; position: fixed; overflow-y: scroll; overflow-x: hidden; height: 100%; min-height: 100%; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; }

html.open .mobile_nav { display: block; text-align: center; }

html.open .mobile_nav nav { margin: 25px 0; line-height: 1.4; }

html.open .mobile_nav .list-nav { list-style-type: none; }

html.open .mobile_nav .list-nav a { font-family: "Zahrah", Arial, Helvetica, sans-serif; font-size: 260%; padding: 0 10px; -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; }

html.open .mobile_nav .list-nav a:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

html.open .mobile_nav .list-nav a:hover, html.open .mobile_nav .list-nav a.menu_actif, html.open .mobile_nav .list-nav a.border { color: #912145; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #f6e9ea)); background: linear-gradient(to bottom, transparent 70%, #f6e9ea 30%); }

html.open .mobile_nav .dropdown ul { margin: 10px 0 0; list-style-type: none; }

html.open .mobile_nav .dropdown ul a { font-family: "Carnero", Arial, Helvetica, sans-serif; color: #6f6f6e; text-transform: uppercase; font-size: 100%; padding: 5px 0; display: inline-block; }

html.open .mobile_nav .dropdown ul a:hover, html.open .mobile_nav .dropdown ul a.menu_actif { color: #912145; background: none; }

html.open .icon-logo-mobile { display: inline-block; padding: 10px 0 0; margin: 0 auto; font-size: 10vw; }

@media screen and (max-width: 768px) { html.open .icon-logo-mobile { font-size: 14vw; } }

@media screen and (max-width: 480px) { html.open .icon-logo-mobile { font-size: 22vw; } }

html.open .menu-dubois { z-index: 101; }

html.open #lang { z-index: 101; }

html.open #lang a { color: #912145; }

html.open #lang a:hover { color: #6f6f6e; }

html.open .social { margin: 0 0 15px; }

html.open .social a { font-size: 240%; margin-right: 10px; }

html.open .social a:hover { color: #6f6f6e; }

html.open .social .vaud { display: none; }

html.open #nav-icon span { background: #912145; }

html.open #nav-icon span:nth-child(1) { top: 18px; width: 0%; left: 50%; }

html.open #nav-icon span:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

html.open #nav-icon span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

html.open #nav-icon span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

.menu-dubois { z-index: 100; position: absolute; border-radius: 100%; width: 50px; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; top: 15px; left: 15px; }

@media screen and (max-width: 480px) { .menu-dubois { width: 35px; height: 35px; } }

#nav-icon { width: 30px; height: 22px; margin: 0; display: inline-block; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; }

@media screen and (max-width: 480px) { #nav-icon { width: 20px; height: 20px; } }

#nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 1px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon span:nth-child(1) { top: 0px; }

@media screen and (max-width: 480px) { #nav-icon span:nth-child(1) { top: 4px; } }

#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 10px; }

#nav-icon span:nth-child(4) { top: 20px; }

@media screen and (max-width: 480px) { #nav-icon span:nth-child(4) { top: 15px; } }

footer { background: #353536; }

footer .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto 0; text-align: left; }

footer article { width: 40%; padding: 4% 2%; color: #fff; }

footer article .ligne { margin: 25px 0; background: #6f6f6e; }

footer .osm { position: relative; width: 60%; }

footer h1, footer h2 { color: #fff; }

footer a { color: #fff; }

footer .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 15px 0; }

footer .social a { color: #fff; font-size: 200%; margin-right: 5px; }

footer .social .vaud { max-width: 50px; margin-left: auto; }

footer .icon-lelixir { font-size: 200%; }

footer .icon-lelixir span:before { -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; }

footer .icon-lelixir span:before:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

footer .icon-lelixir:hover span:before { color: #fff; }

@media screen and (max-width: 768px) { footer .wrap { display: block; } footer article { width: 100%; padding: 8% 8% 4%; } footer .osm { width: 100%; height: 500px; } footer .cols { display: -webkit-box; display: -ms-flexbox; display: flex; } footer .cols .col1, footer .cols .col2 { width: 50%; } footer .social a { font-size: 300%; margin-right: 10px; } }

/* FORMULAIRES */
.wrap.contact { margin: 6% auto 0; }

.contact-form { padding: 0 2%; max-width: 600px; margin: 2% auto 6%; text-align: left; /* ::-webkit-input-placeholder { color:    #001d32; } :-moz-placeholder { color:    #001d32; opacity:  1; } ::-moz-placeholder { color:    #001d32; opacity:  1; } :-ms-input-placeholder { color:    #001d32; } */ }

.contact-form textarea { height: 250px; resize: none; }

.contact-form input, .contact-form textarea, .contact-form select { -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; width: 100%; padding: 1% 2%; font-size: 100%; font-family: "Carnero", Arial, Helvetica, sans-serif; color: #6f6f6e; border: 1px solid #912145; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 5px; }

.contact-form input:hover, .contact-form textarea:hover, .contact-form select:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { color: #6f6f6e; border: 1px solid #6f6f6e; -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

.contact-form input.error, .contact-form textarea.error, .contact-form select.error { background: #912145; color: #fff; }

.contact-form label { display: block; width: 100%; clear: both; font-size: 0.8em; }

.contact-form .error-box { float: right; }

.contact-form .error-box label { display: inline; color: #912145; }

.contact-form .input-valid { text-align: center; }

.contact-form .input-valid input { color: #fff; background: #912145; display: inline-block; cursor: pointer; width: inherit; margin: 1% auto; text-align: center; text-transform: uppercase; padding: 15px 45px 13px; line-height: 1; border: none; border-radius: 0px; -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; }

.contact-form .input-valid input:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

.contact-form .input-valid input:hover { color: #fff; background: #6f6f6e; }

.contact-form #special { display: none; }

#map { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 2; }

#map .osm-icon { font-size: 40px; cursor: pointer; position: relative; -webkit-animation: bounce 0.3s linear 6 alternate; animation: bounce 0.3s linear 6 alternate; }

#map .leaflet-control-attribution.leaflet-control { display: none; }

#map h3 { font-size: 180%; font-family: "Zahrah", Arial, Helvetica, sans-serif; line-height: 1; margin: 0 0 5px; color: #912145; }

#map .icon-openstreetmap, #map a { color: #912145; }

@-webkit-keyframes bounce { from { top: 0; }
  to { top: -15px; } }

@keyframes bounce { from { top: 0; }
  to { top: -15px; } }

/* STRUCTURE */
section.wrap { padding: 0 2%; }

.wrap { max-width: 1920px; margin: 6% auto; text-align: center; }

.cols { display: -webkit-box; display: -ms-flexbox; display: flex; }

.cols .col1, .cols .col2 { width: 50%; }

@media screen and (max-width: 1024px) { .cols { display: block; } .cols .col1, .cols .col2 { width: 100%; } }

.ligne { height: 1px; max-width: 100px; width: 100%; background: #912145; margin: 35px auto; }

@media screen and (max-width: 768px) { .ligne { max-width: 40px; margin: 15px auto; } }

.center { text-align: center; }

.btn { font-family: "Carnero", Arial, Helvetica, sans-serif; background: #912145; color: #fff; padding: 15px 45px 13px; text-transform: uppercase; font-size: 80%; margin: 25px auto; display: inline-block; letter-spacing: 2px; }

.btn:hover { background: #fff; color: #912145; }

.intro { max-width: 800px; margin: 0 auto; padding: 0 2%; }

.txt { padding: 0 12%; }

section.erreur { text-align: center; }

.icon-arrow-up { display: none; position: fixed; bottom: 10px; right: 10px; background: #912145; font-size: 160%; color: #fff; z-index: 10; width: 40px; height: 40px; cursor: pointer; }

.icon-arrow-up:before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; }

.pdf { margin: 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; }

.pdf li { margin: 2% 0 0; border: 1px solid #912145; border-radius: 10px; margin: 0 15px 15px 0; }

.pdf a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; font-size: 80%; }

.pdf a:hover { color: #353536; }

.pdf a:hover .icon-pdf { color: #353536; }

.pdf .icon-pdf { font-size: 300%; padding-right: 15px; }

.pdf p { font-size: 60%; margin: 5px 0 0; }

.pagination a, .pagination span { display: inline-block; text-align: center; margin: 0 3px; padding: 3px 8px; }

.pagination a { background: #000; color: #fff; }

.pagination a:hover { background: #ccc; color: #000; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.welcome { display: -webkit-box; display: -ms-flexbox; display: flex; }

.welcome article { background: #912145; color: #fff; width: 70%; padding: 4% 16% 4% 4%; margin: 0 0 5%; text-align: center; }

.welcome .ligne { background: #fff; }

.welcome .content { text-align: left; margin: 8% auto 0; max-width: 700px; }

.welcome figure { width: 40%; margin: 5% 0 0 -10%; }

.welcome figcaption { color: #fff; font-size: 10vw; position: absolute; line-height: 0.8; font-family: "ZahrahBold", Arial, Helvetica, sans-serif; margin: 0 0 0 -4%; }

.welcome h1, .welcome h2 { color: #fff; }

.welcome .box-nav { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; margin: 25px 0 0; line-height: 1; }

.welcome .box-nav li { width: 46%; position: relative; padding: 0 0 10px 0; margin: 10px 2% 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.4; }

.welcome .box-nav li:before { content: ""; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 0; height: 1px; width: 10%; border-bottom: 1px solid #fff; }

.welcome .box-nav li:nth-last-child(2):before, .welcome .box-nav li:last-child:before { border: none; }

.welcome .box-nav a { color: #fff; text-transform: uppercase; }

.welcome .box-nav a:hover { color: #353536; }

@media screen and (max-width: 480px) { .welcome .box-nav li { width: 100%; } .welcome .box-nav li:nth-last-child(2):before { border-bottom: 1px solid #fff; } }

@media screen and (max-width: 768px) { .welcome { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; } .welcome article { width: 100%; padding: 4%; margin: 0; } .welcome figure { width: 100%; margin: 0; } .welcome figcaption { color: #fff; font-size: 18vw; position: absolute; line-height: 0.8; font-family: "ZahrahBold", Arial, Helvetica, sans-serif; margin: 4% 0 0 4%; } }

.carrousel-vins { margin: 0 35px; }

.carrousel-vins a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.carrousel-vins .slick-dots { margin: 0; }

.carrousel-vins .ligne { max-width: 50px; margin: 20px auto; }

.carrousel-vins h2 { font-family: "Zahrah", Arial, Helvetica, sans-serif; text-transform: none; color: #912145; margin: 0 0 35px; font-size: 140%; }

.carrousel-vins h3 { font-family: "Carnero", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #6f6f6e; margin: 0; font-size: 80%; }

.liens { background: #912145; margin: 6% 0 0; padding: 4% 2%; }

.liens .wrap { margin: 0 auto; }

.liens h2, .liens h1 { color: #fff; }

.liens .ligne { background: #fff; }

.tab-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.link { width: 23%; margin: 2%; display: block; color: #fff !important; }

.r-tabs-tab { padding: 0 4%; }

.r-tabs-anchor { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Zahrah", Arial, Helvetica, sans-serif; }

.r-tabs-anchor span { margin: 3px 0 0 10px; display: block; }

.r-tabs-anchor:hover { color: #353536; }

.r-tabs-state-active a { color: #353536; }

.r-tabs .r-tabs-nav { margin: 0; padding: 0; }

.r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; }

.r-tabs .r-tabs-panel { padding: 15px; display: none; }

.r-tabs .r-tabs-accordion-title { display: none; }

.r-tabs .r-tabs-panel.r-tabs-state-active { display: block; }

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) { .tab-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .link { width: 46%; } .r-tabs .r-tabs-nav { display: none; } .r-tabs .r-tabs-accordion-title { display: block; text-align: center; } .r-tabs-anchor { border-bottom: 1px solid #fff; padding: 15px 0; font-size: 100%; margin: 0 8%; } .r-tabs-anchor span { margin: 0 15px 0 auto; } }

.list-news { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.list-news a { width: 31.33%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; margin: 1%; color: #6f6f6e; }

.list-news .content { padding: 0 2%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.list-news h1 { font-size: 180%; }

.list-news p.contTxt { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; }

.list-news .ligne { margin: 25px 0; }

.list-news img { margin: 25px 0; }

.list-news .more { text-align: center; color: #912145; text-transform: uppercase; font-family: "Carnero", Arial, Helvetica, sans-serif; font-size: 100%; letter-spacing: 1.6px; }

@media screen and (max-width: 768px) { .list-news { margin: 0 20px; } .list-news a { margin: 0; } .list-news .more { display: inline-block; font-family: "Carnero", Arial, Helvetica, sans-serif; background: #912145; color: #fff; padding: 15px 45px 13px; text-transform: uppercase; font-size: 80%; margin: 25px auto; display: inline-block; letter-spacing: 2px; -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; } .list-news .more:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; } .list-news .more:hover { background: #fff; color: #912145; } }

.page-actualites { text-align: left; padding: 0 2%; }

.page-actualites .ligne { margin: 4% 0; }

.page-actualites .col1 { padding: 0 8% 0 0; }

.histoire article { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; text-align: left; }

.histoire article:last-child { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.histoire article:last-child figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.histoire article:last-child h2 { font-size: 600%; color: #b9a580; font-family: "ZahrahBold", Arial, Helvetica, sans-serif; text-transform: none; line-height: 0.8; margin: 0 0 8%; position: relative; z-index: 1; }

.histoire article:last-child h2 strong { font-family: "ZahrahBold", Arial, Helvetica, sans-serif; text-transform: none; font-size: 200%; }

.histoire .ligne { margin: 6% auto; }

.histoire .content { width: 40%; padding: 4%; }

.histoire figure { width: 60%; position: relative; }

.histoire .visu0 { width: 50%; position: relative; z-index: 1; margin: 8% 0 0 auto; }

.histoire .bg0 { position: absolute; }

.histoire .bg1 { margin: -10% 0 0 auto; width: 70%; }

.histoire .visu1 { width: 70%; }

@media screen and (max-width: 768px) { .histoire article { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .histoire article:last-child { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .histoire article:last-child h2 { font-size: 300%; margin: 0 auto 4%; text-align: center; } .histoire .content { width: 100%; padding: 0 4%; } .histoire figure { width: 100%; } .histoire .visu0 { width: 100%; position: relative; z-index: 1; margin: 0; } .histoire .bg0 { display: none; } .histoire .bg1 { display: none; } .histoire .visu1 { width: 100%; } }

.vignoble .flex { padding: 4%; background: url(../webimages/bg-vignoble-en-terasse.jpg) no-repeat; background-position: 60% 50%; background-size: 50%; position: relative; z-index: 1; }

.vignoble article { border: 1px solid #912145; width: 30%; }

.vignoble article .content { background: #f6f3ee; padding: 4% 12% 8% 8%; position: relative; top: 15px; left: 15px; width: 100%; height: 100%; z-index: -1; font-family: "Zahrah", Arial, Helvetica, sans-serif; }

.vignoble article strong { font-family: "Zahrah", Arial, Helvetica, sans-serif; font-size: 80%; }

.vignoble article:last-child { margin: -10% 0 0 auto; }

.vignoble .quote { color: #912145; font-size: 160%; }

.vignoble .ligne { margin: 2% auto; }

@media screen and (max-width: 1024px) { .vignoble article { width: 40%; } }

@media screen and (max-width: 768px) { .vignoble .flex { background-size: 100%; } .vignoble article { width: 80%; } .vignoble article:last-child { margin: 70% 0 0 auto; } }

.cepages-list { margin: 8% auto 0; }

.cepages-list .cepages-wrap { max-width: 1920px; margin: 6% auto 0; }

.cepages-list.bottom { margin: 0 auto; background: #912145 url(../webimages/cepages-spacer.gif) repeat-x; color: #fff; }

.cepages-list.bottom .titre h2 { color: #fff; }

.cepages-list.bottom .wrap { margin: 6% auto 0; }

.cepages-list article { display: -webkit-box; display: -ms-flexbox; display: flex; }

.cepages-list .image { width: 30%; }

.cepages-list .titre { width: 1%; position: relative; }

.cepages-list .titre h2 { font-size: 8vw; font-family: "ZahrahBold", Arial, Helvetica, sans-serif; text-transform: none; color: #b9a580; position: absolute; text-align: left; line-height: 0.7; -webkit-transform: translate(-5%, -30%); -ms-transform: translate(-5%, -30%); transform: translate(-5%, -30%); }

.cepages-list .container { max-width: 600px; padding: 0 4%; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.cepages-list .cep13 { background: url(../webimages/cepages-bg1.jpg) no-repeat right top; }

.cepages-list .cep13 .container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cepages-list .cep14 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; background: url(../webimages/cepages-bg2.jpg) no-repeat left top; }

.cepages-list .cep14 .titre h2 { -webkit-transform: translate(-45%, -30%); -ms-transform: translate(-45%, -30%); transform: translate(-45%, -30%); }

.cepages-list .cep14 .container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 400px; }

.cepages-list .cep15 { margin: -10% 0 0; }

.cepages-list .cep15 .container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.cepages-list .cep16 { padding: 8% 0 0; background: url(../webimages/cepages-bg3.jpg) no-repeat 0 60%; background-size: 30%; }

.cepages-list .cep16 .titre { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 34%; }

.cepages-list .cep16 .titre h2 { width: 100%; -webkit-transform: translate(50%, -30%); -ms-transform: translate(50%, -30%); transform: translate(50%, -30%); }

.cepages-list .cep16 .image { width: 30%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.cepages-list .cep16 .container { width: 36%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cepages-list .cep17, .cepages-list .cep19 { padding: 8% 0 0; }

.cepages-list .cep17 .titre, .cepages-list .cep19 .titre { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 10%; }

.cepages-list .cep17 .titre h2, .cepages-list .cep19 .titre h2 { -webkit-transform: translate(0, -30%); -ms-transform: translate(0, -30%); transform: translate(0, -30%); }

.cepages-list .cep17 .image, .cepages-list .cep19 .image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.cepages-list .cep17 .container, .cepages-list .cep19 .container { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

.cepages-list .cep18 { margin: 4% 2% 0; }

.cepages-list .cep18, .cepages-list .cep20 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; background: url(../webimages/cepages-bg4.jpg) no-repeat left top; background-size: 70%; }

.cepages-list .cep18 .titre h2, .cepages-list .cep20 .titre h2 { -webkit-transform: translate(-50%, -30%); -ms-transform: translate(-50%, -30%); transform: translate(-50%, -30%); }

.cepages-list .cep18 .container, .cepages-list .cep20 .container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; max-width: 700px; }

.cepages-list .cep20 { padding: 0 0 8%; background: url(../webimages/cepages-bg5.jpg) no-repeat left top; background-size: 30%; }

.cepages-list .cep20 .container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#cep-rwd .center { display: none; }

@media screen and (max-width: 1980px) { #cep-rwd article { margin: 0 2% 0; } #cep-rwd article.cep18 { margin: 6% 8% 0; } }

@media screen and (max-width: 1024px) { #cep-rwd .center { display: -webkit-box; display: -ms-flexbox; display: flex; } #cep-rwd .cepages-list { margin: 0; } #cep-rwd .cepages-list.bottom { background: none; margin: 0 0 8%; color: #6f6f6e; } #cep-rwd .cepages-list.bottom .cepages-wrap { margin: 0; } #cep-rwd .cepages-list.bottom .titre h2 { color: #912145; } #cep-rwd .cepages-list.bottom .wrap { margin: 0; } #cep-rwd article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; background: none; margin: 0 8%; padding: 2% 0; border-bottom: 1px solid #353536; } #cep-rwd article.cep18 { margin: 0 8%; } #cep-rwd article.active .titre h2:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #cep-rwd .image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 50%; } #cep-rwd .image img { padding: 20px 0 0; } #cep-rwd .titre { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; padding: 20px 0; cursor: pointer; } #cep-rwd .titre h2 { font-family: "Zahrah", Arial, Helvetica, sans-serif; font-size: 200%; position: relative; text-align: left; line-height: 0.7; -webkit-transform: none; -ms-transform: none; transform: none; margin: 0; color: #912145; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #cep-rwd .titre h2 br { display: none; } #cep-rwd .titre h2:after { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-left: auto; content: "\e90a"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #cep-rwd .container { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 50%; display: block; } }

.domaines { background: url(../webimages/domaine-bg.jpg) no-repeat 82% top; margin: 0 4%; position: relative; padding: 8% 0 0; }

.domaines .container { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 70px 0 0; position: relative; }

.domaines article { color: #fff; width: 60%; margin: 0 0 0 -10%; text-align: center; }

.domaines h1 { color: #b9a580; text-align: left; position: relative; z-index: 1; font-size: 8vw; font-family: "ZahrahBold", Arial, Helvetica, sans-serif; padding: 0 0 0 14%; line-height: 0.8; margin: -70px 0 0; }

.domaines h2 { color: #000; font-family: "Zahrah", Arial, Helvetica, sans-serif; text-transform: none; font-size: 220%; }

.domaines .content { text-align: left; padding: 12% 18% 12% 28%; background: #f6f3ee; color: #6f6f6e; margin: -45px auto 0; }

.domaines figure { position: relative; z-index: 1; width: 50%; }

@media screen and (max-width: 768px) { .domaines { background: none; } .domaines .container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 0 0; position: relative; } .domaines article { width: 100%; margin: 0; } .domaines h1 { font-size: 200%; padding: 0 0 0 30px; margin: 0; color: #912145; font-family: "Zahrah", Arial, Helvetica, sans-serif; } .domaines h1 br { display: none; } .domaines h2 { font-family: "Carnero", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 100%; color: #912145; } .domaines .content { padding: 4% 30px; margin: 0 auto; background: none; } .domaines figure { position: relative; z-index: 1; width: 100%; margin: 0 auto; } }

.cave { background: url(../webimages/cave-bg.jpg) no-repeat left top; background-size: 23%; }

.cave .cols { margin: 0 2%; }

.cave .col1 article { background: #912145; margin: 12% 19% 0 0; position: relative; }

.cave .col1 img { -webkit-transform: translate(19%, -8%); -ms-transform: translate(19%, -8%); transform: translate(19%, -8%); }

.cave .col1 .content { padding: 0% 16% 8%; color: #fff; }

.cave .col1 h2 { font-size: 3vw; font-family: "Zahrah", Arial, Helvetica, sans-serif; line-height: 1; color: #fff; text-transform: none; }

.cave .col1 .ligne { background: #fff; }

.cave .col1 .left { text-align: left; }

.cave .col1 .btn { border: 1px solid #fff; background: #fff; color: #912145; }

.cave .col1 .btn:hover { background: #912145; color: #fff; }

.cave .col2 { padding: 0 2%; text-align: left; }

.cave .quote-content { text-align: center; font-family: "Zahrah", Arial, Helvetica, sans-serif; font-style: italic; padding: 4% 18%; }

.cave .quote-content strong { font-size: 80%; }

.cave .quote { color: #912145; font-size: 160%; }

.cave .photos-slide { margin: 0 0 8%; }

@media screen and (max-width: 1024px) { .cave { background: none; } .cave .col1 article { margin: 4% 0; } .cave .col1 img { display: none; } .cave .col1 .content { padding: 8% 16% 8%; } }

.glerolles { background: url(../webimages/glerolles-bg.jpg) no-repeat right 20%; background-size: 50%; }

.glerolles .cols { margin: 0 2%; }

.glerolles .col2 { padding: 25% 2% 0; }

.glerolles .txt { text-align: left; }

.glerolles .btn { margin: 8% auto 0; }

@media screen and (max-width: 1024px) { .glerolles { background: none; } .glerolles .col1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .glerolles .txt { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .glerolles .btn { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 8% auto 8%; } .glerolles .photos-slide { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .glerolles .col2 { display: none; } }

.millesimes { background: url(../webimages/millesimes-bg.jpg) no-repeat right top; }

.millesimes .cols { margin: 4% 2% 0; }

.millesimes .photos-slide { margin: 0; }

.millesimes .txt { text-align: left; 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; }

@media screen and (max-width: 1024px) { .millesimes { background: none; } .millesimes .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .millesimes .col1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .millesimes .col2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

.unesco .cols { margin: 4% 2% 0; }

.unesco .photos-slide { margin: 0; }

.unesco .txt { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.unesco .txt h2 { color: #912145; text-align: left; margin: 0; }

@media screen and (max-width: 1024px) { .unesco .txt { padding: 8% 12% 0; } .unesco .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .unesco .col1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 4% 0 0; } .unesco .col2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

/* required styles */
.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; }

.leaflet-container { overflow: hidden; }

.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection { background: transparent; }
.leaflet-tile::selection { background: transparent; }

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; }

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; }

.leaflet-marker-icon, .leaflet-marker-shadow { display: block; }

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; }

.leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; }

.leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; }

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; }

.leaflet-container { -webkit-tap-highlight-color: transparent; }

.leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }

.leaflet-tile { -webkit-filter: inherit; filter: inherit; visibility: hidden; }

.leaflet-tile-loaded { visibility: inherit; }

.leaflet-zoom-box { width: 0; height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 800; }

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg { -moz-user-select: none; }

.leaflet-pane { z-index: 400; }

.leaflet-tile-pane { z-index: 200; }

.leaflet-overlay-pane { z-index: 400; }

.leaflet-shadow-pane { z-index: 500; }

.leaflet-marker-pane { z-index: 600; }

.leaflet-tooltip-pane { z-index: 650; }

.leaflet-popup-pane { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }

.leaflet-map-pane svg { z-index: 200; }

.leaflet-vml-shape { width: 1px; height: 1px; }

.lvml { behavior: url(#default#VML); display: inline-block; position: absolute; }

/* control positioning */
.leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; }

.leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; }

.leaflet-top { top: 0; }

.leaflet-right { right: 0; }

.leaflet-bottom { bottom: 0; }

.leaflet-left { left: 0; }

.leaflet-control { float: left; clear: both; }

.leaflet-right .leaflet-control { float: right; }

.leaflet-top .leaflet-control { margin-top: 10px; }

.leaflet-bottom .leaflet-control { margin-bottom: 10px; }

.leaflet-left .leaflet-control { margin-left: 10px; }

.leaflet-right .leaflet-control { margin-right: 10px; }

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile { will-change: opacity; }

.leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; }

.leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }

.leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; }

.leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); }

.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; transition: none; }

.leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; }

/* cursors */
.leaflet-interactive { cursor: pointer; }

.leaflet-grab { cursor: -webkit-grab; cursor: grab; }

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; }

.leaflet-popup-pane, .leaflet-control { cursor: auto; }

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: grabbing; }

/* marker & overlays interactivity */
.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; }

.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; }

/* visual tweaks */
.leaflet-container { background: #ddd; outline: 0; }

.leaflet-container a { color: #0078A8; }

.leaflet-container a.leaflet-active { outline: 2px solid orange; }

.leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); }

/* general typography */
.leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* general toolbar styles */
.leaflet-bar { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; }

.leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; }

.leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; }

.leaflet-bar a:hover { background-color: #f4f4f4; }

.leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; }

.leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; }

.leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; }

.leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; }

.leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

/* zoom control */
.leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; }

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; }

/* layers control */
.leaflet-control-layers { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; }

.leaflet-control-layers-toggle { background-image: url(images/layers.png); width: 36px; height: 36px; }

.leaflet-retina .leaflet-control-layers-toggle { background-image: url(images/layers-2x.png); background-size: 26px 26px; }

.leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; }

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; }

.leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; }

.leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; }

.leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; }

.leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; }

.leaflet-control-layers label { display: block; }

.leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; }

/* Default icon URLs */
.leaflet-default-icon-path { background-image: url(images/marker-icon.png); }

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; }

.leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; }

.leaflet-control-attribution a { text-decoration: none; }

.leaflet-control-attribution a:hover { text-decoration: underline; }

.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; }

.leaflet-left .leaflet-control-scale { margin-left: 5px; }

.leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; }

.leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); }

.leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; }

.leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; }

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { -webkit-box-shadow: none; box-shadow: none; }

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; }

/* popup */
.leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; }

.leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; }

.leaflet-popup-content { margin: 13px 19px; line-height: 1.4; }

.leaflet-popup-content p { margin: 18px 0; }

.leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; }

.leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }

.leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; }

.leaflet-container a.leaflet-popup-close-button:hover { color: #999; }

.leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }

.leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; }

.leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }

.leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; }

.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; }

/* div icon */
.leaflet-div-icon { background: #fff; border: 1px solid #666; }

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; }

.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; }

/* Directions */
.leaflet-tooltip-bottom { margin-top: 6px; }

.leaflet-tooltip-top { margin-top: -6px; }

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; }

.leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; }

.leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; }

.leaflet-tooltip-left { margin-left: -6px; }

.leaflet-tooltip-right { margin-left: 6px; }

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; }

.leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; }

.leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./../lib/plugins/slick/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("../lib/plugins/slick/fonts/slick.eot"); src: url("../lib/plugins/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../lib/plugins/slick/fonts/slick.woff") format("woff"), url("../lib/plugins/slick/fonts/slick.ttf") format("truetype"), url("../lib/plugins/slick/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; z-index: 100; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dots { list-style: none; display: block; text-align: center; padding: 0; margin: 0 0 8%; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 15px; width: 15px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 15px; width: 15px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 15px; height: 15px; font-family: "slick"; font-size: 14px; line-height: 20px; text-align: center; color: #6f6f6e; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: #912145; }

body.compensate-for-scrollbar { overflow: hidden; }

.fancybox-active { height: auto; }

.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }

.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; }

.fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; }

.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-toolbar { right: 0; top: 0; }

.fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; }

.fancybox-is-open .fancybox-stage { overflow: hidden; }

.fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; }

.fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }

.fancybox-slide--image { overflow: hidden; padding: 44px 0; }

.fancybox-slide--image::before { display: none; }

.fancybox-slide--html { padding: 6px; }

.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }

.fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; }

.fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-container [data-selectable='true'] { cursor: text; }

.fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }

.fancybox-slide--video .fancybox-content { background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; }

.fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

/* Fix iOS */
.fancybox-iframe { left: 0; position: absolute; top: 0; }

.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }

.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }

/* Buttons */
.fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; }

.fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; }

.fancybox-button:hover { color: #fff; }

.fancybox-button:focus { outline: none; }

.fancybox-button.fancybox-focus { outline: 1px dotted; }

.fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }

/* Fix IE11 */
.fancybox-button div { height: 100%; }

.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }

.fancybox-button svg path { fill: currentColor; stroke-width: 0; }

.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; }

.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; }

.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; }

/* Close button on the top right corner of html content */
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

.fancybox-close-small:hover { color: #fff; opacity: 1; }

.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }

.fancybox-navigation .fancybox-button div { padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); }

/* Caption */
.fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; }

@supports (padding: 0px) { .fancybox-caption { padding: 75px 44px, env(safe-area-inset-right) 25px, env(safe-area-inset-bottom) 44px, env(safe-area-inset-left); } }

.fancybox-caption--separate { margin-top: -50px; }

.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; }

.fancybox-caption a:hover { color: #fff; text-decoration: underline; }

/* Loading indicator */
.fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; }

@-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/* Transition effects */
.fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: 0px) { .fancybox-caption { padding-left: 12px, env(safe-area-inset-left); padding-right: 12px, env(safe-area-inset-right); } } }

/* Share */
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }

.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }

.fancybox-share p { margin: 0; padding: 0; }

.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }

.fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; }

.fancybox-share__button:hover { text-decoration: none; }

.fancybox-share__button--fb { background: #3b5998; }

.fancybox-share__button--fb:hover { background: #344e86; }

.fancybox-share__button--pt { background: #bd081d; }

.fancybox-share__button--pt:hover { background: #aa0719; }

.fancybox-share__button--tw { background: #1da1f2; }

.fancybox-share__button--tw:hover { background: #0d95e8; }

.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }

.fancybox-share__button svg path { fill: #fff; }

.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }

/* Thumbs */
.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; }

.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs { display: block; }

.fancybox-show-thumbs .fancybox-inner { right: 212px; }

.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }

.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }

.fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }

.fancybox-thumbs__list a:focus::before { opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }

.pop-message { padding: 44px; border-radius: 5px; }

.fancybox-button, .fancybox-button:visited, .fancybox-button:link { background: #000; }

.fancybox-button svg { color: #fff; }

.fancybox-content h2 { padding: 4% 0; color: #000; }

.fancybox-button[disabled], .fancybox-button[disabled]:hover { display: none; }

.slick-arrow { width: 50px; background: #912145; color: #fff; padding: 25px 0; cursor: pointer; position: absolute; z-index: 50; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; font-size: 200%; text-align: center; }

.icon-arrow-left { left: -25px; }

.icon-arrow-right { right: -25px; }

.carrousel-vins { opacity: 0; visibility: hidden; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }

.carrousel-vins.slick-initialized { visibility: visible; opacity: 1; }

@media screen and (max-width: 1024px) { .slick-arrow { width: 30px; padding: 20px 0; font-size: 120%; } .icon-arrow-left { left: -15px; } .icon-arrow-right { right: -15px; } }