@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");
@font-face {
  font-family: 'Winthorpe Rg';
  src: url("WinthorpeRg.woff2") format("woff2"), url("WinthorpeRg.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

body {
  padding: 0px 0 0 0;
  margin: 0;
  font-size: 12px;
  height: 100%;
  color: #000;
  font-family: "Montserrat", sans-serif; }

.clear {
  clear: both; }

h1, h2, h3, h4, h5, p, ul, li {
  padding: 0;
  margin: 0; }

li {
  list-style: none; }

a, a:hover {
  text-decoration: none;
  outline: none; }

a {
  outline: none !important; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.trans, .como input[type="submit"] {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

a, input, button {
  outline: none !important; }

header {
  border-top: solid 20px #b59e79; }
  header img {
    display: block;
    margin: 45px auto 45px auto; }
  header h1 {
    font-family: "Winthorpe Rg";
    font-size: 90px;
    line-height: 85px;
    text-align: center; }
    header h1 span {
      display: block; }
  header p {
    font-size: 26px;
    text-align: center;
    font-weight: 300;
    padding-top: 45px;
    padding-bottom: 31px; }
    header p span {
      display: block; }

.modvino {
  padding: 45px;
  background-color: #f2e7de; }
  .modvino h1 {
    color: #98172b;
    font-size: 50px;
    line-height: 45px;
    margin-bottom: 45px;
    font-family: "Winthorpe Rg"; }
  .modvino h2 {
    font-size: 40px;
    font-family: "Winthorpe Rg";
    line-height: 50px; }
    .modvino h2 span {
      display: block; }
  .modvino h3 {
    color: #98172b;
    font-size: 41px;
    font-family: "Winthorpe Rg";
    padding-top: 60px;
    padding-bottom: 20px; }
  .modvino p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px; }
  .modvino .col-md-4 {
    padding-top: 60px; }
    .modvino .col-md-4 h4 {
      color: #98172b;
      font-size: 31px;
      text-align: center;
      margin-bottom: 15px;
      font-family: "Winthorpe Rg"; }
  .modvino img {
    max-width: 95%; }

.fotos {
  padding: 45px 0 90px 0; }
  .fotos p {
    text-align: center;
    font-size: 39px;
    font-family: "Winthorpe Rg";
    padding-top: 31px; }
    .fotos p span {
      display: block;
      font-size: 16px; }

.como {
  padding: 0px 0 60px 0;
  background-image: url(../img/fondo@2x.jpg);
  background-size: cover;
  position: relative; }
  .como .pad {
    margin-bottom: -126px; }
  .como .formulario {
    background-color: #f2e7de;
    padding: 60px;
    margin-top: 60px; }
    .como .formulario h1 {
      color: #98172b;
      font-size: 60px;
      line-height: 45px;
      text-align: center;
      font-family: "Winthorpe Rg";
      margin-bottom: 31px; }
    .como .formulario h2 {
      text-align: center;
      font-weight: bold;
      margin-bottom: 15px; }
    .como .formulario p {
      font-size: 16px;
      line-height: 26px;
      text-align: center; }
    .como .formulario img {
      margin-top: 31px; }
    .como .formulario i {
      font-weight: 300; }
  .como .pad2 {
    max-width: 700px;
    margin: auto; }
    .como .pad2 input[type="text"], .como .pad2 input[type="email"] {
      border: solid 1px #000;
      padding: 10px;
      width: 100%;
      background-color: transparent;
      font-size: 15px;
      margin-bottom: 15px; }
  .como .checks {
    padding-left: 15px; }
    .como .checks a {
      color: #000;
      text-decoration: underline; }
  .como input[type="submit"] {
    background-color: #98172b;
    color: #fff;
    padding: 10px 31px 10px 31px;
    clear: both;
    margin: auto;
    display: block;
    margin-top: 20px;
    border: none;
    font-size: 20px; }
  .como input[type="submit"]:hover {
    background-color: #000; }

footer {
  padding: 45px;
  background-color: #000;
  color: #fff;
  padding-top: 145px; }
  footer a {
    color: #fff;
    text-decoration: underline; }
  footer a:hover {
    color: #fff;
    text-decoration: none; }
  footer .col1, footer .col2 {
    padding-top: 31px; }
  footer .col2 {
    text-align: right; }

.hide {
  display: none; }

.show {
  display: block; }

.gracias1 {
  background-image: url(../img/fotogracias1.jpg);
  background-size: cover;
  background-attachment: fixed;
  min-height: 650px;
  position: relative;
  margin-bottom: 60px; }
  .gracias1 .logo {
    position: absolute;
    top: 45;
    left: 31px;
    right: auto; }
  .gracias1 h1 {
    color: #fff;
    font-size: 90px;
    line-height: 90px;
    padding: 265px 0 95px 0;
    font-family: "Winthorpe Rg";
    text-align: left; }
    .gracias1 h1 span {
      display: block; }
  .gracias1 .container {
    position: relative; }
  .gracias1 .fondo {
    padding: 45px 90px 0 90px;
    background-image: url(../img/fondo.jpg);
    background-size: cover;
    margin-top: 95px;
    position: absolute;
    left: 0; }
    .gracias1 .fondo p {
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 15px;
      text-align: left; }
      .gracias1 .fondo p strong {
        font-weight: bold; }
      .gracias1 .fondo p a {
        display: inline-block; }
    .gracias1 .fondo h2 {
      color: #98172b;
      font-family: "Oswald", sans-serif;
      text-transform: uppercase;
      text-align: left;
      letter-spacing: 0;
      margin: 22px 0 22px 0; }

.textogracias1 {
  font-size: 16px;
  padding-top: 121px;
  line-height: 28px;
  padding-bottom: 45px; }

.gracias2 {
  background-image: url(../img/fotogracias2.jpg) !important;
  background-position: bottom;
  min-height: 330px; }
  .gracias2 h1 {
    padding: 301px 0 95px 0;
    font-size: 90px;
    line-height: 90px; }
  .gracias2 a {
    margin-right: 14px; }
  .gracias2 .fondo {
    margin-top: 161px; }

header.gracias1 {
  border: none; }

.logobases {
  display: block;
  margin: auto; }

.bases {
  font-size: 14px;
  padding-bottom: 45px; }
  .bases h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 31px 0 31px 0; }
  .bases h2 {
    font-size: 14px;
    font-weight: bold; }

@media (max-width: 600px) {
  .wow {
    animation-name: none !important;
    visibility: visible !important; }
  header h1 {
    font-size: 45px;
    line-height: 45px; }
    header h1 span {
      display: inline; }
  header p {
    font-size: 20px;
    padding: 20px 20px 0 20px; }
    header p span {
      display: inline; }
  .modvino {
    padding: 31px 20px 31px 20px; }
  .modvino h1 {
    font-size: 45px; }
  .modvino img {
    max-width: 100%; }
  .modvino h2 {
    margin-top: 20px; }
  .modvino h3 {
    font-size: 31px; }
  .modvino h3 {
    padding-top: 45px; }
  .como {
    margin-top: 0;
    padding-top: 20px; }
  .como .formulario {
    margin-top: 0;
    padding: 31px 20px 31px 20px; }
    .como .formulario h1 {
      font-size: 39px; }
  .gracias2 {
    background-size: cover !important; }
  .gracias1 .logo {
    top: 45px;
    left: 0; }
  .gracias1 h1 {
    margin-bottom: 60px; }
  .gracias1 .logo {
    margin: auto;
    right: 0; }
  .gracias1 h1 {
    font-size: 45px;
    text-align: center;
    line-height: 45px;
    padding: 195px 31px 0 31px; }
  .gracias1 {
    min-height: 450px;
    background-size: 100%; }
  .gracias1 h1 span {
    display: inline; }
  .gracias1 .fondo {
    position: relative; }
  .gracias1 .fondo {
    padding: 45px 31px 0px 31px; }
  header {
    padding-bottom: 0; }
  .textogracias1 {
    padding: 0 31px 60px 31px; }
  .gracias1 .fondo {
    margin-top: 55px; }
  header .logo {
    width: 131px; }
  .textogracias1 {
    padding: 0 0 0px 0; }
    .textogracias1 img {
      margin-bottom: 31px; }
  .foto1, .foto2 {
    display: none; }
  .fotos {
    padding-bottom: 45px; } }