/*----------------------------------*/
/*----------------------------------*/
/*------- Import SASS files --------*/
/*----------------------------------*/
/*----------------------------------*/
/*------- Variables are the consistent elements throughout the website --------*/
/* --------------------- */
/* --------------------- */
/* ------- FONTS ------- */
/* --------------------- */
/* --------------------- */
/* --------------------- */
/* --------------------- */
/* ----- VARIABLES ----- */
/* --------------------- */
/* --------------------- */
/* Colors */
/*------- Styles used all-over website --------*/
/* -------------------- */
/* -------------------- */
/* ----- TEMPLATE ----- */
/* -------------------- */
/* -------------------- */
html {
  scroll-behavior: smooth; }

body, html, h1, h2, h3, h4, h5, h6, p, ul {
  margin: 0px;
  padding: 0px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700; }

ul {
  list-style: none; }

.row {
  margin-left: 0px;
  margin-right: 0px; }

a {
  color: inherit;
  text-decoration: none;
  border: none;
  cursor: pointer; }

a:hover {
  color: inherit;
  text-decoration: none;
  border: none;
  cursor: pointer; }

img {
  border: 0px; }

body {
  font-size: 18px;
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
  overflow-x: hidden;
  font-weight: 500; }

.inline {
  display: inline; }

.middle {
  vertical-align: middle; }

textarea {
  resize: none; }

.container {
  max-width: 1200px;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin: auto; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-right: 15px;
  padding-left: 15px; }

.naranja {
  color: #D04F27; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 500; }

h1 {
  font-size: 56px;
  line-height: 56px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 36px; }

h4 {
  font-size: 28px; }

h5 {
  font-size: 22px; }

header {
  background: #000;
  z-index: 9999;
  width: 100%;
  height: 70px; }
  header .menu {
    margin: auto; }
    header .menu ul {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 70px; }
    header .menu li {
      display: inherit; }
    header .menu a {
      color: #D04F27;
      margin-right: 55px;
      font-weight: 700;
      font-style: normal;
      font-size: 22px;
      letter-spacing: 4px; }
      header .menu a:hover {
        color: #fff;
        text-decoration: none; }
    header .menu li:last-child > a {
      margin-right: 0px; }

footer {
  font-size: 14px;
  background: #000;
  color: #D04F27;
  text-align: center;
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999; }
  footer a {
    margin-left: 5px; }
    footer a:hover {
      color: #fff; }

.fullheight {
  min-height: 100vh;
  padding-top: 70px;
  padding-bottom: 50px; }

/* ------------------ */
/* ----- Laptop ----- */
/* ------------------ */
@media screen and (max-width: 991px) {
  header .menu a {
    margin-right: 25px; } }
/* ------------------- */
/* --- MOBILE VIEW --- */
/* ------------------- */
@media screen and (max-width: 768px) {
  header .menu a {
    margin-right: 25px;
    font-size: 16px; }

  .quitarmovil {
    display: none; } }
@media screen and (max-width: 700px) {
  header .menu a {
    margin-right: 25px; } }
@media screen and (max-width: 655px) {
  footer {
    flex-direction: column;
    padding: 0px 8px;
    font-size: 12px; }

  .trigger span {
    background: #FDFDFD; }

  header {
    /*fin trigger*/ }
    header .trigger {
      width: 30px;
      height: 30px;
      position: absolute;
      top: 25px;
      bottom: auto;
      right: 36px;
      z-index: 3;
      cursor: pointer;
      transition: top .1s ease-in-out; }
      header .trigger span {
        display: block;
        width: 100%;
        height: 5px;
        background: #0A0909;
        margin: 0 0 5px 0;
        transition: all .2s ease-in-out;
        position: absolute; }
        header .trigger span:first-child {
          top: 0;
          left: 0; }
        header .trigger span:nth-child(2) {
          top: 10px;
          left: 0; }
        header .trigger span:last-child {
          top: 20px;
          left: 0; }
      header .trigger.on {
        top: 40px; }
        header .trigger.on span:first-child {
          transform: rotate(45deg); }
        header .trigger.on span:nth-child(2) {
          transform: rotate(-45deg);
          top: 0; }
        header .trigger.on span:last-child {
          transform: rotate(45deg);
          top: 0; }
    header .spannegro span {
      background: #F1F1F1 !important; }
    header .on span {
      background: #F1F1F1 !important; }
    header .menu {
      background: rgba(0, 0, 0, 0.85);
      height: 100%;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: none;
      z-index: 2; }
      header .menu a {
        margin-right: 0px;
        font-size: 36px;
        color: #FDFDFD !important; }
        header .menu a:hover {
          color: #D04F27 !important; }
      header .menu ul {
        list-style-type: none;
        padding: 0;
        left: 0;
        width: 250px;
        text-align: left;
        position: relative;
        top: 80px;
        right: auto;
        bottom: auto;
        left: 35px; }
        header .menu ul li {
          float: none;
          text-align: left;
          margin-bottom: 20px; } }
/*------- Styles used in Homepage --------*/
/* ------------------------- */
/* ----- INTERIOR PAGE ----- */
/* ------------------------- */
#bg_follow {
  background-image: url(../images/bg_textura.jpg);
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: -1; }

/* general styles - desktop / base */
#inicio {
  display: flex;
  justify-content: center;
  align-items: center; }
  #inicio img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 180px; }
  #inicio h5 {
    color: #fff;
    text-align: center;
    max-width: 1100px;
    margin: auto; }

#hero_aullad {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  #hero_aullad img {
    margin-left: auto;
    margin-right: auto; }
  #hero_aullad h1 {
    color: #D04F27;
    text-align: center;
    margin-top: 40px;
    font-weight: 500; }

#vinos {
  color: #fff; }

.vinoinfo {
  display: flex;
  justify-content: center;
  align-items: center; }
  .vinoinfo h2 {
    color: #D04F27; }
  .vinoinfo h4 {
    color: #D04F27; }
  .vinoinfo .bodyvino strong {
    color: #D04F27; }
  .vinoinfo img {
    max-height: 82vh; }
  .vinoinfo .container {
    display: flex;
    justify-content: center;
    align-items: center; }
  .vinoinfo .col-2 p {
    min-width: 210px; }
  .vinoinfo .col-2 .parrafocata {
    margin-bottom: 30px; }
  .vinoinfo .col-2 h3, .vinoinfo .col-2 h5 {
    color: #D04F27;
    font-weight: 700; }
  .vinoinfo .wrapper_notacata {
    padding-top: 50px; }
    .vinoinfo .wrapper_notacata .parrafocata {
      margin-bottom: 30px;
      max-width: 615px; }

#nosotros {
  color: #fff; }
  #nosotros h2 {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700; }
  #nosotros #wrapper_infonosotros {
    margin-bottom: 45px; }
  #nosotros img {
    margin-bottom: 20px;
    object-fit: cover;
    max-height: 350px;
    width: 100%; }

#galeria {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }
  #galeria h2 {
    width: 100%;
    text-align: center;
    color: #D04F27;
    letter-spacing: 5px;
    font-weight: 700;
    max-height: 70px;
    margin-bottom: 80px; }
  #galeria #image-slider {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px; }
    #galeria #image-slider .splide__pagination {
      display: none; }
    #galeria #image-slider .splide__arrows button:focus {
      outline: 0px auto -webkit-focus-ring-color !important;
      background: #D04F27 !important;
      border-radius: 150px !important; }
    #galeria #image-slider .splide__arrows button:disabled {
      opacity: 0.2 !important; }
    #galeria #image-slider .splide__arrow--next, #galeria #image-slider .splide__arrow--prev {
      background: none;
      border: none; }
    #galeria #image-slider .splide__arrow--next {
      position: absolute;
      right: 0px;
      top: 28vh;
      z-index: 2; }
      #galeria #image-slider .splide__arrow--next img {
        padding-left: 16px;
        padding-right: 6px;
        padding-top: 12px;
        padding-bottom: 12px; }
    #galeria #image-slider .splide__arrow--prev {
      position: absolute;
      left: 0px;
      top: 28vh;
      z-index: 2; }
      #galeria #image-slider .splide__arrow--prev img {
        padding-left: 6px;
        padding-right: 16px;
        padding-top: 12px;
        padding-bottom: 12px; }

#contacto .container {
  display: flex;
  justify-content: center;
  padding-top: 35px; }
  #contacto .container h1 {
    color: #D04F27;
    margin-bottom: 180px; }
  #contacto .container .col-7 {
    text-align: center; }
    #contacto .container .col-7 img {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 70px; }
  #contacto .container p {
    letter-spacing: 4px;
    margin-left: 66px; }
  #contacto .container .wrap_ventas a {
    letter-spacing: 4px;
    font-weight: 700; }
    #contacto .container .wrap_ventas a:hover {
      color: #D04F27; }
  #contacto .container .wrap_socials {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    #contacto .container .wrap_socials p {
      text-align: right; }
    #contacto .container .wrap_socials a {
      margin-right: 15px; }
    #contacto .container .wrap_socials .redsocial {
      background: #000;
      display: inline-block;
      border-radius: 150px;
      width: 60px;
      height: 60px;
      text-align: center;
      padding-top: 12px;
      margin-top: 17px; }
      #contacto .container .wrap_socials .redsocial:hover {
        background: #D04F27; }

#landingedad {
  display: flex;
  justify-content: center;
  align-items: center; }
  #landingedad .container {
    flex-direction: column; }
    #landingedad .container h2 {
      text-align: center;
      color: #fff;
      margin-top: 180px; }
    #landingedad .container .wrap_opciones {
      display: flex;
      justify-content: center;
      align-items: center; }
      #landingedad .container .wrap_opciones a {
        display: block;
        background: #000;
        border: 1px solid #D04F27;
        padding: 20px 120px;
        color: #D04F27;
        font-size: 20px;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 30px; }
        #landingedad .container .wrap_opciones a:hover {
          background: #D04F27;
          color: #fff;
          -webkit-transition: all ease-in-out .3s;
          -moz-transition: all ease-in-out .3s;
          -ms-transition: all ease-in-out .3s;
          -o-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s; }

@media screen and (max-width: 1280px) {
  #inicio, #hero_aullad, #nosotros h2 {
    padding-left: 15px;
    padding-right: 15px; }

  .vinoinfo .col-7 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; } }
@media screen and (max-width: 1150px) {
  .vinoinfo .col-7 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%; }
  .vinoinfo p {
    font-size: 16px; }

  body {
    font-size: 16px; }

  #contacto .col-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }
@media screen and (max-width: 1150px) {
  #galeria #image-slider .splide__arrow--next, #galeria #image-slider .splide__arrow--prev {
    top: 45%; }

  #galeria #image-slider .splide__arrow--next img, #galeria #image-slider .splide__arrow--prev img {
    max-width: 50px; } }
@media screen and (max-width: 991px) {
  .vinoinfo .container {
    flex-direction: column; }
    .vinoinfo .container .col-7 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center; }
    .vinoinfo .container .wrapper_notacata .parrafocata {
      margin-left: auto;
      margin-right: auto;
      text-align: left; }
    .vinoinfo .container .col-2 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      text-align: left; }
      .vinoinfo .container .col-2 p, .vinoinfo .container .col-2 h3, .vinoinfo .container .col-2 h5 {
        max-width: 615px;
        margin-left: auto;
        margin-right: auto; }
    .vinoinfo .container .col-3 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center; }

  .proyecto_individual h2 {
    font-size: 18px;
    line-height: 24px; } }
@media screen and (max-width: 655px) {
  header .menu ul {
    flex-direction: column;
    margin: auto;
    left: 0px; }

  #nosotros #wrapper_infonosotros {
    flex-direction: column; }
    #nosotros #wrapper_infonosotros .col-4 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 10px;
      margin-top: 10px; }

  #landingedad .container {
    padding-left: 15px;
    padding-right: 15px; }
    #landingedad .container img {
      max-width: 100%; }
    #landingedad .container h2 {
      margin-top: 100px; }
    #landingedad .container .wrap_opciones a {
      padding: 10px 60px; } }
@media screen and (max-width: 550px) {
  #inicio .container img {
    max-width: 100%;
    margin-bottom: 100px; }

  #hero_aullad h1 {
    font-size: 48px; }

  #nosotros img {
    height: 300px; }

  #contacto h1 {
    font-size: 48px; }

  #contacto .container .col-7 .wrap_socials, #contacto .container .col-6 .wrap_socials {
    padding-bottom: 100px; } }
@media screen and (max-width: 360px) {
  #contacto .container {
    flex-direction: column; }
    #contacto .container .col-7, #contacto .container .col-6 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
      #contacto .container .col-7 p, #contacto .container .col-7 a, #contacto .container .col-6 p, #contacto .container .col-6 a {
        margin-left: 0px;
        text-align: center;
        margin: auto;
        display: block; }
      #contacto .container .col-7 .wrap_ventas, #contacto .container .col-6 .wrap_ventas {
        margin-bottom: 30px; }
      #contacto .container .col-7 .wrap_socials, #contacto .container .col-6 .wrap_socials {
        padding-bottom: 50px; }

  #landingedad .container .wrap_opciones a {
    padding: 10px 30px; } }

/*# sourceMappingURL=style.css.map */