:root {
  --red: #a11d29;
  --yellow: #fdd72e;
}
.flex {display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.flex-col {-moz-box-direction:column; -webkit-box-direction:column; -webkit-box-orient:vertical; -webkit-flex-direction:column; -ms-flexbox-direction:column; -ms-flex-direction:column; flex-direction:column;}
.vCenter  {-webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center;}
.vStart   {-webkit-align-items:flex-start; -moz-align-items:flex-start; -ms-align-items:flex-start; align-items:flex-start;}
.vEnd     {-webkit-align-items:flex-end; -moz-align-items:flex-end; -ms-align-items:flex-end; align-items:flex-end;}
.vcEnd    {-webkit-align-content:flex-end; -moz-align-content:flex-end; -ms-align-content:flex-end; align-content:flex-end;}
.vStretch {-webkit-align-items:stretch; -moz-align-items:stretch; -ms-align-items:stretch; align-items:stretch;}
.vbaseline{-webkit-align-items:baseline; -moz-align-items:baseline; -ms-align-items:baseline; align-items:baseline;}
.hCenter  {-webkit-box-pack:justify; -webkit-justify-content:center; -ms-flex-pack:justify; -moz-box-pack:justify; justify-content:center;}
.hAround  {-webkit-box-pack:justify; -webkit-justify-content:space-around; -ms-flex-pack:justify; -moz-box-pack:justify; justify-content:space-around;}
.hBetween {-webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; -moz-box-pack:justify; justify-content:space-between;}
.hStart   {-webkit-box-pack:justify; -webkit-justify-content:flex-start; -ms-flex-pack:justify; -moz-box-pack:justify; justify-content:flex-start;}
.hEnd     {-webkit-box-pack:justify; -webkit-justify-content:flex-end; -ms-flex-pack:justify; -moz-box-pack:justify; justify-content:flex-end;}

/* métodos de pago */
.paycontent {
  display: grid; grid-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.paybox {
  height: 160px; padding: 20px 10px;
  background: #fff; border-radius: 15px;
  transition: all ease .2s;
}
.paybox:hover {box-shadow: 0 0 10px #d5d5d5;}

.paybox img {margin-bottom: 10px; width: auto;}
.paybox h5 {font-size: 13px;}
.paybox p {font-size: 12px; line-height: 1;}

/* waze and maps buttons */
.btnmap a {
  width: 60px; height: 60px;
  border-radius: 12px; margin: 10px;
  box-shadow: 0 0 5px #ccc;
}
.btnmap a:first-child {background: #42d5ff;}
.btnmap a img {width: 36px; border: none;}

.direcbox {margin-bottom: 30px;}
.single-contact {margin-bottom: 0;}
.text-phone, .text-direcc {height: 100%;}
.single-contact.text-phone {
  padding-bottom: 30px;
}
.text-phone p i {font-size: 20px; margin-bottom: 0;}
.text-phone .fa-whatsapp-square {
  color: #25D366;
}

#tubular-container {
  position: absolute !important;
}
#videohome, #videoGallery {
  height: 100vh; width: 100%;
  z-index: 2 !important; 
}

#videohome h1 {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#videohome h1::before {
  content: "";
  position: absolute;
  background-color: #fdd72e;
  top: 15px;
  left: -105px;
  width: 160px;
  height: 30px;
  transform: rotate(-62deg);
  -webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
  clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
  z-index: 1;
}

#videohome p {
  color: #fdd72e;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  max-width: 650px;
}
#videoGallery * {
  color: #fff;
}
.logoGallery {
  max-width: 400px;
  margin-bottom: 15px;
}
.next:before { /* regula alto de anclas con menu fixed */
  content: ""; display: block; visibility: hidden;
    margin-top: -78px; height: 78px; 
}

/* services */ 
.servicesBlock {
  max-width: 1000px; margin: auto;
}
.btnService *, .btnService *:before {
  -webkit-transition: all ease 0.2s; 
  -o-transition: all ease 0.2s; 
  transition: all ease 0.2s;
}
.btnService a {display: block; position: relative;}
.btnService a:before {
  position: absolute; content: "";
  top: 0; left: 0; background: transparent;
  width: 100%; height: 100%;
}
.btnService a:hover:before {background: rgba(0,0,0,.5);}

.btnService a p {
  background: #a11d29; color: #fff; font-weight: 600;
  padding: 25px 15px; text-align: center; position: relative;
}
.btnService a p:before {
  content: ""; position: absolute;
  width: 0; height: 0; border-style: solid;
  border-width: 0 26px 26px 26px;
  border-color: transparent transparent #a11d29 transparent;
  top: -26px; left: 0; right: 0; margin: auto;
}
.btnService a:hover p  {background: #fdd72e; color: #a11d29;}
.btnService a:hover p:before {border-bottom-color: #fdd72e;}

/* gallery */
.all-page-banner.item-gallery {
  background-image: url(../img/gallery-banner.jpg);
}
.gallery-block {
  padding: 80px 20px;
}
/*.red-block {
  background: var(--red);
  color: : #fff;
}*/
.blackback {background: rgba(0,0,0,.8);}
.overlay {
  position: relative;
}
.overlay:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
}

.flotante {
  position: fixed; z-index: 1000;
  bottom: 100px; right: 25px;
}
.wsplink {color: #fff; text-decoration: none;}
.wsplink img {vertical-align: middle;}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 2rem;
  }
  #videohome h1 {
    font-size: 36px; padding-left: 35px;
  }
  #videohome h1::before {
    top: 0px;
    left: -25px;
    width: 100px;
    height: 20px;
    z-index: 1;
  }
  #videohome p {
    padding-left: 35px;
  }
  .logoGallery {
  max-width: 300px;
}
  .gallery-block {padding: 30px 0;}
  .content-gallery .gallery-item {margin-bottom: 10px;}
}