@charset "UTF-8";
@font-face {
  font-family: "DIN Pro Cond";
  src: url("../fonts/DINPro-CondensedRegular.woff2") format("woff2"), url("../fonts/DINPro-CondensedRegular.woff") format("woff"), url("../fonts/DINPro-CondensedRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DIN Pro";
  src: url("../fonts/DINPro-LightItalic.woff2") format("woff2"), url("../fonts/DINPro-LightItalic.woff") format("woff"), url("../fonts/DINPro-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "DIN Pro Cond";
  src: url("../fonts/DINPro-CondensedMedium.woff2") format("woff2"), url("../fonts/DINPro-CondensedMedium.woff") format("woff"), url("../fonts/DINPro-CondensedMedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "DIN Pro";
  src: url("../fonts/DINPro-Light.woff2") format("woff2"), url("../fonts/DINPro-Light.woff") format("woff"), url("../fonts/DINPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "DIN Pro Cond";
  src: url("../fonts/DINPro-CondensedLightItalic.woff2") format("woff2"), url("../fonts/DINPro-CondensedLightItalic.woff") format("woff"), url("../fonts/DINPro-CondensedLightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "DIN Pro Cond";
  src: url("../fonts/DINPro-CondensedBold.woff2") format("woff2"), url("../fonts/DINPro-CondensedBold.woff") format("woff"), url("../fonts/DINPro-CondensedBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
#mainForm label {
  font-family: "DIN Pro";
  font-weight: 300;
  font-style: normal;
}

#mainForm select, #mainForm input {
  font-family: "DIN Pro";
  font-weight: 300;
  font-style: italic;
}

h4 {
  font-family: "DIN Pro Cond";
  font-weight: normal;
  font-style: normal;
}

.modal p, #footerForm label {
  font-family: "DIN Pro Cond";
  font-weight: 500;
  font-style: normal;
}

.recForm > #codigo {
  font-family: "DIN Pro Cond";
  font-weight: 300;
  font-style: italic;
}

.modal b, h5, h3, h2, h1 {
  font-family: "DIN Pro Cond";
  font-weight: bold;
  font-style: normal;
}

#btnEnviar {
  font-family: "DIN Pro Cond" !important;
  font-weight: bold !important;
  font-style: normal !important;
}

@media screen and (max-width: 991px) {
  #headerMobile {
    display: inline;
  }
}
@media screen and (min-width: 992px) {
  #headerMobile {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  #headerDesktop {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  #headerDesktop {
    display: inline;
  }
}

@media screen and (max-width: 991px) {
  #imgFormMob {
    display: inline;
  }
}
@media screen and (min-width: 992px) {
  #imgFormMob {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  #imgFormDsk {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  #imgFormDsk {
    display: inline;
  }
}

html {
  overflow: hidden;
  height: 100%;
}

body {
  background-color: #fff;
}

h1 {
  color: #eb1d25;
  font-size: 6.5625vw;
  line-height: 1.2204761905em;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  h1 {
    font-size: 37.8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 50.4px;
  }
}
@media screen and (min-width: 992px) {
  h1 {
    font-size: 42.91px;
    padding: 0 1.1652295502em;
  }
}

h2 {
  color: #eb1d25;
  font-size: 6.5625vw;
  line-height: 1.2738095238em;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  h2 {
    font-size: 36.7px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 49px;
  }
}
@media screen and (min-width: 992px) {
  h2 {
    font-size: 27.36px;
  }
}

h3 {
  color: #eb1d25;
  font-size: 6.125vw;
  line-height: 1.1770408163em;
  padding: 0 0.612244898em;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  h3 {
    font-size: 34.4px;
    padding: 0 0.3488372093em;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  h3 {
    font-size: 46.6px;
    padding: 0 0.2575107296em;
  }
}
@media screen and (min-width: 992px) {
  h3 {
    font-size: 40.61px;
    padding: 0 1.6252154642em;
  }
}

h4 {
  color: #636466;
  font-size: 5.95vw;
  line-height: 1.2em;
  padding: 0 0.5777310924em;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  h4 {
    font-size: 33.5px;
    padding: 0 0.328358209em;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  h4 {
    font-size: 45.3px;
    padding: 0 0.2428256071em;
  }
}
@media screen and (min-width: 992px) {
  h4 {
    font-size: 37.36px;
    padding: 0 0.7226980728em;
  }
}

h5 {
  color: #636466;
  font-size: 6.5vw;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  h5 {
    font-size: 36.75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  h5 {
    font-size: 49.6px;
  }
}
@media screen and (min-width: 992px) {
  h5 {
    font-size: 31.56px;
  }
}

hr {
  width: 91%;
  border-top-width: 3px;
  border-top-color: #ff0000;
  border-radius: 10px;
  margin-top: 7.9310344828%;
  margin-bottom: 5.5172413793%;
}
@media screen and (min-width: 992px) {
  hr {
    margin-bottom: 2.4731182796%;
    width: 83%;
  }
}

.bold {
  font-weight: bold;
}

/* Layout: SectionOne */
/* Layout: SectionTwo */
/* Layout: footer */
/*container*/
@media (min-width: 1200px) {
  .container {
    max-width: 960px;
  }
}

/* Module: SectionOne (Primeros títulos)*/
#headerMobile {
  width: 71.724137931%;
  margin-top: 14.1379310345%;
  margin-bottom: 12.0689655172%;
}

#headerDesktop {
  width: 69.4623655914%;
  margin-top: 5.6989247312%;
  margin-bottom: 5.6989247312%;
}

h1 {
  margin-bottom: 9.6551724138%;
}
@media screen and (min-width: 992px) {
  h1 {
    margin-bottom: 3.4408602151%;
  }
}

h2 {
  padding: 0.2857142857em 0;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  h2 {
    padding: 0.1096491228em 0;
  }
}

h3 {
  margin-bottom: 11.3793103448%;
}
@media screen and (min-width: 992px) {
  h3 {
    margin-bottom: 6.1290322581%;
  }
}

h4 {
  margin-bottom: 7.9310344828%;
}
@media screen and (min-width: 992px) {
  h4 {
    margin-bottom: 3.6559139785%;
  }
}

@media screen and (max-width: 991px) {
  #brk {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  #brkDsktp {
    display: block;
  }
}

.h4bold {
  font-weight: bold;
  font-size: 5.68125vw;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .h4bold {
    font-size: 31.96px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .h4bold {
    font-size: 43.1px;
  }
}
@media screen and (min-width: 992px) {
  .h4bold {
    font-size: 37.36px;
  }
}

#recuadro {
  width: 64.375%;
  border: 2px solid #eb1d25;
  margin-bottom: 16.25%;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  #recuadro {
    width: 47.7083333333%;
    margin-bottom: 3.75%;
  }
}

/* Module: SectionTwo (Foto y Form)*/
#imgFormMob {
  width: 90.3448275862%;
}

#imgFormDsk {
  right: 27px;
  position: relative;
  top: 140px;
}

.specForm {
  display: block;
  width: 100%;
}

#mainForm {
  width: 93.1034482759%;
  margin: auto;
}
@media screen and (min-width: 992px) {
  #mainForm {
    width: 83.5135135135%;
  }
}

#boxForm {
  position: relative;
  -moz-box-shadow: 0px 0px 26px 5px rgba(0, 0, 0, 0.44);
  -webkit-box-shadow: 0px 0px 26px 5px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 0px 26px 5px rgba(0, 0, 0, 0.44);
  border-radius: 15px;
  background-color: #ec001a;
}

.recForm {
  width: 100%;
  border: 1px solid #fff;
}

.recForm > #codigo {
  font-size: 7.53125vw;
  color: #fff;
  padding-left: 0.2489626556em;
  background-color: #ec001a;
  border: none;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .recForm > #codigo {
    font-size: 43.38px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .recForm > #codigo {
    font-size: 57.84px;
  }
}
@media screen and (min-width: 992px) {
  .recForm > #codigo {
    font-size: 27.52px;
  }
}

.recForm > #codigo::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}

.recForm > #codigo::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

.recForm > #codigo:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

.recForm > #codigo:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}

.recForm > #codigo:focus::-webkit-input-placeholder {
  color: #596063;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.recForm > #codigo:focus::-moz-placeholder {
  color: #596063;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
}

.recForm > #codigo:focus:-moz-placeholder {
  color: #596063;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
}

.recForm > #codigo:focus:-ms-input-placeholder {
  color: #596063;
  -ms-transition: all 400ms ease;
}

.radioForm input[type=radio] {
  height: inherit !important;
  top: 2px;
  position: relative;
  margin-right: 4.8387096774%;
}

.contForm {
  width: 91.8518518519%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5.6451612903%;
  padding-bottom: 5.6451612903%;
}

#mainForm label {
  font-size: 4.315625vw;
  color: #ffffff;
  margin: 3.6290322581% 0;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  #mainForm label {
    font-size: 24.858px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #mainForm label {
    font-size: 33.144px;
  }
}
@media screen and (min-width: 992px) {
  #mainForm label {
    font-size: 15.77px;
  }
}

#mainForm input {
  font-size: 4.325vw;
  color: #596063;
  height: 2.1676300578em;
  padding-left: 0.4335260116em;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  #mainForm input {
    font-size: 24.912px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #mainForm input {
    font-size: 33.216px;
  }
}
@media screen and (min-width: 992px) {
  #mainForm input {
    font-size: 15.8px;
  }
}

#mainForm select {
  font-size: 4.325vw;
  color: #140d0d;
  height: 2.1676300578em;
  padding-left: 0.4335260116em;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  #mainForm select {
    font-size: 24.912px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #mainForm select {
    font-size: 33.216px;
  }
}
@media screen and (min-width: 992px) {
  #mainForm select {
    font-size: 15.8px;
  }
}

#ticketLabel {
  margin: 7.2580645161% 0 !important;
}

#ticketImg {
  width: 65.3225806452%;
  cursor: pointer;
}

#ticketInpt {
  display: none;
}

#footerForm {
  margin-top: 5.1851851852%;
}

#footerForm .col-8 {
  line-height: 1em;
}

#footerForm label {
  font-size: 3.9vw;
  line-height: 1.2820512821em;
  color: #252525;
  display: inline;
  width: 75%;
  position: absolute;
  left: 45px;
  margin: 0;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  #footerForm label {
    font-size: 21.77px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #footerForm label {
    font-size: 28.5px;
  }
}
@media screen and (min-width: 992px) {
  #footerForm label {
    font-size: 14.26px;
  }
}

#footerForm label a {
  color: #252525;
  text-decoration: underline;
}

#footerForm input[type=checkbox] {
  height: unset;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  position: absolute;
  top: 8px;
  left: 20px;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #ec001a;
  background-color: #ec001a;
  padding-left: 0;
}

#footerForm input[type=checkbox]:checked:after {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  right: 4px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}

#btnEnviar {
  color: #fff !important;
  font-size: 4.9875vw;
  background-color: #252525;
  border: unset;
  min-height: 32px;
  padding: 0 16px !important;
  cursor: pointer;
}

footer {
  margin-bottom: 92px;
}

#miRoyalCanin {
  width: 37.2413793103%;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  #miRoyalCanin {
    width: 175px;
  }
}

/*Module : Modals*/
.modal {
  border-radius: 12px;
  max-width: 84.375%;
  font-size: 4.6875vw;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .modal {
    font-size: 27px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .modal {
    font-size: 36px;
  }
}
@media screen and (min-width: 992px) {
  .modal {
    font-size: 20px;
  }
}

.modal p {
  font-size: 4.6875vw;
  letter-spacing: 0.05em;
  line-height: 1.3em;
  margin-bottom: 0;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .modal p {
    font-size: 27px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .modal p {
    font-size: 36px;
  }
}
@media screen and (min-width: 992px) {
  .modal p {
    font-size: 18px;
  }
}

.modal b {
  font-size: 4.6875vw;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .modal b {
    font-size: 27px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .modal b {
    font-size: 36px;
  }
}
@media screen and (min-width: 992px) {
  .modal b {
    font-size: 18px;
  }
}

.fancybox-close-small {
  top: -22px;
  right: -11px;
}

.fancybox-close-small:after {
  color: #fff;
  font-size: 25px;
  font-weight: 300;
  background-color: #ff0000;
}

/*.fancybox-close-small:hover:after {
    color:blue;
}*/
.fancybox-slide > * {
  overflow: visible;
}

.fancybox-slide > * {
  padding: 1.6em;
}

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