:root {
  --slide-change-time: 2s;
  --column-width: 930px;

  --arrow-left: "https://xingubeer.com/wp-content/uploads/2021/12/slider_arrow_left.png";
  --arrow-right: "https://xingubeer.com/wp-content/uploads/2021/12/slider_arrow_right.png";

  --color-green-1: #286a4f;
  --color-green-2: #33e2ac;
  --color-orange: #eaa009;
  --color-black: #000;
  --color-white: #fff;
}

@font-face {
  font-family: "TitilliumFont";
  src: url("https://xingubeer.com/wp-content/uploads/2021/12/titilliumweb-regular-webfont.woff")
      format("woff2"),
    url("https://xingubeer.com/wp-content/uploads/2021/12/titilliumweb-regular-webfont.woff")
      format("woff");
}

@font-face {
  font-family: "VillageFont";
  src: url("https://xingubeer.com/wp-content/uploads/2021/12/village-webfont.woff")
      format("woff2"),
    url("https://xingubeer.com/wp-content/uploads/2021/12/village-webfont.woff")
      format("woff");
}

body .age-check {
  /* width: 100vw;
  height: 100vh; */
  z-index: 991;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/*
.td-header-template-wrap,
.td-footer-template-wrap {
  display: none;
}
*/
#td-outer-wrap {
  min-height: 100vh;
  background: var(--color-black);
}
div#intro {
  max-width: 1400px;
  /* width: 1400px; */
  margin: auto;
  position: relative;
  text-transform: uppercase;
}
#intro #text {
  position: absolute;
  top: 390px;
  left: 420px;
  width: 530px;
  text-align: center;
}
#intro #text p {
  font-size: 30px;
  font-family: "VillageFont";
  color: var(--color-white);
  margin: 0 0 30px;
  font-weight: normal;
  line-height: 1.2;
}
#intro a {
  margin: 0 10px;
  font-size: 40px;
  text-decoration: none;
  color: var(--color-white);
  font-family: "VillageFont";
}
#intro a:hover {
  color: var(--color-orange);
}
#intro #go {
  left: 590px;
}
#intro #cancel {
  left: 726px;
}

.age-check-question {
  z-index: 999;
}
.age-check-question {
  position: fixed !important;
  font-size: 30px;
  font-family: "VillageFont";
  color: #fff;
  margin: 0 0 30px;
  font-weight: normal;
  max-width: 750px;
  text-align: center;
  margin: 0 auto;
  top: 450px;
  left: 0;
  right: 0;
  padding: 0 20px;
}

.header-facebook {
  line-height: 5 !important;
}

/* overwrite our grid 1600px */
.tdc-row.stretch_row_1600,
.tdc-row-composer.stretch_row_1600 {
  max-width: 1600px;
}

.inRowSlide {
  /* height: 100vh; */
  width: 100%;
}

/* .arrows {
  top:38vh !important;
  z-index: 7;
} */

/*body .arrows {
  top: 37% !important;
  height: 60px;
  z-index: 99;
  position: absolute !important;
  width: 100% !important;
  margin: 0;
}*/

body .arrows .arrow-left {
  background-image: url(https://xingubeer.com/wp-content/uploads/2021/12/slider_arrow_left.png);
  background-repeat: no-repeat;
  background-position: center right;
  width: 47px;
  height: 47px;
  cursor: pointer;
}
body .arrows .arrow-right {
  background-image: url(https://xingubeer.com/wp-content/uploads/2021/12/slider_arrow_right.png);
  background-repeat: no-repeat;
  background-position: center left;
  width: 47px;
  height: 47px;
  cursor: pointer;
}

body #td-slider .wpb_column > .wpb_wrapper {
  padding-bottom: 76.25%;
}

body .inRowSlide.active {
/*   opacity: 1; */
  transition: all var(--slide-change-time);
  z-index: 98;
}

body .inRowSlide {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  height: 100%;
/*   opacity: 0; */
  transition: all var(--slide-change-time);
}

@media only screen and (max-width: 767px) {
  /* body .inRowSlide {
    position: relative !important;
  } */

  #td-slider {
    margin: 0 -300px;
    width: auto;
  }

  #content-row--1 .content p {
    font-size: 16px !important;
  }

  #intro #text {
    width: auto;
    left: auto;
    top: 20%;
  }

  .inRowSlide .td-element-style {
    width: 100% !important;
  }

  .arrows {
    padding: 0 300px;
  }

  .beer-description {
    padding: 0 300px;
  }

  body .beer-description .td-fix-index {
    margin: auto 0 !important;
  }
}

body .beer-description {
  width: 100%;
  /* height: calc(100vh - 100%); */
  /* min-height: calc(100vh - 100px); */
  position: relative;
}

body .beer-description .td-fix-index {
  /* position: absolute;
  bottom: 80px;
  left: 200px;
  height: 400px; */
  max-width: 500px;
  position: relative;
  margin-top: 46%;
  margin-left: 10%;
  background: rgba(0, 0, 0, 0.3);
  padding: 30px;
}

body .beer-description .td-fix-index h1,
body .beer-description .td-fix-index h2 {
  font-family: "VillageFont";
  font-size: 28px;
}

body .beer-description.gold .td-fix-index h2 {
  color: #f5c510;
}
body .beer-description.both .td-fix-index h1,
body .beer-description.both .td-fix-index h2,
body .beer-description.black .td-fix-index h2 {
  color: #48cdad;
}

body .beer-description .td-fix-index p {
  margin-bottom: 20px;
  font-family: "TitilliumFont";
  font-size: 15px;
  color: #fff;
}

.separator-center1 {
  background: #000;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  top: -145px;
  position: relative;
  transform: rotate(45deg);
}
.separator-center2 {
  background: black; /*var(--color-green-1);*/
  width: 90px;
  height: 90px;
  margin: 0 auto;
  top: -145px;
  position: relative;
  transform: rotate(45deg);
}

.radial-gradient {
  background: radial-gradient(35% 75% at top, #ffffffa6, transparent);
  z-index: 9;
  /* background: radial-gradient(35% 15% at top, #ffffffa6, transparent); */
  /* background-color: #286a4f; */
}
.radial-gradient--variant-1 {
  background: radial-gradient(35% 75% at top, #ffffffa6, transparent);
  z-index: 9;
}
.radial-gradient--bottom {
  background: radial-gradient(35% 95% at bottom, #ffffffa6, transparent);
  z-index: 9;
  /* background: radial-gradient(35% 15% at top, #ffffffa6, transparent); */
  /* background-color: #286a4f; */
}

.color-change {
  background-color: var(--color-green-1);
}

#content-row--1 {
  background: radial-gradient(35% 15% at top, #ffffffa6, transparent);
  background-color: #286a4f;
}

#content-row--1 .header {
  max-width: var(--column-width);
  margin: 40px auto 0 auto;
}
@media only screen and (max-width: 600px) {
  #content-row--1 .header {
    padding: 0 20px;
  }
}

#content-row--1 .header h3 {
  font-family: "VillageFont";
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 40px;
  font-size: 50px;
}
#content-row--1 .header h4 {
  text-align: center;
  padding: 0 30px;
  margin: 0 0 40px;
  color: #fff;
  font-size: 28px;
  font-weight: normal;
  font-style: italic;
  font-family: "TitilliumFont";
}
#content-row--1 .header p {
  font-size: 30px;
  margin-bottom: 40px;
  text-transform: uppercase;
  color: #33e2ac;
  font-family: "TitilliumFont";
  line-height: 1.5;
}

#content-row--1 .content {
  max-width: var(--column-width);
  margin: 0 auto;
  column-count: 2;
}
@media only screen and (max-width: 600px) {
  #content-row--1 .content {
    column-count: 1;
    padding: 0 20px;
  }
}
#content-row--1 .content p {
  font-family: "TitilliumFont";
  color: #fff;
  font-size: 19px;
  line-height: 25px;
}

.attach-curve {
  background: url("http://localhost/beer/wp-content/uploads/2021/12/curve.svg");
}

.separator-2 {
  top: 5px;
}
.separator-before-footer img {
  position: relative;
  top: 5px;
}
.top5 {
  top: 5px;
  position: relative;
}
.separator-4 {
  top: 5px;
}

.xingu-team h4 {
  color: var(--color-green-2);
  text-align: center;
  font-size: 50px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 60px 0 100px 0;
  font-family: "VillageFont";
}

.xingu-section {
  max-width: var(--column-width);
  margin: 0 auto;
}

.xingu-team .member {
  max-width: var(--column-width);
}
.xingu-team .member .tdm-col-img {
  text-align: right;
}
.xingu-team .member .tdm-text-wrap {
  text-align: left;
}
.xingu-team .member .tdm-text-wrap h3 {
  font-family: "TitilliumFont";
  font-size: 29px;
}
.xingu-team .member .tdm-descr {
  font-family: "TitilliumFont";
  font-size: 17px;
}
.xingu-team .member--invert .tdm-col-img {
  text-align: left;
}
.xingu-team .member .tdm-text-wrap {
  text-align: right;
}

.where-to-find {
  max-width: var(--column-width);
  margin: 0 auto;
  padding-bottom: 100px;
}
.where-to-find h4 {
  color: var(--color-black);
  text-align: center;
  font-size: 50px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 110px 0 50px 0;
  font-family: "VillageFont";
}

.where-to-find .section-description p {
  text-align: center;
  color: var(--color-white);
  font-size: 28px;
  font-style: italic;
  margin: 0 0 30px 0;
  font-family: "TitilliumFont";
}

.feedback {
  max-width: var(--column-width);
  margin: 0 auto;
}
.feedback h5 {
  font-family: "TitilliumFont";
  text-align: center;
  color: #fff;
  font-size: 50px;
  font-weight: normal;
  margin: 20px 0 50px;
}

.feedback .sa_owl_theme .owl-dots .owl-dot span {
  background-color: red !important;
}

.td-fix-index .white {
  /* background: #000 !important; */
}
.feedback-slide {
  background: #000;
  text-align: center;
}
.feedback-slide .title {
  color: #57c6a4;
  font-size: 24px;
  margin: 0 0 17px;
}
.feedback-slide .text {
  color: #fff;
  font-size: 16px;
  font-family: Roboto, "open-sans";
}
.feedback-slide .person {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

/* Contact */
/* .contact-row .wpb_wrapper {
  position: relative;
  top: 5px;
} */
.facebook-circle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: var(--color-green-1);
  margin: 0 auto;
  position: relative;
  bottom: 30px;
  padding: 20px 0;
}
.facebook-circle a {
  display: block;
  text-align: center;
}
.facebook-circle p {
  text-align: center;
  color: var(--color-white);
  text-transform: uppercase;
  margin: 0 0 5px 0;
}
.facebook-circle img {
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
  max-width: 150px;
}
.facebook-circle i {
  font-size: 22px;
  color: var(--color-white);
}
.testimonials-slider .item-content-wrapper {
  background: var(--color-black) !important;
}
.testimonials-slider .item-content-wrapper:before {
  display: none;
}
.testimonials-slider .tss-wrapper .slick-dots li button:before {
  /* background: var(--color-white) !important; */
  background: blue;
}
.tss-wrapper span.rt-slick-nav.rt-prev,
.tss-wrapper span.rt-slick-nav.rt-next {
  background: transparent !important;
}

.contact .wpcf7 {
  max-width: var(--column-width);
  margin: 0 auto;
  text-align: center;
}

.contact .wpcf7 p {
  max-width: 400px;
  margin: 0 auto 30px auto;
  position: relative;
}
.contact .wpcf7 label {
  display: inline-block;
  text-align: left;
  color: var(--color-white);
  font-size: 20px;
  text-transform: uppercase;
  font-family: "TitilliumFont";
  width: 100%;
}

input[type="text"],
input[type="url"],
input[type="tel"],
input[type="email"] {
  max-width: 400px;
  margin: 0 auto;
  height: 45px;
}
input[type="submit"] {
  width: 180px;
  height: 50px;
  /* line-height: 50px; */
  color: #fff;
  background: #000;
  border-radius: 3px;
  font-size: 20px;
  text-transform: uppercase;
  cursor: pointer;
  border: 0;
  position: absolute;
  left: 0;
}
input[type="submit"]:hover {
  background: var(--color-black);
}
.the-forest {
  background-image: url(https://xingubeer.com/wp-content/uploads/2021/12/the-forest-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}

@media only screen and (max-width: 1023px) {
  body .beer-description .td-fix-index {
    max-width: 100%;
    margin-left: auto;
    background-color: rgba(0, 0, 0, 0.8);
  }
}

@media only screen and (max-width: 767px) {
  body .beer-description .td-fix-index {
    margin-top: 20%;
    max-width: 100%;
    margin-top: 80% !important;
  }

  .xingu-team .member .tdm-col-img {
    text-align: center;
  }
  .xingu-team .member .tdm-text-wrap {
    text-align: center;
  }

  .xingu-team .member--invert .tdm-col-img {
    text-align: center;
  }

  .contact .wpcf7 label {
    text-align: center;
  }
  .wpcf7-form-control-wrap {
    display: block;
    text-align: center;
  }
  .wpcf7-form-control-wrap input,
  .wpcf7-form-control-wrap textarea {
    width: 90%;
  }
  input[type="submit"] {
    position: relative;
    margin: 0 auto;
    right: 0;
    display: block;
  }

  .footer-menu {
    top: 50px;
  }
}

.over-hide {
  overflow: hidden;
}
.over-hide div {
/* 	overflow: hidden; */
}
.over-hide div img {
	max-width: 1700px;
	position: relative;
	top: -11px;
}
.td-fluid-slider {
  position: relative;
  width: 100%;
}
.parallax {
  opacity: 0;
  position: absolute;
  width: 100%;
  min-height: 800px;
  overflow: hidden;
  top: 0;
  left: 0;
  transition: all 2s;
}
.parallax.active {
  opacity: 1;
  transition: all 2s;
}

div.move {
  /*enable 3D rendering*/
  transform: translateZ(0);
  will-change: transform;
}

.layer {
  position: absolute;
  width: 100%;
  min-height: 800px;
  top: 0;
  right: 0;
  /* left: 0; */
  background-repeat: no-repeat;
  background-position: top center;
}
.layer.fixed {
  width: 100%;
  top: 0;
  /*left: 0;*/
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  height: 100vh;
}
.source-layer0 {
  z-index: 4;
  right: 19px;
}
.source-layer1 {
  right: 40px;
  /* transition: all 115s; */
  transform: translateX(38.37px);
}

.td-fluid-slider-button {
  background: #edc71f;
  color: #000;
  display: block;
  width: clamp(150px, 200px, 500px);
  margin: 0 auto;
  text-align: center;
  padding: 20px 30px;
  font-family: Titillium Web !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  border-radius: 4px;
}

@media screen and (max-height: 1140px) {
  .source-layer0 {
    background-size: cover !important;
  }
}

@media only screen and (max-width: 480px) {
  body .beer-description .td-fix-index {
    max-width: 100%;
    margin-left: auto;
    margin-top: 70% !important;
  }
  body .arrows {
    top: 25% !important;
  }

  body .tdb_header_menu .tdb-menu > li {
    float: none;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
  body .tdb_header_menu .tdb-menu > li > a {
    padding: 0 8px;
  }
}
@media only screen and (min-device-width: 601px) and (max-device-width: 991px) {
  .content-padding {
    padding: 0 20px !important;
  }
}