@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

[hidden] {
    display: none
}

body {
    line-height: 1
}

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: 150ms
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 150ms
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: 250ms
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: 250ms
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: 350ms
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: 350ms
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: 450ms
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: 450ms
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: 550ms
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: 550ms
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: 650ms
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: 650ms
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: 750ms
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: 750ms
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: 850ms
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: 850ms
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: 950ms
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: 950ms
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .1, .25, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: cubic-bezier(.42, 0, 1, 1)
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: cubic-bezier(0, 0, .58, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: cubic-bezier(.42, 0, .58, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translate3d(0, 0, 0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width:500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
    vertical-align: middle
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../img/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-image: url(../img/flags@2x.png)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

@font-face {
    font-family: Archivo;
    src: url(../fonts/Archivo.woff2) format("woff2-variations"), url(../fonts/Archivo.ttf) format("truetype-variations");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Archivo;
    src: url(../fonts/Archivo-Italic.woff2) format("woff2-variations"), url(../fonts/Archivo-Italic.ttf) format("truetype-variations");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Crimson Pro";
    src: url(../fonts/CrimsonPro.woff2) format("woff2-variations"), url(../fonts/CrimsonPro.ttf) format("truetype-variations");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Crimson Pro";
    src: url(../fonts/CrimsonPro-Italic.woff2) format("woff2-variations"), url(../fonts/CrimsonPro-Italic.ttf) format("truetype-variations");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap
}

html {
    overflow-x: hidden;
    overflow-y: auto;
    scroll-padding-top: clamp(4rem, 10vw, 7rem)
}

@media (prefers-reduced-motion:no-preference) {
    html {
        scroll-behavior: smooth
    }
}

body {
    /*background-image: linear-gradient(to right, #e4ddce, #e4ddce 30%, #d2c6ad 30%, #d2c6ad calc(30% + 1px), #e4ddce calc(30% + 1px), #e4ddce 70%, #d2c6ad 70%, #d2c6ad calc(70% + 1px), #e4ddce calc(70% + 1px), #e4ddce 100%);*/
    background-image: linear-gradient(to right,#ffffff,#ffffff 30%,#ffffff 30%,#d2c6ad3b calc(30% + 1px),#ffffff calc(30% + 1px),#ffffff 70%,#ffffff 70%,#d2c6ad3b calc(70% + 1px),#ffffff calc(70% + 1px),#ffffff 100%);
    font-family: Archivo, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.1875;
    font-weight: 400
}

body.ty {
    position: relative;
    overflow-x: hidden
}

.wrapper {
    width: min(100vw - 2rem, 1250px);
    margin-inline: auto
}

@-webkit-keyframes sway {
    50% {
        background-position: 65% center
    }
}

@keyframes sway {
    50% {
        background-position: 65% center
    }
}

.nav {
    position: fixed;
    z-index: 30;
    width: 100%;
    padding: clamp(.5rem, 3vw, 3rem) 0;
    background-color: transparent
}

@media screen and (prefers-reduced-motion:no-preference) {
    .nav {
        transition: background-color .3s ease, padding .3s ease
    }
}

.nav .wrapper {
    position: relative
}

.nav__menu {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nav__item {
    text-align: center
}

.nav__item--spacer {
    min-width: clamp(1rem, 3vw, 5rem)
}

.nav__mobile {
    flex-direction: column;
    gap: 4vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 40;
    width: 100%;
    height: 100vh;
    padding: 1rem 0;
    background-color: #4c412a;
    transform: translateX(100vw)
}

@media screen and (prefers-reduced-motion:no-preference) {
    .nav__mobile {
        transition: transform .3s ease
    }
}

@media screen and (min-width:992px) {
    .nav__mobile {
        display: none
    }
}

.nav__mobile .nav__logo {
    width: 3rem;
    height: 2.5rem;
    background: url(../img/logo-y.svg) center/contain no-repeat;
    -webkit-mask: none;
    mask: none
}

.nav__mobile .nav__item {
    margin-block: 5vh
}

.nav__mobile .nav__item a {
    display: inline-block;
    max-width: 12ch;
    margin-inline: auto;
    font-weight: 300;
    font-size: 1.375rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase
}

.nav__mobile .nav__address {
    margin-bottom: 3rem;
    text-align: center
}

.nav__mobile .nav__address h3 {
    margin-block: .5rem;
    font-weight: 300;
    font-size: .75rem;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase
}

.nav__mobile .nav__address a,
.nav__mobile .nav__address img {
    display: block
}

.nav__mobile .nav__address img {
    margin: 1vh auto 3vh
}

.nav__mobile .nav__address a {
    margin-block: 3vh;
    font-family: Archivo, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 400;
    color: #fff;
    text-decoration: none
}

.nav__desktop {
    display: none;
    flex-direction: row;
    gap: clamp(1rem, 3vw, 3rem)
}

@media screen and (min-width:992px) {
    .nav__desktop {
        display: flex
    }
}

.nav__desktop .nav__item {
    max-width: 11ch
}

.nav__desktop .nav__item a {
    display: inline-block;
    padding-bottom: 2px;
    font-weight: 300;
    font-size: .875rem;
    color: #fff;
    line-height: 1.5;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    text-transform: uppercase
}

@media screen and (prefers-reduced-motion:no-preference) {
    .nav__desktop .nav__item a {
        transition: -webkit-text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease, -webkit-text-decoration-color .3s ease
    }
}

@media screen and (hover:hover) {
    .nav__desktop .nav__item a:focus,
    .nav__desktop .nav__item a:hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    .nav__desktop .nav__item a:focus,
    .nav__desktop .nav__item a:hover {
        transition: -webkit-text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease, -webkit-text-decoration-color .3s ease
    }
}

.nav__desktop .nav__item--logo {
    max-width: unset
}

.nav__desktop .nav__item--active a {
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}

@media screen and (prefers-reduced-motion:no-preference) {
    .nav__desktop .nav__item--active a {
        transition: -webkit-text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease, -webkit-text-decoration-color .3s ease
    }
}

.nav__logo {
    display: block;
    width: clamp(9.4185rem, 25vw, 16.875rem);
    height: clamp(3rem, 7vw, 5.375rem);
    margin-inline: auto;
    background-color: #fff;
    -webkit-mask: url(../img/logo-theyard.svg) center/contain no-repeat;
    mask: url(../img/logo-theyard.svg) center/contain no-repeat
}

@media screen and (prefers-reduced-motion:no-preference) {
    .nav__logo {
        transition: height .3s ease, background-color .3s ease
    }
}

@media screen and (min-width:992px) {
    .nav__logo {
        margin-inline: 2rem
    }
    .nav__logo--mobile {
        display: none
    }
}

.nav--scrolled {
    padding: clamp(.5rem, 3vw, 1rem) 0;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(105, 105, 105, .12)
}

@media screen and (prefers-reduced-motion:no-preference) {
    .nav--scrolled {
        transition: background-color .3s ease, padding .3s ease
    }
}

@media screen and (min-width:992px) {
    .nav--scrolled .nav__item a {
        color: #4c412a
    }
}

@media screen and (min-width:992px) and (hover:hover) {
    .nav--scrolled .nav__item a:focus,
    .nav--scrolled .nav__item a:hover {
        -webkit-text-decoration-color: #4c412a;
        text-decoration-color: #4c412a
    }
}

@media screen and (min-width:992px) {
    .nav--scrolled .nav__item--active a {
        -webkit-text-decoration-color: #4c412a;
        text-decoration-color: #4c412a
    }
}

.nav--scrolled .nav__hamburger span {
    background-color: #4c412a
}

@media screen and (prefers-reduced-motion:no-preference) {
    .nav--scrolled .nav__hamburger span {
        transition: .3s ease
    }
}

.nav--scrolled .nav__logo {
    background-color: #4c412a
}

@media screen and (min-width:992px) {
    .nav--scrolled .nav__logo {
        height: 3.75rem
    }
}

@media screen and (prefers-reduced-motion:no-preference) {
    .nav--scrolled .nav__logo {
        transition: height .3s ease, background-color .3s ease
    }
}

.nav--faded {
    opacity: 0 !important;
    visibility: hidden;
    transition: opacity .3s ease 0s, visibility .3s ease .3s
}

.nav--faded~.ig-bg {
    opacity: 0 !important
}

.header {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 4;
    width: 100%;
    min-height: max(100vh, 35rem);
    max-height: 50rem
}

.header .wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%
}

@media screen and (min-width:992px) {
    .header .wrapper {
        margin-bottom: -25vh
    }
}

.header .wrapper * {
    position: relative;
    z-index: 1
}

.header__picture {
    position: absolute;
    inset: 0;
    max-width: 100%
}

.header__picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.header__title {
    max-width: 10ch;
    font-family: "degular, sans-serif;", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 200;
    font-size: clamp(4.5rem, 15vw, 7.5rem);
    color: #fff;
    line-height: .9;
    letter-spacing: -2px;
    text-align: left;
    text-transform: uppercase
}

.header__title i {
    font-weight: 500;
    /*font-style: italic*/
}

@media screen and (max-width:991px) {
    .header__title i {
        display: block
    }
}

.header__video {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 4rem;
    margin: 1.5rem 0;
    border: none;
    padding-left: 5rem;
    background: url(../img/ico-video.svg) left center/4rem no-repeat;
    font-family: Archivo, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 300;
    font-size: .875rem;
    color: #fff;
    text-transform: uppercase;
    transform: scale(1);
    cursor: pointer
}

@media screen and (prefers-reduced-motion:no-preference) {
    .header__video {
        transition: transform .1s ease
    }
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    .header__video:focus,
    .header__video:hover {
        transform: scale(1.05);
        transition: transform .1s ease
    }
}

@media screen and (prefers-reduced-motion:no-preference) {
    .header__video:active {
        transform: scale(.9);
        transition: transform 50ms ease
    }
}

.header__scroll {
    display: block;
    position: absolute;
    left: 1rem;
    bottom: -3rem;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    /*background-color: #154734*/
}

@media screen and (min-width:992px) {
    .header__scroll {
        right: 14vw;
        left: unset;
        width: 14rem;
        height: 14rem
    }
}

.header__label {
    display: block;
    position: absolute;
    inset: 0;
    background: url(../img/scroll.svg) center/8rem no-repeat
}

@media screen and (min-width:992px) {
    .header__label {
        background-size: 11rem
    }
}

.header__arrow {
    display: block;
    position: absolute;
    inset: 0;
    background: url(../img/scroll-arrow.svg) center/1.5rem no-repeat
}

@media screen and (min-width:992px) {
    .header__arrow {
        background-size: 2.25rem
    }
}

.main,
.section {
    padding-block: 4rem
}

.columns {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 3rem
}

@media screen and (min-width:992px) {
    .columns {
        flex-direction: row
    }
}

.section__title {
    position: relative;
    margin-bottom: 1.75rem;
    /*padding-left: 1rem;*/
    letter-spacing: 3px;
    text-transform: uppercase
}

.section__title::before {
    /*content: "*";*/
    display: block;
    position: absolute;
    left: 0;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    color: #154734
}

.section__subtitle {
    margin-block: 1rem;
    font-weight: 250;
    font-size: 1.875rem
}

.section__subtitle b,
.section__subtitle i {
    font-family: "degular, sans-serif;", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-size: 2.2rem;
    color: #442812;
    letter-spacing: -1px;
    line-height: 1.2;
    /*font-family: ;
    font-size: 2.5rem;
    color: #ddc9a3;
    letter-spacing: -1px;
    line-height: .7*/
}

.section__subtitle i {
    font-weight: 350;
    font-style: italic
}

.section__subtitle b {
    font-weight: 500
}

.section__line {
    font-weight: 200;
    line-height: 1.5
}

.section--dark {
    /*background-image: linear-gradient(to right, #442812, #442812 30%, #2d1d10 30%, #2d1d10 calc(30% + 1px), #442812 calc(30% + 1px), #442812 70%, #2d1d10 70%, #2d1d10 calc(70% + 1px), #442812 calc(70% + 1px), #442812 100%);*/

    background-image: linear-gradient(to right, #4c412a, #4c412a 30%, #4c412a 30%, #222222 calc(30% + 1px), #4c412a calc(30% + 1px), #4c412a 70%, #4c412a 70%, #222222 calc(70% + 1px), #4c412a calc(70% + 1px), #4c412a 100%);
    position: relative;
    color: #fff
}

.section--dark .section__title::after,
.section--dark .section__title::before {
    color: #819ec5
}

.section--dark .section__subtitle b,
.section--dark .section__subtitle i {
    color: #ddc9a3
}

.apartments,
.shared {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 8rem
}

@media screen and (min-width:992px) {
    .apartments,
    .shared {
        flex-direction: row
    }
}

@media screen and (min-width:992px) {
    .apartments>.wrapper,
    .shared>.wrapper {
        min-width: 20rem;
        margin-top: 2rem;
        margin-left: max(1rem, (100vw - 1250px) / 2)
    }
}

.apartments .gallery__apts,
.apartments .gallery__shared,
.shared .gallery__apts,
.shared .gallery__shared {
    min-width: 0
}

@media screen and (min-width:992px) {
    .apartments .carousel,
    .shared .carousel {
        margin: 0
    }
    .apartments .carousel__subtitle,
    .shared .carousel__subtitle {
        max-width: 9ch
    }
    .apartments .carousel__line,
    .shared .carousel__line {
        max-width: 30ch
    }
}

.apartments .carousel__list,
.shared .carousel__list {
    gap: .5rem;
    padding-left: 1rem
}

@media screen and (min-width:992px) {
    .apartments .carousel__list,
    .shared .carousel__list {
        padding-left: 0
    }
}

.apartments .carousel__item,
.shared .carousel__item {
    scroll-snap-align: start
}

.apartments .carousel__item--copy,
.shared .carousel__item--copy {
    padding-left: 0
}

@media screen and (max-width:991px) {
    .apartments .carousel__item[data-index="0"],
    .shared .carousel__item[data-index="0"] {
        display: block
    }
}

.apartments .carousel__figure,
.shared .carousel__figure {
    position: relative;
    min-width: 80vw;
    height: unset;
    aspect-ratio: 16/10;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .apartments .carousel__figure,
    .shared .carousel__figure {
        min-width: 790px;
        width: 50vw;
        min-height: 500px
    }
}

.apartments .carousel__figure figcaption,
.shared .carousel__figure figcaption {
    position: absolute;
    top: 2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 2rem;
    padding: .75rem 1.5rem;
    background: #fff;
    border-radius: 2rem;
    font-size: .675rem;
    color: #000;
    text-align: left
}

.apartments .carousel__picture,
.shared .carousel__picture {
    height: 100%
}

@media screen and (min-width:992px) {
    .apartments .carousel__picture img,
    .shared .carousel__picture img {
        width: 100%
    }
}

.apartments .carousel+.wrapper,
.shared .carousel+.wrapper {
    position: relative
}

@media screen and (min-width:992px) {
    .apartments .carousel+.wrapper,
    .shared .carousel+.wrapper {
        position: absolute;
        left: -20rem;
        bottom: 3rem
    }
}

@media screen and (max-width:991px) {
    .apartments .carousel__arrows,
    .shared .carousel__arrows {
        top: 50%;
        right: 0;
        left: unset;
        transform: translateY(-50%)
    }
}

@media screen and (min-width:992px) {
    .apartments .carousel__arrows,
    .shared .carousel__arrows {
        top: unset;
        right: unset;
        bottom: -3rem;
        left: 12vw
    }
}

.apartments .carousel__button,
.shared .carousel__button {
    margin-inline: .25rem
}

.footer {
    width: 100%;
    padding: 1rem 0;
    /*background-image: linear-gradient(to right, #442812, #442812 30%, #2d1d10 30%, #2d1d10 calc(30% + 1px), #442812 calc(30% + 1px), #442812 70%, #2d1d10 70%, #2d1d10 calc(70% + 1px), #442812 calc(70% + 1px), #442812 100%)*/
    background-image: linear-gradient(to right, #4c412a, #4c412a 30%, #4c412a 30%, #222222 calc(30% + 1px), #4c412a calc(30% + 1px), #4c412a 70%, #4c412a 70%, #222222 calc(70% + 1px), #4c412a calc(70% + 1px), #4c412a 100%);
}

@media screen and (min-width:992px) {
    .footer {
        text-align: center;
        padding: 2rem 0
    }
}

.footer .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    border-top: 1px solid rgba(219, 219, 219, .4);
    padding: 2.5rem 1rem
}

@media screen and (min-width:992px) {
    .footer .wrapper {
        flex-direction: row;
        justify-content: space-between
    }
}

.footer__logo {
    display: block;
    width: clamp(8rem, 25vw, 12.5rem);
    height: clamp(2.5rem, 7vw, 4rem);
    background-color: #fff;
    -webkit-mask: url(../img/logo-theyard.svg) center/contain no-repeat;
    mask: url(../img/logo-theyard.svg) center/contain no-repeat
}

@media screen and (min-width:992px) {
    .footer__logo {
        margin-right: 10%
    }
}

.footer__copy {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: .875rem;
    color: #fff
}

.footer__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem
}

@media screen and (min-width:992px) {
    .footer__list {
        flex-direction: row;
        gap: 2.5rem
    }
}

.footer__item {
    display: inline-block
}

.footer__item a {
    font-weight: 700;
    font-size: .875rem;
    color: #fff;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    text-transform: uppercase
}

@media screen and (prefers-reduced-motion:no-preference) {
    .footer__item a {
        transition: -webkit-text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease, -webkit-text-decoration-color .3s ease
    }
}

@media screen and (hover:hover) {
    .footer__item a:focus,
    .footer__item a:hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    .footer__item a:focus,
    .footer__item a:hover {
        transition: -webkit-text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease, -webkit-text-decoration-color .3s ease
    }
}

.footer__socials .footer__list {
    flex-direction: row
}

.footer__instagram,
.footer__whatsapp {
    display: block;
    width: 1.75rem;
    height: 1.75rem
}

.footer__instagram {
    background: url(../img/footer-ig.svg) center/1.75rem no-repeat
}

.footer__whatsapp {
    background: url(../img/footer-wa.svg) center/1.75rem no-repeat
}

#skip {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 0;
    padding: 0;
    background: #fff;
    font-size: .9rem;
    color: #819ec5;
    line-height: 1rem;
    transition: height .3s ease, padding .3s ease;
    z-index: 6;
    overflow: hidden
}

#skip:active,
#skip:focus {
    height: 1.75rem;
    padding: .5rem;
    transition: height .3s ease, padding .3s ease
}

.nav__hamburger {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 50;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    padding: .375rem 0;
    border: none;
    background: 0 0
}

@media screen and (max-width:991px) {
    .nav__hamburger {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between
    }
    .nav__hamburger>span {
        width: 100%;
        height: 3px;
        position: relative;
        border-radius: 3px;
        background: #e4ddce;
        transform: rotate(0);
        transition: transform 150ms ease
    }
    .nav__hamburger>span:nth-child(2) {
        width: 60%;
        opacity: 1;
        transition: opacity 150ms ease
    }
    .nav__hamburger>span:nth-child(3) {
        width: 75%;
        transition: width 150ms ease
    }
}

.nav__hamburger--open span:nth-child(1) {
    top: .535rem;
    transform: rotate(45deg);
    transition: transform 150ms ease
}

.nav__hamburger--open span:nth-child(2) {
    opacity: 0;
    transition: opacity 150ms ease
}

.nav__hamburger--open span:nth-child(3) {
    width: 100%;
    bottom: .525rem;
    transform: rotate(-45deg);
    transition: width, transform 150ms ease
}

.nav__hamburger--open+.nav__menu {
    touch-action: none;
    transform: translateX(0);
    transition: transform .3s ease-out
}

.nav--scrolled .nav__hamburger--open span {
    background: #e4ddce
}

.socials {
    position: fixed;
    z-index: 5;
    bottom: 1rem;
    right: 1rem;
    width: 2.5rem;
    height: 5.5rem
}

.ig-bg {
    position: fixed;
    z-index: 4;
    bottom: 4rem;
    right: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #c9bca1
}

.instagram,
.whatsapp {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-position: center;
    background-size: 1.25rem;
    background-repeat: no-repeat
}

.instagram {
    box-sizing: border-box;
    border: 2px solid #fff;
    margin-bottom: .5rem;
    background-image: url(../img/ico-instagram.svg)
}

.whatsapp {
    background-color: #00a100;
    background-image: url(../img/ico-whatsapp.svg)
}

.button {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #819ec5;
    border-radius: 2.5rem;
    padding: 1rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-color: transparent;
    transform: scale(1);
    font-family: Archivo, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #fff;
    line-height: 1;
    letter-spacing: 3px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer
}

@media screen and (prefers-reduced-motion:no-preference) {
    .button {
        transition: .3s ease
    }
}

@media screen and (hover:hover) {
    .button:focus,
    .button:hover {
        -webkit-animation: jump .7s ease infinite alternate;
        animation: jump .7s ease infinite alternate
    }
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    .button:focus,
    .button:hover {
        transition: .3s ease
    }
}

.button:active {
    transform: scale(.9)
}

@media screen and (prefers-reduced-motion:no-preference) {
    .button:active {
        transition: 50ms ease
    }
}

.button:disabled {
    opacity: .5;
    pointer-events: none
}

.button:focus {
    outline: 0
}

@-webkit-keyframes jump {
    0% {
        transform: scale(1);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .15)
    }
    100% {
        transform: scale(1.05);
        box-shadow: 0 4px 20px rgba(0, 0, 0, .1)
    }
}

@keyframes jump {
    0% {
        transform: scale(1);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .15)
    }
    100% {
        transform: scale(1.05);
        box-shadow: 0 4px 20px rgba(0, 0, 0, .1)
    }
}

.loading {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-color: #442812;
    z-index: 2;
    opacity: 0
}

.loading--visible {
    opacity: 1
}

.loading::before {
    content: "";
    position: absolute;
    width: 1.85rem;
    height: 1.85rem;
    border: 2px solid transparent;
    border-radius: 50%;
    border-top-color: #ddc9a3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.loading::after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    border: 2px solid transparent;
    border-radius: 50%;
    border-top-color: #fff;
    -webkit-animation: spin 1s ease infinite;
    animation: spin 1s ease infinite
}

@-webkit-keyframes spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

.section__icons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 8rem);
    row-gap: 3rem;
    max-width: 22.5rem;
    margin: clamp(2rem, 5vw, 4rem) auto 0
}

@media screen and (min-width:992px) {
    .section__icons {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: 8rem;
        max-width: 100%
    }
}

.section__icon {
    background-position: top center;
    background-size: 5rem;
    background-repeat: no-repeat;
    padding-top: 5.5rem;
    font-weight: 200;
    text-align: center
}

.section__icon--blueprint {
    background-image: url(../img/ico-project-blueprint.svg)
}

.section__icon--door {
    background-image: url(../img/ico-project-door.svg)
}

.section__icon--lift {
    background-image: url(../img/ico-project-lift.svg)
}

.section__icon--facade {
    background-image: url(../img/ico-project-facade.svg)
}

.section__icon--trees {
    background-image: url(../img/ico-project-trees.svg)
}

.section__icon--sea {
    background-image: url(../img/ico-project-sea.svg);
    background-size: 4rem;
    background-position: center 20%
}

.section__icon--shopping {
    background-image: url(../img/ico-poi-shopping.svg)
}

.section__icon--food {
    background-image: url(../img/ico-poi-food.svg)
}

.section__icon--drinks {
    background-image: url(../img/ico-poi-drinks.svg)
}

.section__icon--bike {
    background-image: url(../img/ico-poi-bike.svg)
}

.section__icon--ticket {
    background-image: url(../img/ico-poi-ticket.svg)
}

.section__icon--beach {
    background-image: url(../img/ico-poi-beach.svg)
}

.section__icon--hospital {
    background-image: url(../img/ico-poi-hospital.svg)
}

.section__icon--sailing {
    background-image: url(../img/ico-poi-sailing.svg)
}

.section__icon--golf {
    background-image: url(../img/ico-poi-golf.svg)
}

.section__icon--metro {
    background-image: url(../img/ico-poi-metro.svg);
    background-position: left top
}

.section--dark .section__icon {
    font-size: .875rem
}

.section--dark .section__icon--kids {
    background-image: url(../img/ico-amenities-kids.svg)
}

.section--dark .section__icon--park {
    background-image: url(../img/ico-amenities-park.svg)
}

.section--dark .section__icon--gym {
    background-image: url(../img/ico-amenities-gym.svg);
    background-position: center 20%
}

.section--dark .section__icon--locker {
    background-image: url(../img/ico-amenities-locker.svg)
}

.section--dark .section__icon--work {
    background-image: url(../img/ico-amenities-work.svg);
    background-position: center 10%
}

.section--dark .section__icon--cctv {
    background-image: url(../img/ico-amenities-cctv.svg);
    background-size: 4.5rem;
    background-position: center 20%
}

.toggle {
    width: 100%
}

.toggle__button {
    margin-right: 2.5rem;
    border: none;
    padding: 0;
    background: 0 0;
    font-family: Archivo, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    cursor: pointer
}

.toggle__button::after {
    content: "";
    display: block;
    position: relative;
    bottom: -.5rem;
    width: 0;
    height: 1px;
    background-color: #154734
}

@media screen and (prefers-reduced-motion:no-preference) {
    .toggle__button::after {
        transition: width .3s ease
    }
}

@media screen and (hover:hover) {
    .toggle__button:focus::after,
    .toggle__button:hover::after {
        width: 100%
    }
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    .toggle__button:focus::after,
    .toggle__button:hover::after {
        transition: width .3s ease
    }
}

.toggle__switch {
    width: min(100vw, 1250px);
    margin: 3rem auto 0;
    padding: .5rem 1rem;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.toggle__switch::-webkit-scrollbar {
    display: none
}

.toggle__switch .wrapper {
    width: 30rem;
    margin-inline: 0;
    text-align: left
}

.toggle__switch--one+.gallery__container>.gallery__one {
    top: 0;
    opacity: 1;
    z-index: 1
}

.toggle__switch--one+.gallery__container>.gallery__two {
    top: 5rem;
    opacity: 0;
    z-index: -1
}

.toggle__switch--one .toggle__button--one,
.toggle__switch--two .toggle__button--two {
    color: #154734
}

.toggle__switch--one .toggle__button--one::after,
.toggle__switch--two .toggle__button--two::after {
    width: 100%
}

.toggle__switch--two+.gallery__container>.gallery__one {
    top: 5rem;
    opacity: 0;
    z-index: -1;
    transition: .3s ease
}

.toggle__switch--two+.gallery__container>.gallery__two {
    top: 0;
    opacity: 1;
    z-index: 1;
    transition: .3s ease
}

.carousel {
    margin: 4rem 0 0
}

.carousel__title {
    margin-bottom: 1rem
}

.carousel__subtitle {
    max-width: 10ch;
    font-size: clamp(1.875rem, 10vw, 3.125rem)
}

.carousel__subtitle i {
    font-size: clamp(2.5rem, 12vw, 4.125rem)
}

.carousel__line {
    max-height: 8rem;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #d2c6ad
}

.carousel__line::-webkit-scrollbar {
    width: .25rem;
    background-color: #d2c6ad
}

.carousel__line::-webkit-scrollbar-button {
    width: .25rem;
    background-color: transparent
}

.carousel__line::-webkit-scrollbar-button {
    display: none
}

.carousel__line::-webkit-scrollbar-thumb {
    width: .25rem;
    background-color: #154734
}

.carousel__list {
    display: flex;
    gap: clamp(1rem, 9vw, 8rem);
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -ms-scroll-chaining: chained;
    overscroll-behavior: auto;
    cursor: -webkit-grab;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.carousel__list::-webkit-scrollbar {
    display: none
}

.carousel__list::after {
    content: "";
    padding-right: 50vw
}

.carousel__item {
    scroll-snap-align: center;
    scroll-snap-stop: always
}

@media screen and (min-width:992px) {
    .carousel__item {
        display: flex
    }
}

.carousel__item--copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: min(60vw, 22rem);
    padding-left: 1rem
}

@media screen and (max-width:991px) {
    .carousel__item[data-index="0"] {
        display: none
    }
}

.carousel__figure {
    width: calc(100vw - 2rem);
    height: 22rem
}

@media screen and (min-width:992px) {
    .carousel__figure {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

.carousel__figure figcaption {
    padding-block: .5rem;
    font-weight: 200;
    line-height: 1rem;
    text-align: right
}

@media screen and (min-width:992px) {
    .carousel__figure figcaption.left {
        text-align: left
    }
}

.carousel__picture {
    display: block;
    height: calc(100% - 2rem);
    background: #ffffff url(../img/loader.gif) center/3rem no-repeat
}

.carousel__picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width:992px) {
    .carousel__picture img {
        width: unset
    }
}

.gallery__container {
    width: 100%;
    position: relative;
    min-height: 30rem
}

@media screen and (min-width:992px) {
    .gallery__container {
        min-height: 40rem
    }
}

.gallery__one,
.gallery__two {
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: .3s ease
}

@media screen and (min-width:992px) {
    #arrabida-c,
    #lifestyle-c {
        align-self: flex-end
    }
    #arrabida-d,
    #lifestyle-d {
        align-self: flex-end
    }
    #arrabida-e,
    #lifestyle-e {
        margin-left: -12rem
    }
    #arrabida-g,
    #lifestyle-g {
        align-self: flex-end
    }
    #arrabida-i,
    #lifestyle-i {
        align-self: flex-end;
        margin-left: -12rem
    }
}

.carousel {
    position: relative
}

.carousel__dots {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding-block: .5rem
}

.carousel__dot {
    display: block;
    width: .625rem;
    height: .25rem;
    margin: 0 .25rem;
    padding: 0;
    border: none;
    border-radius: 2px;
    /*background-color: #d2c6ad;*/
    background-color: rgb(210 198 173 / 31%);
    cursor: pointer
}

@media screen and (prefers-reduced-motion:no-preference) {
    .carousel__dot {
        transition: width .3s ease, background-color .3s ease
    }
}

.carousel__dot--active {
    width: 2.5rem;
    background-color: #4c412a;
    pointer-events: none
}

@media screen and (prefers-reduced-motion:no-preference) {
    .carousel__dot--active {
        transition: width .3s ease, background-color .3s ease
    }
}

.carousel__arrows {
    position: absolute;
    top: 2rem;
    left: 50%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width:992px) {
    .carousel__arrows {
        top: 6rem;
        left: 50vw
    }
}

.carousel__arrows li {
    display: inline-block
}

.carousel__button {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
   /* border: 1px solid #154734*/
   border: 1px solid #4c412a;
}

@media screen and (min-width:992px) {
    .carousel__button {
        width: 7rem;
        height: 7rem
    }
}

.carousel__button--next,
.carousel__button--prev {
    background-color: transparent;
    background-position: center center;
    background-size: 2rem;
    background-repeat: no-repeat
}

@media screen and (min-width:992px) {
    .carousel__button--next,
    .carousel__button--prev {
        background-size: 2.5rem
    }
}

@media screen and (hover:hover) {
    .carousel__button--next:focus,
    .carousel__button--next:hover,
    .carousel__button--prev:focus,
    .carousel__button--prev:hover {
        background-color: transparent
    }
}

.carousel__button--prev {
    background-image: url(../img/ico-next.svg);
    transform: rotate(180deg)
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    .carousel__button--prev:focus,
    .carousel__button--prev:hover {
        -webkit-animation: sway .7s ease infinite;
        animation: sway .7s ease infinite
    }
}

.carousel__button--prev:active {
    transform: scale(.9) rotate(180deg)
}

@media screen and (prefers-reduced-motion:no-preference) {
    .carousel__button--prev:active {
        transition: 50ms ease
    }
}

.carousel__button--next {
    background-image: url(../img/ico-next.svg)
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    .carousel__button--next:focus,
    .carousel__button--next:hover {
        -webkit-animation: sway .7s ease infinite;
        animation: sway .7s ease infinite
    }
}

.carousel__progress {
    -webkit-appearance: none;
    display: block;
    width: min(100%, 18rem);
    margin: 2rem auto;
    height: .25rem;
    border: none;
    overflow: hidden;
    /*color: #d2c6ad;*/
    border-radius: 1rem
}

.carousel__progress::-webkit-progress-bar {
    background: rgb(210 198 173 / 31%);
}

.carousel__progress::-webkit-progress-value {
    background: #4c412a
}

.carousel__progress::-moz-progress-bar {
    background: #154734
}

@media screen and (min-width:992px) {
    .carousel__progress {
        margin: 2rem 0
    }
}

div:is(.gallery__one, .gallery__two) .carousel__button--prev {
    display: none
}

div:is(.gallery__shared) .carousel__dot {
    background-color: #2d1d10
}

div:is(.gallery__shared) .carousel__dot--active {
    /*background-color: #819ec5*/
    background-color: #ffffff;
}

div:is(.gallery__shared) .carousel__button {
    border: 1px solid #ffffff
}

div:is(.gallery__shared) .carousel__button--next,
div:is(.gallery__shared) .carousel__button--prev {
    background-image: url(../img/ico-next-dark.svg)
}

.brochure {
    margin-top: 2rem;
    padding-top: 0
}

.brochure .wrapper {
    position: relative;
    z-index: 3
}

@media screen and (min-width:992px) {
    .brochure .wrapper {
        display: flex;
        align-items: flex-end;
        justify-content: space-between
    }
}

.brochure__header {
    width: min(100%, 625px)
}

@media screen and (min-width:992px) {
    .brochure__header {
        width: min(50%, 625px)
    }
}

.brochure__banner {
    display: block;
    position: relative;
    width: 100%;
    max-height: 45rem;
    margin-bottom: -10rem;
    overflow: hidden
}

.brochure__banner img {
    display: block;
    width: 100%
}

.brochure__banner::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5))
}

.brochure__photo {
    display: block;
    width: min(70%, 22rem);
    -o-object-fit: contain;
    object-fit: contain
}

.brochure__subtitle {
    margin: 2rem 0;
    line-height: 1.5
}

.brochure__button,
.brochure__subtitle {
    width: min(100%, 24rem)
}

.brochure__button {
    margin-bottom: 1.25rem
}

@media screen and (max-width:991px) {
    .brochure__button,
    .brochure__header,
    .brochure__subtitle {
        margin-inline: auto
    }
}

.partners {
    padding-block: 8rem
}

.partners__list {
    margin: 2rem auto;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media screen and (min-width:992px) {
    .partners__list {
        flex-direction: row;
        justify-content: space-between
    }
}

.partners__item {
    width: min(100%, 23.75rem)
}

.partners__item:last-child {
    margin-top: -6rem
}

@media screen and (max-width:991px) {
    .partners__item:last-child {
        display: none
    }
}

.partners__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.partners__title {
    font-family: "Crimson Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 500;
    font-size: 1.75rem;
    color: #ddc9a3;
    line-height: 1.5;
    letter-spacing: 1px
}

.partners__line {
    font-weight: 200;
    font-size: .875rem;
    line-height: 2
}

@media screen and (min-width:992px) {
    .partners__line {
        max-width: 28ch;
        font-size: 1rem
    }
}

.partners__line strong {
    font-weight: 500
}

.partners__link {
    display: block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-block: 1rem;
    padding-right: 3rem;
    background: url(../img/ico-link.svg) 95% center/1.75rem .75rem no-repeat;
    font-weight: 100;
    font-size: .875rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    .partners__link:focus,
    .partners__link:hover {
        -webkit-animation: sway-link .7s ease infinite;
        animation: sway-link .7s ease infinite
    }
}

@-webkit-keyframes sway-link {
    50% {
        background-position: right center
    }
}

@keyframes sway-link {
    50% {
        background-position: right center
    }
}

.section .map__subtitle {
    max-width: 18ch;
    margin: 0;
    font-weight: 200;
    font-size: clamp(1.5rem, 5vw, 2rem);
    color: #000
}

@media screen and (max-width:991px) {
    .section .map__subtitle {
        padding-inline: 1rem
    }
}

.section .map__subtitle i {
    font-size: clamp(2rem, 8vw, 2.625rem);
    /*color: #154734*/
    color: #4c412a
}

.section .map__icons {
    row-gap: 2rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    grid-template-rows: repeat(4, 3rem);
    font-size: .875rem;
    color: #000
}

@media screen and (min-width:992px) {
    .section .map__icons {
        grid-template-columns: repeat(3, 1fr);
        /*grid-template-rows: repeat(4, 3rem);*/
        grid-template-rows: repeat(3, 3rem)
    }
}

.section .map__icon {
    background-size: 2rem 2rem;
    font-weight: 500;
    padding-top: 2.5rem
}

.section .map__icon--full {
    grid-column: span 3;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-top: .5rem;
    margin-inline: auto;
    padding-top: 0;
    padding-left: 2.75rem;
    text-align: left
}

.section .map__icon small {
    font-size: .9em;
    line-height: 1.25
}

.map {
    padding-top: 0
}

.map .wrapper {
    width: min(100%, 1250px)
}

.map__picture {
    display: block;
    width: min(100%, 1250px);
    margin-bottom: -4rem
}

@media screen and (min-width:992px) {
    .map__picture {
        margin-inline: auto;
        margin-bottom: -28rem
    }
}

.map__picture img {
    width: 100%
}

@media screen and (min-width:992px) {
    .map__picture img {
        max-width: 69rem;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.map__poi {
    position: relative;
    width: min(100% - 2rem, 20rem);
    margin-inline: auto;
    /*background-color: #e0d8c7;*/
    background-color: #ffffff;
    padding: 2rem 1rem
}

@media screen and (min-width:992px) {
    .map__poi {
        margin-inline: auto 0;
        padding: 3rem
    }
}

.map .section__icon--bike {
    background-size: 2.5rem 2rem
}

.map .section__icon--sailing {
    background-size: 2.5rem 2.5rem;
    background-position: center -20%
}

.app .wrapper {
    width: min(100%, 1250px)
}

@media screen and (min-width:992px) {
    .app .wrapper {
        display: flex;
        justify-content: space-between
    }
}

.app__mockup {
    display: block;
    width: min(100% - 2rem, 30rem);
    margin-inline: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (min-width:992px) {
    .app__mockup {
        margin-inline: 0
    }
}

.app__desc {
    width: min(100% - 2rem, 625px);
    margin-inline: auto
}

@media screen and (min-width:992px) {
    .app__desc {
        margin-inline: 0
    }
}

.app__title {
    margin-block: 2rem 1rem
}

.app__line {
    max-width: 40ch;
    margin-block: 1.5rem;
    font-size: clamp(1rem, 5vw, 1.25rem)
}

.app__list {
    display: flex;
    gap: 1rem
}

.app__store {
    display: block;
    width: 7.5rem;
    height: 2.5rem;
    background-size: 7.5rem 2.5rem;
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none
}

.app__store--apple {
    background-image: url(../img/download-apple.svg)
}

.app__store--google {
    background-image: url(../img/download-google.svg)
}

.contact .wrapper {
    display: grid;
    grid-template-areas: "header" "address" "form";
    grid-template-columns: 1fr;
    justify-content: space-between;
    width: min(100% - 2rem, 1000px);
    padding: 0;
    text-align: left
}

@media screen and (min-width:992px) {
    .contact .wrapper {
        grid-template-areas: "header header" "address form";
        grid-template-columns: 1fr 1fr
    }
}

.contact__header {
    grid-area: header
}

@media screen and (min-width:992px) {
    .contact__header {
        margin-bottom: 2rem
    }
}

.contact__title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    padding-right: 1rem
}

.contact__title::after {
    /*content: "✦";*/
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    color: #154734
}

.contact__subtitle {
    text-align: center
}

.contact__address {
    grid-area: address;
    margin-block: 3rem;
    font-weight: 300;
    text-align: center
}

@media screen and (min-width:992px) {
    .contact__address {
        margin-block: 0;
        text-align: left
    }
}

.contact__address h3 {
    margin-block: 1rem;
    letter-spacing: 3px;
    text-transform: uppercase
}

.contact__address img {
    display: block;
    margin-inline: auto;
    margin-bottom: 2rem;
    width:150px;
}

@media screen and (min-width:992px) {
    .contact__address img {
        margin-inline: 0
    }
}

.contact__address h4 {
    margin-block: 2rem .5rem
}

.contact__address a {
    color: #fff;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__address a {
        transition: -webkit-text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease, -webkit-text-decoration-color .3s ease
    }
}

@media screen and (hover:hover) {
    .contact__address a:focus,
    .contact__address a:hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    .contact__address a:focus,
    .contact__address a:hover {
        transition: -webkit-text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease, -webkit-text-decoration-color .3s ease
    }
}

.contact__address a,
.contact__address p {
    max-width: 20ch;
    margin-inline: auto;
    font-size: 1.375rem
}

@media screen and (min-width:992px) {
    .contact__address a,
    .contact__address p {
        margin-inline: 0
    }
}

.contact__form {
    display: none;
    grid-area: form;
    width: min(100%, 500px);
    margin-inline: auto
}

@media screen and (min-width:992px) {
    .contact__form {
        margin-top: 1rem
    }
}

.contact__form label {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: .25rem
}

.contact__form label>span:not(.error) {
    position: absolute;
    top: calc(.75em + 3px);
    left: 1rem;
    z-index: 1;
    pointer-events: none;
    color: #fff
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__form label>span:not(.error) {
        transition: all .3s ease
    }
}

.contact__form label>span.error {
    font-size: .85em;
    color: #fff;
    text-align: left;
    opacity: 0
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__form label>span.error {
        transition: all .3s ease
    }
}

.contact__form label input,
.contact__form label textarea {
    width: calc(100% - 2rem);
    padding: .75rem 1rem;
    background-color: #2d1d10;
    border: none;
    border-bottom: 3px solid #2d1d10;
    font-family: Archivo, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-size: 1rem;
    color: #fff
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__form label input,
    .contact__form label textarea {
        transition: border-bottom .3s ease
    }
}

.contact__form label input:focus,
.contact__form label input:hover,
.contact__form label textarea:focus,
.contact__form label textarea:hover {
    border-bottom: 3px solid #fff;
    outline: 0
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__form label input:focus,
    .contact__form label input:hover,
    .contact__form label textarea:focus,
    .contact__form label textarea:hover {
        transition: border-bottom .3s ease
    }
}

.contact__form label input:-webkit-autofill,
.contact__form label input:-webkit-autofill:active,
.contact__form label input:-webkit-autofill:focus,
.contact__form label input:-webkit-autofill:hover,
.contact__form label textarea:-webkit-autofill,
.contact__form label textarea:-webkit-autofill:active,
.contact__form label textarea:-webkit-autofill:focus,
.contact__form label textarea:-webkit-autofill:hover {
    box-shadow: initial;
    -webkit-box-shadow: 0 0 0 30px #2d1d10 inset !important
}

.contact__form label input:-webkit-autofill,
.contact__form label textarea:-webkit-autofill {
    -webkit-text-fill-color: #fff !important
}

.contact__form label textarea {
    height: 6rem;
    resize: vertical
}

.contact__form label[for=check-terms] {
    position: relative;
    float: left;
    max-width: 75%;
    padding-top: 2px;
    padding-left: 1.5rem;
    font-size: .75em;
    color: #fff;
    text-align: left;
    cursor: pointer
}

.contact__form label[for=check-terms]::before {
    content: "";
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-mask: url(../img/ico-check.svg);
    mask: url(../img/ico-check.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    display: inline-block;
    background-color: #fff;
    cursor: pointer
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__form label[for=check-terms]::before {
        transition: background-color .3s ease
    }
}

.contact__form label[for=check-terms].error {
    color: #fff
}

.contact__form label[for=check-terms].error::after {
    background: 0 0
}

.contact__form label[for=check-terms].success {
    color: #fff
}

.contact__form label[for=check-terms].success::after {
    background: 0 0
}

.contact__form label.filled input,
.contact__form label.filled textarea {
    border-bottom: 3px solid #dbdbdb;
    transition: border-bottom .3s ease
}

.contact__form label.filled>span,
.contact__form label.focus>span {
    top: -.5em;
    font-size: .75em;
    color: #dbdbdb
}

.contact__form label.error::after,
.contact__form label.success::after {
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 1.125rem;
    top: 35%;
    transform: translateY(-50%);
    right: 1rem;
    background-position: center;
    background-repeat: no-repeat
}

.contact__form label.error input,
.contact__form label.error textarea {
    border-color: #fff
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__form label.error input,
    .contact__form label.error textarea {
        transition: border-color .3s ease
    }
}

.contact__form label.error span.error {
    opacity: 1
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__form label.error span.error {
        transition: opacity .3s ease
    }
}

.contact__form label.error::after {
    background-image: url(../img/ico-error.svg)
}

.contact__form label.success>span {
    top: -.5em;
    font-size: .75em
}

.contact__form label.success input,
.contact__form label.success textarea {
    border-color: #fff
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__form label.success input,
    .contact__form label.success textarea {
        transition: .3s ease
    }
}

.contact__form label.success span.error {
    opacity: 0
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__form label.success span.error {
        transition: .3s ease
    }
}

.contact__form label.success::after {
    background-image: url(../img/ico-success.svg)
}

.contact__form label .iti {
    width: 100%
}

.contact__form label .iti__flag {
    background-image: url(../img/flags.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .contact__form label .iti__flag {
        background-image: url(../img/flags@2x.png)
    }
}

.contact__form label .iti--allow-dropdown .iti__flag-container,
.contact__form label .iti--separate-dial-code .iti__flag-container {
    right: 0;
    left: auto
}

.contact__form label .iti__country-name {
    color: #000
}

.contact__form label .iti--allow-dropdown input[type=tel] {
    width: 100%;
    padding: .75rem 3rem .75rem 1rem
}

.contact__form label .iti__country-list {
    right: 0;
    overflow-x: hidden
}

.contact__form label#phone-label.error::after,
.contact__form label#phone-label.success::after {
    z-index: 2;
    background-color: #2d1d10
}

.contact__form input[type=checkbox] {
    position: absolute;
    opacity: 0;
    margin-top: -1rem;
    clip: rect(1px, 1px, 1px, 1px)
}

.contact__form input[type=checkbox]:not(:focus)+label {
    border-bottom: 3px solid transparent
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__form input[type=checkbox]:not(:focus)+label {
        transition: border-bottom .3s ease
    }
}

.contact__form input[type=checkbox]:focus+label {
    border-bottom: 3px solid #fff
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__form input[type=checkbox]:focus+label {
        transition: border-bottom .3s ease
    }
}

.contact__form input[type=checkbox]:checked+label::before {
    content: "";
    width: 1rem;
    height: 1rem;
    -webkit-mask: url(../img/ico-checked.svg);
    mask: url(../img/ico-checked.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.contact__form a {
    /*color: #819ec5;*/
    color:#ddc9a3;
    -webkit-text-decoration-color:#ddc9a3;
    text-decoration-color: #ddc9a3
}

@media screen and (prefers-reduced-motion:no-preference) {
    .contact__form a {
        transition: -webkit-text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease, -webkit-text-decoration-color .3s ease
    }
}

@media screen and (hover:hover) {
    .contact__form a:focus,
    .contact__form a:hover {
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent
    }
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    .contact__form a:focus,
    .contact__form a:hover {
        transition: -webkit-text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease, -webkit-text-decoration-color .3s ease
    }
}

.contact__button {
    float: right;
    position: relative;
    top: -1rem;
    width: 3.875rem;
    height: 3.875rem;
    border-radius: 50%;
    border: 1px solid #ddc9a3;
    background: transparent url(../img/ico-submit.svg) center/4rem no-repeat
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    .contact__button:focus,
    .contact__button:hover {
        -webkit-animation: sway-submit .7s ease infinite;
        animation: sway-submit .7s ease infinite
    }
}

.contact__recaptcha {
    max-width: 75%;
    position: relative;
    top: 2rem;
    font-size: .75em
}

.grecaptcha-badge {
    visibility: hidden
}

@-webkit-keyframes sway-submit {
    50% {
        background-position: -80% center
    }
}

@keyframes sway-submit {
    50% {
        background-position: -80% center
    }
}

.photo,
.thanks,
.video {
    display: block;
    visibility: hidden;
    position: fixed;
    z-index: 400;
    top: 50%;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    width: min(90%, 60rem);
    aspect-ratio: 16/9;
    border: none;
    padding: 0;
    background-color: transparent;
    opacity: 0
}

@media screen and (prefers-reduced-motion:no-preference) {
    .photo,
    .thanks,
    .video {
        transition: opacity .3s ease
    }
}

.photo button,
.thanks button,
.video button {
    position: absolute;
    top: -3.5rem;
    right: 0;
    width: 3rem;
    height: 3rem;
    background: url(../img/ico-close.svg) center/3rem no-repeat;
    border: none;
    cursor: pointer;
    transform: scale(1);
    z-index: 1
}

@media screen and (prefers-reduced-motion:no-preference) {
    .photo button,
    .thanks button,
    .video button {
        transition: .1s ease
    }
}

@media screen and (hover:hover) {
    .photo button:focus,
    .photo button:hover,
    .thanks button:focus,
    .thanks button:hover,
    .video button:focus,
    .video button:hover {
        outline: 0;
        transform: scale(1.15)
    }
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    .photo button:focus,
    .photo button:hover,
    .thanks button:focus,
    .thanks button:hover,
    .video button:focus,
    .video button:hover {
        transition: .1s ease
    }
}

.photo button:focus,
.thanks button:focus,
.video button:focus {
    outline: 0;
    transform: scale(1.15)
}

@media screen and (prefers-reduced-motion:no-preference) {
    .photo button:focus,
    .thanks button:focus,
    .video button:focus {
        transition: .1s ease
    }
}

.photo button:active,
.thanks button:active,
.video button:active {
    transform: scale(.9)
}

@media screen and (prefers-reduced-motion:no-preference) {
    .photo button:active,
    .thanks button:active,
    .video button:active {
        transition: 50ms linear
    }
}

.photo video,
.thanks video,
.video video {
    display: block;
    width: 100%
}

.photo img,
.thanks img,
.video img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.photo h1,
.thanks h1,
.video h1 {
    width: min(20ch, 100%);
    font-weight: 200;
    font-size: clamp(1.5rem, 5vw + .25rem, 2.5rem);
    color: #000;
    text-align: center
}

.photo p,
.thanks p,
.video p {
    margin: 2rem auto;
    font-weight: 100;
    font-size: 1.25rem;
    color: #000
}

.photo.visible,
.thanks.visible,
.video.visible {
    visibility: visible
}

.photo.on,
.thanks.on,
.video.on {
    opacity: 1
}

@media screen and (prefers-reduced-motion:no-preference) {
    .photo.on,
    .thanks.on,
    .video.on {
        transition: opacity .3s ease
    }
}

.photo {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 85vh;
    aspect-ratio: unset
}

.photo button {
    display: block;
    position: static;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-after: .5rem;
    margin-block-end: .5rem;
    background: url(../img/ico-close-photo.svg) center/1.25rem no-repeat
}

.photo figure {
    height: 100%
}

@media screen and (max-width:991px) {
    .photo picture {
        background-image: none !important
    }
}

.photo img {
    width: 100%;
    -o-object-position: top center;
    object-position: top center
}

@media screen and (min-width:992px) {
    .photo img {
        width: unset;
        max-width: 85vw
    }
}

.photo figcaption {
    position: relative;
    padding-left: 1rem;
    font-size: .9em;
    text-align: left
}

.photo figcaption::before {
    content: "✦";
    display: block;
    position: absolute;
    left: 0;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    color: #154734
}

.thanks {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: min(90%, 40rem);
    height: 20rem;
    background-color: #e4ddce
}

.thanks::after {
    content: "";
    display: block;
    position: absolute;
    top: 2rem;
    width: clamp(6rem, 15vw, 9rem);
    height: clamp(2rem, 5vw, 3rem);
    background-color: #4c412a;
    -webkit-mask: url(../img/logo-theyard.svg) left center/contain no-repeat;
    mask: url(../img/logo-theyard.svg) left center/contain no-repeat
}

.thanks strong {
    font-family: "degular, sans-serif;", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 300;
    font-size: 1.3em;
    font-style: italic;
    color: #154734
}

.thanks p {
    position: relative;
    bottom: -2rem;
    margin: 0 auto;
    text-align: center
}

.dim,
.dim--light {
    visibility: hidden;
    position: fixed;
    inset: 0;
    z-index: 400;
    background-color: #ffffff;
    opacity: 0
}

@media screen and (prefers-reduced-motion:no-preference) {
    .dim,
    .dim--light {
        transition: opacity .3s ease
    }
}

.dim--light.visible,
.dim.visible {
    visibility: visible
}

.dim--light.on,
.dim.on {
    opacity: .85
}

@media screen and (prefers-reduced-motion:no-preference) {
    .dim--light.on,
    .dim.on {
        transition: opacity .3s ease
    }
}

.dim--light {
    /*background-color: #e0d8c7*/
    background-color: #ffffff;
}

.dim--light.on {
    opacity: .98
}

#cookies {
    visibility: hidden;
    position: fixed;
    bottom: 0;
    z-index: 10;
    width: 100%;
    padding: 3rem 0 1rem;
    background: #fff;
    color: #000;
    opacity: 0
}

@media screen and (prefers-reduced-motion:no-preference) {
    #cookies {
        transition: opacity .3s ease
    }
}

#cookies.visible {
    visibility: visible
}

#cookies.on {
    opacity: 1
}

@media screen and (prefers-reduced-motion:no-preference) {
    #cookies.on {
        transition: opacity .3s ease
    }
}

#cookies .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

@media screen and (min-width:992px) {
    #cookies .wrapper {
        flex-direction: row
    }
}

#cookies p {
    flex: 1;
    max-width: 50rem;
    padding: 1rem 0 0;
    text-align: center
}

@media screen and (min-width:992px) {
    #cookies p {
        padding-right: 2rem;
        text-align: left
    }
}

#cookies a {
    color: #000
}

@media screen and (prefers-reduced-motion:no-preference) {
    #cookies a {
        transition: -webkit-text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease, -webkit-text-decoration-color .3s ease
    }
}

@media screen and (hover:hover) {
    #cookies a:focus,
    #cookies a:hover {
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent
    }
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    #cookies a:focus,
    #cookies a:hover {
        transition: -webkit-text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease;
        transition: text-decoration-color .3s ease, -webkit-text-decoration-color .3s ease
    }
}

#cookies button {
    display: inline-block;
    min-width: 6.5rem;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 1.5rem .5rem;
    padding: 1.25rem;
    border: 2px solid #154734;
    background-color: #154734;
    font-weight: 700;
    color: #fff
}

@media screen and (prefers-reduced-motion:no-preference) {
    #cookies button {
        transition: background-color .3s ease, color .3s ease
    }
}

@media screen and (hover:hover) {
    #cookies button:focus,
    #cookies button:hover {
        background-color: #fff;
        color: #154734
    }
}

@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
    #cookies button:focus,
    #cookies button:hover {
        transition: background-color .3s ease, color .3s ease
    }
}

/*Contact_fom*/

.form-control {
    display: block;
    width: 100%;
    height: 26px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #fff;
    background-image: none;
    /* border: 1px solid #ccc; */
    /* border-radius: 4px; */
    /* -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); */
    /* box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); */
    /* -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; */
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #ccc;
    border-left: none;

    /*width: calc(100% - 2rem);*/
    padding: 0.75rem rem 1rem;
    background-color: #2d1d10;
    border: none;
    border-bottom: 3px solid #2d1d10;
}

.form-control:focus {
    border-color: #fff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0), 0 0 8px rgb(255 255 255 / 0%);
    box-shadow: inset 0 1px 1px rgb(0 0 0), 0 0 8px rgb(255 255 255 / 0%);
}

.col-sm-6 {
    font-size: 12px;
}

.col-sm-6 input{
   width: 50%;
}


.row .col-sm-4 .contact__button {
    float: right;
    position: relative;
    top: 0;
    width: 3.875rem;
    height: 3.875rem;
    border-radius: 50%;
    border: 1px solid #ddc9a3;
    background: transparent url(../img/ico-submit.svg) center/4rem no-repeat;
}



.form-control input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: none;
    color: fieldtext !important;
}

.row{
    padding-top: 30px;
    align-self: center;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
 .row label{
    font-size: 12px;
 }

@media screen and (max-width:992px) {

.form-control {
    grid-area: form;
    width: min(100%, 500px);
    margin-inline: auto;
    padding: 0;
}

.row {
    grid-area: form;
    width: min(100%, 500px);
    margin-inline: auto;
}

}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="checkbox"],
input[type="radio"] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
input[type="file"] {
    display: block;
}
input[type="range"] {
    display: block;
    width: 100%;
}
select[multiple],
select[size] {
    height: auto;
}
input[type="file"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}


.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control::-webkit-input-placeholder {
    color: #999;
}
.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}
textarea.form-control {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px;
    }
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"],
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm {
        line-height: 30px;
    }
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"],
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg {
        line-height: 46px;
    }
}
.form-group {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .col-sm-4,
 {
        float: left;
    }
}

.col-sm-4 {
    width: 33.33333333%;
}

.col-sm-4  a{
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}

.col-sm-4  a:hover{
        color: #ddc9a3;
}



@media screen and (max-width:992px) {
.col-sm-4 {
    width: 50%;
}

.row{
    padding-top: 30px;
    align-self: center;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


}