html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } main {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; } html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
body {
line-height: 1; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block; }
ul {
margin: 0;
padding: 0; }
li {
list-style: none; }
blockquote,
q {
quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none; }
a {
margin: 0;
padding: 0;
color: inherit;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none; }
a:hover {
text-decoration: none; } ins {
background-color: #ff9;
color: #000;
text-decoration: none; } mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold; }
del {
text-decoration: line-through; }
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help; }
table {
border-collapse: collapse;
border-spacing: 0; } hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0; }
input,
select {
vertical-align: middle;
outline: none; }
button {
background: none;
border: none;
outline: none; } * {
font-family: "Girloy", sans-serif;
color: #ede0cd;
line-height: normal; }
body {
background-color: #000;
overflow-x: hidden; }
img {
width: 100%;
height: 100%; }
a {
transition: all 0.3s; }
a:hover {
color: #5c6651; }
h1,
h2,
h3,
h4,
h5,
h6 {
color: #ede0cd; }
h1,
h2,
h3 {
font-family: "Enoway";
font-weight: 400; }
h1 span,
h1 div,
h2 span,
h2 div,
h3 span,
h3 div {
font-family: "Enoway"; }
h3 {
font-size: 48px;
text-transform: uppercase; }
@media (max-width: 900px) {
h3 {
font-size: 30px; } }
@media (max-width: 720px) {
h3 {
font-size: 23px; } }
@media (max-width: 500px) {
h3 {
font-size: 17px; } }
h4 {
margin: 20px 0;
font-size: 24px;
font-weight: 500;
letter-spacing: 1.92px; }
@media (max-width: 720px) {
h4 {
font-size: 18px;
margin: 0 0 10px; } }
@media (max-width: 500px) {
h4 {
font-size: 16px; } }
.container {
box-sizing: border-box;
margin: 0 auto;
padding: 0 100px; }
@media (max-width: 1620px) {
.container {
padding: 0 20px; } }
@media (max-width: 500px) {
.container {
padding: 0 10px; } }
.description {
font-size: 20px;
font-weight: 500;
letter-spacing: 1.6px; }
.description p + p {
margin-top: 20px; }
@media (max-width: 1440px) {
.description {
font-size: 18px; } }
@media (max-width: 1024px) {
.description {
font-size: 16px; } }
@media (max-width: 720px) {
.description {
font-size: 14px;
text-align: center; }
.description p + p {
margin-top: 10px; } }
@media (max-width: 500px) {
.description {
font-size: 12px;
text-align: justify;
letter-spacing: 1px; }
.description p + p {
margin-top: 5px; } }
@media (max-width: 400px) {
.description {
font-size: 9px; } }
.popup-text {
transition: all 0.3s; }
.popup-text-all-screens {
visibility: hidden;
opacity: 0; }
@media (max-width: 1110px) {
.popup-text-small-screen {
visibility: hidden;
opacity: 0; } }
.capital-letter {
color: #607150;
text-transform: uppercase;
font-size: 120px;
line-height: 1;
letter-spacing: -10px; }
@media (max-width: 900px) {
.capital-letter {
font-size: 90px;
letter-spacing: -8px; } }
@media (max-width: 720px) {
.capital-letter {
font-size: 70px; } }
@media (max-width: 500px) {
.capital-letter {
font-size: 50px;
letter-spacing: -5px; } }
.blackout {
filter: brightness(0.3); }
::-webkit-scrollbar-button {
background-repeat: no-repeat;
width: 5px;
height: 0px; }
::-webkit-scrollbar-track {
background-color: #999185; }
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color: #6f675d; }
::-webkit-scrollbar-thumb:hover {
background-color: #49553d; }
::-webkit-scrollbar-thumb:active {
background-color: #363d2e; }
::-webkit-resizer {
background-repeat: no-repeat;
width: 4px;
height: 0px; }
::-webkit-scrollbar {
width: 12px; }
@keyframes scale-in {
from {
opacity: 0;
transform: scale(0.1); }
to {
opacity: 1;
transform: rotate(0) scale(1); } }
@keyframes scale-fade-in {
from {
transform: scale(0.94);
opacity: 0;
filter: blur(4px); }
to {
transform: scale(1);
opacity: 1;
filter: blur(0); } } @font-face {
font-family: 'Enoway';
src: url(//lacuinadelport.com/wp-content/themes/a7d4cb6db084132103db.eot);
src: local("Enoway Oblique"), local("Enoway-Oblique"), url(//lacuinadelport.com/wp-content/themes/a7d4cb6db084132103db.eot?#iefix) format("embedded-opentype"), url(//lacuinadelport.com/wp-content/themes/a5788bf66b9c84a95427.woff2) format("woff2"), url(//lacuinadelport.com/wp-content/themes/2182069ca95090efba99.woff) format("woff"), url(//lacuinadelport.com/wp-content/themes/579483f31054fa410969.ttf) format("truetype");
font-weight: normal;
font-style: italic;
font-display: swap; }
@font-face {
font-family: 'Enoway';
src: url(//lacuinadelport.com/wp-content/themes/ddd8bc7ba3a5ea8ac8ee.eot);
src: local("Enoway Regular"), local("Enoway-Regular"), url(//lacuinadelport.com/wp-content/themes/ddd8bc7ba3a5ea8ac8ee.eot?#iefix) format("embedded-opentype"), url(//lacuinadelport.com/wp-content/themes/8c09b9910a23b91dcf6c.woff2) format("woff2"), url(//lacuinadelport.com/wp-content/themes/5e114969a7136b018f5e.woff) format("woff"), url(//lacuinadelport.com/wp-content/themes/aebbeb4317a47718d534.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap; } @font-face {
font-family: "Gilroy";
src: url(//lacuinadelport.com/wp-content/themes/19055ba082a9f78262f6.eot);
src: local("Gilroy Regular"), local("Gilroy-Regular"), url(//lacuinadelport.com/wp-content/themes/19055ba082a9f78262f6.eot?#iefix) format("embedded-opentype"), url(//lacuinadelport.com/wp-content/themes/f6c9931fabe5a6eb3307.woff2) format("woff2"), url(//lacuinadelport.com/wp-content/themes/ebe86c0337572553acea.woff) format("woff"), url(//lacuinadelport.com/wp-content/themes/fa652e766b6a85a1f9cb.ttf) format("truetype");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: "Gilroy";
src: url(//lacuinadelport.com/wp-content/themes/aa68c169bc1dc3db278e.eot);
src: local("Gilroy Bold"), local("Gilroy-Bold"), url(//lacuinadelport.com/wp-content/themes/aa68c169bc1dc3db278e.eot?#iefix) format("embedded-opentype"), url(//lacuinadelport.com/wp-content/themes/ef7c40ff1efeaaa4c7c6.woff2) format("woff2"), url(//lacuinadelport.com/wp-content/themes/0607a1bc636f63251ed8.woff) format("woff"), url(//lacuinadelport.com/wp-content/themes/901a60fc2835c74fba67.ttf) format("truetype");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: "Gilroy";
src: url(//lacuinadelport.com/wp-content/themes/2fea647f59b209f411b1.eot);
src: local("Gilroy Medium"), local("Gilroy-Medium"), url(//lacuinadelport.com/wp-content/themes/2fea647f59b209f411b1.eot?#iefix) format("embedded-opentype"), url(//lacuinadelport.com/wp-content/themes/acd4e613de34a826c191.woff2) format("woff2"), url(//lacuinadelport.com/wp-content/themes/5329bc502cdc219ad294.woff) format("woff"), url(//lacuinadelport.com/wp-content/themes/1c23f810e531d0702f76.ttf) format("truetype");
font-weight: 500;
font-style: normal; } .btn {
display: flex;
justify-content: center;
align-items: center;
padding: 8px 12px;
border-radius: 8px;
text-transform: capitalize;
font-weight: 500;
border: 1px solid;
cursor: pointer;
transition: all 0.3s; }
.btn svg path,
.btn span {
transition: all 0.3s; }
.btn:hover {
transform: scale(1.1); }
.btn:active {
transform: translateY(3px) scale(1.1);
transition: all 0.2s; }
.btn img,
.btn svg {
width: 14px;
height: 14px;
margin-right: 10px; }
.btn-primary {
color: #ede0cd;
border-color: #ede0cd; }
.btn-primary svg path {
fill: #ede0cd; }
.btn-primary span {
color: #ede0cd; }
.btn-primary:hover, .btn-primary:active {
background-color: #ede0cd;
color: #363d2e; }
.btn-primary:hover svg path, .btn-primary:active svg path {
fill: #363d2e; }
.btn-primary:hover span, .btn-primary:active span {
color: #363d2e; }
.btn-primary:active {
background-color: #a89b8b; }
.burger-btn {
display: flex;
justify-content: center;
align-items: center;
border: none;
backdrop-filter: blur(6.5px);
overflow: hidden;
cursor: pointer; }
.burger-btn__line-container {
position: relative;
width: 22px;
height: 18px; }
.burger-btn__line {
position: absolute;
left: calc(50% - 11px);
width: 22px;
height: 2px;
background-color: #fff;
border-radius: 5px;
transition: all 0.3s;
cursor: pointer; }
.burger-btn__line-1 {
top: 2px;
transform: rotate(5deg); }
.burger-btn__line-2 {
top: 8px; }
.burger-btn__line-3 {
top: 14px;
transform: rotate(-5deg); }
.burger-btn.active .burger-btn__line {
animation: 0.5s spin forwards; }
@keyframes spin {
from {
transform: rotate(360deg); } }
.burger-btn.active .burger-btn__line-1 {
top: 8px;
transform: rotate(45deg); }
.burger-btn.active .burger-btn__line-2 {
transform: rotate(-45deg); }
.burger-btn.active .burger-btn__line-3 {
transform: translateY(100px) rotate(0); }
@media (max-width: 650px) {
.burger-btn {
min-width: auto; }
.burger-btn__line-container {
margin: 0; } }
.contact-btn {
position: fixed;
background-color: rgba(0, 0, 0, 0.7);
padding: 15px;
border-radius: 100%;
backdrop-filter: blur(6.5px);
z-index: 50; }
.contact-btn svg {
width: 20px;
height: 20px;
margin: 0; }
.contact-btn:hover {
transform: scale(1.2); }
.contact-btn:active {
transform: translateY(4px); }
.call-btn-wrapper .call-btn {
bottom: 20px;
right: 20px; }
@media (min-width: 721px) {
.call-btn-wrapper {
display: none; } }
.reservation-btn-wrapper .reservation-btn {
bottom: 20px;
left: 50%;
transform: translateX(-50%); }
@media (min-width: 721px) {
.reservation-btn-wrapper {
display: none; } }
.inst-btn-wrapper .inst-btn {
bottom: 20px;
left: 20px; }
@media (min-width: 721px) {
.inst-btn-wrapper {
display: none; } } .menu__items {
display: flex;
gap: 18px; }
.menu__items li {
padding: 4px 0;
text-align: center;
border: 1px solid transparent;
border-radius: 8px;
transition: all 0.25s; }
.menu__items li a {
display: block;
padding: 4px 12px;
text-transform: capitalize;
color: #ede0cd;
font-weight: 500;
letter-spacing: 1.6px; }
.menu__items li:hover {
border: 1px solid #f4ece1;
transform: scale(1.15); }
.menu__items li:active {
transform: translateY(5px) scale(1.15); }
@media (max-width: 720px) {
.menu__items {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 8px;
column-gap: 18px; } }
@media (max-width: 500px) {
.menu__items li {
text-align: center; } } .language-chooser {
position: relative;
max-width: 70px;
text-align: center;
z-index: 10; }
.language-chooser__head {
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
padding: 8px;
text-transform: lowercase;
text-decoration: underline;
text-underline-offset: 4px;
border-radius: 4px;
cursor: pointer; }
.language-chooser__body {
width: 100%;
position: absolute;
visibility: hidden;
top: 34px;
left: 0;
transform: translateY(-50%) scaleY(0);
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
padding: 8px 8px 16px;
border-radius: 4px;
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
opacity: 0;
transition: all 0.5s; }
.language-chooser__body:hover {
background-color: rgba(0, 0, 0, 0.9); }
.language-chooser__body.active {
transform: translateY(0) scale(1);
visibility: visible;
opacity: 1; }
.language-chooser__body ul {
display: flex;
flex-direction: column;
align-items: center; }
.language-chooser__body ul li {
margin-top: 8px;
border: none; }
.language-chooser__body ul li a {
text-transform: lowercase; }
.language-chooser__body ul li:hover {
text-decoration: underline;
text-underline-offset: 4px; }
@media (max-width: 720px) {
.language-chooser {
font-size: 14px; }
.language-chooser__head {
padding: 6px; }
.language-chooser__body {
padding: 6px 6px 16px; } } @keyframes falling-out {
0% {
transform: translate(-50%, -150%); }
100% {
transform: translate(-50%, 0); } }
.header {
padding: 16px 0;
z-index: 50;
animation: falling-out 1s; }
.header__container {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 20px !important; }
.header__right {
display: flex; }
.header__reservation-btn {
background-color: rgba(0, 0, 0, 0.7); }
.header__reservation-btn:hover {
background-color: rgba(0, 0, 0, 0.7) !important; }
.header__menu-wrapper {
position: relative;
margin-left: 20px; }
@media (max-width: 720px) {
.header__reservation-btn {
padding: 6px;
font-size: 14px; }
.header__menu-wrapper {
position: static; } }
@media (max-width: 600px) {
.header {
padding: 12px 0; } }
.header-menu {
visibility: hidden;
position: absolute;
top: 44px;
left: calc(50% - 20px);
transform: translate(-50%, -50%) scaleY(0);
width: 110px;
padding: 10px;
border-radius: 4px;
opacity: 0;
transition: all 0.5s; }
.header-menu .menu__items {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px; }
.header-menu.active {
transform: translate(-50%, 0) scale(1);
visibility: visible;
opacity: 1; }
@media (max-width: 720px) {
.header-menu {
box-sizing: border-box;
left: 0;
transform: translate(0, -50%) scaleY(0);
width: 100%; }
.header-menu.active {
transform: translate(0, 0) scale(1); } }
@media (max-width: 550px) {
.header-menu {
top: 50px; } }
@media (max-width: 500px) {
.header-menu {
padding: 10px !important; }
.header-menu .menu__items li a {
font-size: 16px; } }
@media (max-width: 450px) {
.header-menu {
right: 0;
padding: 0;
box-sizing: border-box;
max-width: none;
width: 100%; } } .privacy-policy-popup {
position: fixed;
bottom: 0;
left: 0;
transform: translateY(100%);
width: 100%;
background-color: #f4ece1;
padding: 20px 0;
z-index: 20;
transition: all 0.5s; }
.privacy-policy-popup * {
color: #363d2e; }
.privacy-policy-popup.active {
transform: translateY(0); }
.privacy-policy-popup__container {
display: flex;
justify-content: space-between;
align-items: center; }
.privacy-policy-popup__right {
display: flex;
align-items: center;
margin-left: 50px; }
.privacy-policy-popup .btn {
font-weight: 700;
border: 2px solid #363d2e; }
.privacy-policy-popup .btn:hover, .privacy-policy-popup .btn:active {
transform: scale(1); }
.privacy-policy-popup__accept-btn {
background-color: #49553d;
color: #ede0cd; }
.privacy-policy-popup__accept-btn:hover {
color: #f4ece1;
background-color: #363d2e; }
.privacy-policy-popup__close-btn {
margin-left: 10px; }
@media (max-width: 720px) {
.privacy-policy-popup {
padding: 15px 0; }
.privacy-policy-popup__container {
flex-direction: column;
justify-content: center; }
.privacy-policy-popup__right {
margin: 10px 0 0; } }
@media (max-width: 550px) {
.privacy-policy-popup {
padding: 10px 0; }
.privacy-policy-popup__text {
font-size: 14px; } } .footer {
padding: 30px 0; }
.footer__copyright {
text-align: center; } .header-banner__cover-media {
display: flex;
align-items: flex-end;
position: relative; }
.header-banner__cover-media video {
width: 100%;
height: 100%;
filter: brightness(0.7); }
.header-banner__play-pause-btn {
position: absolute;
bottom: 20px;
right: 90px;
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
background-color: rgba(0, 0, 0, 0.7);
padding: 10px;
border-radius: 100%;
cursor: pointer; }
.header-banner__play-pause-btn img {
width: 24px;
height: 24px; }
.header-banner__play-pause-btn .icon-play {
display: block; }
.header-banner__play-pause-btn .icon-pause {
display: none; }
.header-banner__play-pause-btn.active .icon-play {
display: none; }
.header-banner__play-pause-btn.active .icon-pause {
display: block; }
.header-banner__speaker-btn {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
background-color: rgba(0, 0, 0, 0.7);
padding: 10px;
border-radius: 100%;
cursor: pointer; }
.header-banner__speaker-btn img {
width: 30px;
height: 30px; }
.header-banner__speaker-btn .icon-speaker-on {
display: block; }
.header-banner__speaker-btn .icon-speaker-off {
display: none; }
.header-banner__speaker-btn.active .icon-speaker-on {
display: none; }
.header-banner__speaker-btn.active .icon-speaker-off {
display: block; }
.header-banner .header {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
width: 100%; }
.header-banner .header__container {
transition: all 0.3s; }
.header-banner .header__container a,
.header-banner .header__container button,
.header-banner .header__container li {
color: #f4ece1; }
.header-banner .header__container a span,
.header-banner .header__container a div,
.header-banner .header__container button span,
.header-banner .header__container button div,
.header-banner .header__container li span,
.header-banner .header__container li div {
color: #f4ece1; }
.header-banner .header__container .btn-primary {
border-color: #f4ece1; }
.header-banner .header__container .btn-primary svg path {
fill: #f4ece1; }
.header-banner .header__container .btn-primary:hover, .header-banner .header__container .btn-primary:active {
background-color: rgba(0, 0, 0, 0.5); }
.header-banner .header__container .btn-primary:hover svg path, .header-banner .header__container .btn-primary:active svg path {
fill: #f4ece1; }
@media (max-width: 720px) {
.header-banner__play-pause-btn {
right: 80px;
width: 40px;
height: 40px;
padding: 7px; }
.header-banner__play-pause-btn img {
width: 20px;
height: 20px; }
.header-banner__speaker-btn {
width: 40px;
height: 40px;
padding: 7px; }
.header-banner__speaker-btn img {
width: 25px;
height: 25px; } }
@media (max-width: 550px) {
.header-banner {
display: flex;
flex-direction: column-reverse;
align-items: center; }
.header-banner__play-pause-btn {
bottom: 10px;
right: 60px; }
.header-banner__play-pause-btn img {
width: 15px;
height: 15px; }
.header-banner__speaker-btn {
bottom: 10px;
right: 10px; }
.header-banner__speaker-btn img {
width: 20px;
height: 20px; }
@keyframes falling-out {
0% {
transform: translate(0, -150%); }
100% {
transform: translate(0, 0); } }
.header-banner .header {
position: static;
left: 0;
transform: translate(0, 0); } }
.show-hide-text-btn {
margin: 5px auto 10px;
padding: 4px 40px;
font-size: 24px;
text-transform: none; }
.show-hide-text-btn:hover {
color: #ede0cd;
background-color: rgba(0, 0, 0, 0.7); }
.show-hide-text-btn:hover, .show-hide-text-btn:active {
transform: scale(1.1); }
@media (min-width: 1110px) {
.show-hide-text-btn.hidden-on-screen-hd {
display: none; } }
@media (max-width: 720px) {
.show-hide-text-btn {
font-size: 16px;
padding: 4px 30px; } }
@media (max-width: 500px) {
.show-hide-text-btn {
font-size: 12px;
margin: 0 auto 2px;
padding: 0px 15px; } } .about-us {
position: relative; }
.about-us__cover-media {
display: flex;
width: 100%;
height: 100%; }
.about-us__cover-media img {
min-height: 1350px;
object-fit: cover;
object-position: bottom; }
.about-us__info {
position: absolute;
top: calc(50% + 120px);
transform: translateY(-50%);
right: 100px;
max-width: 550px;
width: 100%;
margin: 0 auto; }
.about-us__title {
text-align: left; }
.about-us__title .capital-letter {
letter-spacing: 0 !important; }
.about-us__description {
margin-top: 20px; }
@media (max-width: 1440px) {
.about-us__cover-media img {
min-height: 1000px; }
.about-us__info {
top: calc(50% + 180px); } }
@media (max-width: 1620px) {
.about-us__info {
right: 20px; } }
@media (max-width: 900px) {
.about-us__cover-media img {
min-height: 720px; }
.about-us__info {
top: calc(50% + 120px); } }
@media (max-width: 720px) {
.about-us__cover-media img {
min-height: 620px; }
.about-us__info {
top: calc(50% + 85px);
left: 50%;
right: auto;
transform: translate(-50%, -50%);
max-width: none;
width: calc(100% - 40px); } }
@media (max-width: 500px) {
.about-us__cover-media img {
min-height: 420px; }
.about-us__info {
width: calc(100% - 20px); } } .our-team {
position: relative;
z-index: 1; }
.our-team__cover-media {
display: flex;
filter: brightness(0.6); }
.our-team__cover-media video {
width: 100%;
min-height: 600px;
height: 100%;
object-fit: cover; }
.our-team__info {
position: absolute;
top: 0;
right: 100px;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 700px;
width: calc(100% - 200px);
height: 100%; }
.our-team__title {
text-align: center; }
.our-team__description {
width: 100%; }
@media (max-width: 1620px) {
.our-team__info {
right: 20px; } }
@media (max-width: 900px) {
.our-team__cover-media video {
min-height: auto;
object-fit: contain; }
.our-team__info {
max-width: 550px; }
.our-team__description {
margin-bottom: 30px; } }
@media (max-width: 850px) {
.our-team__info {
top: 24px; } }
@media (max-width: 750px) {
.our-team__info {
top: 12%; } }
@media (max-width: 720px) {
.our-team__info {
top: auto;
bottom: 20px;
left: 50%;
right: auto;
transform: translateX(-50%);
justify-content: flex-end;
max-width: none;
width: calc(100% - 40px); }
.our-team__description {
margin-bottom: 0; } }
@media (max-width: 600px) {
.our-team__info {
bottom: 15px; } }
@media (max-width: 550px) {
.our-team__info {
bottom: 10px; }
.our-team__description {
font-size: 12px; } }
@media (max-width: 500px) {
.our-team__info {
bottom: 5px;
width: calc(100% - 20px); }
.our-team__description {
text-align: center; } }
@media (max-width: 450px) {
.our-team__cover-media video {
min-height: 210px;
object-fit: cover; }
.our-team__description {
font-size: 10px; } } .menu-section {
position: relative; }
.menu-section__cover-media {
display: flex;
width: 100%;
height: 100%; }
.menu-section__cover-media img {
min-height: 500px;
max-height: 1300px;
height: 100%;
object-fit: cover;
object-position: bottom left; }
.menu-section__info {
position: absolute;
right: 100px;
top: 50%;
transform: translateY(calc(-50% + 65px));
max-width: 550px;
width: 100%;
text-align: left; }
.menu-section__subtitle {
margin: 0; }
.menu-section__description {
text-align: left;
margin: 20px 0; }
.menu-section__view-menu-btn {
width: 100%;
text-transform: capitalize;
font-size: 24px;
letter-spacing: 1.92px; }
.menu-section__view-menu-btn:active {
transform: translateY(10px) scale(1.1); }
.menu-section__reservation-btn {
margin-top: 20px;
font-size: 24px; }
.menu-section__reservation-btn svg {
width: 26px;
height: 26px; }
@media (max-width: 1800px) {
.menu-section__info {
transform: translateY(calc(-50% + 8vh)); } }
@media (max-width: 1720px) {
.menu-section__info {
transform: translateY(calc(-50% + 10vh)); } }
@media (max-width: 1620px) {
.menu-section__info {
right: 20px; } }
@media (max-width: 1600px) {
.menu-section__info {
transform: translateY(calc(-50% + 12vh)); } }
@media (max-width: 1500px) {
.menu-section__info {
transform: translateY(calc(-50% + 14vh)); } }
@media (max-width: 1440px) {
.menu-section__cover-media img {
max-height: 1000px; }
.menu-section__info {
transform: translateY(calc(-50% + 7vh)); } }
@media (max-width: 1300px) {
.menu-section__info {
transform: translateY(calc(-50% + 10vh)); } }
@media (max-width: 1200px) {
.menu-section__info {
transform: translateY(calc(-50% + 12vh)); } }
@media (max-width: 1110px) {
.menu-section__cover-media img {
max-height: 800px; }
.menu-section__info {
transform: translateY(-50%); }
.menu-section__view-menu-btn, .menu-section__reservation-btn {
box-sizing: border-box;
width: 60%;
font-size: 20px; }
.menu-section__view-menu-btn {
margin: 0 auto; }
.menu-section__reservation-btn {
margin: 20px auto 0; }
.menu-section__reservation-btn svg {
width: 22px;
height: 22px; } }
@media (max-width: 720px) {
.menu-section__cover-media img {
max-height: 500px; }
.menu-section__info {
max-width: none;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 40px); }
.menu-section__description {
text-align: center; 
}
.menu-section__view-menu-btn, .menu-section__reservation-btn {
width: 40%;
padding: 6px 10px;
font-size: 16px; }
.menu-section__view-menu-btn svg, .menu-section__reservation-btn svg {
width: 18px;
height: 18px; }
.menu-section__reservation-btn {
display: none; } }
@media (max-width: 500px) {
.menu-section__cover-media img {
max-height: 550px;
object-position: bottom center; }
.menu-section__info {
width: calc(100% - 20px); }
.menu-section__view-menu-btn, .menu-section__reservation-btn {
width: 60%; } } .gallery {
background-color: #000;
padding: 115.5px 0 175.5px; }
.gallery__container {
max-width: none; }
.gallery__title {
text-align: center; }
.gallery__photos {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
width: 100%;
margin: 40px auto 0; }
.gallery__photos-column {
display: flex;
flex-direction: column;
gap: 20px;
height: 100%; }
.gallery__photos-column:nth-child(odd) .gallery__photos-block:nth-child(odd) {
height: 25vh; }
.gallery__photos-column:nth-child(odd) .gallery__photos-block:nth-child(even) {
height: 40vh; }
.gallery__photos-column:nth-child(even) .gallery__photos-block:nth-child(odd) {
height: 40vh; }
.gallery__photos-column:nth-child(even) .gallery__photos-block:nth-child(even) {
height: 25vh; }
.gallery__photos-column:nth-child(1) .gallery__photos-block:nth-child(even) img {
object-position: bottom; }
.gallery__photos-column:nth-child(3) .gallery__photos-block:nth-child(even) img {
object-position: top; }
.gallery__photos-block {
transition: all 0.3s; }
.gallery__photos-block img {
object-fit: cover;
object-position: center;
vertical-align: middle; }
.gallery__photos-block:hover {
filter: brightness(0.5); }
@media (max-width: 1110px) {
.gallery {
padding: 70px 0 140px; }
.gallery__photos {
gap: 15px;
margin-top: 20px; }
.gallery__photos-column {
gap: 15px; } }
@media (max-width: 720px) {
.gallery {
padding: 40px 0 110px; }
.gallery__title {
text-align: center; }
.gallery__photos {
gap: 10px;
margin: 0 auto;
margin-top: 20px; }
.gallery__photos-column {
gap: 10px; } }
@media (max-width: 500px) {
.gallery {
padding: 20px 0 90px; }
.gallery__photos {
gap: 7px;
margin-top: 15px; }
.gallery__photos-column {
gap: 7px; } } .contacts {
padding-top: 40px; }
.contacts__top {
max-width: none;
width: 100%; }
.contacts__logo {
max-width: 150px;
width: 100%;
margin: 0 auto;
transition: all 0.25s; }
.contacts__logo:hover {
transform: scale(1.15); }
.contacts__details {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin: 40px 0 50px; }
.contacts__details-center {
align-items: center;
text-align: center; }
.contacts__details-right {
align-items: flex-end;
text-align: end; }
.contacts__details-block {
display: flex;
flex-direction: column;
width: 100%; }
.contacts__details-title {
margin: 0 0 5px;
font-size: 24px;
letter-spacing: 1.6px; }
.contacts__details-content {
font-size: 18px;
font-weight: 500;
letter-spacing: 1.92px; }
.contacts__details-content + .contacts__details-content {
margin-top: 20px; }
.contacts__details-content a {
display: block; }
.contacts__details-content a,
.contacts__details-content p {
margin-top: 5px; }
.contacts__inst-link {
display: flex;
align-items: center;
transition: all 0.3s; }
.contacts__inst-link span {
margin-left: 4px; }
.contacts__inst-link svg path,
.contacts__inst-link span {
transition: all 0.3s; }
.contacts__inst-link:hover svg path {
fill: #5c6651; }
.contacts__inst-link:hover span {
color: #5c6651; }
.contacts__map iframe {
width: 100%;
height: 500px; }
@media (max-width: 900px) {
.contacts__map iframe {
height: 400px; } }
@media (max-width: 720px) {
.contacts__details-title {
font-size: 20px; }
.contacts__details-content {
font-size: 16px; }
.contacts__details-content + .contacts__details-content {
margin-top: 15px; } }
@media (max-width: 600px) {
.contacts__details {
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 20px; }
.contacts__details-block {
align-items: center;
text-align: center; }
.contacts__map iframe {
height: 350px; } }
@media (max-width: 450px) {
.contacts__map iframe {
height: 300px; } }