/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.suspension-contain {max-height: 980px; overflow:hidden; position: relative;}
html.suspended {background: rgba(0,0,0,0.6);}
body {max-width: 100%; min-width: 320px; margin: 0 auto; font-family: "Instrument Serif", sans-serif; background: #111111 url('../images/common/background-primary.png') no-repeat center center; background-size: cover; }
a {color:inherit; text-decoration: none;}
a:hover {text-decoration: none; color:inherit;}
a,img {-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}
img { display: block; }
p { margin-bottom: 30px; font-family: "Instrument Serif", sans-serif; font-size: 40px; line-height: 1.2; }
li { font-size: 15px; line-height: 1.1; font-family: "Onest", sans-serif; }
p, li { padding: 0; margin-top: 0; }
h1, h2, h3, h4, h5 {padding:0; margin-top: 0; line-height: 1.2; margin-bottom: 30px; font-weight: 400; }
h1 {font-size: 150px;}
h2 { font-size: 80px; }
h3 {font-size: 25px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
.dwn {display: block;}
.row {max-width: 1630px; margin: 0 auto; padding: 0 15px; }
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}

/*button*/
/* .btn { font-size: 18px; color: #fff!important; background: #BB262B; padding: 15px 40px; display: inline-block; position: relative; z-index: 10;}
.btn:before { width: 100%; height: 0; background: #000; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1; }
.btn:hover:before { height: 100%; }
.btn:hover { color: #fff!important; } */
.btn-group { width: 100%; max-width: 120px; margin: 0 auto; text-align: center; }
.btn-group span { font-family: "Onest", sans-serif; font-size: 15px; color: #fff; display: block; padding-bottom: 50px; line-height: 1.1; letter-spacing: 2px; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
.btn { width: 80px; border-radius: 50%; border: 1px solid #D2AF37; display: inline-block; position: relative; z-index: 10; width: 80px; padding: 39px 0; line-height: 1; }
.btn:before { content: ""; background: url('../images/common/btn-arrow-down.png') no-repeat center center; background-size: 100% 100%; width: 28px; height: 78px; position: absolute; bottom: 35%; right: 0; left: 0; margin: 0 auto; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; }
.btn:hover:before { bottom: 25%; height: 50px; width: 21px; }
.btn-group:hover span { padding-bottom: 15px; }
/*.payBtn { letter-spacing: 1.5px; font-size: 25px; color: #fff!important; background: #D2AE37; padding: 20px 5px; display: inline-block; position: relative; z-index: 10; width: 100%; text-align: center; overflow: hidden; }*/
/*.payBtn:before { width: 100%; height: 0; background: #003087; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1; }*/
/*.payBtn:hover:before { height: 100%; }*/
/*.payBtn:hover { color: #fff!important; outline: 2px solid #D2AE37; }*/

/*floats*/
.fl {float:left;}
.fr {float:right;}

/* flex */
.d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.d-iflex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.justify-space-around { -ms-flex-pack: distribute; justify-content: space-around; }
.justify-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.align-items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.align-items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

/* typography */
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

/*clearings*/
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;font-size: 0;}
.clearfix {display:block;}

/*cookie*/
.cc-animate.cc-revoke.cc-bottom{font-size: 14px; padding: 5px 10px; position: fixed; display: block!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; bottom: 0!important; left: 20px!important;}

/*call to action*/
.destroy-on-load, .cta {display: none;}

/* icon */
.icon { border-radius: 50%; text-align: center; }
.default-icon { background-color: #EB5928; min-width: 36px; padding: 10px 0; }
.icon-primary { color: #FFFFFF; }

/*contact form messages*/
form .messages p {display: none; font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important;}
form .loading {display: none;}
form .alert {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;}
form .alert-success {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
form .alert-danger {color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
form [type="submit"] {margin:0;}

/*contact form*/
.ctc-form {margin: 0 auto;text-align: center;}
.ctc-form input:not([type="submit"]):not([type="checkbox"]),.ctc-form textarea,.ctc-form select {font-family: "Outfit", sans-serif; height:45px;display: block;width: 100%; border: 1px solid #ddd; padding: 5px 10px; margin-bottom: 10px;}
.ctc-form textarea {height: 120px; padding-top:10px;}
.ctc-form .recap {display: inline-block;}
.ctc-form .g-recaptcha div {margin: 0 auto; }
.ctc-hide {display: none;}
.form-group { gap: 10px; }
.form-group label { width: 100%; }
.consentText { color: #fff; }
.captcha-wrapper { padding-bottom: 50px; }

/*gallery*/
#content .gallery li { display: inline-block; width: 100%; max-width: 240px;}
#content .gallery img { width: 100%; max-width: 240px; height: 250px; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; }
#content .gallery-container { text-align: center; width: 100%; max-width: 1300px; margin: 0 auto; }
#content .gallery { list-style-type: none;margin: 0;padding: 0; }
#content .thumbnail { background-color: #fff;border: 1px solid #ddd;border-radius: 4px;display: block;line-height: .42857; margin-bottom: 20px;padding: 4px;-webkit-transition: border 0.5s ease-in-out 0s;-o-transition: border 0.5s ease-in-out 0s;transition: border 0.5s ease-in-out 0s; }
#content .thumbnail:hover { -webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02); }
#content .page_navigation { display: inline-block; }
#content .page_link,#content .previous_link,#content .next_link,#content  .first_link,#content  .last_link, #content .ellipse { background-color: #fff;border: 1px solid #ddd;color:  #0275d8; display: inline-block;line-height: 1.25;margin-left: -1px;padding: 0.5rem 0.75rem;position: relative; }
#content .page_navigation a { background-color: #dedede; color: #111111; font-family: 'Outfit', sans-serif; }
#content .page_navigation a.active_page { background: #349CD0; color: #fff; font-family: 'Outfit', sans-serif; }
#content .page_navigation a.no_more { background-color: #dedede; cursor: not-allowed; }
#content .page_navigation a.no_more:hover { background-color: #dedede; color: #349CD0; }

/*header*/
#header { position: absolute; top: 20px; left: 0; right: 0; z-index: 200; }
#header nav a#pull, #header nav a#pull strong {display: none;}
#header nav ul {margin: 0;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; }
#header nav ul li {  }
#header nav ul li:nth-child(1) { width: 20%; }
#header nav ul li:nth-child(2) { width: 30%; }
#header nav ul li:nth-child(3) { width: 30%; text-align: right; }
#header nav ul li:nth-child(4) { width: 20%; text-align: right; }
#header nav ul li a {font-size: 15px; color: #fff;letter-spacing: 2px;font-weight: 400;}
#header nav ul li.active-menu a, #header nav ul li a:hover {color:#D2AE37;}
.header-inner { position: relative; padding-top: 25px; }
.header-logo { width: 100%; max-width: 178px; position: absolute; top: 0; right: 0; left: 0; margin: 0 auto; }
.header-logo img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.header-nav { width: 100%; max-width: 700px; margin: 0 auto; }

/*content*/
#banner { position: relative; }
.banner-image-slider { position: relative; z-index: 100; }
.banner-image-slider::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(32,35,54,0.5); z-index: 1; }
.banner-image-slider img { width: 100%; height: 100vh; aspect-ratio: 1920 / 1000; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; }
.banner-text { position: absolute; left: 0; right: 0; bottom: 50px; z-index: 100; }
.banner-text h1 { font-size: 80px; color: #fff; }
.banner-text h2 { font-size: 150px; font-family: "Monsieur La Doulaise", sans-serif; color: #D2AE37; line-height: 1; margin-top: -40px; margin-bottom: 80px; }
.banner-text-inner { text-align: center; position: relative; }
.banner-text-inner .text-section { width: 100%; max-width: 500px; margin: 0 auto; }
.banner-text-inner .image-section { position: absolute; bottom: -130px; right: 0; width: 100%; max-width: 340px; }
.banner-text-inner .image-section .wrapper { position: relative; }
.banner-text-inner .image-section img.bottle, .banner-text-inner .image-section img.glass { width: 100%; }
.banner-text-inner .image-section img.bottle { max-width: 200px; }
.banner-text-inner .image-section img.glass { max-width: 170px; position: absolute; bottom: 0; right: 0; }
/*.payment-section { position: absolute; text-align: center; width: 100%; left: 0; right: 0; top: 100%; z-index: 100; padding: 100px 0 0; }*/
/*.payment-section a { display: inline-block; width: 100%; max-width: 285px; }*/
/*.payment-section img { width: 100%; object-fit: cover; object-position: center; }*/

/*content*/
#content { }

/* welcome */
#welcome { padding: 250px 0; }
#welcome .row { max-width: 1760px; }
.welcome-inner { gap: 75px; }
.welcome-inner .image-section { width: 100%; max-width: 600px; }
.welcome-inner .image-section img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.welcome-inner .text-section { width: 100%; max-width: 1000px; padding: 270px 0; color: #fff; position: relative; /*background: url('../images/common/gold-border-portrait.png') no-repeat center center; background-size: 100% 100%;*/ }
.welcome-inner .text-section::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(32,35,54,0.5); background: url('../images/common/gold-border-portrait.png') no-repeat center center; background-size: 100% 100%; }
.welcome-inner .text-section .wrapper { position: relative; width: 100%; max-width: 460px; margin: 0 auto; text-align: center; padding-bottom: 50px; }
.welcome-inner .text-section .wrapper::after { content: ""; position: absolute; top: 100%; left: 0; right: 0; width: 100%; max-width: 230px; height: 40px; margin: 0 auto; background: url('../images/common/royal-bottom.png') no-repeat center center; background-size: 100% 100%; }
.welcome-inner .text-section .wrapper p:last-of-type { margin-bottom: 0; }

/* about */
#about { padding-bottom: 150px; }
#about .row { max-width: 1920px; padding: 0; }
.about-inner { gap: 50px; }
.about-inner .image-section { width: 30%; }
.about-inner .image-section img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.about-inner .text-section { width: 40%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; text-align: center; }
.about-inner .text-section h2 { font-family: "Monsieur La Doulaise", sans-serif; font-size: 150px; color: #D2AD37;     margin-bottom: 0; margin-top: -50px; margin-left: -40px; }
.about-inner .text-section .wrapper { width: 100%; max-width: 430px; margin: 0 auto; }

/* feature */
#feature { padding: 50px; background: url('../images/content/feature/background-image.jpg') no-repeat center center; background-size: cover; position: relative; z-index: 100; }
#feature::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(32,35,54,0.3); z-index: -1; }
#feature .row { max-width: 1850px; }
.feature-inner { padding: 230px 100px 400px; background: url('../images/common/gold-border-landscape.png') no-repeat center center; background-size: 100% 100%; }
.feature-inner .wrapper { width: 100%; max-width: 575px; padding-bottom: 40px; margin-left: auto; position: relative; color: #fff; text-align: center; }
.feature-inner .wrapper::after { content: ""; position: absolute; top: 100%; left: 0; right: 0; width: 100%; max-width: 300px; height: 40px; margin: 0 auto; background: url('../images/common/royal-bottom.png') no-repeat center center; background-size: 100% 100%; }
.feature-inner .wrapper h2 { margin-bottom: 0; }
.feature-inner .wrapper p:last-of-type { margin-bottom: 0; }

/* reviews */
#review { padding: 150px 0; }
#review .row { max-width: 1366px; }
.review-inner { gap: 80px; padding: 0 45px; }
.review-inner .col { width: 50%; }
.review-inner .image-wrapper { position: relative; width: 100%; }
.review-inner .image-wrapper::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /*background: rgba(32,35,54,0.1);*/ z-index: 1; }
.review-inner .image-wrapper img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.review-inner .col { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 150px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.review-inner .col:nth-child(odd) { padding-bottom: 70px; }
.review-inner .col:nth-child(even) { padding-top: 70px; }
.review-content { text-align: center; color: #fff; padding: 50px 70px; position: relative; }
.review-content::before, .review-content::after { content: ""; position: absolute; left: 0; right: 0; height: 50px; width: 75px; margin: 0 auto; }
.review-content::before { bottom: 100%; background: url('../images/common/quote-left.png') no-repeat center center; background-size: 100% 100%; }
.review-content::after { top: 100%; background: url('../images/common/quote-right.png') no-repeat center center; background-size: 100% 100%; }
.review-content p:last-of-type { margin-bottom: 0; }

/*footer*/
#footer {background: #111111;}
.footer-image-section { background: rgba(32,35,54,0.3) url('../images/content/footer/background-image-2.jpg') no-repeat center center; background-size: cover; padding: 50px; position: relative; z-index: 1; background-blend-mode: multiply; }
.footer-image-section::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /*background: rgba(32,35,54,0.3);*/ z-index: -1; backdrop-filter: blur(5px); }
.footer-image-section .row { max-width: 1820px; }
.footer-image-inner { background: url('../images/common/gold-border-landscape.png') no-repeat center; background-size: 100% 100%; }
.footer-image-inner .wrapper { width: 100%; max-width: 1024px; margin: 0 auto ; }
.footer-image-inner .image-section { position: relative; width: 100%; max-width: 335px; margin-bottom: -150px; }
.footer-image-inner .image-section img.bottle, .footer-image-inner .image-section img.glass { width: 100%; }
.footer-image-inner .image-section img.bottle { max-width: 200px; }
.footer-image-inner .image-section img.glass { max-width: 170px; position: absolute; bottom: 0; right: 0; }
.footer-image-inner .text-section { width: 100%; max-width: 490px; text-align: center; color: #fff; }
.footer-image-inner .text-section p { font-size: 80px; }
.footer-image-inner .text-section h2 { font-family: "Monsieur La Doulaise", sans-serif; font-size: 150px; color: #D2AE37; line-height: 1; margin-bottom: 0; }
.footer-image-inner .text-section .wrapper { position: relative; padding-top: 50px; }
.footer-image-inner .text-section .wrapper::before { content: ""; position: absolute; bottom: 100%; left: 0; right: 0; width: 100%; max-width: 300px; height: 40px; margin: 0 auto; background: url('../images/common/royal-top.png') no-repeat center center; background-size: 100% 100%; }
.footer-menu-inner { gap: 30px; }
.footer-menu { padding: 180px 0 30px; }
.footer-menu .row { max-width: 1366px; }
.footer-info { width: 100%; max-width: 1100px; }
.footer-info p, .footer-info a { color: #fff; font-size: 15px; font-family: "Onest", sans-serif; }
.footer-info a:hover { color: #D2AE37; }
.footer-nav { padding: 30px 0; border-bottom: 2px solid #D2AE37; margin-bottom: 30px; }
.footer-nav ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; }
.ftCopy p { margin-bottom: 0; text-transform: uppercase; }
.footer-logo { width: 100%; max-width: 178px; }
.footer-logo img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
/* #footer {background: #121825; padding: 40px 0; text-align: center; color:#fff;}
.ftCopy p {text-align: center;} */

/*inner pages*/
.inner #content { min-height: 600px; padding: 80px 0; }
.inner #content p { color: #fff; }
.inner-page-banner { position: relative; padding: 0; margin: 0; z-index: 1; }
.inner-page-banner::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(32,35,54,0.5); z-index: 1; }
.inner-page-banner img { width: 100%; height: 500px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.inner .banner-text { position: absolute; bottom: 50px; top: unset; right: 0; left: 0; color: #fff; z-index: 4; text-align: center; }
.inner .banner-text h1 { margin-bottom: 0; }
/* .inner .footer-inner { padding: 80px 0; } */

/*privacy policy*/
.inPrivacyBox {max-width: 850px; margin: 0 auto;}
.inPrivacyBox p {text-align: justify!important;}


/** Responsive
-------------------------------------------------------*/

@media screen and (max-width: 1200px){

  /* typography */
  h2 { font-size: 50px; }
  h3 { font-size: 20px; }
  p { font-size: 30px; }

  /* button */
  .btn-group span { padding-bottom: 30px; }
  .btn { width: 70px; padding: 34px 0; }
  .btn:before { width: 25px; height: 60px; }
  .btn:hover:before { bottom: 30%; height: 35px; width: 15px; }

  /* header */
  .header-logo { max-width: 130px; }

  /* banner */
  .banner-text h1 { font-size: 60px; }
  .banner-text h2, .about-inner .text-section h2, .footer-image-inner .text-section h2 { font-size: 80px; }
  .banner-text-inner .image-section { max-width: 250px; }
  .banner-text-inner .image-section img.bottle { max-width: 150px; }
  .banner-text-inner .image-section img.glass { max-width: 120px; }
  /*.payment-section a { max-width: 200px; }*/

  /* welcome */
  #welcome { padding: 180px 0 80px; }
  .welcome-inner { gap: 30px; }
  .welcome-inner .text-section { padding: 200px 0; }
  .welcome-inner .text-section .wrapper::after, .feature-inner .wrapper::after, .footer-image-inner .text-section .wrapper::before { max-width: 150px; height: 20px; }

  /* about */
  #about { padding-bottom: 80px; }

  /* feature */
  #feature { padding: 10px; }
  .feature-inner { padding: 200px 30px; }

  /* review */
  #review { padding: 80px 0; }
  .review-inner { gap: 40px; }
  .review-content { padding: 20px 70px; }
  .review-content::before, .review-content::after { height: 30px; width: 50px; }

  /* footer */
  .footer-image-inner .wrapper { width: 100%; max-width: 700px; }
  .footer-image-inner .image-section { max-width: 210px; }
  .footer-image-inner .image-section img.bottle { max-width: 130px; }
  .footer-image-inner .image-section img.glass { max-width: 100px; }
  .footer-image-section { padding: 30px; }
  .footer-image-inner .text-section .wrapper { padding-top: 20px; }
  .footer-image-inner .text-section p { font-size: 50px; }

  /* inner */
  .inner #content { padding: 60px 0; }

}

@media screen and (max-width: 1024px){

  /* banner */
  .banner-text h2, .about-inner .text-section h2, .footer-image-inner .text-section h2 { font-size: 70px; }
  .banner-text-inner .image-section { max-width: 180px; }
  .banner-text-inner .image-section img.bottle { max-width: 100px; }
  .banner-text-inner .image-section img.glass { max-width: 90px; }

  /* welcome */
  .welcome-inner .text-section { padding: 100px 0; }

  /* about */
  .about-inner { gap: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about-inner .image-section { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 50px); flex: 1 1 calc(50% - 50px); }
  .about-inner .text-section { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; }
  .about-inner .text-section h2 { margin-top: -40px; }

  /* feature */
  .feature-inner { padding: 80px 30px; }
  .feature-inner .wrapper { max-width: 100%; }
  .feature-inner .wrapper::after { top: unset; bottom: 100%; }

  /* footer */
  .footer-image-inner { padding: 100px 0; }
  .footer-image-inner .image-section img.bottle { max-width: 100px; }
  .footer-image-inner .image-section img.glass { max-width: 90px;}
  .footer-image-inner .image-section { max-width: 170px; }
  .footer-menu { padding: 80px 0 30px; }
  .footer-nav ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

}

@media screen and (max-width: 800px){

  /* typography */
  p { font-size: 25px; }
  .banner-text h1 { font-size: 50px; }
  .banner-text h2, .about-inner .text-section h2, .footer-image-inner .text-section h2 { font-size: 50px; }

  /* header */
  #header { background: #111111; padding: 10px 0; position: fixed; z-index: 101; top: 0; }
  #header nav { height: auto; position: static; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border: none; max-width: 100%; }
  #header nav ul { width: 100%; max-width: 100%; display: none; height: auto; position: absolute; top: 100%; left: 0; background: #111111; z-index: 9; margin: 0; }
  #header nav ul li { width: 100%;position: relative; height: unset; padding: 0; }
  #header nav ul li.active-menu a, #header nav ul li a:hover { color: #111111; background-color: #D2AD37; }
  #header nav ul li.active-menu::after, #header nav ul li a:hover::after { top: 50%; right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: unset; left: unset; }
  #header nav ul li a { display: block; float:none; padding: 10px 15px; color: #fff; border-bottom: none; font-weight: 700; font-size: 13px; text-shadow: none; }
  #header nav a { text-align: left; width: 100%; }
  #header nav a#pull { display: block; color: #fff; height: 30px; width: 30px; margin-left: auto; }
  #header nav a#pull:after { content:""; background: url('../images/nav-icon.png') no-repeat; width: 30px; height: 25px; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100% 100%; -webkit-filter: brightness(0) saturate(100%) invert(70%) sepia(61%) saturate(469%) hue-rotate(4deg) brightness(88%) contrast(94%); filter: brightness(0) saturate(100%) invert(70%) sepia(61%) saturate(469%) hue-rotate(4deg) brightness(88%) contrast(94%);}
  #header nav ul li { width: 100% !important; }
  .header-inner, .header-info { -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; }
  .header-nav { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin: 0; }
  .header-menu { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .header-logo { position: static; margin: 0; max-width: 70px; }
  .header-inner { position: unset; padding-top: 0; }
  
  .cta{background: #D2AD37  url("../images/common/phonecall.png") no-repeat center center;border-bottom-left-radius: 40px;border-top: 2px solid #ae902e ;border-top-left-radius: 40px;bottom: 1%;display: block;height: 80px;position: fixed;right: 0;text-decoration: none; text-indent: -9999em;width: 100px;z-index: 999;}

  /* banner */
  .banner-text-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 30px; }
  .banner-image-slider img { height: 1100px; }
  .banner-text h2 { margin-bottom: 50px; }
  /* .banner-text-inner .text-section { padding-bottom: 30px; } */
  .banner-text-inner .text-section { max-width: 100%; order: -1; }
  .banner-text-inner .image-section { position: static; margin: 0 auto; }
  .banner-text-inner .image-section { max-width: 120px; }
  .banner-text-inner .image-section img.bottle { max-width: 70px; }
  .banner-text-inner .image-section img.glass { max-width: 60px; }
  /*.payment-section { position: static; padding: 0; }*/
  /*.payment-section a { max-width: 150px; }*/

  /* welcome */
  #welcome { padding: 40px 0 100px; }
  .welcome-inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .welcome-inner .text-section, .welcome-inner .text-section .wrapper { max-width: 100%; }
  .welcome-inner .text-section .wrapper { padding-bottom: 30px; }

  /* about */
  .about-inner .text-section { padding: 0 15px; }
  .about-inner .image-section { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; width: 100%; max-width: 350px; margin: 0 auto;}

  /* reviews */
  .review-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; }
  .review-inner .col { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; gap: 30px; }
  .review-inner .image-wrapper, .review-content { width: 50%; }
  .review-inner .col:nth-child(odd) { padding-bottom: 0; }
  .review-inner .col:nth-child(even) { padding-top: 0; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .review-content { padding: 20px 0; }
  .review-content::before, .review-content::after { height: 20px; width: 30px; }
  .review-inner .image-wrapper { max-width: 350px; margin: 0 auto; }
  
  /* footer */
  .footer-image-inner { padding: 40px 0; }
  .footer-image-inner .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 50px; }
  .footer-image-inner .image-section { margin-bottom: 0; }
  .footer-image-inner .image-section { max-width: 120px; }
  .footer-image-inner .image-section img.bottle { max-width: 70px; }
  .footer-image-inner .image-section img.glass { max-width: 60px; }
  .footer-image-section { padding: 10px; }
  .footer-menu-inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .footer-nav ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .footer-logo { max-width: 150px; }
  .ftCopy { text-align: center; }

  /* inner */
  .inner #content { padding: 40px 0; }

}

@media screen and (max-width: 570px){

  /* review */
  .review-inner { gap: 80px; }
  .review-inner .col:nth-child(odd) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .review-inner .col:nth-child(even) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .review-inner .image-wrapper, .review-content { width: 100%; }

}