/* FONTS */
@font-face {
  font-family: 'garet_heavyregular';
  src: url('fonts/garet_heavy-webfont.woff2') format('woff2'),
    url('fonts/garet_heavy-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'garet_regularregular';
  src: url('fonts/garet_regular-webfont.woff2') format('woff2'),
    url('fonts/garet_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Valencia Script';
  src: url('ValenciaScript.eot');
  src: url('ValenciaScript.eot?#iefix') format('embedded-opentype'),
    url('ValenciaScript.woff2') format('woff2'),
    url('ValenciaScript.woff') format('woff'),
    url('ValenciaScript.ttf') format('truetype'),
    url('ValenciaScript.svg#ValenciaScript') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Dosis&display=swap');


body {
  padding-bottom: 0px !important;
}

html {
  scroll-behavior: smooth;
}

.cabecera .nav {
  padding-top: 15px;
}

.cabecera a {
  color: #b0ca13;
}

.cabecera a:hover,
.cabecera .active {
  color: #006633;
}

.navbar {
  float: right;
}

.cabecera .fran {
  background-color: #b0ca13;
  padding: 6px 20px;
  border-radius: 20px;
  color: white;
}

.slider,
.slider-productos,
.slider-locales,
.slider-contacto,
.slider-franquicias {
  background-repeat: no-repeat;
  background-position: top;
  text-align: center;
  padding-top: 0px;
  min-height: 580px;
  text-align: center;
}

.slider img.separador,
.slider-productos img.separador,
.slider-locales img.separador,
.slider-contacto img.separador,
.slider-franquicias img.separador {
  vertical-align: top;
}


/*carousel*/

.hidden-xs {
  visibility: visible;
}

.visible-xs {
  display: none;
}

.slider-1 {
  background-image: url("slider/banner-institucional.jpg");
}

.slider-2 {
  background-image: url("slide-1.jpg");
}

.slider-2 img {
  margin: 140px;
}

.address {
  list-style-type: none;
  top: 400px;
  position: relative;
  right: 400px;
  text-align: left;
  color: #006633;
  font-size: 18px;
}

.carousel-item {
  height: 580px;
  background-size: cover;
}

.separador-index {
  z-index: 10;
  position: relative;
}

.carousel {
  z-index: 0;
  margin-top: -17px;
}

.logo_slider {
  width: 32%;
  float: left;
  padding-left: 60px;
}

.copy_slider {
  margin-right: 100px;
  width: 18%;
  float: right;
}

.logo_slider,
.copy_slider {
  margin-top: 100px;
}

.carousel-control-next,
.carousel-control-prev {
  width: 5% !important;
}


@media (min-width: 1920px) {
  .address {
    top: 450px;
    right: 550px;
  }
}

@media (max-width: 1280px) {
  .copy_slider {
    margin-right: 35px;
  }

  .address {
    right: 337px;
  }
}

@media (max-width: 1152px) {
  .carousel-item {
    background-position: bottom;
  }

}

@media (max-width: 1024px) {
  .address {
    right: 277px;
  }
}

@media (max-width: 600px) {

  .slider-1 {
    background-image: url("slider/banner_mobile.jpg");
    background-position: center;
  }

  .slider-2 {
    background-position: bottom;
  }

  .slider-2 img {
    margin: 220px auto;
  }

  .carousel {
    margin-top: -11px;
  }

  .hidden-xs {
    visibility: hidden;
  }

  .visible-xs {
    display: block;
  }

  .copy_slider {
    width: 315px !important;
    margin: 66px auto 0;
    float: none;
  }

  .logo_slider {
    width: 76% !important;
    margin: 15px auto;
    padding: 0;
    float: none;
  }

  .slider-1 ul {
    color: white;
    list-style: none;
    margin: -51px auto -1px !important;
    padding: 0;
  }

  .carousel-indicators {
    margin-bottom: 0 !important;
  }

}

@media (max-width: 360px) {

  .copy_slider {
    margin: auto;
    margin-top: 35px;
    float: none;
  }

  .logo_slider {
    margin: 25px auto;
    padding: 0;
    float: none;
  }

  .slider-1 ul {
    color: white;
    list-style: none;
    margin: -49px auto 43px !important;
    padding: 0;
  }
}


.slider img.separador {
  margin-bottom: 140px;
}

.slider-productos {
  background-image: url("slide-2.jpg");
}

.slider-productos img.separador {
  margin-bottom: 180px;
}

.slider-productos h2.heavy {
  font-family: 'garet_heavyregular';
  color: #366036;
  margin-top: 100px;
  font-size: 40px;
  line-height: 40px;
  margin-left: -200px;
}

.slider-productos h2.garet {
  font-family: 'garet_regularregular';
  color: #366036;
  font-size: 40px;
  line-height: 20px;
  margin-left: -230px;
}

.slider-productos h2.valencia {
  font-family: 'Valencia Script';
  color: #b5c835;
  line-height: 70px;
  font-size: 140px;
}

.slider-productos h2.valencia img {
  margin-top: -20px;
}

.slider-locales {
  background-image: url("slide-3.jpg");
}

.slider-locales img.separador {
  margin-bottom: 180px;
}

.slider-locales h2.heavyy {
  font-family: 'garet_regularregular';
  color: #366036;
  font-size: 46px;
  line-height: 60px;
  margin-bottom: -6px;
}

.slider-locales h2.heavy {
  font-family: 'garet_heavyregular';
  color: #366036;
  font-size: 50px;
  line-height: 40px;
}

.slider-contacto,
.slider-franquicias {
  background-image: url("distrimay-contacto-bg.png");
}

.slider-contacto {
  background-image: url("distrimay-contacto-bg.png");
}

.slider-contacto img.separador {
  margin-bottom: 170px;
}

.slider-contacto h2.heavyy {
  font-family: 'garet_heavyregular';
  color: #366036;
  font-size: 40px;
  line-height: 30px;
}

.slider-contacto h2.valencia {
  font-family: 'Valencia Script';
  color: #b5c835;
  font-size: 100px;
  line-height: 40px;
}


.slider-franquicias img.separador {
  vertical-align: top;
}

.slider-franquicias img.separador {
  margin-bottom: 170px;
}

.slider-franquicias h2.heavy {
  font-family: 'garet_heavyregular';
  color: #366036;
  font-size: 60px;
  line-height: 66px;
}

.slider-franquicias h2.heavyy {
  font-family: 'garet_heavyregular';
  color: #b5c835;
  font-size: 88px;
  line-height: 36px;
}

.slider-franquicias h2.valencia {
  font-family: 'Valencia Script';
  color: #366036;
  font-size: 100px;
  line-height: 40px;
}






.titulo-cl {
  background: #b0ca13;
  padding: 14px 40px 12px;
  text-align: right;
}

.titulo-cl.center {
  text-align: center;
}

.titulo-os {
  background: #026031;
  padding: 14px 40px 12px;
  text-align: left
}

.titulo-cl h2,
.titulo-os h2 {
  font-family: 'garet_heavyregular';
  color: #fff;
  letter-spacing: 2px;
  font-size: 44px;
  margin: 0px;
}

.titulo-cl h2 span {
  font-family: 'garet_regularregular';
  font-weight: 400;
}

.somos {
  background-image: url("distrimay-somos-1.png");
  background-repeat: no-repeat;
  background-position: top left;
  text-align: center;
  padding: 130px 50px;
  border-top: solid 2px #b0ca13;
  border-bottom: solid 2px #026031;
  margin: 20px 0px;
}

.somos .texto {
  width: 60%;
  margin-left: 40%;
  font-family: 'garet_regularregular';
  color: #026031;
  font-size: 20px;
  letter-spacing: 1px;
}


.somos .blak {
  font-family: 'garet_heavyregular';
  text-align: center;
  margin-top: 10px;
}

.hacemos {
  background-image: url("distrimay-riqueza-salud.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  text-align: left;
  padding: 130px 50px;
  border-top: solid 2px #b0ca13;
  border-bottom: solid 2px #026031;
  margin: 20px 0px 60px 0px;
}

.hacemos .texto {
  width: 55%;
  margin-right: 45%;
  font-family: 'garet_regularregular';
  color: #026031;
  font-size: 20px;
  letter-spacing: 1px;
}

.valen {
  font-family: 'Valencia Script';
  color: #026031;
  font-size: 66px;
}

p.vrd {
  background: #026031;
  padding: 14px 0px 10px 0px;
  ;
  font-family: 'garet_regularregular';
  color: #026031;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  margin: 0px;
}


.row .col-7,
.row .col-5 {
  padding: 0px;
}

.row {
  margin: 0px !important;
}

.ventajas {
  background: #edf0f0;
  margin-bottom: 50px !important;
}

.ventajas .texto {
  background: #fff;
  ;
  text-align: center;
  padding: 120px 80px 100px 80px;
}


.ventajas h2.heavy {
  font-family: 'garet_heavyregular';
  color: #366036;
  font-size: 50px;
  line-height: 30px;
}

.ventajas h2.heavyy {
  font-family: 'garet_regularregular';
  color: #366036;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: -6px;
  ;
}

.ventajas h2.valencia {
  font-family: 'Valencia Script';
  color: #b5c835;
  font-size: 80px;
  line-height: 20px;
}

.ventajas p.solicita {
  background: #366036;
  color: #fff;
  padding: 10px 0px;
  border-radius: 10px;
  text-align: center;
  margin: 30px 30%;
  width: 40%;
}


.productos .col-sm-6 {
  text-align: center;
  padding: 0px !important;
}

.productos a {
  color: #fff;
  text-decoration: none;
  font-family: 'garet_heavyregular';
  font-size: 20px;
}

.productos a:hover {
  color: #fff;
  ;
}

.productos h2.heavy {
  letter-spacing: 4px;
  font-family: 'garet_heavyregular';
  color: #366036;
  font-size: 50px;
  line-height: 30px;
}

.productos h2.heavyy {
  letter-spacing: 6px;
  font-family: 'garet_regularregular';
  color: #366036;
  font-size: 42px;
  line-height: 40px;
}

.productos p.comprar {
  background: #b5c835;
  color: #fff;
  padding: 10px 0px;
  border-radius: 20px;
  text-align: center;
  margin: 20px 30%;
  width: 40%;
}

.lista {
  padding: 80px;
  vertical-align: middle;
}

.lista ul {
  list-style-type: none;
  font-family: 'Dosis', sans-serif;
  color: #366036;
  font-size: 22px;
}

.lista ul li {
  margin-bottom: 12px;
  line-height: 32px;
}

.lista ul:first-child li:before {
  content: "\2713\0020";
  margin-left: -23px;
  color: #b5c835;
  font-size: 24px;
}

.app {
  margin: 50px 0px !important;
}

.app .celular {
  background-image: url("distrimay-app.png");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
  min-height: 500px;
}

.app .col-6 {
  text-align: center;
}

.app .texto {
  padding-top: 140px;
  text-align: center;
}

.app .valencia {
  font-family: 'Valencia Script';
  color: #366036;
  font-size: 80px;
  line-height: 20px;
}

.app .heavy {
  font-family: 'garet_heavyregular';
  color: #b5c835;
  font-size: 24px;
  line-height: 36px;
}

.app .garet {
  font-family: 'garet_regularregular';
  color: #366036;
  font-size: 22px;
  line-height: 30px;
}


.curva {
  min-height: 340px;
  background-image: url("distrimay-curva.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  padding-top: 80px;
  text-align: center;
}

.curva h2.heavyy {
  font-family: 'garet_heavyregular';
  color: #fff;
  font-size: 28px;
  line-height: 40px;
}

.curva h2.valencia {
  font-family: 'Valencia Script';
  color: #366036;
  font-size: 120px;
  line-height: 30px;
}

.curva .heavyy {
  color: #366036 !important;
}

/* FORMULARIO */

.formulario {
  font-family: 'garet_regularregular';
  color: #366036;
  font-size: 20px;
}

.row.formulario {
  margin-bottom: 100px !important;
}

.formulario .col-4 {
  padding: 20px;
}

.formulario input {
  width: 100%;
  margin-bottom: 20px;
  border: none;
  border-bottom: solid 1px #366036 !important;
}

.formulario textarea {
  width: 100%;
  border-radius: 20px;
  min-height: 196px;
  padding: 10px;
}

.formulario .enviar {
  background-color: #366036;
  border-radius: 10px;
  width: 40%;
  margin-left: 30%;
  color: white;
}


.dietarios {
  background-image: url('distrimay-suplementos-dietarios.png');
  background-position: center center;
  min-height: 300px;
}

.celiacos {
  background-image: url('distrimay-alimentos-celiacos.png');
  background-position: center center;
  min-height: 300px;
}

.organicos {
  background-image: url('distrimay-alimentos-organicos.png');
  background-position: center center;
  min-height: 300px;
}

.dieteticos {
  background-image: url('distrimay-alimentos-dieteticos.png');
  background-position: center center;
  min-height: 300px;
}

.harinas {
  background-image: url('distrimay-harinas-y-legumbres.png');
  background-position: center center;
  min-height: 300px;
}

.reposteria {
  background-image: url('distrimay-productos-reposteria.png');
  background-position: center center;
  min-height: 300px;
}

.cosmetica {
  background-image: url('distrimay-cosmetica-natural.png');
  background-position: center center;
  min-height: 300px;
}

.hierbas {
  background-image: url('distrimay-hierbas-medicinales.png');
  background-position: center center;
  min-height: 300px;
}

.aceites {
  background-image: url('distrimay-aceites-y-sahumerios.png');
  background-position: center center;
  min-height: 300px;
}

.especias {
  background-image: url('distrimay-especias.png');
  background-position: center center;
  min-height: 300px;
}

.frutas {
  background-image: url('distrimay-frutas-secas.png');
  background-position: center center;
  min-height: 300px;
}

.ecologicos {
  background-image: url('distrimay-productos-ecologicos.png');
  background-position: center center;
  min-height: 300px;
}


.dietariostxt,
.celiacostxt,
.organicostxt,
.dieteticostxt,
.harinastxt,
.reposteriatxt,
.cosmeticatxt,
.hierbastxt,
.aceitestxt,
.especiastxt,
.frutastxt,
.ecologicostxt {
  display: none;
  visibility: hidden;
  background: rgb(255, 255, 255, 0.3);
  width: 100%;
  height: 100%;
  padding: 80px 20px 0px 20px;
}


.especiastxt h2 {
  margin-top: 30px;
}

.dietarios:hover .dietariostxt,
.celiacos:hover .celiacostxt,
.organicos:hover .organicostxt,
.dieteticos:hover .dieteticostxt,
.harinas:hover .harinastxt,
.reposteria:hover .reposteriatxt,
.cosmetica:hover .cosmeticatxt,
.hierbas:hover .hierbastxt,
.aceites:hover .aceitestxt,
.especias:hover .especiastxt,
.frutas:hover .frutastxt,
.ecologicos:hover .ecologicostxt {
  display: block;
  visibility: visible;
}

.navbar-toggler {
  border: solid 1px #366036 !important;
}


.navbar {
  width: 100%;
}

.navbar-expand-sm .navbar-nav {
  width: 100%;
  flex-direction: row-reverse !important;
}

.navbar li {
  margin: 0px 10px;
}

.navbar a {
  color: #b0ca13 !important;
  font-size: 24px;
}

.navbar a:hover {
  color: #366036 !important;
  border-bottom: solid 2px #366036;
}

.navbar a.fran {
  color: #fff !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.navbar a.fran:hover {
  border-bottom: 0px !important;
  color: #366036 !important;
}

.navbar a.fran.active {
  border-bottom: 0px !important;
  color: #366036 !important;
}

a.text-decoration-none:hover {
  border-bottom: none !important;
}


.nav-link.active {
  color: #366036 !important;
  border-bottom: solid 2px #366036;
}


.local {
  margin-bottom: 40px !important;
}

.local .col-sm-4 {
  border-left: solid 0.2px #ccc;
  border-right: solid 0.2px #ccc;
}

.local i {
  color: #b0ca13;
  font-size: 28px;
}

.local .col-sm-4 {
  padding: 0px;
  text-align: center;
}

.local img {
  width: 100%;
  height: auto;
}

.local h2 {
  background-color: #006633;
  color: #fff;
  font-size: 22px;
  padding: 10px;
}

.local p {
  font-size: 18px;
  margin-bottom: 0px;
}

.mobile {
  display: none !important;
  visibility: hidden !important;
}

.local a {
  text-decoration: none !important;
  color: #212529 !important;
}

@media (max-width: 600px) {

  .mobile {
    display: block !important;
    visibility: visible !important;
  }


  .slider,
  .slider-productos,
  .slider-locales,
  .slider-contacto,
  .slider-franquicias {
    background-size: cover !important;
  }

  .slider img.separador,
  .slider-productos img.separador,
  .slider-franquicias img.separador {
    width: 100% !important;
  }

  .slider img,
  .slider-productos img,
  .slider-franquicias img {
    width: 90%;
  }

  .slider img.separador {
    margin-bottom: 220px !important;
  }

  .slider-productos img.separador {
    margin-bottom: 220px;
  }

  .slider-locales h2.heavy {
    font-size: 36px !important;
    line-height: 30px !important;
  }

  .slider-locales h2.heavyy {
    font-size: 40px !important;
  }

  .slider-contacto h2.heavyy {
    font-size: 36px !important;
  }

  .slider-contacto img.distribuidores {
    width: 90% !important;
  }


  .somos {
    background: none !important;
    padding: 20px;
  }

  .somos .texto {
    font-size: 18px;
    width: 100%;
    margin-left: 0;
    text-align: center;
  }

  .somos .texto img {
    width: 90%;
  }


  .hacemos {
    text-align: center !important;
    padding: 20px;
    background-image: none;
    margin: 0px 0px 60px 0px;
    border-top: none;
  }

  .hacemos .texto {
    width: 100%;
    margin-right: 0;
  }

  .titulo-os {
    text-align: center;
  }

  .titulo-cl {
    text-align: center;
  }

  .row {
    padding: 0px !important;
  }

  .productos h2.heavyy {
    font-size: 30px !important;
  }

  .productos h2.heavy {
    font-size: 40px !important;
  }

  .productos p.comprar {
    margin: 20px 10% !important;
    width: 80% !important;
  }

  .row.app {
    padding: 0px !important;
  }

  .app {
    margin: 10px 0px 0px 0px !important
  }

  .app .celular {
    min-height: 250px;
  }

  .app .texto {
    padding-top: 40px !important;
  }

  .cabecera .col-12 img {
    width: 200px !important;
    float: left;
  }

  .cabecera {
    margin-bottom: -30px !important;
  }

  .navbar {
    width: 100% !important;
  }

  .navbar .mb-3 {
    margin-bottom: 0px !important;
  }

  .cabecera.p-3 {
    padding: 0px 0px 10px 0px !important;
  }

  .navbar-collapse {
    margin-top: 10px;
    text-align: center !important;
  }

  .navbar a:hover,
  .nav-link.active {
    border-bottom: none !important;
  }

  .navbar-expand-sm .navbar-nav {
    width: 100%;
    flex-direction: column-reverse !important;
  }

  .dietariostxt,
  .celiacostxt,
  .organicostxt,
  .dieteticostxt,
  .harinastxt,
  .reposteriatxt,
  .cosmeticatxt,
  .hierbastxt,
  .aceitestxt,
  .especiastxt,
  .frutastxt,
  .ecologicostxt {
    display: block !important;
    visibility: visible !important;
  }

  .variedad img {
    width: 90% !important;
  }

  .variedad {
    margin-top: 40px;
  }

  .variedad img {
    width: 280px !important;
  }

  .titulo-cl h2,
  .titulo-os h2 {
    font-size: 34px;
    line-height: 34px;
  }

  img.exclusiva {
    width: 250px !important;
  }

  .curva {
    padding-top: 30px !important;
    background-size: 200% !important;
    min-height: 180px !important;
  }

  .curva img {
    width: 350px !important;
  }

  .curva h2.heavyy {
    font-size: 22px !important;
    margin-top: -6px;
  }

  .formulario .col-2 {
    display: none !important;
  }

  .formulario .col-4 {
    width: 100% !important;
  }

  .formulario textarea {
    margin-top: -20px !important;
  }

  .slider-franquicias h2.heavy {
    font-size: 50px !important;
    line-height: 50px !important;
  }

  .slider-franquicias h2.heavyy {
    font-size: 58px !important;
    line-height: 50px !important;
  }

  .ventajas .col-7,
  .ventajas .col-5 {
    width: 100% !important;
  }

  .ventajas .texto {
    padding: 50px 30px !important;
  }

  .ventajas .texto img {
    width: 310px !important;
  }

  .lista {
    padding: 20px !important;
  }

  .footer .seguinos img {
    margin-bottom: -30px !important;
  }

  .seguinos {
    padding: 10px !important;
    text-align: right !important;
    margin-top: 20px !important;
  }


  .slider-franquicias h2.heavy {
    font-size: 50px !important;
    line-height: 40px !important;
  }

  .slider-franquicias h2.heavyy {
    font-size: 60px !important;
    line-height: 60px !important;
  }
}




/*footer*/


.row.footer {
  margin: 0px !important;
  background-color: white;
}

.footer-top {
  margin-bottom: -46px;
  padding: 0;
}

.logo-ft {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-size: 16px;
}

.logo-ft img {
  width: 300px;
  height: auto;
}

.logo-ft ul {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.logo-ft ul li {
  color: #026031;
  list-style: none;
}

.seguinos {
  font-family: 'Valencia Script';
  color: #fff;
  font-size: 44px;
  background-image: url("./distrimay-seguinos-bg.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  text-align: center;
  padding: 40px 40px 20px 180px !important;
}

.seguinos p {
  padding: 0px;
  margin: 0px;
  line-height: 0px;
  font-size: 80px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.seguinos i,
.seguinos svg {
  text-align: center;
  font-size: 24px;
  background: white;
  color: #b0ca13;
  padding: 13px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  margin: 0 5px;
}


p.vrd {
  background: #026031;
  padding: 14px 0px 10px 0px;
  ;
  font-family: 'garet_regularregular';
  color: #026031;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  margin: 0px;
}

.footer-bottom {
  padding: 0;
}

@media (max-width: 600px) {
  .footer .seguinos img {
    margin-bottom: -30px !important;

  }

  .logo-ft {
    flex-direction: column;
    padding-top: 70px;
  }

  .logo-ft ul {
    padding-top: 30px;
  }

  .seguinos {
    padding: 10px !important;
    text-align: right !important;
    margin-top: 20px !important;
  }

  .footer-light {
    margin-top: 50px;
  }
}

/*---- WHASAPP ----*/

.float-wp svg {
  position: fixed;
  right: 0;
  bottom: 5%;
  fill: #E8DCF4;
}


.float-wp svg {
  width: 100px;
}