@charset "UTF-8";
/* CSS Document */
@font-face {
font-family: 'oak';
src: url("font/american-oak-script.ttf");}
.bio{ font-family: 'Cormorant Garamond', serif;
font-size: 15px;
text-transform: none;
color: black;
font-weight: 500;
letter-spacing: 0.01em;
text-align: right;
padding-right: 20px;
margin-top: auto;
margin-bottom:auto;
}
body{margin:0px;
overflow-y: scroll;
scrollbar-gutter: stable both-edges;
}
body a{
text-decoration: none;
color: black;
margin: 0px;
cursor: pointer;
}
body{color: black;
text-decoration: none;}
a:link {
color: black;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: black;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: black;
background-color: transparent;
text-decoration: none;
}
a:active {
color: black;
background-color: transparent;
text-decoration: none;
}
.header1 { grid-area: header1;object-fit: cover; text-align: right;
margin-top: auto; margin-bottom:auto; font-size: 14px;}
.header2 {
top: calc(35vh - 13vw);
left: 78vw;
width: 100px;
position: absolute;
align-items: center;
line-height: 16px;
z-index: 999999;}
.image3{height: auto;}
video {
height: 100%
}
.header3 { grid-area: header3; object-fit: cover;
overflow: hidden;}
.header4 { grid-area: header4; object-fit: cover;
overflow: hidden;}
.header5 { grid-area: header5; object-fit: cover;
overflow: hidden;}
.footer {
padding-top: 80px;
padding-bottom: 20px;
font-family: 'Cormorant Garamond', serif;
text-align: center;
font-size: 13px;
}
.footer {
padding-top: 80px;
padding-bottom: 20px;
font-family: 'Cormorant Garamond', serif;
text-align: center;
font-size: 13px;
}
.header-container {
height: 35vh;
display: grid;
grid-template-areas: 'header5 header5 header3 header4 header4 header4 header2';
gap: 3.5vw;
/* background-color: #2196F3; */
/* padding-left: 7%; */
/* padding-right: 7%; */
font-size:14px;
}
.header-container > div {
}
.title{
width: 79vw;
vertical-align: bottom;
overflow: overlay;
/* top: 30vh; */
vertical-align: bottom;
background-size: contain;
background-repeat: no-repeat;
height: 16vw;
top: calc(35vh - 13vw);
text-align: center;
overflow: hidden;
left: 0;
right: 0;
z-index: 99999;
margin-left: auto;
margin-right: auto;
font-family: 'oak', "serif";
position: absolute;
background-image: url(cr.svg);
}
.title-clickable{
width: 79vw;
/* vertical-align: bottom; */
overflow: overlay;
top: 30vh;
vertical-align: bottom;
background-size: contain;
background-repeat: no-repeat;
height: 8vw;
padding-top: 8vw;
top: calc(35vh - 21vw);
text-align: center;
margin-top: 8vw;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
font-family: 'oak', "serif";
/* position: relative;
}
.item1 { grid-area: item1;object-fit: cover;
overflow: hidden; }
.item2 { grid-area: item2; object-fit: cover;
overflow: hidden;}
.item3 { grid-area: item3;object-fit: scale-down;
overflow: hidden; }
.item4 { grid-area: item4;object-fit: scale-down;
overflow: hidden; }
.item5 { grid-area: item5; object-fit: scale-down;
overflow: hidden;}
.item6 { grid-area: item6; object-fit: scale-down;
overflow: hidden;}
.item7 { grid-area: item7; object-fit: scale-down;
overflow: hidden;}
.item8 { grid-area: item8; object-fit: scale-down;
overflow: hidden;}
.item9 { grid-area: item9; object-fit: scale-down;
overflow: hidden;}
.item10 { grid-area: item10; object-fit: scale-down;
overflow: hidden;}
.item11 { grid-area: item11; object-fit: scale-down;
overflow: hidden;}
.item12 { grid-area: item12; object-fit: scale-down;
overflow: hidden;}
.item13 { grid-area: item13; object-fit: scale-down;
overflow: hidden;}
.item14 { grid-area: item14; object-fit: scale-down;
overflow: hidden;}
.grid-container {
display: grid;
grid-template-areas:
'item1 item1 item1 item2 item2 item2 item3 item3 item3 item3 item3 item3'
'item4 item4 item4 item5 item5 item5 item5 item5 item5 item6 item6 item6'
'item7 item7 item7 item8 item8 item8 item9 item9 item9 item10 item10 item10'
'item11 item11 item11 item12 item12 item12 item13 item13 item13 item14 item14 item14'
;
row-gap: 7vw;
column-gap: 3.5vw;
padding-left: 7%;
padding-right: 7%;
font-family: 'Cormorant Garamond', serif;
font-size: 13px;
line-height: 30px;
font-weight: 500;
}
.grid-container > div {
background-color: rgba(255, 255, 255, 0.8);
text-align: center;
height: auto;
}
.image1{
height: calc(24vw);
object-fit: cover;
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
html{
background-color:#FFFFFF;
}
.topnavh {
display: none;
font-weight: 200;
font-family: 'heading pro title';
font-size: 0.90em;
letter-spacing: 0.07em;
background-color: black;
text-transform: uppercase;
}
.topnavh a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 25px 25px;
text-decoration: none;
font-size: 40px;
font-weight: 500;
}
.topnavh a:hover {
color: #e9e9e9;
}
.topnavh a.active {
color: #fff;
}
.topnavh .icon {
display: none;
}
#header{
height: 15vh;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
#header1{
background-size: cover;
background-position: right top;
background: url("stories/beautyroutine/1829.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100vh;
}
.box {
display: none;
}
.center {
text-align: center;
font-family: 'Heading pro';
font-size: 20px;
padding-bottom: 10px;
font-weight: 500;
}
.nav-horizontal {
background-color: #fff;
overflow: hidden;
height: 3em;
width: 100%;
margin-bottom: 40px;
float: left;
}
.nav-horizontal .mask {
height: 5em;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.nav-horizontal .left {
display: inline-table;
margin-left: 25px;
max-width: 100%;
position: relative;
float: left;
}
.nav-horizontal .list {
display: inline-table;
margin-right: 25px;
max-width: 100%;
position: relative;
float: right;
font-weight: 300;
font-family: 'Heading pro';
font-size: 14px;
}
.nav-horizontal .list li {
display: table-cell;
}
.nav-horizontal .list a {
display: block;
padding: 0 1em;
text-decoration: none;
color: #333;
height: 3em;
line-height: 3;
}
.nav-horizontal .list a:hover {
border-bottom: 1px solid black;
background-color: #fff;
}
* {
box-sizing: border-box;
}
/* Container */
.masonry-container {
--column-count-small: 1;
--column-count-medium: 2;
--column-count-large: 3;
--column-gap: 2vw;
padding-left: 5vw;
padding-right: 5vw;
}
/* Columns */
.masonry-columns {
column-gap: var(--column-gap);
column-count: var(--column-count-small);
column-width: calc(1 / var(--column-count-small) * 100%);
}
@media only screen and (min-width: 800px) {
.masonry-columns {
column-count: var(--column-count-medium);
column-width: calc(1 / var(--column-count-medium) * 100%);
}
}
@media only screen and (min-width: 1000px) {
.masonry-columns {
column-count: var(--column-count-large);
column-width: calc(1 / var(--column-count-large) * 100%);
}
}
/* Bricks */
.masonry-brick {
width: 100%;
height: auto;
margin: var(--column-gap) 0;
display: block;
}
.masonry-brick:first-child {
margin: 0 0 var(--column-gap);
}
.topnav{
position: fixed;
text-align: center;
font-weight: 500;
width: calc(100vw);
top: 3.75vw; /* left: 50px; */
font-family: 'heading pro';
font-size: 1.5em;
letter-spacing: -0.035em;
z-index: 99999999;
}
.topnav_newsletter{
position: absolute;
font-weight: 100;
top: 5vh;
left: 5vh;
font-family: 'heading pro';
font-size: 0.90em;
letter-spacing: 0.07em;
z-index: 99999999;
}
.topnav_newsletter a{
color: black;
}
.contact{
position: absolute;
top: 50px;
left: 290px;
font-family: 'Heading pro';
text-shadow: 0 0 1px #000000;
font-weight: 200;
color: white;
font-size: 0.95em;
letter-spacing: 0.07em;
}
.description-inside{
display: none;
position: fixed;
bottom: 50px;
left: 50px;
font-family: 'Cormorant Garamond', serif;
font-weight: 700;
padding: 1.5vh;
color: black;
text-align: left;
line-height: 1.2em;
font-size: 1.35em;
text-transform: capitalize;
letter-spacing: 0.0034em;
z-index: 9999999;
}
.description-inside_newsletter{
position: absolute;
top: 72.5%;
left: 5vh;
font-family: 'Heading pro';
font-weight: 100;
color: black;
text-align: left;
width: 20vw;
line-height: 1.2em;
font-size: 1.6em;
text-transform: capitalize;
letter-spacing: 0.0034em;
}
.description{
position: absolute;
bottom: 70px;
left: 50px;
font-family: 'Heading pro title';
font-weight: 200;
color: white;
text-align: left;
line-height: 1.4em;
font-size: 1.2em;
text-transform: uppercase;
letter-spacing: 0.07em;
}
.view-more{
position: absolute;
bottom: 50px;
left: 50px;
font-family: 'Heading pro';
font-weight: 600;
cursor: pointer;
color: white;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 0.07em;
}
.more-stories{
position: absolute;
bottom: 50px;
right: 50px;
font-family: 'Heading pro';
font-weight: 600;
cursor: pointer;
color: white;
font-size: 0.9em;
letter-spacing: 0.07em;
}
#main-wrapper{
padding-left: 5vw;
padding-RIGHT: 5vw;
display: grid;
grid-template-columns: 28.266vw 28.266vw 28.266vw;
grid-row-gap: 2vw;
grid-column-gap: 2vw;
grid-template-areas:
"story-13 story-12 story-12"
"story-11 story-10 story-9 "
"story-6 story-5 story-4"
"story-3 story12 story12"
"story1 story3 story5"
"story2 story2 story8"
"story6 story9 story7"
"story10 story15 story25"
"story16 story20 story19"
"story17 story24 story22"
;
align-content: flex-start;
letter-spacing: 0.07em;
line-height: 1.125em;
text-transform: uppercase;
grid-template-columns: repeat( 1, minmax(auto, 1fr) );
font-size: 0.9em;
font-weight: 100;
}
.main-wrapper-inside{ padding-top: 0vh;
display: grid;
row-gap: 5vh;
column-gap: 30px;
padding-left: 7%;
padding-right: 7%;
padding-bottom: 0vh;
grid-template-columns: calc(50% - 15px) calc(50% - 15px);
align-content: flex-start;
letter-spacing: 0.07em;
text-align: center;
text-transform: uppercase;
font-size: 0.9em;
font-weight: 100;}
.main-wrapper-inside_newsletter{
display: grid;
grid-template-columns: 50% 50%;
align-content: flex-start;
letter-spacing: 0.07em;
text-transform: uppercase;
font-size: 0.9em;
font-weight: 100;
}
.main-wrapper-inside_newsletter_container{
display: grid;
grid-template-columns: 50% 50%;
align-content: flex-start;
letter-spacing: 0.07em;
text-transform: uppercase;
font-size: 0.9em;
font-weight: 100;
position: relative;
text-align: center;
}
.main-wrapper-inside_newsletter_container_half{
align-content: flex-start;
letter-spacing: 0.07em;
text-transform: uppercase;
font-size: 0em;
font-weight: 100;
margin: auto;
position: relative;
text-align: center;
}
.box_newsletter {
display: inline;
align-self: flex-end;
position: absolute;
font-size: 1.6vh;
bottom: 5px;
margin-left: 5vh;
letter-spacing: 0vh;
color: black;
text-transform: lowercase;
line-height: 2.5vh;
animation-duration: 2.3s;
animation-iteration-count: infinite;
width: fit-content;
font-family: heading;
transform-origin: bottom;
text-align: center;
font-weight: 100;
}
.box_newsletter:hover{
cursor: pointer;
}
.bounce-1_newsletter {
animation-name: bounce-1;
animation-timing-function: linear;
}
.view-more_newsletter{
display: none;
}
@keyframes bounce-1 {
0% { transform: translateY(0); }
50% { transform: translateY(-44px); }
100% { transform: translateY(0); }
}
.bottom-left {
position: absolute;
bottom: 2vw;
left: 2vw;
}
.center-left {
position: relative;
left: 2vw;
text-align: left;
top: 25vh;
}
.top-left {
position: absolute;
top: 2vw;
left: 2vw;
}
.bottom-center-left{
position: absolute;
bottom: -7vw;
width: 50vw;
text-align: center;
}
.bottom-center{
position: absolute;
bottom: -7vw;
width: 50vw;
text-align: center;
}
.top-right {
position: absolute;
top: 2vw;
text-align: right;
right: 2vw;
}
.bottom-right {
position: absolute;
bottom: 2vw;
right: 2vw;
}
.centered-left {
width: 50vw;
position: absolute;
top: 50%;
left: 25%;
transform: translate(-50%, -50%);
}
.main-wrapper-inside2{
display: grid;
grid-template-columns: 100%;
align-content: flex-start;
letter-spacing: 0.07em;
text-transform: uppercase;
font-size: 0.9em;
font-weight: 100;
display: grid;
row-gap: 5vh;
padding-left: 7%;
padding-right: 7%;
padding-bottom: 5vh;
}
.image1{
object-fit: cover;
width: 100%;
object-position: 50% 23%;
height: calc(37.5vw);
}
.image4{
object-fit:cover;
width: 100%;
object-position: 18% 28%;
height: calc(45vw);
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.dropshadow {
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
position: relative;
height: 100%;
width: 100%;
}
video {
object-fit: cover;
width: 100%;
}
.image2{
object-fit: cover;
overflow: hidden;
width: 100%;
}
.image_newsletter{
object-fit:scale-down;
margin-top: 5vh;
filter: drop-shadow(0px 0px 1rem #ccc);
overflow:auto;
height: 90vh;
-webkit-animation: fadein 1.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1.7s; /* Firefox < 16 */
-ms-animation: fadein 1.7s; /* Internet Explorer */
-o-animation: fadein 1.7s; /* Opera < 12.1 */
animation: fadein 1.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.image70{
overflow: hidden;
width: 70%;
-webkit-animation: fadein 1.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1.7s; /* Firefox < 16 */
-ms-animation: fadein 1.7s; /* Internet Explorer */
-o-animation: fadein 1.7s; /* Opera < 12.1 */
animation: fadein 1.7s;
}
.image72{
overflow: hidden;
width: 70%;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
-webkit-animation: fadein 1.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1.7s; /* Firefox < 16 */
-ms-animation: fadein 1.7s; /* Internet Explorer */
-o-animation: fadein 1.7s; /* Opera < 12.1 */
animation: fadein 1.7s;
}
.image71{
object-fit: cover;
overflow: hidden;
width: 100%;
height: 100vh;
/* margin-left: auto; */
/* margin-right: auto; */
-webkit-animation: fadein 1.7s;
-moz-animation: fadein 1.7s;
-ms-animation: fadein 1.7s;
-o-animation: fadein 1.7s;
animation: fadein 1.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.image100{
object-fit: cover;
overflow: hidden;
-webkit-animation: fadein 1.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1.7s; /* Firefox < 16 */
-ms-animation: fadein 1.7s; /* Internet Explorer */
-o-animation: fadein 1.7s; /* Opera < 12.1 */
animation: fadein 1.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.image101{
position: relative;
object-fit: cover;
overflow: hidden;
width: 100vw;
-webkit-animation: fadein 1.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1.7s; /* Firefox < 16 */
-ms-animation: fadein 1.7s; /* Internet Explorer */
-o-animation: fadein 1.7s; /* Opera < 12.1 */
animation: fadein 1.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-15 {
grid-area: story-15;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-14 {
grid-area: story-14;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-13 {
grid-area: story-13;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-11 {
grid-area: story-11;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-13 {
grid-area: story-13;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-12 {
grid-area: story-12;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-10 {
grid-area: story-10;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-9 {
grid-area: story-9;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-8 {
grid-area: story-8;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-7 {
grid-area: story-7;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-6 {
grid-area: story-6;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-5 {
grid-area: story-5;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-4 {
grid-area: story-4;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-3 {
grid-area: story-3;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-2 {
grid-area: story-2;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-1 {
grid-area: story-1;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story0 {
grid-area: story0;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story1 {
grid-area: story1;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story2 {
grid-area: story2;
object-fit: cover;
-webkit-animation: fadein 0.8s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.8s; /* Firefox < 16 */
-ms-animation: fadein 0.8s; /* Internet Explorer */
-o-animation: fadein 0.8s; /* Opera < 12.1 */
animation: fadein 0.8s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story3 {
grid-area: story3;
object-fit: cover;
-webkit-animation: fadein 0.9s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.9s; /* Firefox < 16 */
-ms-animation: fadein 0.9s; /* Internet Explorer */
-o-animation: fadein 0.9s; /* Opera < 12.1 */
animation: fadein 0.9s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story4 {
grid-area: story4;
object-fit: cover;
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1s; /* Firefox < 16 */
-ms-animation: fadein 1s; /* Internet Explorer */
-o-animation: fadein 1s; /* Opera < 12.1 */
animation: fadein 1s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story5 {
grid-area: story5;
object-fit: cover;
-webkit-animation: fadein 1.2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1.2s; /* Firefox < 16 */
-ms-animation: fadein 1.2s; /* Internet Explorer */
-o-animation: fadein 1.2s; /* Opera < 12.1 */
animation: fadein 1.2s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story6 {
grid-area: story6;
object-fit: cover;
-webkit-animation: fadein 1.3s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1.3s; /* Firefox < 16 */
-ms-animation: fadein 1.3s; /* Internet Explorer */
-o-animation: fadein 1.3s; /* Opera < 12.1 */
animation: fadein 1.3s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story7 {
grid-area: story7;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story8 {
grid-area: story8;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story9 {
grid-area: story9;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story10 {
grid-area: story10;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story11 {
grid-area: story11;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story12 {
grid-area: story12;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story13 {
grid-area: story13;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story14 {
grid-area: story14;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story15 {
grid-area: story15;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story16 {
grid-area: story16;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story17 {
grid-area: story17;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story18 {
grid-area: story18;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story19 {
grid-area: story19;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story20 {
grid-area: story20;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story21 {
grid-area: story21;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story22 {
grid-area: story22;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story23 {
grid-area: story23;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story24 {
grid-area: story24;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story25 {
grid-area: story25;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.storygabriela {
grid-area: storygabriela;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.storyaccesorios {
grid-area: storyaccesorios;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story26 {
grid-area: story26;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story{
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story2{
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-insta-1 {
grid-area: story-insta-1;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-insta-2 {
grid-area: story-insta-2;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-insta-3 {
grid-area: story-insta-3;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-insta-4 {
grid-area: story-insta-4;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-insta-5 {
grid-area: story-insta-5;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-insta-6 {
grid-area: story-insta-6;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-insta-7 {
grid-area: story-insta-7;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-insta-8 {
grid-area: story-insta-8;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-insta-9 {
grid-area: story-insta-9;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-insta-10 {
grid-area: story-insta-10;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-beautyarchive {
grid-area: story-beautyarchive;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.story-lauren-video {
grid-area: story-lauren-video;
object-fit: cover;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.publication{
font-weight: 300;
line-height: 3.4em;
letter-spacing: 0.035em;
font-size: 11px;
text-align: center;
/* width: fit-content; */
font-family: 'Heading pro';
text-transform: uppercase;
position: relative;
color: #fff;
text-align: center;
top: -54px;
/* left: 50px; */
text-shadow: ;
/* text-align: left; */
margin-bottom: -120px;
visibility: hidden;
opacity: 0;
transition: opacity .5s, visibility .5s;
}
.wrp{
display: grid;
overflow: hidden;
}
.ctcontact{
display: none;
}
.story-lauren-video:hover .publication {
visibility: visible;
opacity: 1;
}
.story-lauren-video:hover {
background-color: #000;
transition: opacity .5s, visibility .5s;
}
.story-lauren-video:hover .image1 {
opacity: 0.7;
transition: opacity .5s, visibility .5s;
}
.sideb{
position: fixed;
line-height: 18px;
/* margin-top: 190px; */
top: 7vw;
right: 50px;
/* padding-left: 50px; */
/* padding-right: 50px; */
font-size: 12px;
font-weight: 300;
color: black;
text-transform: lowercase;
font-family: 'HEADING PRO';
}
.footer_newsletter{
padding-top: 30px;
padding-bottom:30px;
bottom: 34px;
padding-left: 50px;
padding-right: 50px;
font-size: 12px;
width: calc(100vw - 100px);
font-weight: 400;
text-transform: lowercase;
font-family: 'Canela';
background-color:#fefdec;
}
.footer-contact{
padding-top: 50px;;
position: fixed;
display: inline-flex;
bottom: 0px;
padding-left: 50px;
padding-bottom: 50px;
width: calc(100vw - 100px);
font-weight: 400;
padding-right: 50px;
text-transform: lowercase;
font-family: 'HEADING PRO';
background-color:#fff;
}
.footer-contact-inside{
padding-top: 50px;;
position: fixed;
display: inline-flex;
bottom: 0px;
padding-left: 50px;
padding-bottom: 50px;
width: calc(100vw - 100px);
padding-right: 50px;
font-weight: 400;
text-transform: lowercase;
font-family: 'HEADING PRO';
background-color:#fff;
}
.buttons-footer{
padding-right: 50px;
font-size: 12px;
text-transform: uppercase;
font-family: 'Heading pro';
}
.buttons-backtotop-contact{
position: fixed;
bottom: 50px;
right: 50px;
font-size: 12px;
font-weight: 500;
width: calc(100vw - 100px);
cursor: pointer;
text-transform: uppercase;
font-family: 'HEADING PRO';
text-align: right;
}
.buttons-backtotop{
position: fixed;
bottom: 50px;
right: 50px;
font-family: 'Cormorant Garamond', serif;
font-weight: 400;
padding: 1.5vh;
color: black;
text-align: left;
line-height: 1.2em;
font-size: 1.15em;
text-transform: capitalize;
letter-spacing: 0.0034em;
z-index: 9999999;
cursor: pointer;
}
.slider-wrapper > .slide:first-child {
opacity: 1;
}
.slide {
position: absolute;
opacity: 0;
transition: opacity 600ms linear;
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.slide-contact {
position: RELATIVE;
width: 100%;
PADDING-TOP: 100px;
align-self: center;
justify-self: center;
display: grid;
overflow: hidden;
grid-template-columns: 40% 60%;
grid-row-gap: 50px;
align-content: flex-start;
letter-spacing: 0.07em;
line-height: 1.125em;
text-transform: none;
font-size: 1em;
font-weight: 100;
}
.slider {
}
.slider-wrapper {
font-size: 13px;
text-align: center;
line-height: 7px;
font-family: 'Inconsolata', "Andale Mono", "monospace", "Lucida Console", "Lucida Sans Typewriter", Monaco;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.slider-wrapper_newsletter {
font-size: 13px;
height: 100vh;
text-align: center;
background-color: #fefdec;
line-height: 7px;
font-family: 'Inconsolata', "Andale Mono", "monospace", "Lucida Console", "Lucida Sans Typewriter", Monaco;
-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.7s; /* Firefox < 16 */
-ms-animation: fadein 0.7s; /* Internet Explorer */
-o-animation: fadein 0.7s; /* Opera < 12.1 */
animation: fadein 0.7s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
/*max-width: 65vw;*/
}
.slider-nav {
left: 2.02vh;
position: fixed;
bottom: 28px;
opacity: 1;
color: #323232;
font-weight: normal;
font-family: 'Inconsolata', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace';
font-size: 13px;
font-style: normal;
display: block;
text-decoration: none;
}
.slider-nav button {
border: none;
width: 20px;
height: 25px;
opacity: 1;
cursor: pointer;
text-indent: -9999em;
background-color: transparent;
background-repeat: no-repeat;
}
.menu-hidden{
margin-top: -11em;
}
.menu-hidden{
margin-top: -11em;
}
.credits-wrapper {
display: flex;
align-items: flex-end;
}
.credits {
width: 100%;
text-align: left;
display: inline-block;
align-items: flex-end;
position: relative;
padding-top: 50px;
font-size: 11px;
vertical-align: text-bottom;
font-weight: 200;
padding-left: 50px;
font-family: monospace;
padding-bottom: 50px;
}
.open_newsletter {
text-align: center;
display: inline-block;
align-items: flex-end;
position: relative;
padding: 35% 9.3%;
LINE-HEIGHT: 5.5VW;
font-size: 5vw;
vertical-align: text-bottom;
font-weight: 200;
font-family: 'Canela';
}
.open_newsletter_heading {
width: 100%;
text-align: center;
/* display: inline-block; */
align-items: flex-end;
position: absolute;
font-size: 1vw;
vertical-align: text-bottom;
font-weight: 500;
bottom: 15vh;
z-index: 9999999999999;
font-family: 'Heading';
padding-top: 10vh;
}
.contacto{
text-align: LEFT;
margin-left: 100px;
margin-right: 100px;
LINE-HEIGHT: 2em;
padding-top: 47%;
letter-spacing: 0.01em;
font-size: 0.8em;
font-weight: 300;
font-family: 'HEADING PRO';
}
@media only screen and (max-width: 1000px) {
body{
margin: 0px;
padding-top: 0vh;
padding-bottom: 0vh;
}
#main-wrapper{
padding-top: 130px;
padding-bottom: 130px;
grid-template-columns: auto;
display: grid;
grid-template-columns: 100%;
grid-template-areas:
"story-13"
"story-12"
"story-11"
"story-10"
"story-9"
"story-8"
"story-6"
"story-5"
"story-4"
"story-3"
"story-2"
"story0"
"story1"
"story2"
"story3"
"story4"
"story-1"
"story5"
"story6"
"story7"
"story8"
"story9"
"story10"
"story-lauren-video"
"story12"
"story13"
"story14"
"story15"
"story25"
"story16"
"story20"
"story18"
"story19"
"story24"
"story17"
"story21"
"story23"
"story22"
"storyaccesorios"
"story-insta-6"
"story-insta-1"
"story-insta-2"
"story-insta-3"
"story-insta-4"
"story11"
"story-insta-5"
"story-beautyarchive"
"story-insta-9"
"story-insta-8"
"story-insta-7"
"storygabriela"
;
}
.sideb{
display: none;
}
.image1{
object-fit: cover;
width: 100%;
height: auto;
}
.main-wrapper-inside{
grid-template-columns: 100%;
}
.header1 { grid-area: header1;object-fit: cover; text-align: right;
margin-top: auto; margin-bottom:auto; font-size: 42px; line-height: 33px;}
.header2 {
left: 10vw;
top: 10vw;
margin-top: auto;
margin-bottom: auto;
display: flex;
align-items: center;
font-size: 2em;
z-index: 9999999999;}
.publication{
visibility: visible;
opacity: 1;
line-height: 40px;
font-size: 17px;
margin-bottom: 0px;
}
.more-stories {
display: none;
}
.description{
font-size: 1.8em;
font-weight: 400;
left: 50px;
bottom: 105px;
line-height: 35px;
}
.view-more{
left: 50px;
font-size: 1.8em;
}
.topnav{
display: NONE;
}
.topnavh a:not(:first-child) {display: none;}
.topnavh a.icon {
float: right;
display: block;
}
.topnavh.responsive {position: relative;}
.topnavh.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnavh.responsive a {
float: none;
display: block;
text-align: left;
}
.topnavh {
display: block;
height: 0px;
}
.slide-contact {
grid-template-columns: 100%;
font-size: 25px;
line-height: 35px;
}
.contacto {
text-align: LEFT;
font-size: 14px;
margin-left: 100px;
margin-right: 100px;
line-height: 30px;
letter-spacing: -0.01em;
padding-top: 100px;
padding-bottom: 100px;
}
.ct{
display:flex;
position: absolute;
left: 50px;
padding-top: 45px;
font-weight: 600;
font-family: 'HEADING PRO';
font-size: 2.3em;
z-index: 999999999;
letter-spacing: -1px;
}
.ctcontact{
display: flex;
position: absolute;
padding-top: 45px;
right: 50px;
font-family: 'HEADING PRO';
font-weight: 200;
cursor: pointer;
z-index: 9999999;
color: black;
font-size: 2.3em;
text-transform: lowercase;
letter-spacing: 0.07em;
}
.contact {
display: none;
}
.slide-contact{
position: relative;
padding-top: 150px;
}
.buttons-backtotop-contact{
display: none;
}
.image71{
width: 88%;
padding-left: 6%;
padding-right: 6%;
}
.publication{
text-shadow: 0 0 5px #5b5b5b;
}
.description-inside {
display: none;
}
.description-inside_newsletter {
position: absolute;
top: 83.5%;
left: auto;
width: 100vw;
font-family: 'HEADING PRO';
font-weight: 700;
color: black;
text-align: center;
line-height: 1.2em;
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: 0.0034em;
}
.description{
display: none;
}
.box {
display: inline;
align-self: flex-end;
position: absolute;
font-size: 14px;
bottom: 5px;
color: white;
animation-duration: 1.8s;
animation-iteration-count: infinite;
width: 100vw;
font-family: 'HEADING PRO';
transform-origin: bottom;
text-align: center;
font-weight: 600;
}
.box:hover{
cursor: pointer;
}
.bounce-1 {
animation-name: bounce-1;
animation-timing-function: linear;
}
.view-more{
display: none;
}
}
@keyframes bounce-1 {
0% { transform: translateY(0); }
50% { transform: translateY(-44px); }
100% { transform: translateY(0); }
}