:root {
  /**
   * colors
   */
  --st-patricks-blue: hsl(236, 57%, 28%);
  --amaranth-purple: hsl(335, 88%, 38%);
  --royal-blue-dark: hsl(231, 68%, 21%);
  --chrome-yellow: hsl(39, 100%, 52%);
  --space-cadet-1: hsl(230, 41%, 25%);
  --space-cadet-2: hsl(230, 59%, 16%);
  --winter-sky_50: hsla(335, 87%, 53%, 0.5);
  --purple-navy: hsl(236, 26%, 43%);
  --ksu-purple: hsl(275, 54%, 33%);
  --winter-sky: hsl(335, 87%, 53%);
  --razzmatazz: hsl(335, 87%, 51%);
  --platinum: hsl(0, 0%, 90%);
  --black_70: hsla(0, 0%, 0%, 0.7);
  --rajah: hsl(29, 99%, 67%);
  --white: hsl(0, 0%, 100%);
  --main-riu: #e4002b;
  --basic-800: #343a40;
  --gradient-1: linear-gradient(90deg, var(--royal-blue-dark) 0, var(--ksu-purple) 51%, var(--royal-blue-dark));
  --gradient-2: linear-gradient(90deg, var(--razzmatazz), var(--rajah));
  /** typography*/
  --ff-foco: "Foco", sans-serif;
  --fs-1: 3rem;
  --fs-3: 3.2rem;
  --fs-4: 2.5rem;
  --fs-5: 2.4rem;
  --fs-6: 16px;
  --fs-7: 1.8rem;
  --fs-8: 1.5rem;
  /**
   * border radius
   */
  --radius-4: 4px;
  --radius-12: 12px;
  /**
   * spacing
   */
  --section-padding: 32px;
  /**
   * transition
   */
  --transition-1: 0.15s ease;
}

html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "Foco";
  src: url("../fonts/Foco-Light.ttf");
  font-weight: 100;
}
@font-face {
  font-family: "Foco";
  src: url("../fonts/Foco.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Foco";
  src: url("../fonts/Foco-Bold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: "Foco";
  src: url("../fonts/Foco-Black.ttf");
  font-weight: 800;
}
/*-----------------------------------*\
    #RESET
  \*-----------------------------------*/
li {
  list-style: none;
}

a {
  text-decoration: none;
}

p {
  margin-bottom: 0px;
}

strong {
  font-weight: 600 !important;
}

a,
img,
span,
input,
button,
ion-icon {
  display: block;
}

button,
input {
  background: none;
  border: none;
  font: inherit;
}

button {
  cursor: pointer;
}

input {
  width: 100%;
}

ion-icon {
  pointer-events: none;
}

img {
  height: auto;
}

address {
  font-style: normal;
}

html {
  font-family: var(--ff-foco);
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  background-color: white;
  color: var(--basic-800);
  font-size: 1.6rem;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: hsl(0, 0%, 95%);
}

::-webkit-scrollbar-thumb {
  background-color: hsl(0, 0%, 80%);
}

::-webkit-scrollbar-thumb:hover {
  background-color: hsl(0, 0%, 70%);
}

/*-----------------------------------*\
    #REUSED STYLE
  \*-----------------------------------*/
.container-fluid {
  padding-inline: 32px;
  box-sizing: border-box;
}

.container {
  box-sizing: border-box;
  padding-inline: 32px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1500px) {
  .container {
    max-width: 1500px;
  }
}

.btn {
  background: var(--basic-800);
  color: var(--white);
  padding: 12px 12px;
  font-size: var(--fs-8);
  font-weight: 500;
  border-radius: 8px;
}

.btn.btn-primary {
  background: var(--main-riu);
}

.btn:is(:hover, :focus) {
  background-position: right;
}

.w-100 {
  width: 100%;
}

.banner-animation {
  animation: waveAnim 2s linear infinite alternate;
}

@keyframes waveAnim {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  100% {
    transform: translate(2px, 2px) rotate(1deg);
  }
}
.section {
  padding-block: var(--section-padding);
  transition: all ease-in-out 800ms;
  opacity: 0.5;
  transform: translateY(56px);
}

.section.show {
  opacity: 1;
  transform: translateY(0);
}

.underline {
  position: relative;
}

.underline::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 6px;
  background-image: var(--gradient-2);
  border-radius: 10px;
}

:is(.service-card, .features-card) .title {
  color: var(--st-patricks-blue);
  font-size: var(--fs-4);
  font-weight: 700;
}

:is(.service-card, .features-card, .blog-card) .text {
  font-size: var(--fs-8);
}

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*-----------------------------------*\
    #HEADER
  \*-----------------------------------*/
.header {
  color: var(--white);
  background: linear-gradient(180deg, #161616, transparent);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-block: 14px;
  z-index: 4;
  transition: var(--transition-1);
}
.header .main__navbar-left--logo figure {
  margin: 0px;
}
@media only screen and (min-width: 768px) {
  .header .main__navbar-left--logo figure {
    margin: 0 40px;
  }
}
.header.active {
  color: var(--basic-800);
  position: fixed;
  background: var(--white);
  box-shadow: 0 2px 30px hsla(0, 0%, 0%, 0.1);
}
.header.active .language-selector #language-select {
  color: var(--basic-800);
}
.header.active .language-selector #language-select option {
  background: white;
  color: #353b41;
}
.header.active .language-selector:before {
  filter: none !important;
}
.header.active .main__navbar-left--burger {
  filter: none;
}
.header.active .main__navbar-checkin img {
  filter: none;
}
.header.active .main__navbar-checkin a {
  color: #353b41;
}
.header.active .main__navbar-contacto img {
  filter: none;
}
.header.active .main__navbar-contacto a {
  color: #353b41;
}
.header.active .main__navbar-contacto a:after {
  filter: none;
}
.header .opt--desktop {
  display: none !important;
}
@media only screen and (min-width: 1024px) {
  .header .opt--desktop {
    display: flex !important;
  }
}
.header .opt--mobile {
  display: inline-flex !important;
}
@media only screen and (min-width: 1024px) {
  .header .opt--mobile {
    display: none !important;
  }
}
.header .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.header:not(.active) .language-selector:not(.opt--mobile)::after {
  filter: brightness(0) invert(1);
}
.header .main__navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.header .main__navbar-left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header .main__navbar-left--burger {
  filter: invert(1);
  cursor: pointer;
}
.header .main__navbar-left--burger img {
  width: 28px;
}
.header .main__navbar-right ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .header .main__navbar-right ul {
    gap: 32px;
  }
}
.header .main__navbar-right ul li .language-selector {
  position: relative; /* Position for the dropdown arrow */
  display: inline-block;
}
.header .main__navbar-right ul li .language-selector:before {
  content: "";
  background-image: url("../img/icon/world.svg");
  background-repeat: no-repeat;
  filter: invert(1) brightness(10);
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  pointer-events: none;
}
.header .main__navbar-right ul li .language-selector:after {
  content: "";
  background-image: url("../img/icon/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
}
.header .main__navbar-right ul li .language-selector select {
  cursor: pointer;
  font-size: var(--fs-8);
  font-weight: 400;
  padding: 0 18px 0 28px;
  border: none;
  border-radius: 5px;
  background-color: transparent;
  color: var(--white);
  appearance: none; /* Remove default dropdown arrow */
  -webkit-appearance: none; /* Remove default dropdown arrow for Safari */
  -moz-appearance: none; /* Remove default dropdown arrow for Firefox */
}
.header .main__navbar-right ul li .language-selector select option {
  background: #313131;
}
.header .main__navbar-right ul li .language-selector select:focus {
  outline: none;
}
.header .main__navbar-right ul li .btn-rc {
  background: var(--white);
  border: 1px solid hsl(240, 5%, 96%);
  max-height: 32px;
  width: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  transition: all 0.3s;
}
@media only screen and (min-width: 1024px) {
  .header .main__navbar-right ul li .btn-rc {
    width: 150px;
  }
}
.header .main__navbar-right ul li .btn-rc:hover {
  background-color: #ced4da;
  border-color: #ced4da;
  transition: all 0.3s;
}
.header .main__navbar-right ul li .btn-rc img {
  height: 16px;
}
.header .main__navbar-right ul li .btn-rc img.desktop {
  display: none;
}
.header .main__navbar-right ul li .btn-rc img.mobile {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .header .main__navbar-right ul li .btn-rc img.desktop {
    display: block;
  }
  .header .main__navbar-right ul li .btn-rc img.mobile {
    display: none;
  }
}
.header .main__navbar-contacto a {
  display: flex;
  gap: 4px;
  align-items: center;
  position: relative;
  color: white;
  font-weight: 400;
  cursor: pointer;
}
.header .main__navbar-contacto img {
  filter: invert(1) brightness(10);
}
.header .main__navbar-contacto span {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .header .main__navbar-contacto span {
    display: block;
  }
}
.header .main__navbar-checkin {
  display: flex;
  align-items: center;
  gap: 4px;
}
.header .main__navbar-checkin a {
  color: white;
  position: relative;
  font-weight: 400;
}
.header .main__navbar-checkin img {
  filter: invert(1) brightness(10);
}
.header .sidebar__backdrop {
  position: absolute;
  width: 100%;
  height: 100vh;
  left: -100%;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  transition: opacity 0.5s;
  opacity: 0;
  z-index: 9;
}
.header .sidebar__backdrop.active {
  left: 0px;
  opacity: 1;
  transition: opacity 0.5s;
}
.header .sidebar {
  position: absolute;
  top: 0px;
  left: -435px;
  height: 100vh;
  max-width: 425px;
  background: white;
  transition: left 0.3s;
  overflow: auto;
  z-index: 10;
  width: 100%;
}
.header .sidebar.active {
  left: 0px;
  transition: left 0.3s;
  padding-bottom: 100px;
}
.header .sidebar__close {
  padding: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
.header .sidebar__close span {
  color: black;
  font-size: 50px;
  font-weight: 100;
  display: inline-block;
  position: relative;
  line-height: 1;
}
.header .sidebar__close span img {
  width: 32px;
}
.header .sidebar__close img {
  width: 75px;
}
.header .sidebar__menu {
  padding: 24px 32px 64px;
}
.header .sidebar__menu ul {
  display: flex;
  flex-flow: column;
  gap: 32px;
  padding-left: 0px;
}
.header .sidebar__menu ul li a {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #343a40;
  font-size: 16px;
  font-weight: 600;
}
.header .sidebar hr {
  margin: 32px 0;
  width: 100%;
  opacity: 0.35;
}
.header .sidebar hr.opt--mobile {
  margin: 32px 0 0 0;
}
.header .sidebar__riupro img {
  width: 85px;
}
.header .sidebar__riupro p {
  color: #353b41;
  font-weight: 100;
  margin: 16px 0;
}
.header .sidebar__riupro a {
  background-color: white;
  border: 1px solid #343a40;
  border-radius: 4px;
  color: #343a40;
  text-align: center;
  font-weight: 600;
  display: block;
  box-sizing: border-box;
}
.header .sidebar .wrap-opts--mobile {
  display: flex;
  flex-flow: column;
  gap: 32px;
  margin-top: 32px;
}
.header .sidebar .wrap-opts--mobile .language-selector {
  position: relative; /* Position for the dropdown arrow */
  display: inline-block;
  /*&:after{
    content: "";
    background-image: url("/img/icon/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    pointer-events: none; 
  }*/
}
.header .sidebar .wrap-opts--mobile .language-selector:before {
  content: "";
  background-image: url("../img/icon/world.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  pointer-events: none;
}
.header .sidebar .wrap-opts--mobile .language-selector select {
  cursor: pointer;
  font-size: var(--fs-8);
  font-weight: 600;
  padding: 0 18px 0 28px;
  border: none;
  border-radius: 5px;
  background-color: transparent;
  color: #343a40;
  appearance: none; /* Remove default dropdown arrow */
  -webkit-appearance: none; /* Remove default dropdown arrow for Safari */
  -moz-appearance: none; /* Remove default dropdown arrow for Firefox */
}
.header .sidebar .wrap-opts--mobile .language-selector select option {
  background: white;
  color: #353b41;
}
.header .sidebar .wrap-opts--mobile .language-selector select:focus {
  outline: none;
}
.header .sidebar .wrap-opts--mobile .main__navbar-checkin img {
  filter: none;
}
.header .sidebar .wrap-opts--mobile .main__navbar-checkin a {
  color: #343a40;
  font-weight: 600;
}

/*-----------------------------------*\
    #HERO
  \*-----------------------------------*/
.hero {
  height: 600px;
  max-height: 600px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
  .hero {
    align-items: center;
  }
}
.hero:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3490196078), rgba(0, 0, 0, 0.1019607843));
  z-index: 1;
}
.hero .img-wrap {
  width: 100%;
  height: 600px;
  overflow: hidden;
}
.hero .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.hero .img-wrap figure {
  height: 100%;
  width: 100%;
  margin: 0px;
}
.hero .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
}
.hero .container p.display {
  color: white;
  font-size: 48px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .hero .container p.display {
    font-size: 72px;
  }
}
.hero .container p.subtitle {
  font-size: 20px;
  color: white;
  margin: 16px 0 0 0;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  .hero .container p.subtitle {
    font-size: 24px;
    margin: 0px;
  }
}

.hero.with-video video[poster] {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.wrap {
  /*-----------------------------------*\
  #BREADCRUMBS
  \*-----------------------------------*/
}
.wrap_breadcrumb {
  margin: 48px 0;
}
@media only screen and (min-width: 768px) {
  .wrap_breadcrumb {
    margin: 96px 0 48px 0;
  }
}
.wrap_breadcrumb .breadcrumb ul {
  list-style: none;
  padding-left: 0px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 1rem 0 0 0;
  gap: 4px;
}
.wrap_breadcrumb .breadcrumb ul li {
  display: flex;
  align-items: center;
  gap: 4px;
}
.wrap_breadcrumb .breadcrumb ul li a {
  color: var(--basic-800);
  text-decoration: none;
  font-size: 14px;
}
.wrap_breadcrumb .breadcrumb ul li a.active {
  color: var(--main-riu);
}
.wrap_breadcrumb .breadcrumb ul li svg {
  transform: rotate(270deg);
  position: relative;
  width: 20px;
  vertical-align: 0px !important;
}
.wrap_intro {
  padding-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .wrap_intro {
    padding-bottom: 96px;
  }
}
.wrap_intro h1 {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .wrap_intro h1 {
    font-size: 4.5rem;
  }
}
.wrap_intro p {
  font-size: 16px;
  font-weight: 100;
  line-height: 1.5;
}
.wrap_family {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 24px 0;
}
@media only screen and (min-width: 768px) {
  .wrap_family {
    padding: 48px 0;
  }
}
.wrap_family a {
  display: inline-block;
  font-weight: 100;
  color: var(--basic-800);
  text-decoration: underline;
  font-weight: 600;
}
.wrap_family .family_right,
.wrap_family .family_left {
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
@media only screen and (min-width: 768px) {
  .wrap_family .family_right,
  .wrap_family .family_left {
    gap: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .wrap_family .family_right,
  .wrap_family .family_left {
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) {
  .wrap_family .family_right,
  .wrap_family .family_left {
    padding: 48px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .wrap_family .family_left .family_img {
    order: 2;
  }
}
.wrap_family .family_left .family_info {
  order: 1;
}
@media only screen and (min-width: 1024px) {
  .wrap_family .family_left .family_info {
    order: 1;
  }
}
.wrap_family .family_img {
  flex: 1;
}
.wrap_family .family_img img {
  width: 100%;
  border-radius: 8px;
}
.wrap_family .family_info {
  flex: 1;
}
.wrap_family .family_info h2 {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 8px;
}
.wrap_family .family_info h3 {
  font-size: 2rem;
  font-weight: 300;
  margin: 0 0 32px 0;
}
.wrap_family .family_info p {
  font-weight: 300;
  margin: 16px 0;
  line-height: 1.5;
}
.wrap_family .family_info br {
  display: none;
}
.wrap_faqs {
  padding: 24px 0;
}
@media only screen and (min-width: 768px) {
  .wrap_faqs {
    padding: 48px 0;
  }
}
.wrap_faqs h2 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 48px;
}
.wrap_faqs .faq_item {
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 24px 0;*/
  cursor: pointer;
}
.wrap_faqs .faq_item--head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
  padding: 0 8px;
  gap: 16px;
  text-decoration: none;
  color: var(--basic-800);
  cursor: pointer;
}
.wrap_faqs .faq_item--head h3 {
  font-size: 18px;
  transition: all 0.3s;
  margin: 8px 0;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .wrap_faqs .faq_item--head h3 {
    margin: 18px 0 18px;
  }
}
.wrap_faqs .faq_item--head svg {
  transition: all 0.3s;
  transform: rotate(180deg);
  filter: grayscale(1);
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.wrap_faqs .faq_item--content {
  overflow: hidden;
  transition: all 0.3s;
  margin: 0px;
  padding: 0 8px;
  height: 0px;
  cursor: pointer;
}
.wrap_faqs .faq_item--content p {
  margin: 0px;
  line-height: 1.5;
  display: block;
}
.wrap_faqs .faq_item--content a {
  display: inline;
  font-weight: 100;
  color: var(--basic-800);
  text-decoration: underline;
  font-weight: 600;
}
.wrap_faqs .faq_item--content ul li {
  list-style: disc;
}
.wrap_faqs .faq_item:hover h3 {
  color: #e4002a;
  transition: all 0.3s;
}
.wrap_faqs .faq_item.active h3 {
  color: #e4002a;
}
.wrap_faqs .faq_item.active svg {
  transform: none;
  transition: all 0.3s;
  filter: none;
}
.wrap_faqs .faq_item.active .faq_item--content {
  margin-bottom: 32px;
}

/*-----------------------------------*\
    #FOOTER
\*-----------------------------------*/
.footer {
  background-color: #353b41;
  padding: 96px 0 32px;
}
.footer .container {
  max-width: 1500px;
}
.footer__divider {
  margin: 24px 0;
  width: 100%;
  opacity: 0.5;
}
.footer__wrapper {
  display: flex;
  gap: 32px;
  flex-flow: column;
}
@media only screen and (min-width: 768px) {
  .footer__wrapper {
    flex-flow: row;
  }
}
.footer__col {
  flex: 1;
}
.footer__col h2 {
  font-weight: 600;
  color: white;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 0px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
}
@media only screen and (min-width: 768px) {
  .footer__col h2 {
    margin-bottom: 48px !important;
    border: none !important;
    padding-bottom: 0px !important;
  }
}
.footer__col h2:after {
  content: "";
  background-image: url("../img/icon/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 11px;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
  filter: invert(1) brightness(10);
  transition: all 0.3s;
}
@media only screen and (min-width: 768px) {
  .footer__col h2:after {
    content: none;
  }
}
.footer__col h2#titleReservas {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.footer__col h2.active {
  margin-bottom: 48px;
  border-bottom: none;
  padding-bottom: 0px;
}
.footer__col h2.active:after {
  transform: rotate(180deg);
  transition: all 0.3s;
}
.footer__col-logo {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .footer__col-logo {
    justify-content: start;
  }
}
.footer__col-social {
  margin: 24px 0 0 0;
}
.footer__col-social ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  padding: 0px;
}
@media only screen and (min-width: 768px) {
  .footer__col-social ul {
    justify-content: start;
  }
}
.footer__col-social ul li a {
  border-radius: 50px;
  width: 40px;
  height: 40px;
  background-color: #ced4da;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
@media only screen and (min-width: 768px) {
  .footer__col-social ul li a {
    width: 46px;
    height: 46px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer__col-social ul li a {
    width: 62px;
    height: 62px;
    transition: all 0.3s;
  }
}
.footer__col-riupro {
  display: flex;
  flex-flow: column;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .footer__col-riupro {
    align-items: start;
  }
}
.footer__col-riupro img {
  width: 85px;
}
.footer__col-riupro p {
  color: white;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 100;
  margin: 24px 0;
}
.footer__col-riupro a {
  background-color: transparent;
  border: 1px solid white;
  border-radius: 4px;
  color: white;
  text-align: center;
  font-weight: 600;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.footer__col-app p {
  font-size: 20px;
  font-weight: 200;
  text-transform: uppercase;
  margin: 0px;
  color: white;
}
.footer__col-app p span {
  text-transform: none;
  display: block;
  margin-top: 8px;
  font-weight: 600;
  font-size: 32px;
}
.footer__col-app-download {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center;
}
.footer__col-app-download p {
  color: white;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 18px;
}
.footer__col-app-download--btns {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-flow: row;
}
@media only screen and (min-width: 768px) {
  .footer__col-app-download--btns {
    flex-flow: column;
  }
}
@media only screen and (min-width: 1200px) {
  .footer__col-app-download--btns {
    flex-flow: row;
  }
}
.footer__col-app-download--btns img {
  filter: invert(1) brightness(10);
  width: 40px;
}
.footer__col-aenor {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .footer__col-aenor {
    justify-content: start;
  }
}
.footer__list-links {
  display: none;
  opacity: 0.75;
  padding: 0px;
}
@media only screen and (min-width: 768px) {
  .footer__list-links {
    opacity: 1;
    display: block;
  }
}
.footer__list-links.active {
  display: block;
}
.footer__list-links li a {
  color: white;
  font-size: 16px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.footer__list-links li:last-child a {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.footer__bottom {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid white;
}
.footer__bottom ul {
  display: flex;
  gap: 12px;
  flex-flow: column;
  padding-left: 0px;
}
@media only screen and (min-width: 768px) {
  .footer__bottom ul {
    flex-flow: row;
    gap: 32px;
  }
}
.footer__bottom ul li a {
  color: white;
}/*# sourceMappingURL=style.css.map */