@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&family=Teko:wght@500;700&display=swap');

:root {
--org-color: #7971EA;
--org-color-hover: #5852B4;
--content-bg-color: #EEEEEE;
--text-color: #393E46;
--subtitle-color: #A2A7B1;
}

body {
  margin: 0px;
  -webkit-font-smoothing: antialiased;
  font-family: 'Nunito', sans-serif;
  color: #343D4A;
}

body.menu-open{
  background: #9CD8D8;
}

body.menu-open section,
body.menu-open footer,
body.menu-open #slideshow,
body.menu-open #contentOuter{
  display: none;
}

ul.category-module, ul.category-module li {
list-style: none;
}

#content a:not(:where(.ec-storefront-v3 a)),
.module.contact .courriel a,
.module.path ul li a{
  color: #343D4A;
  text-decoration: none;
  font-weight: 400;
  position: relative;
  background: linear-gradient(to bottom, transparent 50%, #9CD8D8 50%);
  background-size: 100% 200%;
  background-position: 100% 50%;
  display: initial;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

#content .blog.beer .item h2 a,
#content .blog.beer .item .item-image a,
#content .pagination a{
  background: none;
  display: block;
}

#content a:not(:where(.ec-storefront-v3 a)):hover,
.module.contact .courriel a:hover,
.module.path ul li a:hover {
  background-position: 100% 100%;
  transition: all 0.4s ease;
}

#content strong{
  font-weight: 900;
}

section, main, footer#footer {
padding: 50px 0px;
}

#content ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#content ul li{
  position: relative;
  margin: 0 0 10px 0;
  padding-left: 25px;
  background-image: url(../images/wing-icon-left.png);
  background-size: 17px auto;
  background-position: left 9px;
  background-repeat: no-repeat;
}

#content .item-page.achat ul li{
  background-image: none;
}

/*#content ul li::before {
  display: none;
  content: '';
  height: 9px;
  width: 17px;
  background-image: url(../images/wing-icon-left.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 9px;
  left: -20px;
}

#content .pagination ul li::before{
  display: none;
}*/

#content ol{
  padding: 0 ;
  margin: 0;
  list-style-type: none;
  counter-reset: item ;
}

#content ol > li{
  display: block;
  padding-left: 20px;
  text-indent: 0;
  position: relative;
}



#content ol > li::before{
  content: counter(item);
  counter-increment: item;
  color: #89D2D1;
  position: absolute;
  left: 0;
  top: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
}


/* size start */
/* 18*/
body,
.item-page.beer .beerDetails .detailsRight h3,
.eb-dialog{
  font-size: 18px;
  line-height: 32px;
}

@media(max-width:1920px){
  body,
  .item-page.beer .beerDetails .detailsRight h3{
    font-size: 0.9375vw;
    line-height: 1.666vw;
  }
}

@media(max-width:1705px){
  body,
  .item-page.beer .beerDetails .detailsRight h3{
    font-size: 16px;
    line-height: 30px;
  }
}

/* 24 */
.intro-text,
.blog.beer .category-desc,
.item-page.beer div[itemprop="articleBody"] {
  font-size: 24px;
  line-height: 44px;
}

@media(max-width:1920px){
  .intro-text,
  .blog.beer .category-desc,
  .item-page.beer div[itemprop="articleBody"]{
    font-size: 1.25vw;
    line-height: 2.291vw;
  }
}

@media(max-width:1610px){
  .intro-text,
  .blog.beer .category-desc,
  .item-page.beer div[itemprop="articleBody"]{
    font-size: 20px;
    line-height: 40px;
  }
}

/* 32 */
.subtitle-1,
.module.slideshow .item-wrapper h4,
#content .blog.beer .item h2 a,
.item-page.beer .beerDetails .detailsLeft .detail h2,
.module.sliderBeer .item h4,
.eb-dialog .eb-header {
  font-size: 32px;
  line-height: 38px;
}

@media(max-width:1920px){
  .subtitle-1,
  .module.slideshow .item-wrapper h4,
  #content .blog.beer .item h2 a,
  .item-page.beer .beerDetails .detailsLeft .detail h2,
  .module.sliderBeer .item h4,
.eb-dialog .eb-header{
    font-size: 1.666vw;
    line-height: 1.979vw;
  }
}

@media(max-width:1685px){
  .subtitle-1,
  .module.slideshow .item-wrapper h4,
  #content .blog.beer .item h2 a,
  .item-page.beer .beerDetails .detailsLeft .detail h2,
  .module.sliderBeer .item h4,
.eb-dialog .eb-header{
    font-size: 28px;
    line-height: 34px;
  }
}

/* 40 */
.quote {
  font-size: 40px;
  line-height: 65px
}

@media(max-width:1920px){
  .quote{
    font-size: 2.083vw;
    line-height: 3.385vw;
  }
}

@media(max-width:1230px){
  .quote{
    font-size: 36px;
    line-height: 54px;
  }
}

/* 52 */
.home h3,
.blog h1,
.item-page h1,
.module.contact h4.module-title,
.module.expedionsText h3,
.blog.equipe .item .itemBody h2,
.module.beerPage .module-title,
.com_convertforms h1{
  font-size: 52px;
  line-height: 60px;
}

@media(max-width:1920px){
  .home h3,
  .blog h1,
  .item-page h1,
  .module.contact h4.module-title,
  .module.expedionsText h3,
  .blog.equipe .item .itemBody h2,
  .module.beerPage .module-title,
  .com_convertforms h1{
    font-size: 2.708vw;
    line-height: 3.125vw;
  }
}

@media(max-width:1550px){
  .home h3,
  .blog h1,
  .item-page h1,
  .module.contact h4.module-title,
  .module.expedionsText h3,
  .blog.equipe .item .itemBody h2,
  .module.beerPage .module-title,
  .com_convertforms h1{
    font-size: 42px;
    line-height: 52px;
  }
}
/* 62 */
.module.headerText h2{
  font-size: 62px;
  line-height: 65px;
}

@media(max-width:1280px){
  .module.headerText h2{
    font-size: 62px;
    line-height: 98px;
  }
}

@media(max-width:1000px){
  .module.headerText h2{
    font-size: 6.2vw;
    line-height: 9.8vw;
  }
}

@media(max-width:680px){
  .module.headerText h2{
    font-size: 42px;
    line-height: 66px;
  }
}

/* size end */

/* bouton transparent start */
#content a.button-1,
.button-1,
.home #content .readmore a,
#content .convertforms span.cf-btn-text {
  text-decoration: none;
  margin: 0px;
  font-size: 21px;
  line-height: 24px;
  padding: 20px 35px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 700;
  font-family: 'Teko', sans-serif;
  background: transparent;
  position: relative;
}

#content .convertforms span.cf-btn-text{
  color: #343D4A;
}


#content a.button-1::after,
.button-1::after,
#content a.button-1::before,
.button-1::before,
.home #content .readmore a::before,
.home #content .readmore a::after,
#content .convertforms span.cf-btn-text::before,
#content .convertforms span.cf-btn-text::after{
  display: block;
  content: '';
  height: calc(100% - 10px);
  width: calc(100% - 10px);
  border: 2px solid #9CD8D8;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s ease;
}

#content a.button-1::before,
.button-1::before,
.home #content .readmore a::before,
#content .convertforms span.cf-btn-text::before{
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}

#content a.button-1:hover::after,
.button-1:hover::after,
.home #content .readmore a:hover::after,
#content .convertforms span.cf-btn-text:hover::after{
  top: 3px;
  left: 3px;
  transition: all 0.5s ease;

}

#content a.button-1:hover::before,
.button-1:hover::before,
.home #content .readmore a:hover::before,
#content .convertforms span.cf-btn-text:hover::before{
  right: 3px;
  bottom: 3px;
  transition: all 0.5s ease;
}



/* bouton transparent end */

/* bouton plein start */
.module.slideshow .item-wrapper a.readmore,
#content .blog.beer .items-row .item .readmore a,
.module.sliderBeer .item-wrapper a.readmore,
.module.beerPage .newsflash .item .item-footer a {
  color: #343D4A;
  text-decoration: none;
  position: relative;
  background: linear-gradient(to bottom, transparent 50%, #9CD8D8 50%);
  background-size: 100% 200%;
  background-position: 100% 50%;
  display: initial;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'Teko', sans-serif;
  font-size: 21px;
  line-height: 30px;
  letter-spacing: 1.05px;
  padding: 5px 35px 0 10px;
}

.module.slideshow .item-wrapper a.readmore:hover,
#content .blog.beer .items-row .item .readmore a:hover,
.module.sliderBeer .item-wrapper a.readmore:hover,
.module.beerPage .newsflash .item .item-footer a:hover {
  background-position: 100% 100%;
  transition: all 0.4s ease;
}

.module.slideshow .item-wrapper a.readmore::after,
#content .blog.beer .items-row .item .readmore a::after,
.module.sliderBeer .item-wrapper a.readmore::after,
.module.beerPage .newsflash .item .item-footer a::after{
  display: block;
  content: '\f067';
  font-family: 'Font Awesome 5 Pro';
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  position: absolute;
  top: 9px;
  right: 10px;
}
/* bouton plein end */

/* titles start */
.home h3,
.blog h1,
.item-page h1,
.module.expedionsText h3,
.blog.equipe .item .itemBody h2,
.item-page.beer .beerDetails .detailsLeft .detail h2,
.module.beerPage .module-title,
.com_convertforms h1 {
  margin: 0px auto 40px auto;
  color: #343D4A;
  position: relative;
  padding: 0px;
  display: block;
  font-family: 'Teko', sans-serif;
  font-weight: 700;
  letter-spacing: 2.6px;
  text-transform: uppercase;
}

.blog.equipe .item .itemBody h2{
  margin: 0 0 20px 0;
}

.item-page.beer .beerDetails .detailsLeft .detail h2{
  margin: 0 0 5px;
}

#content .item-page.beer .beerDetails .detailsLeft .detail img{
  max-width: 307px;
  margin: 10px 0 0;
  width: 100%;
}


@media(max-width:820px){
  .home h3{
    text-align: center;
    margin: 0 0 20px;
  }
}

.blog h1 {
text-align: left;
flex: 1 100%;
}

.item-page h2 {
text-align: left;
margin: 0px 0px 30px 0px;
}


.item h2 a {
margin: 0px;
padding: 0px;
font-weight: 600;
}


/* titles end */


/* pagination start */
#content .pagination ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#content .pagination ul li {
display: inline-block;
padding: 0px;
margin: 0px 5px 10px 0px;
list-style: none;
}

#content .pagination ul li span {
  display: inline-block;
  color: #A2A7B1;
  width: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  font-family: 'Teko', sans-serif;
}

#content .pagination ul li a {
  display: inline-block;
  text-decoration: none;
  width: 50px;
  line-height: 50px;
  text-align: center;
  color: #9CD8D8;
  position: relative;
  font-family: 'Teko', sans-serif;
  font-weight: 700;
}

#content .pagination ul li.pagination-start span,
#content .pagination ul li.pagination-start a,
#content .pagination ul li.pagination-prev span,
#content .pagination ul li.pagination-prev a,
#content .pagination ul li.pagination-end span,
#content .pagination ul li.pagination-end a,
#content .pagination ul li.pagination-next span,
#content .pagination ul li.pagination-next a {
color: transparent;
font-size: 0px;
background-color: transparent;
}

#content .pagination ul li.pagination-start span::before,
#content .pagination ul li.pagination-start a::before,
#content .pagination ul li.pagination-prev span::before,
#content .pagination ul li.pagination-prev a::before,
#content .pagination ul li.pagination-next span::before,
#content .pagination ul li.pagination-next a::before,
#content .pagination ul li.pagination-end span::before,
#content .pagination ul li.pagination-end a::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  width: 50px;
  line-height: 50px;
  color: #A2A7B1;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 18px;
}

#content .pagination ul li.pagination-start a::before,
#content .pagination ul li.pagination-prev a::before,
#content .pagination ul li.pagination-next a::before,
#content .pagination ul li.pagination-end a::before {
color: #9CD8D8;
}

#content .pagination ul li.pagination-start span::before,
#content .pagination ul li.pagination-start a::before {
content: "\f323";
}

#content .pagination ul li.pagination-prev span::before,
#content .pagination ul li.pagination-prev a::before {
content: "\f053";
}

#content .pagination ul li.pagination-next span::before,
#content .pagination ul li.pagination-next a::before {
content: "\f054";
}

#content .pagination ul li.pagination-end span::before,
#content .pagination ul li.pagination-end a::before {
content: "\f324";
}
/* pagination end */

/* forms start */


.com_convertforms #content form{
  font-size: 18px !important;
  line-height: 32px !important;
  font-family: 'Nunito', sans-serif !important;
  color: #343D4A !important;
}

.com_convertforms .cf-form-wrap{
  padding: 0;
}

#content fieldset {
border: 0px none;
padding: 0px;
}

#content .convertforms .cf-checkbox-group label, 
#content .convertforms .cf-radio-group label{
  margin: 0;
}

#content input ,
#content textarea ,
#content .convertforms .cf-select select{
  border: 0px none;
  padding: 15px;
  background-color: transparent;
  border: 1px solid #9CD8D8;
  margin: 0px 0px 20px 0px;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  color: #343D4A;
  accent-color: #9CD8D8;
}

#content .cf-control-group[data-type="datetime"] input,
#content .convertforms .cf-select select{
  background-image: url(../images/calendar.png);
  background-size: 15px auto;
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
  padding-right: 50px;
}

#content .convertforms .cf-select select{
  background-image: url(../images/angle-down.png) !important;
  --webkit-appearance: none;
}

#content .convertforms .cf-input[type=radio]{
  width: 17px;
  height: 17px;
  margin: 0;
}


.convertforms .cf-select:after{
  display: none;
}


#content label, #content .ui.form .grouped.fields label {
font-weight: 600;
margin: 0px 0px 5px 0px;
font-size: 18px;
color: #343D4A;
display: block;
}


#content .convertforms .cf-btn{
  background: transparent;
  padding: 0;
  opacity: 1 !important;
}

#main .convertforms .cf-response{
  color: #343D4A;
  padding: 0;
  text-align: left;
}

#main .convertforms.cf-success .cf-response{
  background: transparent;
}



/* forms end */

.inner,
#contentOuterInner {
  width: 90%;
  max-width: 1776px;
  text-align: left;
  margin: 0px auto;
  overflow: hidden;
  padding: 0px;
  position: relative;
}

.mod-articles-category-readmore {
margin: 0px;
}

.tooltip {
display: none !important;
}

/* header begin */
#header {
  width: 100%;
  text-align: center;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  z-index: 9999919;
  position: relative;
}

@media(max-width:820px){
  #header{
    padding: 0 0 20px;
  }

  .home #header{
    padding: 0 ;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
}

#header .inner{
  overflow: visible;
  width: 96%;
  max-width: 1843px;
}

@media(max-width:1100px){
  #header .inner{
    width: 100%;
  }
}

#header .inner div[data-position="header"] {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}

@media (max-width: 820px){
  #header .inner div[data-position="header"]{
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
  }

  .menu-open #header .inner div[data-position="header"]{
    justify-content: flex-end;
  }
}

.module.logo {
  position: absolute;
  top: 10px;
  left: 0;
  padding: 0 30px;
  background: #FFF;
}

@media (max-width:1100px){
  .module.logo{
    top: 5px;
    padding: 0 10px;
  }
}

@media (max-width: 820px){
  .module.logo{
    background: transparent;
    padding: 0;
    position: relative;
    left: auto;
    top: auto;
    flex: 1;
    margin-left: 20px;
  }

  .menu-open .module.logo{
    display: none;
  }
}

.module.logo h1 {
font-size: 0px;
line-height: 0px;
color: transparent;
display: block;
}

.module.logo a {
  display: block;
  width: 133px;
  height: 102px;
  background-image: url('../images/logo@2x.png');
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width:1100px){
  .module.logo a{
    height: 70px;
    width: 90px;
  }
}

.module.menuButton{
  border-left: 1px solid #9CD8D8;
}

@media (max-width: 820px){
  .module.menuButton{
    display: none;
  }

  .menu-open .module.menuButton{
    display: block;
    order: 2;
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
  }
}

.module.menuButton a{
  color: #FFF;
  background: #343D4A;
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Teko', sans-serif;
  letter-spacing: .5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  padding: 0 20px;
}

@media(max-width:1100px){
  .module.menuButton a{
    height: 60px;
  }
}

@media (max-width: 820px){
  .module.menuButton a{
    display: inline-block;
    padding: 5px 10px;
    height: auto;
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: 1.2px;
  }
}

.module.homeButtonMobile{
  display: none;
  width: 100%;
  margin-top: 30px;
}

.menu-open .module.homeButtonMobile{
  display: block;
  order: 3;
  padding: 0 50px;
}

.menu-open .module.homeButtonMobile a{
  text-transform: uppercase;
  font-family: 'Teko', sans-serif;
  color: #343D4A;
  text-decoration: none;
  display: inline-block;
  padding: 0;
  height: auto;
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  letter-spacing: 1.2px; 
  padding: 10px 0;
}

.module.menu-home {
text-align: right;
z-index: 999993;
}

@media (max-width: 820px) {
  .module.menu-home {
    display: none;
  }
}

.module.menu-home ul {
padding: 0px;
margin: 0px;
list-style: none;
}

.module.menu-home ul li {
display: inline-block;
padding: 0px;
margin: 0px;
list-style: none;
}

.module.menu-home ul li a {
  font-size: 0px;
  line-height: 0px;
  color: transparent;
  width: 54px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #9CD8D8;
}

@media(max-width:1100px){
  .module.menu-home ul li a{
    height: 60px;
  }
}


.module.menu-home ul li a::after {
  font-size: 16px;
  line-height: 19px;
  color: #343D4A;
  content: "\f015";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  transition: color 0.5s ease;
}

.module.langue {
text-align: right;
z-index: 999993;
}

@media (max-width: 820px) {
  .menu-open .module.langue {
  display: none;
  }
}

.module.langue ul {
padding: 0px;
margin: 0px;
list-style: none;
}

.module.langue ul li {
padding: 0px;
margin: 0px;
list-style: none;
}

.module.langue ul li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  width: 54px;
  color: #343D4A;
  background: #9CD8D8;
  transition: color 0.5s ease, border 0.5s ease;
  letter-spacing: .8px;
  font-family: 'Teko', sans-serif;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
}

@media(max-width:1100px){
  .module.langue ul li a{
    height: 60px;
  }
}

@media(max-width:820px){
  .module.langue ul li a{
    border: 1px solid #D9D2C5;
    height: 63px;
    width: 73px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #D9D2C5;
    font-size: 20px;
    line-height: 20px;
  }
}

/* header end */

/* Menu mobile start */
.module.menu-button, .module.menu-mobile {
display: none;
z-index: 999993;
}

@media (max-width: 820px) {
  .module.menu-button {
    display: inline-block;
  }

  .menu-open .module.menu-button{
    order: 1;
    margin-bottom: 30px;
  }
}


.module.menu-button::before {
  content: "\f0c9";
  font-family: "Font Awesome 5 Pro";
  color: #343D4A;
  line-height: 32px;
  font-size: 32px;
  cursor: pointer;
  cursor: hand;
  width: 75px;
  text-align: center;
  font-weight: 400;
  background: #9CD8D8;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-open .module.menu-button::before {
content: "\f00d";
}

@media (max-width: 820px) {
.module.menu, .module.menu-mobile {
display: none;
}
}

.menu-open .module.menu-mobile {
  display: block;
  opacity: 1;
  z-index: 999992;
  text-align: left;
  padding: 0 0px 30px 0px;
  width: 100%;
  order: 4;
}

.menu-open .module.menu-mobile ul {
display: block;
margin: 0px;
padding: 0px;
list-style: none;
}

.menu-open .module.menu-mobile ul li {
display: block;
text-align: left;
padding: 0px;
margin: 0px;
list-style: none;
}

.menu-open .module.menu-mobile ul li a,
.menu-open .module.menu-mobile ul li span.separator {
  padding: 10px 50px;
  margin: 0px;
  color: #343D4A;
  text-decoration: none;
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  font-family: 'Teko', sans-serif;
  letter-spacing: 1.2px;
}

.menu-open .module.menu-mobile ul li span.separator{
  display: inline-block;
  padding-right: 25px;
  position: relative;
}

.menu-open .module.menu-mobile ul li ul {
left: -9999px;
position: absolute;
}

.menu-open .module.menu-mobile ul li.open ul {
  position: relative;
  left: auto;
  display: block;
}

.menu-open .module.menu-mobile ul li ul li a,
.menu-open .module.menu-mobile ul li ul li span.separator {
  padding: 15px 30px 15px 60px;
  border-bottom: 0px none;
  font-size: 20px;
  line-height: 29px;
}

.menu-close .module.menu-mobile {
display: none;
}
/* menu end */

/* menu start */
#menu {
  width: 100%;
  height: 85px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  z-index: 999992;
  border-top: 1px solid #9CD8D8;
}

@media (max-width: 820px) {
#menu {
display: none;
}
}

#menu .inner {
  position: relative;
  overflow: visible;
  width: 96%;
  max-width: 1843px;
}

.module.menu {
  position: relative;
  width: 100%;
}

.module.menu ul {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  padding: 0px;
  height: 85px;
  margin: 0;
  width: calc(100% - 200px);
  margin: 0px 0 0 auto;
}

@media(max-width:1100px){
  .module.menu ul{
    justify-content: space-between;
    width: 100%;
  }
}

.module.menu ul li {
  display: flex;
  align-items: stretch;
  text-align: center;
  position: relative;
  cursor: pointer;
  margin: 0 15px
}

.module.menu ul li:first-of-type{
  margin-left: 0;
}

.module.menu ul li:last-of-type{
  margin-right: 0;
}

@media(max-width:1100px) {
  .module.menu ul li{
    margin: 0 10px
  }
}

.module.menu ul li a,
.module.menu ul li span.separator {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #343D4A;
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Teko', sans-serif;
  letter-spacing: 1px;
  position: relative;
  z-index: 1
}

.module.menu ul li a::before,
.module.menu ul li span.separator::before{
  display: block;
  content: '';
  height: 0;
  width: 100%;
  background: #9CD8D8;
  position: absolute;
  right: 0;
  bottom: 35px;
  left: 0;
  z-index: -1;
  transition: all 0.5s ease;
}

.module.menu ul li a:hover::before,
.module.menu ul li span.separator:hover::before,
.module.menu ul li.active a::before,
.module.menu ul li.active span.separator::before,
.module.menu ul li:hover > a::before,
.module.menu ul li:hover > span.separator::before{
  height: 8px;
  transition: all 0.5s ease;
}

.module.menu ul li span.separator{
  padding-right: 20px;
}

.module.menu ul li span.separator::after,
.menu-open .module.menu-mobile ul li span.separator::after{
  display: block;
  content: '\f107';
  font-family: 'Font Awesome 5 Pro';
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 0;
}

.module.menu ul li ul {
  background-color: #F7F7F7;
  list-style: none;
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -99999px;
  top: 80px;
  left: -10px;
  visibility: hidden;
  opacity: 0;
  z-index: -1;

}

.module.menu ul li:hover ul {
  visibility: visible;
  opacity: 1;
  z-index: 99999;
}

.module.menu ul li ul li {
display: block;
margin: 0px;
}

.module.menu ul li ul li:first-child,
.module.menu ul li ul li:last-child {
margin: 0px;
}

.module.menu ul li ul li a,
.module.menu ul li ul li span.separator {
  font-size: 16px;
  padding: 10px 26px;
  border-right: 0px none;
  text-align: left;
  display: block;
  white-space: nowrap;
  min-width: 200px;
}

.module.menu ul li ul li a::before,
.module.menu ul li ul li span.separator::before{
  display: none !important;
}

.module.menu ul li ul li a::after{
  display: block;
  content: '';
  height: 31px;
  width: 1px;
  background: #9CD8D8;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 10px;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.module.menu ul li ul li.active a::after,
.module.menu ul li ul li a:hover::after{
  opacity: 1;
  transition: opacity 0.5s ease;
}



/* slideshow start */
#slideshow {
  padding: 0px;
  background: linear-gradient(to bottom, rgba(156, 216, 216, .15) 50%, transparent 50%);
  position: relative;
}

@media(max-width:1280px){
  #slideshow{
    background: transparent
  }
}

#slideshow::after{
  display: block;
  content: '';
  height: calc(100% - 60px);
  width: 60%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/img-header@2x.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 8% 100%);
}


#slideshow .inner {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}

#p_slideshow{
  margin: 0 auto;
}

#p_slideshow::after{
  display: block;
  content: '';
  height: calc(100% - 60px);
  width: 48%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #9CD8D8;
  z-index: 1;
  -webkit-clip-path: polygon(0 0%, 92% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0%, 92% 0, 100% 100%, 0 100%);
}

@media(max-width:1280px){
  #slideshow::after,
  #p_slideshow::after{
    display: none;
  }
}

@media(max-width:700px){
  #p_slideshow{
    height: 600px;
    background-image: url(../images/img-header-mobile@2x.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}


.module.headerText{
  width: 90%;
  max-width: 1776px;
  padding: 230px 0;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  font-size: 20px;
  line-height: 32px;
}

@media(max-width:1280px){
  .module.headerText{
    position: absolute;
    right: 3%;
    bottom: 5%;
    padding: 0;
    max-width: 650px;
    color: #FFF;
    width: 60%;
  }
}

@media(max-width:700px){
  .module.headerText{
    font-size: 18px;
    line-height: 28px;
    width: 88%;
    margin: 0 auto;
    right: 0;
    left: 0;
  }
}


.module.headerText .module-header,
.module.headerText .module-content{
  max-width: 35%;
}

@media(max-width:1280px){
  .module.headerText .module-header,
  .module.headerText .module-content{
    max-width: 100%;
  }

  .module.headerText .module-content{
    margin-top: 20px;
  }
}

#slideshow h2{
  text-transform: uppercase;
  color: #343D4A;
  font-family: 'Teko', sans-serif;
  margin: 0 0 30px;
}

@media(max-width:1280px){
  #slideshow h2{
    margin: 0;
    position: relative;
    display: inline;
    background-color: #9CD8D8;
    box-shadow: 15px 0 0 #9CD8D8, -15px 0 0 #9CD8D8;
  }
}

.module.headerTablet{
  display: none;
  line-height: 0;
  overflow: hidden;
}

@media(max-width:1280px){
  .module.headerTablet{
    display: block;
  }
}

@media(max-width:700px){
  .module.headerTablet{
    display: none;
  }
}

@media(max-width:1150px){
  .module.headerTablet .customheaderTablet{
    height: 638px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.module.headerTablet img{
  width: 100%;
  height: auto;
}

@media(max-width:1150px){
  .module.headerTablet img{
    width: auto;
    height: 100%;

  }
}
/* slideshow end */


/* top-01 start */

#top-01{
  padding: 50px 0 100px;
}

#top-01 .inner{
  width: 96%;
}

.module.slideshow .module-header{
  text-align: center;
  padding-top: 60px;
  position: relative;
  margin: 0 0 60px;
}

.module.slideshow .module-header::after{
  display: block;
  content: '';
  height: 38px;
  width: 91px;
  background-image: url(../images/wing-icon-right@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.module.slideshow .slick-slide,
.module.sliderBeer .slick-slide {
  position: relative;
}

.module.slideshow .newsflash,
.module.sliderBeer .newsflash {
  padding: 0px;
  margin: 0px;
}

.module.slideshow .newsflash .slick-list,
.module.sliderBeer .newsflash .slick-list{
  width: 94%;
  margin: 0 auto;
}

.module.slideshow .newsflash .item,
.module.sliderBeer .newsflash .item {
  padding: 0px;
  margin: 0px;
  display: flex !important;
  justify-content: space-between;
  margin: 0 50px 50px;
  width: calc(100% - 100px) !important;
}

@media(max-width:600px){
  .module.slideshow .newsflash .item,
  .module.sliderBeer .newsflash .item{
    display: block !important;
    margin:  0 50px;
  }
}

.module.slideshow .item-img,
.blog.beer .items-row .item .item-image,
.module.sliderBeer .item-img,
.module.beerPage .newsflash .item .item-img{
  width: 33%;
}

@media(max-width:600px){
  .module.slideshow .item-img,
  .blog.beer .items-row .item .item-image,
  .module.sliderBeer .item-img,
  .module.beerPage .newsflash .item .item-img{
    width: 100%;
    text-align: center;
    margin: 0 0 30px;
  }
}

.module.slideshow .item-img img,
.blog.beer .items-row .item .item-image img,
.module.sliderBeer .item-img img,
.module.beerPage .newsflash .item .item-img img{
  width: 100%;
  height: auto;
}

@media(max-width:600px){
  .module.slideshow .item-img img,
  #content .blog.beer .items-row .item .item-image img,
  .module.sliderBeer .item-img img,
  .module.beerPage .newsflash .item .item-img img{
    max-width: 136px;
    margin: 0 auto;
  }
}

.module.slideshow .item-wrapper,
.blog.beer .items-row .item .itemBody,
.module.sliderBeer .item-wrapper,
.module.beerPage .newsflash .item .item-wrapper {
  width: calc(67% - 30px);
}

@media(max-width:600px){
  .module.slideshow .item-wrapper,
  .blog.beer .items-row .item .itemBody,
  .module.sliderBeer .item-wrapper,
  .module.beerPage .newsflash .item .item-wrapper {
    width: 100%;
  }
}

.module.slideshow .item-wrapper .item-header a,
.module.sliderBeer .item-wrapper .item-header a,
.module.beerPage .newsflash .item .item-wrapper .item-header a{
  text-decoration: none;
}

.module.slideshow .item-wrapper h4,
#content .blog.beer .item h2 a,
.module.sliderBeer .item-wrapper h4,
.module.beerPage .newsflash .item .item-wrapper .item-header h2{
  margin: 0px 0px 15px 0px;
  padding: 0 0 10px;
  border-bottom: 1px solid #89D2D1;
  font-family: 'Teko', sans-serif;
  color: #343D4A;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.itemDetails,
.item-page.beer .beerDetails .detailsRight .detailsRightTop,
.module.beerPage .newsflash .item .item-wrapper .itemDetails{
  display: flex;
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  color: #343D4A;
  margin: 0 0 10px;
}

.itemDetails span,
.item-page.beer .beerDetails .detailsRight .detailsRightTop span{
  width: 50%;
}

.module.slideshow button,
.module.sliderBeer button {
  font-size: 0px;
  line-height: 0px;
  color: transparent;
  padding: 0px;
  border: 0px none;
  outline: none;
  background-color: transparent;
}

.module.slideshow button.slick-prev,
.module.sliderBeer button.slick-prev {
position: absolute;
left: 0%;
top: 0px;
height: 100%;
z-index: 99999;
}

.module.slideshow button.slick-next,
.module.sliderBeer button.slick-next {
position: absolute;
right: 0%;
top: 0px;
height: 100%;
z-index: 99999;
}

.module.slideshow button::before,
.module.sliderBeer button::before {
  color: #9CD8D8;
  font-family: "Font Awesome 5 Pro";
  font-size: 60px;
  font-weight: 300;
  width: 48px;
  line-height: 48px;
  display: block;
  cursor: pointer;
}

.module.slideshow button.slick-disabled::before,
.module.sliderBeer button.slick-disabled::before{
  color: rgba(156, 216, 216, .15)
}

.module.slideshow button.slick-prev::before,
.module.sliderBeer button.slick-prev::before {
content: "\f104";
}

.module.slideshow button.slick-next::before,
.module.sliderBeer button.slick-next::before {
content: "\f105";
}

.slick-track{
    display: flex !important;
}

.slick-slide{
  height: inherit !important;
}

.module.slideshow .slick-slide div:nth-of-type(1),
.module.slideshow .slick-slide div:nth-of-type(2){
    height: 50% !important;
}

.mobile .module.slideshow .slick-slide div:nth-of-type(1),
.mobile .module.slideshow .slick-slide div:nth-of-type(2){
    height: auto !important;
}

.module.slideshow .item-footer,
.module.sliderBeer .item-footer,
.blog.beer .item .readmore,
.module.beerPage .newsflash .item .item-footer{
  display: block;
  border-top: 1px solid #9CD8D8;
  margin-top: 20px;
  padding-top: 10px;
}

@media(max-width:600px){
  .blog.beer .item .readmore{
    border-top: none;
    border-bottom: 1px solid #9CD8D8;
    margin: 0;
    padding: 20px 0 30px;
  }
}

.module.boutiqueButton{
  text-align: center;
  padding: 60px 0 0;
}

@media(max-width:1000px){
  .module.boutiqueButton{
    padding: 40px 0 0;
  }
}

/* top-01 end */

/* content start */
#content img {
max-width: 100%;
height: auto !important;
}

#content {
  padding: 145px 0px 100px 0px;
}

@media(max-width:820px){
  #content {
    padding: 80px 0px 100px 0px;
  }
}

.blog{
  max-width: 1600px;
  margin: 0 auto;
}

.item-page,
.com_convertforms h1,
.com_convertforms .convertforms {
  max-width: 907px;
  margin: 0px auto;
  position: relative;
}

.com_convertforms h1{
  margin: 0 auto 40px;
}

.item-page.beer{
  max-width: 1254px;
}

.article-info {
margin: 0px 0px 20px 0px;
padding: 0px;
}

.published, .create {
margin: 0px;
padding: 0px;
color: #707379;
font-size: 18px;
font-weight: 700;
}

.item-page.onTap #eapps-instagram-feed-1{
  width: 100% !important;
}


#content .item-page.onTap img{
  height: 100% !important;
}

/* content end */

/***** home content start *****/
.home #contentOuter{
  background: #F7F7F7;
  padding: 120px 0 50px;
}

.home #contentOuter{
  padding: 70px 0 50px;
}

.home #contentOuterInner{
  display: flex;
  justify-content: space-between;
  width: 68%;
  margin: 0 14% 0 auto;
}

@media(max-width:1280px){
  .home #contentOuterInner{
    width: 90%;
    margin: 0 auto;
  }
}

@media(max-width:820px){
  .home #contentOuterInner{
    display: block;
  }
}

.home #contentOuter #contentLeft{
  width: calc(37% - 40px);
  padding: 0 40px 0 0;
}

@media(max-width:820px){
  .home #contentOuter #contentLeft{
    width: 100%;
    padding: 0;
  }

  .home #contentOuter #contentLeft a{
    display: none;
  }
}

.home #contentOuter #contentLeft .inner,
.home #contentOuter #content .inner{
  width: 100%;
}

.home #contentOuter #content{
  width: 63%;
  padding: 0;
}

@media(max-width:820px){
  .home #contentOuter #content{
    width: 100%;
  }
}

.home #content .readmore{
  display: none;
}

@media(max-width:820px){
  .home #content .readmore{
    display: block;
    text-align: center;
  }
}


/***** home content end *****/

/* bottom-01 start */
#bottom-01{
  background: #F7F7F7;
  padding: 140px 0;
  background-image: url(../images/cav-oh-kay.png);
  background-repeat: no-repeat;
  background-position: 4% -25px;
}

@media(max-width:1020px){
  #bottom-01{
    background-size: 100% auto;
  }
}

@media(max-width:820px){
  #bottom-01{
    background-image: none;
    padding: 0 0 60px;
  }
}

#bottom-01 .inner{
  width: 100%;
  max-width: 100%;
  background-image: url(../images/wing-icon-left@2x.png);
  background-repeat: no-repeat;
  background-position: 13% center;
  background-size: 226px 95px;
}

@media(max-width:1400px){
  #bottom-01 .inner{
    background-position: 9% center;
  }
}

#p_bottom-01{
  display: flex;
  justify-content: flex-end;
  line-height: 0;
}

#p_bottom-01 img{
  width: 100%;
  height: auto;
}

.module.bottomLeft{
  width: 49.5%;
  margin: 0 40px 0 0;
}

@media(max-width:820px){
  .module.bottomLeft{
    width: 100%;
    margin: 0;
  }
}

.module.bottomRight{
  width: 33%;
}

@media(max-width:820px){
  .module.bottomRight{
    display: none;
  }
}

/* bottom-01 end */

/* bottom-02 start */
#bottom-02{
  background: #F7F7F7;
  padding: 60px 0;
}

@media(max-width:820px){
  #bottom-02{
    padding: 0 0 40px;
  }
}

#bottom-02 .inner{
  width: 100%;
  max-width: 100%;
}

#p_bottom-02{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media(max-width:820px){
  #p_bottom-02{
    display: block;
  }
}

.module.instaLeft{
  width: 23.5%;
  margin: 0 40px 0 0;
}

@media(max-width:820px){
  .module.instaLeft{
    width: 90%;
    margin: 0 auto 40px;
    text-align: center;
  }
}

.module.instaLeft h3{
  margin:  0 0 20px;
}

.module.instaRight{
  width: 59%;
}

@media(max-width:820px){
  .module.instaRight{
    width: 100%;
  }
}

/* bottom-02 end */

/***** bottomContact start *****/
#bottomContact{
  padding: 0 0 55px;
  position: relative;
  background: #F7F7F7;
}

@media(max-width:700px){
  #bottomContact{
    padding: 0 0 160px;
  }

  #bottomContact .inner{
    width: 100%;
  }
}

#bottomContact::after{
  display: block;
  content: '';
  height: calc(100% - 140px);
  width: 100%;
  background-image: url(../images/img-footer@2x.jpg);
  background-size: cover;
  background-position: center;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

@media(max-width:700px){
  #bottomContact::after{
    height: 160px;
  }
}

#bottomContact .inner::after{
  display: block;
  content: '';
  height: 32px;
  width: 100%;
  background: #D9D2C5;
  position: absolute;
  top: 108px;
  right: 0;
  left: 0;
  clip-path: polygon(1.5% 0%, 100% 0, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(1.5% 0%, 100% 0, 100% 100%, 0% 100%);

}

#p_bottomContact{
  position: relative;
  z-index: 1;
  width: 50%;
  max-width: 710px;
  margin: 0 0 0 auto;
  background: #FFF;
  padding: 20px;
}

@media(max-width:820px){
  #p_bottomContact{
    width: calc(100% - 40px);
  }
}

.module.contact{
  border: 1px solid #9CD8D8;
}

.module.contact .module-header{
  padding: 12px 80px 0px;
  border-bottom: 1px solid #9CD8D8
}

@media(max-width:1220px){
  .module.contact .module-header{
    padding: 20px 20px 0;
  }
}

.module.contact h4.module-title{
  font-family: 'Teko', sans-serif;
  color: #343D4A;
  margin: 0 0 10px;
  letter-spacing: 2.6px;
  text-transform: uppercase;
}

.module.contact ul{
  margin: 0;
  padding: 40px 80px 20px;
}

@media(max-width:1220px){
  .module.contact ul{
    padding: 20px;
  }
}

.module.contact ul li h4{
  font-size: 0;
  line-height: 0;
  color: transparent;
  display: none;
}


/***** bottomContact end *****/

/* footer start */
#footer {
  background-color: #30323A;
}

#p_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  color: #FFF;
  min-height: 60px;
}

@media(max-width:700px){
  #p_footer{
    display: block;
  }
}

#footer .inner h4 {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
}

#footer .module{
  width: 33.333%;
}

@media(max-width:700px){
  #footer .module{
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
  }
}

.module.copyright {
  font-size: 16px;
  line-height: 32px;
}

.module.copyright a{
  font-weight: 700;
  color: #FFF;
  text-decoration: none;
}

.module.logo-footer {
  margin: 0 30px;
  max-width: 79px;
}

@media(max-width:700px){
  .module.logo-footer{
    margin: 15px auto;
  }
}

.module.logo-footer img {
width: 100%;
height: auto;
}

.module.menu-social ul {
padding: 0px;
margin: 0px;
list-style: none;
display: flex;
justify-content: flex-end;
align-items: center;
}

@media(max-width:700px){
  .module.menu-social ul{
    justify-content: center;
  }
}

.module.menu-social ul li {
display: inline-block;
padding: 0px;
margin: 0px 0px 0px 30px;
list-style: none;
}

@media(max-width:700px){
  .module.menu-social ul li{
    margin: 0 15px;
  }
}

.module.menu-social ul li a {
font-size: 0px;
line-height: 0px;
color: transparent;
}

.module.menu-social ul li a::after {
  font-size: 24px;
  line-height: 29px;
  color: #9CD8D8;
  font-weight: 400;
}

.module.menu-social ul li a.facebook::after {
content: "\f39e";
font-family: "Font Awesome 5 Brands";
}

.module.menu-social ul li a.twitter::after {
content: "\f099";
font-family: "Font Awesome 5 Brands";
}

.module.menu-social ul li a.youtube::after {
content: "\f167";
font-family: "Font Awesome 5 Brands";
}

.module.menu-social ul li a.instagram::after {
content: "\f16d";
font-family: "Font Awesome 5 Brands";
}

.module.menu-social ul li a.linkedin::after {
content: "\f08c";
font-family: "Font Awesome 5 Brands";
}
/* footer end */

/***** path start *****/
#path{
  padding: 38px 0 23px;
  background: #E3F4F4;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}

#path::after{
  display: block;
  content: '';
  height: 60px;
  width: 47%;
  background: #9CD8D8;
  position: absolute;
  right: 0;
  bottom: -30%;
  -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 5% 100%);
  clip-path: polygon(0 0%, 100% 0, 100% 100%, 5% 100%);
  z-index: 1;
}

@media(max-width:820px){
  #path::after{
    height: 30px;
    bottom: -15px;
  }
}

.module.path ul{
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  z-index: 999;
}

.module.path ul li{
  padding-right: 30px;
  position: relative;
}

.module.path ul li:first-of-type{
  padding: 0;
}

.module.path ul li::after{
  display: block;
  content: '\f105';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 10px;
}

.module.path ul li:first-of-type::after,
.module.path ul li:last-of-type::after{
  display: none;
}

.module.path ul .divider{
  display: none;
}

.module.path ul li:nth-of-type(2) a{
  font-size: 0;
  line-height: 0;
  color: transparent;
  position: relative;
  height: 16px;
  width: 18px;
  display: block;
}

.module.path ul li:nth-of-type(2) a::after{
  display: block;
  font-size: 16px;
  line-height: 19px;
  color: #343D4A;
  content: "\f015";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  transition: color 0.5s ease;
  position: absolute;
  top: 0
}

/***** path end *****/

/***** bottomBoutique start *****/
#bottomBoutique{
  padding: 0;
  margin: 70px 0 0 0;
  position: relative;
  background: #F7F7F7;
}

.article.parent-182 #bottomBoutique,
.article.parent-193 #bottomBoutique,
.article.parent-333 #bottomBoutique,
.article.parent-335 #bottomBoutique,
.article.parent-332 #bottomBoutique,
.article.parent-334 #bottomBoutique{
  margin: 0;
}

@media(max-width:820px){
  #bottomBoutique{
    margin: 0;
  }
}

#bottomBoutique::after{
  display: block;
  content: '';
  height: calc(100% + 150px);
  width: 44%;
  background-image: url(../images/baie-sur-amer-packing@2x.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -60px;
  left: 0;
  z-index: 999;
}

@media(max-width:820px){
  #bottomBoutique::after{
    display: none;
  }
}

.module.expedionsText{
  padding: 200px 0 90px;
  width: 41%;
  margin: 0 0 0 auto;
}

@media(max-width:820px){
  .module.expedionsText{
    width: 100%;
    padding: 50px 0;
    text-align: center;
  }
}

.module.expedionsText .module-header{
  position: relative;
}

.module.expedionsText .module-header::after{
  display: block;
  content: '';
  height: 4px;
  width: 34%;
  background: #9CD8D8;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: -50%;
  z-index: 99999;
}

@media(max-width:820px){
  .module.expedionsText .module-header::after{
    display: none;
  }
}


/***** bottomBoutique end *****/

/***** bottomBeer start *****/

.parent-182.category #bottomBeer,
.parent-193.category #bottomBeer{
  display: none;
}

#bottomBeer{
  padding: 150px 0 100px;
  position: relative;
  background: #F7F7F7;
}

@media(max-width:820px){
  #bottomBeer{
    padding: 50px 0 0;
  }
}

#bottomBeer::after{
  display: block;
  content: '';
  height: 256px;
  width: 90%;
  max-width: 993px;
  background-image: url(../images/cav-oh-kay.png);
  background-repeat: no-repeat;
  position: absolute;
  top: -110px;
  left: 4%;
  z-index: 99999;
  background-size: contain;
}

@media(max-width:820px){
  #bottomBeer::after{
    display: none;
  }
}

#bottomBeer .inner{
  width: 96%;
}


/***** bottomBeer end *****/

/***** equipe start *****/
.blog.equipe .item{
  display: flex;
  margin-bottom: 130px;
  position: relative;
}

.blog.equipe .span1:nth-of-type(even) .item{
  flex-direction: row-reverse;
}

@media(max-width:1000px){
  .blog.equipe .item{
    display: block;
  }
}

.blog.equipe .item::after{
  display: block;
  content: '';
  height: 100%;
  width: 69%;
  position: absolute;
  top: 60px;
  right: 0;
  background: #F7F7F7;
  z-index: -1;
}

.blog.equipe .span1:nth-of-type(even) .item::after{
  right: auto;
  left: 0;
}

@media(max-width:1000px){
  .blog.equipe .item::after{
    width: 100%;
  }
}

.blog.equipe .item .item-image{
  flex-basis: 40%;
}

@media(max-width:1000px){
  .blog.equipe .item .item-image{
    max-width: 400px;
    margin: 0 auto;
  }
}

.blog.equipe .item .item-image img{
  width: 100%;
}

.blog.equipe .item .itemBody{
  flex-basis: 60%;
  padding: 60px 80px;
  position: relative;
  margin-top: 60px;
}

@media(max-width:1000px){
  .blog.equipe .item .itemBody{
    padding: 40px 60px;
    margin: 0;
  }
}

@media(max-width:700px){
  .blog.equipe .item .itemBody{
    padding: 40px 20px;
    margin: 0;
  }
}


/***** equipe end *****/

/***** beer start *****/
.blog.beer .category-desc{
  margin: 0 0 80px;
}

.blog.beer .items-row,
.module.beerPage .newsflash{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 50px;
}

.blog.beer .items-row .span0,
.module.beerPage .module-content .newsflash .item{
  width: calc(33.333% - 100px/3);
  /* margin: 0 50px 0 0; */
}



@media(max-width:1500px){
  .blog.beer .items-row .span0,
    .module.beerPage .module-content .newsflash .item{
    width: calc(50% - 25px);
    margin: 0 50px 0 0;
  }

}

@media(max-width:900px){
  .blog.beer .items-row .span0,
  .module.beerPage .module-content .newsflash .item{
    width: 100%;
    margin: 0;
  }
}

.blog.beer .items-row .item,
.module.beerPage .newsflash .item{
  display: flex;
  justify-content: space-between;
  margin: 0 0 100px;
}

.module.beerPage .module-content .newsflash .item{
  margin-bottom: 100px !important;
}

@media(max-width:600px){
  .blog.beer .items-row .item,
  .module.beerPage .newsflash .item{
    display: block;
  }
}

.module.beerPage{
  margin: 0 0 100px;
}

/* item beer start */
.item-page.beer{
  display: flex;
}

@media(max-width:750px){
  .item-page.beer{
    display: block;
  }
}

#content .item-page.beer .item-image{
  flex-basis: 22%;
  min-width: 185px;
}

@media(max-width:750px){
  #content .item-page.beer .item-image{
    width: 100%;
    max-width: 185px;
    margin: 0 auto 40px;
  }
}

.item-page.beer .itemBody{
  margin-left: 30px;
  flex-basis: calc(88% - 30px);
}

@media(max-width:750px){
  .item-page.beer .itemBody{
    margin: 0;
  }
}

.item-page.beer .beerDetails{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 60px;
}

@media(max-width:1100px){
  .item-page.beer .beerDetails{
    display: block;
    margin-top: 40px;
  }
}

.item-page.beer .beerDetails .detailsLeft{
  flex-basis: 49%;
}

.item-page.beer .beerDetails .detailsLeft .detail{
  display: block;
  margin: 0 0 60px;
}

.item-page.beer .beerDetails .detailsRight{
  flex-basis: calc(51% - 53px);
}

@media(max-width:1100px){
  .item-page.beer .beerDetails .detailsRight{
    margin: 0 0 40px;
  }
}

.item-page.beer .beerDetails .detailsRight .detailsRightTop{
  margin: 0;
}

.item-page.beer .beerDetails .detailsRight .detailsRightTop span{
  border: 1px solid #9CD8D8;
  text-align: center;
  padding: 30px;
}

.item-page.beer .beerDetails .detailsRight .detailsRightTop span.ibu{
  border-left: none;
}

.item-page.beer .beerDetails .detailsRight .style,
.item-page.beer .beerDetails .detailsRight .malt,
.item-page.beer .beerDetails .detailsRight .hops{
  border: 1px solid #9CD8D8;
  border-top: none;
  padding: 20px 30px;
}

.item-page.beer .beerDetails .detailsRight h3{
  margin: 0 0 5px;
  text-transform: uppercase;
}

.article #beerPage{
  display: none;
}

/* item beer end */

/***** beer end *****/

/***** contact start *****/
.item-page.contact{
  /* max-width: 1494px; */
}

/*.item-page.contact div[itemprop="articleBody"]{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

@media(max-width:800px){
  .item-page.contact div[itemprop="articleBody"]{
    display: block;
  }
}

.item-page.contact div[itemprop="articleBody"] iframe{
  width: 47%;
}

@media(max-width:800px){
  .item-page.contact div[itemprop="articleBody"] iframe{
    width: 100%;
  }
}

.item-page.contact div[itemprop="articleBody"] div{
  width: 50%;
  max-width: 450px;
  margin-left: 40px;
}

@media(max-width:800px){
  .item-page.contact div[itemprop="articleBody"] div{
    width: 100%;
    margin: 0 0 40px;
    max-width: 100%;
  }
}*/


/***** contact end *****/

.moduletable.cart {
display: inline-block;
position: absolute;
right: 5px;
top: 5px;
}


/***** golf start *****/

body.golf #content{
    position: relative;
    z-index: 0;  
    padding-top: 185px;
}

body.golf #content .inner{
  overflow: visible;
  width: 100%;
  max-width: 100%;
}

body.golf #content .item-page{
  position: unset;
  width: 90%;
}

.item-page.golf .fields-container{
  position: absolute;
  top: -185px;
  right: 0;
  display: block;
  width: 100%;
  margin: 0 0 0 auto;
  height: 100%;
}


.item-page.golf .fields-container .golfButton{
  position: sticky;
  top: 0; 
  right: 0;
  z-index: 1;
  display: block;
  padding: 40px 30px 20px 30px;
  background: #E3F4F4;
  box-sizing: border-box;
  text-align: center;
  margin: 0;
  transition: .5s ease;
}

.scroll .item-page.golf .fields-container .golfButton{
  padding: 20px 30px;
  transition: .5s ease;
}




/***** golf end *****/

/***** age form *****/

.item-page.ageForm .convertforms{
  max-width: 100%;
}

.item-page.ageForm .convertforms .cf-form-wrap{
  padding: 0;
}

.item-page.ageForm .convertforms .cf-checkbox-group{
  justify-content: flex-start;
  margin-top: 20px;
}

#content .item-page.ageForm .convertforms .cf-checkbox-group input{
  width: 20px;
  height: 20px;
  margin: 0;
}

#content .item-page.ageForm .convertforms .cf-checkbox-group label{
  margin: 0 0 0 10px
}


/***** age form *****/

/***** popup start *****/

.eb-dialog{
    top: 150px;
    background: #9CD8D8;
    color: #343D4A;
    border: none;
    padding: 60px 90px 40px 90px;
}

@media(max-width: 820px){
    .eb-dialog{
        padding: 50px 20px 40px 20px;
    }
}

.eb-close.placement-inside{
    top: 10px;
    left: 10px;
    right: auto;
    color: #343D4A;
}

@media(max-width: 820px){
    .eb-close.placement-inside{
        top: 0;
        left: 0;
    }
}

.eb-dialog .eb-header{
    font-weight: 700;
    font-family: 'Teko', sans-serif;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 15px;
}

/***** popup end *****/