.cli-modal-backdrop {
background: transparent;
}
#preloader {
display: flex;
justify-content: center;
align-items: center;
background: white;
z-index: 999999;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
will-change: transform;
}
#preloader svg {}
#preloader>div {
position: relative;
width: 15%;
pointer-events: none;
transition-duration: 1s;
display: flex;
flex-direction: column;
align-items: center;
min-width: 200px;
}
#preloader>div:after { }
body.loaded500 #preloader>div:after { opacity: 0;
}
body.loaded3000 #preloader,
body.loaded3000- #preloader {
transition-duration: 1s;
transform: translatex(100%);
}
body.loaded3000 #preloader>div,
body.loaded3000- #preloader>div { }
body.vins.loaded3000 #preloader {
transition-duration: 1s;
transform: translatex(0) translatey(-100%);
}
body.loaded2000 #preloader .lds-ellipsis,
body.loaded2000- #preloader .lds-ellipsis { opacity: 0;
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
transform: scale(.8) translateX(0%);
transition-duration: 300ms;
}
.lds-ellipsis div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: black;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
will-change: transform;
}
.lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
} body em {
font-weight: 600;
font-style: normal;
}
.grid-container,
#page .site-main,
#page .inside-article {
max-width: 100%;
margin: 0;
padding: 0;
}
.with-background {
color: white;
}
.no-background {
color: black;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
font-family: 'century_gothicregular';
}
.handwrite,
.handwrite-title {
font-family: 'autographyregular';
}
body {
font-size: 15px;
}
a {
color: black !important;
text-decoration: underline;
}
.standard-text {}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
background: black;
}  #homepage svg path {
will-change: contents;
}
#homepage #propos svg {
position: absolute;
bottom: 10vh;
left: -40px;
width: calc(100% + 80px);
}
#homepage #slide-2 svg {
position: absolute;
bottom: 10vh;
z-index: -1;
left: -40px;
width: calc(100% + 80px);
}
#homepage #slide-3 svg {
position: absolute;
bottom: 10vh;
z-index: -1;
left: -40px;
width: calc(100% + 80px);
}
#homepage #slide-4 svg {
position: absolute;
bottom: 10vh;
z-index: -1;
left: -40px;
width: calc(100% + 80px);
}
#homepage #slide-5 svg {
position: absolute;
bottom: 10vh;
z-index: -1;
left: -40px;
width: calc(100% + 80px);
}
#homepage #slide-6 svg {
position: absolute;
bottom: 10vh;
left: 0;
width: 100%;
z-index: 22;
}
#homepage #slide-7 svg {
position: absolute;
bottom: 10vh;
left: -40px;
width: calc(100% + 80px);
z-index: 22;
pointer-events: none;
} .fp-slidesNav.fp-bottom {
width: unset;
bottom: unset;
top: 70px;
display: flex;
justify-content: center;
pointer-events: none;
transition-delay: 1s;
will-change: transform;
}
.fp-slidesNav.fp-bottom li {
pointer-events: all;
margin: 6px
}
.standard-text {
margin-bottom: 0em;
padding-bottom: 1em;
}
.home h3.handwrite-title {
margin-bottom: 10px;
font-size: 2.5em;
}
.home i {
font-family: serif;
font-size: 1.1em;
}
.fp-slidesNav {}
#propos {
background: url(//paradouwines.com/wp-content/uploads/2021/10/edit_LE_PARADOU_001.jpg)
}
#homepage .fp-slide {
background-size: cover;
background-position: center;
padding: 0 40px;
background-color: white;
}
#homepage .fp-slide .fp-tableCell {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
#homepage .handwrite {
font-size: 5em;
line-height: 0.9em;
display: inline-block;
margin-bottom: 0;
transform: rotate(-4deg);
text-overflow: unset;
white-space: nowrap;
}
#homepage #propos {
transition-duration: 3s;
transform: translateX(0) scale(1);
position: relative;
will-change: transform;
}
#homepage #propos:not(.active) { }
#homepage #propos:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(https://2022.paradouwines.com/wp-content/uploads/2021/10/LE_PARADOU_SHAPE-min.png);
background-size: cover;
background-position: center;
pointer-events: none;
}
.intro-scroll {
text-align: center;
text-transform: uppercase;
font-family: 'century_gothicbold';
margin-bottom: 3em;
cursor: pointer;
}
#homepage #propos .handwrite {
margin-top: 13vh;
margin-left: 3%;
padding-top: 8vh;
}
#propos i {
position: absolute;
bottom: 3em;
}
#homepage #slide-2 {
z-index: 6;
position: relative;
}
#homepage #slide-2 .top,
#homepage #slide-2 .bottom {
display: flex;
flex-direction: row;
height: 50%;
}
#homepage #slide-2 .top {
height: 60%;
align-items: flex-end;
padding-top: 90px;
transition-duration: 2.5s;
will-change: transform;
}
#homepage #slide-2:not(.active) .top {
transform: translatex(3%)
}
#homepage #slide-2 .bottom {
height: 40%;
}
#homepage #slide-2 .top>div {
width: 33%;
display: flex;
flex-direction: column;
justify-content: center;
}
#homepage #slide-2 .top .center {
justify-self: left;
align-self: center;
width: 40%;
box-shadow: 9px 9px 8px rgb(0 0 0 / 20%);
}
#homepage #slide-2 .top .left {
align-self: center;
width: 40%;
transition-duration: 2.5s;
transform: translatey(-15%);
will-change: transform;
}
#homepage #slide-2.active .top .left {
transform: translatey(0%);
}
#homepage #slide-2 .top .right {
width: 26%;
}
#homepage #slide-2 .top .right img {
width: 90%;
margin-left: 10%;
}
#homepage #slide-2 .top .handwrite {
margin-bottom: 8%;
display: inline-block;
position: relative;
}
#homepage #slide-2 .top .handwrite:after {
content: "";
background: url(//paradouwines.com/wp-content/uploads/2021/10/Accent-Paradou_Jaune-min.png);
position: absolute;
height: 100%;
width: 35%;
background-position: center;
background-size: contain;
top: 0;
background-repeat: no-repeat;
}
#homepage #slide-2 .top .standard-text {
padding: 0 3%;
}
#homepage #slide-2 .top .standard-text:nth-child(3) {
margin-bottom: 0;
}
#homepage #slide-2 .bottom>div {}
#homepage #slide-2 .bottom .left {
display: flex;
flex-direction: row;
position: relative;
width: 60%
}
#homepage #slide-2 .bottom .right {
display: flex;
flex-direction: row;
position: relative;
align-items: center;
width: 60%;
transition-duration: 3s;
transform: translatey(20%);
will-change: transform;
}
#homepage #slide-2.active .bottom .right {
transform: translatey(0);
}
#homepage #slide-2 .bottom p {
width: 70%;
position: relative;
background: white;
padding: 9px;
}
#homepage #slide-2 .bottom p:after {
content: "";
background: url(//paradouwines.com/wp-content/uploads/2021/10/Accent-Paradou-cinsault-rouge-min.png);
position: absolute;
height: 282%;
width: 82%;
background-position: center;
background-size: contain;
top: -100%;
background-repeat: no-repeat;
right: -80%;
transition-duration: 2.5s;
will-change: transform;
z-index: 12;
}
#homepage #slide-2:not(.active) .bottom p:after {
transform: translatex(12%) scale(.7) rotate(12deg);
filter: blur(6px);
}
#homepage #slide-2 .bottom .lavandes {
width: 20%;
height: unset;
align-self: end;
margin-left: -10%;
transition-duration: 3.5s;
will-change: transform;
transform: translatex(0) scale(1.1) rotate(0deg);
filter: blur(0px)
}
#homepage #slide-2:not(.active) .bottom .lavandes {
transform: translatex(-10%) rotate(-9deg);
filter: blur(3px)
}
#homepage #slide-2 .bottom .oldpics {
align-self: center;
width: 91%;
transition-duration: 3s;
transform: translatey(80%);
}
#homepage #slide-2.active .bottom .oldpics {
transform: translatey(0%);
filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}
#homepage #slide-3 .standard-text {
background: white;
}
#homepage #slide-3 .fp-tableCell {
display: flex;
flex-direction: row;
}
#homepage #slide-3 .fp-tableCell>div {
padding-top: 90px;
}
#homepage #slide-3 .fp-tableCell .left {
display: flex;
flex-direction: column;
justify-content: center;
width: 40%;
padding-right: 5%;
}
#homepage #slide-3 .fp-tableCell .left p {
padding-left: 2%;
padding-right: 12%;
} #homepage #slide-3 .fp-tableCell .left img {
margin-top: 2%;
box-shadow: 9px 9px 8px rgb(0 0 0 / 20%);
max-height: 45vh;
width: auto;
max-width: 100%;
width: fit-content;
}
#homepage #slide-3 .fp-tableCell .right {
display: flex;
flex-direction: row;
align-items: center;
width: 60%
}
#homepage #slide-3 .fp-tableCell .right p {
padding: 3px 9px;
}
#homepage #slide-3 .fp-tableCell .right .right-left {
width: 50%;
padding: 5%;
align-self: start;
transition-duration: 2.9s;
will-change: transform;
z-index: 12;
}
#homepage #slide-3 .fp-tableCell .right .right-left img {
box-shadow: 9px 9px 8px rgb(0 0 0 / 20%);
}
#homepage #slide-3:not(.active) .fp-tableCell .right .right-left {
transform: rotate(-3deg) scale(1.2);
}
#homepage #slide-3 .fp-tableCell .right .right-right {
display: flex;
flex-direction: column;
width: 50%;
}
#homepage #slide-3 .fp-tableCell .right .right-right img {
width: 65%;
margin-top: 6%;
position: relative;
margin-left: 3%;
}
#homepage #slide-3 .fp-tableCell .right .right-right:after {
content: "";
background: url(//paradouwines.com/wp-content/uploads/2021/10/Accent-Paradou_Jaune-min.png);
position: absolute;
height: 40%;
width: 10%;
background-position: center;
background-size: contain;
bottom: 23%;
background-repeat: no-repeat;
right: -4%;
transition-duration: 3s;
will-change: transform;
transition-delay: 1s;
}
#homepage #slide-3:not(.active) .fp-tableCell .right .right-right:after {
transform: translatex(20%) scale(2);
filter: blur(5px)
}
#homepage #slide-3 {
z-index: 5;
position: relative;
}
#homepage #slide-4 {
z-index: 4;
background: white;
position: relative
}
#homepage #slide-4 .fp-tableCell {
display: flex;
flex-direction: row;
align-items: center;
}
#homepage #slide-4 .fp-tableCell>div {
height: 100%;
padding-top: 90px;
}
#homepage #slide-4 .handwrite-title,
#homepage #slide-4 .standard-text {
background: white;
padding: 6px;
}
#homepage #slide-4 .fp-tableCell>.left {
width: 40%;
}
#homepage #slide-4 .fp-tableCell>.right {
width: 60%;
}
#homepage #slide-4 .left {
background-image: url(//paradouwines.com/wp-content/uploads/2021/11/Groupe219-min.png);
background-size: 80%;
background-position: center;
background-repeat: no-repeat;
}
#homepage #slide-4 .fp-tableCell .left .handwrite {
margin-top: 15%;
}
#homepage #slide-4 .fp-tableCell .right {
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
}
#homepage #slide-4 .fp-tableCell .right .top {
position: relative;
width: 45%;
align-self: start;
}
#homepage #slide-4 .right .top:after {
content: "";
background: url(//paradouwines.com/wp-content/uploads/2021/11/marseille-min.jpg);
position: absolute;
height: 133%;
width: 116%;
margin-right: 6%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
left: 110%;
top: -30%;
transition-duration: 4s;
transform: translatey(-20%);
will-change: transform;
}
#homepage #slide-4 .fp-tableCell .right .top:before {
content: "";
background: url(//paradouwines.com/wp-content/uploads/2021/11/Accent_Paradou_vert_et_rose.png);
position: absolute;
height: 133%;
width: 116%;
margin-right: 6%;
background-position: center;
background-size: 125px;
background-repeat: no-repeat;
left: 142%;
top: -58%;
transition-duration: 4s;
transform: translatey(-40%) rotate(80deg);
z-index: 9;
will-change: transform;
}
#homepage #slide-4.active .fp-tableCell .right .top:after {
transform: translatey(0%);
}
#homepage #slide-4.active .fp-tableCell .right .top:before {
transform: translatey(-20%) rotate(180deg);
}
#homepage #slide-4 .fp-tableCell .right>div {
transition-duration: 3s;
will-change: transform;
}
#homepage #slide-4:not(.active) .fp-tableCell .right .top {
transform: translatey(-30%);
}
#homepage #slide-4:not(.active) .fp-tableCell .right .bottom {
transform: translatey(30%);
}
#homepage #slide-4 .fp-tableCell .right .bottom {
padding-left: 12%;
margin-top: 3%;
}
#homepage #slide-4 i {
position: absolute;
bottom: 6%;
left: 3%;
}
#homepage #slide-5 {
background: url(//paradouwines.com/wp-content/uploads/2021/10/edit_iStock-1040900474.jpg);
background-size: cover;
background-position: center;
transition-duration: 2s;
will-change: transform;
position: relative;
overflow: hidden;
z-index: 9;
}
#homepage #slide-5:not(.active) { }
#homepage #slide-5>div {
z-index: 15;
}
#homepage #slide-5 .container {
padding-top: 90px;
height: 100%;
}
#homepage #slide-5:after {
content: "";
background: rgb(0, 0, 0);
background: linear-gradient(90deg, rgb(0 0 0 / 52%) 0%, rgba(0, 0, 0, 0) 96%);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transition-duration: 3s;
will-change: transform;
transition-delay: 1s;
}
#homepage #slide-5:before {
content: "";
background: url(https://2022.paradouwines.com/wp-content/uploads/2021/11/iStock-1040900474-detour-min.png);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
z-index: 99;
}
#homepage #slide-5:not(.active):after {
transform: translatex(-100%);
}
#homepage #slide-5 .container {
width: 50%;
flex-direction: column;
display: flex;
justify-content: center;
}
#homepage #slide-5 .container>div {
margin-top: 10%;
}
#homepage #slide-5 .handwrite {
margin-bottom: 7%;
margin-top: -18%;
}
#homepage #slide-5 .standard-text {
max-width: 500px;
}
#homepage #slide-6>div {
flex-direction: row;
}
#homepage #slide-6 .left {
width: 30%;
padding-top: 90px;
display: flex;
flex-direction: column;
justify-content: flex-start;
z-index: 20;
}
#homepage #slide-6 .right {
width: 70%;
padding-top: 90px;
display: flex;
flex-direction: column;
justify-content: flex-start;
z-index: 20;
}
#homepage #slide-6 .handwrite {
margin-top: 25%;
}
#homepage #slide-6 .right p:nth-child(1) {
margin-top: 19vh;
}
#homepage #slide-6 .right p {
padding-right: 20vw;
}
#homepage #slide-6 .landscape {
position: absolute;
left: -40px;
top: 0;
height: 100%;
width: calc(100% + 80px);
display: flex;
flex-direction: column;
justify-content: flex-end;
z-index: 15;
}
#homepage #slide-6 .landscape img:not(.mountains) {
position: absolute;
}
#homepage #slide-6 .landscape img.mountains {
z-index: 10;
}
#homepage #slide-6 .landscape img.sun {
z-index: 9;
}
#homepage #slide-6 .landscape img.tournesol {
z-index: 33;
transition-duration: 2.5s;
will-change: transform;
}
#homepage #slide-6 .landscape img.tournesol1 {
width: 12%;
left: 9%;
}
#homepage #slide-6 .landscape img.tournesol2 {
width: 18%;
left: 0;
}
#homepage #slide-6 .landscape img.sun {
width: 16%;
bottom: 40vh;
right: 3vw;
transition-duration: 2.5s;
will-change: transform;
transition-delay: 2.5s;
}
#homepage #slide-6:not(.active) .landscape img.sun {
transform: translate(15%, 60%);
}
#homepage #slide-6:not(.active) .landscape img.tournesol1 {
transform: translateX(-15%);
}
#homepage #slide-6:not(.active) .landscape img.tournesol2 {
transform: translateX(-30%);
filter: blur(3px);
}
#masthead a,
img.is-logo-image,
.menu-insta img {
transition-delay: 1s;
will-change: transform;
}
body.home.fp-viewing-a-propos-7 #menu-item-9 a {
position: relative;
}
body .main-nav #menu-item-9 a {
height: 33px;
line-height: 30px;
}
body #menu-item-9 a:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border: 2px solid black;
left: 0;
top: -2px;
will-change: transform;
transition-delay: 1s;
transition-duration: 300ms;
} body.home.fp-viewing-a-propos-7 #masthead a {
color: white !important;
}
body.home.fp-viewing-a-propos-7 #menu-item-9 a:after {
border: 2px solid white;
}
body.home.fp-viewing-a-propos-7 img.is-logo-image {
filter: invert(1) hue-rotate(172deg);
}
body.home.fp-viewing-a-propos-7 .menu-insta img,
body.home.fp-viewing-a-propos-7 .fp-slidesNav {
filter: invert(1);
transition-duration: 300ms;
}
body.home.fp-viewing-a-propos-7 #masthead .lang-item span {
color: white;
}
#homepage #slide-7 {
background-image: url(//paradouwines.com/wp-content/uploads/2021/11/edit_PhotoParadou-ret.jpg);
position: relative;
}
#homepage #slide-7:after {
content: "";
background: black;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .2;
}
#homepage #slide-7 .text-layer {
margin-top: 90px;
z-index: 33;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
#homepage #slide-7 .text-layer .handwrite {
margin-top: 9%;
}
#homepage #slide-7 .text-layer div {
position: absolute;
right: 3%;
bottom: 6em;
}
#homepage #slide-7 .outro-link {
bottom: 3em;
left: 0;
right: 0;
text-align: center;
text-transform: uppercase;
font-family: 'century_gothicbold';
cursor: pointer;
margin: auto;
display: inline;
background: white;
margin-bottom: calc(6vh + 23px);
padding: 15px 30px;
text-decoration: none;
box-sizing: border-box;
transition-duration: 600ms;
border: 3px solid white;
z-index: 33;
}
#homepage #slide-7 .outro-link:hover {
filter: invert(1)
}
#contact-us>div {
display: flex;
flex-direction: column;
}
#contact-us .top {
display: flex;
flex-direction: row;
height: calc(90% - 40px);
}
#contact-us .left,
#contact-us .right {
width: 50%;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 90px;
flex-direction: column;
position: relative;
}
#contact-us form {
padding-top: 10px;
max-width: 420px;
}
#contact-us form,
#contact-us div[role="form"] {
max-width: 380px;
}
#contact-us form textarea {
height: 100px;
}
#contact-us form input:not(.wpcf7-submit),
#contact-us textarea {
outline: none;
font-family: 'century_gothicregular';
background: none;
font-size: 15px;
width: 100%;
}
#contact-us form input:not(.wpcf7-submit) {
border: none;
border-bottom: 1px solid black;
margin-bottom: 0.5em;
padding: 4px;
}
#contact-us form input[type="checkbox"] {
width: unset;
}
#contact-us form .wpcf7-list-item {
display: inline-block;
margin: 0;
font-size: .9em;
}
#contact-us textarea {
border: 1px solid black;
margin-top: .6em;
}
#contact-us .left>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: white;
}
#contact-us .left form p {
margin-bottom: 0;
}
#contact-us .left form textarea {
height: 150px;
}
#contact-us form .wpcf7-submit {
background-color: #a77abd;
margin-top: .8em;
}
#contact-us button,
#contact-us input[type="button"] {
font-family: 'century_gothicregular';
padding: 6px 20px;
}
#contact-us .left img {
max-width: 80%;
max-height: 60%;
box-shadow: 9px 9px 11px rgba(0, 0, 0, 0.2);
}
#contact-us .right {
align-items: flex-start;
padding-left: 3%;
}
#contact-us .handwrite-title {
font-size: 4em;
position: relative;
text-align: left;
width: 75%;
margin-bottom: 7%;
transform: rotate(355deg);
}
#contact-us .right .standard-text:nth-child(1) {
position: relative;
}
#contact-us .right .standard-text:nth-child(1):before {
content: "";
background: url(//paradouwines.com/wp-content/uploads/2021/10/Accent_Paradou_orange-min.png);
position: absolute;
top: -40%;
height: 83%;
width: 42%;
max-width: 200px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transition-duration: 2.5s;
will-change: transform;
right: 15%;
}
#contact-us.active .standard-text:nth-child(1):before {
top: -30%;
}
#contact-us .right>div {
position: relative;
}
#contact-us .right>div:after {
content: "";
background: url(//paradouwines.com/wp-content/uploads/2021/10/Accent-Paradou_Jaune-min.png);
position: absolute;
right: -120%;
top: -100%;
height: 153%;
width: 81%;
max-width: 315px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transition-duration: 3.5s;
will-change: transform;
transform: rotate(209deg);
}
#contact-us.active .right>div:after {
top: -21%;
}
#contact-us .wpcf7 form.invalid .wpcf7-response-output,
#contact-us .wpcf7 form.unaccepted .wpcf7-response-output,
#contact-us .wpcf7 form.payment-required .wpcf7-response-output,
#contact-us .wpcf7 form.invalid br,
#contact-us .wpcf7 form.unaccepted br,
#contact-us .wpcf7 form.payment-required br {
display: none;
}
#contact-us .wpcf7-not-valid-tip {
display: none;
}
#contact-us form input[aria-invalid="true"] {
border-bottom-color: #dc3232;
}
#contact-us form input[aria-invalid="true"]::placeholder {
color: #dc3232;
} div#sib_embed_signup .needsfilled input {
border-color: #B94A48 !important;
color: #B94A48 !important;
}
div#sib_embed_signup .needsfilled {
color: #B94A48 !important;
}
div#sib_embed_signup input[type="text"] {
border: 1px solid #CCCCCC;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#sib_embed_signup input[type=number]::-webkit-inner-spin-button,
div#sib_embed_signup input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
}
div#sib_embed_signup input[type=number] {
-moz-appearance: textfield;
}
div#sib_embed_signup div.message_area {
position: relative;
padding: 10px 30px 10px 10px;
margin: 0px 0px 10px 0px;
font-size: 14px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-sizing: border-box;
}
div#sib_embed_signup div.message_area button.close {
position: absolute;
right: 8px;
top: 8px;
color: inherit;
background: 0 0;
border: 0;
padding: 0px;
-webkit-appearance: none;
cursor: pointer;
font-weight: bold;
font-size: 14px;
}
.tipicon {
cursor: pointer;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1.2;
color: #fff;
text-align: center;
vertical-align: baseline;
background-color: #999;
border-radius: 10px;
text-decoration: none;
}
.tooltip {
display: inline;
position: absolute;
left: 97%;
}
.tooltip:hover:after {
background: #333;
background: rgba(0, 0, 0, .8);
border-radius: 5px;
color: #fff;
content: attr(data-title);
right: -2px;
bottom: 26px;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: 220px;
}
.tooltip_small:hover:after {
padding: 5px 5px;
width: 150px;
}
.tooltip:hover:before {
border: solid;
border-color: #333 transparent;
border-width: 6px 6px 0 6px;
bottom: 20px;
content: "";
left: 1px;
position: absolute;
z-index: 99;
}
.sib-dropdown-menu.flag-icon {
display: none;
height: 100px;
overflow-x: inherit;
min-width: 230px;
font-size: 13px;
list-style: none;
padding-left: 14px;
border: 1px solid rgba(0, 0, 0, .15);
background: white;
border-radius: 4px;
margin-top: 10px;
}
.sib-dropdown-menu.flag-icon li {
margin-bottom: 1px;
}
.sib-dropdown-menu.flag-icon li a {
display: inline-flex;
white-space: nowrap;
text-decoration: none;
color: rgba(0, 0, 0, 0.87);
box-shadow: none;
}
.sms_field .country-block {
margin-right: 3px !important;
float: left;
width: 68px !important;
}
.icon-arrow {
display: inline-block;
width: 0px;
height: 0px;
margin-left: 2px;
margin-top: 15px;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
vertical-align: middle;
}
.sib-dropdown-toggle.country-flg {
display: inline-block;
font-size: 13px;
}
#sms_prefix {
font-size: 11px !important;
}
div#sib_embed_signup .sib-container {
background: rgb(252, 252, 252);
}
div#sib_embed_signup .sib-container h1 {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div#sib_embed_signup h1.title {
font-size: 45px;
}
div#sib_embed_signup .sib-container .forms-builder-footer,
div#sib_embed_signup .sib-container .description,
div#sib_embed_signup .sib-container .fake-label,
div#sib_embed_signup .sib-container .row,
div#sib_embed_signup .sib-container #company-name {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div#sib_embed_signup .forms-builder-footer,
div#sib_embed_signup div.description,
div#sib_embed_signup .fake-label,
div#sib_embed_signup .row {
font-size: 17px;
}
div#sib_embed_signup .sib-container .button {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div#sib_embed_signup .button {
font-size: 14px;
}
div#sib_embed_signup .sib-containter h1 {
color: #232323;
}
div#sib_embed_signup .sib-container {
color: #343434;
}
div#sib_embed_signup .sib-container .button {
color: #ffffff;
}
div#sib_embed_signup .sib-container .button {
background: #e4ae28;
}
div#sib_embed_signup .forms-builder-wrapper {
max-width: 540px;
}
div#sib_embed_signup .sib-container {
padding: 40px 20px 20px;
}
div#sib_embed_signup .header {
padding: 0 20px;
}
div#sib_embed_signup h1.title {
lineHeight: 50px;
}
div#sib_embed_signup h3.company-name {
lineHeight: 35px;
}
div#sib_embed_signup div.description {
padding: 0 20px 15px;
}
div#sib_embed_signup div.row {
padding: 10px 20px;
}
div#sib_embed_signup input[type=text] {
padding: 10px 4px;
width: 100% !important;
box-sizing: border-box;
}
div#sib_embed_signup input[type=number] {
padding: 10px 4px;
width: 100% !important;
box-sizing: border-box;
} body.vins.fp-viewing-nos-vins #masthead a {
color: white !important;
transition-duration: 300ms;
}
body.vins #fp-nav {
transition-delay: 1s;
transition-duration: 600ms;
}
body.vins.fp-viewing-nos-vins #fp-nav,
body.vins.fp-viewing-nos-vins #menu-item-9 a:after {
filter: invert(1);
}
body.vins.fp-viewing-nos-vins #masthead .lang-item span {
color: white;
}
body.vins.fp-viewing-nos-vins img.is-logo-image {
filter: invert(1) hue-rotate(172deg);
}
body.vins.fp-viewing-nos-vins .menu-insta img {
filter: invert(1);
transition-duration: 300ms;
}
body.vins .container-slide {
padding: 0 40px;
}
#slide-2 .download-container span,
#slide-2 .imgs-container:after,
#slide-2 .pulse {
background: #cbb77f;
}
#slide-2 .pulse {
animation: pulse2 2s infinite;
}
#slide-3 .download-container span,
#slide-3 .imgs-container:after,
#slide-3 .pulse {
background: #E51A26;
}
#slide-3 .pulse {
animation: pulse3 2s infinite;
}
#slide-4 .download-container span,
#slide-4 .imgs-container:after,
#slide-4 .pulse {
background: #B1336F;
}
#slide-4 .pulse {
animation: pulse4 2s infinite;
}
#slide-5 .download-container span,
#slide-5 .imgs-container:after,
#slide-5 .pulse {
background: #0840BC;
}
#slide-5 .pulse {
animation: pulse5 2s infinite;
}
#slide-6 .download-container span,
#slide-6 .imgs-container:after,
#slide-6 .pulse {
background: #FECB4D;
}
#slide-6 .pulse {
animation: pulse6 2s infinite;
}
#slide-7 .download-container span,
#slide-7 .imgs-container:after,
#slide-7 .pulse {
background: #46D0DB;
}
#slide-7 .pulse {
animation: pulse7 2s infinite;
}
#slide-8 .download-container span,
#slide-8 .imgs-container:after,
#slide-8 .pulse {
background: #B1C319;
}
#slide-8 .pulse {
animation: pulse8 2s infinite;
}
.bottle {
height: 70vh;
transition-duration: 1s;
}
.bottle:hover {
transform: scale(1.1)
}
.container-title h2 {
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size: 2.2em;
margin-top: 8%;
padding-bottom: 1%;
letter-spacing: 2px;
font-family: 'century_gothicbold';
}
.pulse-container {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.text-pulse {
position: absolute;
display: flex;
align-items: center;
}
.text-pulse p {
position: relative;
margin-bottom: 0;
}
.text-pulse-1 p,
#slide-3 .text-pulse-2 p,
#slide-5 .text-pulse-2 p,
#slide-7 .text-pulse-2 p {
margin-left: 90px;
}
.text-pulse-2 p,
.text-pulse-3 p {
margin-right: 90px;
text-align: right;
}
.text-pulse p:before {
content: "";
height: 1px;
background: black;
position: absolute;
top: 50%;
width: 76px;
transition-duration: 1s;
transition-delay: 2s;
will-change: transform;
transform: scaleX(0);
}
.text-pulse-1 p:before {
left: -90px;
transform-origin: left;
transition-delay: 2s;
}
#slide-3 .text-pulse-2 p:before,
#slide-5 .text-pulse-2 p:before,
#slide-7 .text-pulse-2 p:before {
left: -90px;
transform-origin: left;
}
.text-pulse-2 p:before,
.text-pulse-3 p:before {
right: -90px;
transform-origin: right;
}
.text-pulse-2 p:before {
transition-delay: 4s;
}
.text-pulse-3 p:before {
transition-delay: 6s;
}
.section.active .text-pulse p:before {
transform: scaleX(1);
}
.section.viewed .text-pulse p:before {
transform: scaleX(1) !important;
}
.text-pulse p i {
transition-duration: 1s;
font-size: 1.1em;
opacity: 0;
font-family: serif;
}
.text-pulse-1 p i {
transition-delay: 3.5s;
}
.text-pulse-2 p i {
transition-delay: 5.5s;
}
.text-pulse-3 p i {
transition-delay: 7.5s;
}
.section.active .text-pulse p i {
opacity: 1
}
.section.viewed .text-pulse p i {
opacity: 1 !important;
}
.text-pulse-1 {
transform: translateX(95%) translatey(-200%);
}
.text-pulse-2 {
transform: translateX(-97%) translatey(-50%);
}
.text-pulse-3 {
transform: translateX(-103%) translatey(130%);
}
#slide-3 .text-pulse-2 {
transform: translateX(85%) translatey(600%);
}
#slide-3 .text-pulse-3 {
transform: translateX(-103%) translatey(-2%);
}
#slide-4 .text-pulse-2 {
transform: translateX(-80%) translatey(-762%);
}
#slide-4 .text-pulse-1 {
transform: translateX(93%) translatey(-131%);
}
#slide-4 .text-pulse-3 {
transform: translateX(-114%) translatey(242%);
}
#slide-5 .text-pulse-2 {
transform: translateX(86%) translatey(250%);
}
#slide-5 .text-pulse-1 {
transform: translateX(96%) translatey(198%);
}
#slide-5 .text-pulse-3 {
transform: translateX(-72%) translatey(-230%);
}
#slide-6 .text-pulse-2 {
transform: translateX(-75%) translatey(-250%);
}
#slide-7 .text-pulse-1 {
transform: translateX(75%) translatey(-900%);
}
#slide-7 .text-pulse-2 {
transform: translateX(75%) translatey(-110%);
}
.pulse {
display: block;
width: 19px;
height: 19px;
border-radius: 50%;
box-shadow: 0 0 0 rgb(203 183 127 / 40%);
padding: 0;
margin: 0;
}
.pulse:hover {
animation: none;
}
@keyframes pulse2 {
0% {
box-shadow: 0 0 0 0 rgba(203, 183, 127, 0.6);
}
70% {
box-shadow: 0 0 0 15px rgba(203, 183, 127, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(203, 183, 127, 0);
}
}
@keyframes pulse3 {
0% {
box-shadow: 0 0 0 0 rgba(229, 26, 38, 0.6);
}
70% {
box-shadow: 0 0 0 15px rgba(229, 26, 38, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(229, 26, 38, 0);
}
}
@keyframes pulse4 {
0% {
box-shadow: 0 0 0 0 rgba(177, 51, 111, 0.6);
}
70% {
box-shadow: 0 0 0 15px rgba(177, 51, 111, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(177, 51, 111, 0);
}
}
@keyframes pulse5 {
0% {
box-shadow: 0 0 0 0 rgba(8, 64, 188, 0.6);
}
70% {
box-shadow: 0 0 0 15px rgba(8, 64, 188, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(8, 64, 188, 0);
}
}
@keyframes pulse6 {
0% {
box-shadow: 0 0 0 0 rgba(254, 203, 77, 0.6);
}
70% {
box-shadow: 0 0 0 15px rgba(254, 203, 77, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(254, 203, 77, 0);
}
}
@keyframes pulse7 {
0% {
box-shadow: 0 0 0 0 rgba(70, 208, 219, 0.6);
}
70% {
box-shadow: 0 0 0 15px rgba(70, 208, 219, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(70, 208, 219, 0);
}
}
@keyframes pulse8 {
0% {
box-shadow: 0 0 0 0 rgba(177, 195, 25, 0.6);
}
70% {
box-shadow: 0 0 0 15px rgba(177, 195, 25, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(177, 195, 25, 0);
}
}
.container-content {
display: flex;
}
.container-content>div {
width: 50%;
position: relative;
}
.container-content .left {
display: flex;
justify-content: center;
align-items: center;
}
.imgs-container {
display: flex;
justify-content: center;
position: relative;
transition-duration: 1s;
}
.container-content .right-container:hover>.imgs-container {
transform: scale(1.05) translatey(-3%)
}
.container-content .right-container:hover>.imgs-container:before {}
.imgs-container img {
max-width: 180px;
max-height: 180px;
z-index: 5;
}
.imgs-container:after {
content: "";
position: absolute;
height: 100px;
width: 100px;
top: 0;
bottom: 0;
margin: auto;
border-radius: 100%;
transition-duration: 1.2s;
}
.container-content .right-container:hover>.imgs-container:after {
transform: translatey(10%)
}
.text-container {
font-family: 'century_gothicregular';
padding: 3% 0;
text-align: center;
font-size: .9em;
}
.container-content .left {
width: 65%;
}
.container-content .right {
width: 35%;
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: -5%;
}
.container-content .right-container {
max-width: 350px;
margin-right: 6%;
}
.download-container {
margin-bottom: 4%
}
.download-container a {
text-decoration: none;
font-size: .6em;
color: black !important;
}
.download-container a em {
font-style: normal;
}
.download-container>div a:nth-child(2):after {
width: 90%;
height: 1px;
background: black;
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 10px;
z-index: -1;
}
.download-container div {
display: flex;
flex-direction: row;
text-align: center;
justify-content: space-around;
position: relative;
}
.download-container>p {
text-align: center;
font-family: serif;
font-style: italic;
font-size: 1.2em;
margin-bottom: 5%;
}
.download-container a:hover>span {
transform: scale(1.5)
}
.download-container span {
height: 20px;
width: 20px;
border-radius: 100%;
display: block;
left: 0;
right: 0;
margin: auto;
transition-duration: 600ms;
margin-bottom: 10%;
}
.download-container span:nth-child(2) {
display: none }
.write-container {
margin-top: 7%;
}
.write-container p {
font-family: 'autographyregular';
font-size: 2.3em;
line-height: 1em;
text-align: center;
margin-bottom: 0;
}
#wines #slide-2 .imgs-container img {
transform: rotate(45deg);
}
#wines #slide-1 {
background-image: url(//paradouwines.com/wp-content/uploads/2021/11/edit_PhotoParadou-ret.jpg);
background-position: center;
background-size: cover;
}
#wines #slide-1 .intro-scroll {
position: absolute;
bottom: 8%;
left: 0;
right: 0;
margin: auto;
z-index: 99;
}
#wines #slide-1:after {
content: "";
background: black;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .2;
z-index: 5;
}
#wines #slide-1 .container-slide {
padding-left: 7%;
}
#wines #slide-1 .standard-text {
width: 33%;
margin-bottom: 10%;
margin-top: 15%;
z-index: 10;
position: relative;
}
#wines #slide-1 .handwrite {
font-size: 2.5em;
z-index: 10;
position: relative;
}
#slide-2 .imgs-container img,
#slide-8 .imgs-container img {
mix-blend-mode: darken;
}
body #wines .imgs-container:before {
position: absolute;
height: 70%;
width: 70%;
content: "";
background-repeat: no-repeat !important;
background-position: -13%;
background-size: contain !important;
transition-duration: 1.3s;
}
body #slide-2 .imgs-container:before {
background: url(https://2022.paradouwines.com/wp-content/uploads/2021/11/Groupe_171.png);
}
body #slide-3 .imgs-container:before {
background: url(https://2022.paradouwines.com/wp-content/uploads/2021/11/Accent_Paradou_rouge.png);
height: 84%;
width: 82%;
background-position: 90%;
}
body #slide-4 .imgs-container:before {
background: url(https://2022.paradouwines.com/wp-content/uploads/2021/11/Rectangle_218.png);
height: 79%;
width: 55%;
background-position: 0%;
top: -35%;
}
body #slide-5 .imgs-container:before {
background: url(https://2022.paradouwines.com/wp-content/uploads/2021/11/Rectangle_218.png);
height: 79%;
width: 55%;
background-position: 0%;
top: -35%;
}
body #slide-6 .imgs-container:before {
background: url(https://2022.paradouwines.com/wp-content/uploads/2021/11/Accent_Paradou_Jauen_d_or.png);
height: 79%;
width: 70%;
background-position: 0%;
top: -20%;
}
body #slide-7 .imgs-container:before {
background: url(https://2022.paradouwines.com/wp-content/uploads/2021/11/Accent_Paradou_vert_et_rose.png);
height: 70%;
width: 75%;
background-position: 0%;
top: -13%;
}
body #slide-8 .imgs-container:before {
background: url(https://2022.paradouwines.com/wp-content/uploads/2021/11/Accent_Paradou_Huile_d_olive.png);
height: 95%;
width: 80%;
background-position: bottom left;
top: 25%;
}
body #slide-8 .text-pulse-1 {
transform: translateX(85%) translatey(-730%);
}
body #slide-8 .text-pulse-2 {
transform: translateX(-108%) translatey(0);
}
#slide-3 .imgs-container img {
transform: rotate(45deg) translateX(-15%) translateY(15%);
mix-blend-mode: color-burn;
}
#slide-4 .imgs-container img {
transform: scale(1.3) translateX(19%) translatey(-8%);
filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, 0.2));
}
#slide-5 .imgs-container img {
transform: scale(1.4) rotate(115deg) translateX(-10%) translateY(-16%);
}
#slide-6 .imgs-container img {
transform: scaleX(-1) translateX(-27%);
}
#slide-7 .imgs-container img {
transform: scale(.8) translateX(13%);
filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, 0.2));
}
#slide-8 .imgs-container img {
transform: translate(16%, -32%);
}
#slide-9 {
background: url(https://2022.paradouwines.com/wp-content/uploads/2021/11/edit_LE_PARADOU__H2A2043_126.jpg);
}
#slide-9 .fp-tableCell {
display: flex;
flex-direction: column;
}
#slide-9 #footer-address {
text-align: center;
}
#footer-address span {
font-weight: bold;
margin-top: 20px;
display: inline-block;
}
#news-form h2 {
font-size: 1.9em;
text-align: center;
margin-bottom: 0;
}
#news-form h2 em {
font-family: serif;
color: #e4ae27;
font-weight: 500;
}
#news-form form * {
font-family: 'century_gothicregular' !important;
}
#news-form form button {
border-radius: 0 !important;
}
#news-form .sib-container {
padding-top: 0 !important;
}
#news-form .lbl-tinyltr {
text-align: center;
margin-bottom: 9px;
font-size: .9em;
}
div#sib_embed_signup .sib-container {
background: transparent !important;
} .foot-col-wrapper {
display: flex;
width: 100%;
height: 90%
}
.footer-col {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer-bottom {
height: 10%;
background: #E4AE28;
padding: 25px 40px;
display: flex;
align-items: center;
color: white;
font-family: 'century_gothicregular';
justify-content: space-between;
}
.footer-bottom img {
width: 230px;
}
.footer-bottom a {
text-decoration: none;
font-size: .9em;
color: black;
}
.footer-bottom>div a {}
.footer-bottom>div a:nth-child(2):before,
.footer-bottom>div a:nth-child(2):after {
content: "•";
margin: 0 9px;
}
img.footer-logo {
max-width: 250px;
width: 90%;
} body.legal-page {
background: white;
}
body.legal-page article {
padding: 150px 80px 20px 80px;
}
body.legal-page #site-navigation {
background: white;
}
body.legal-page h1 {
text-transform: uppercase;
} #masthead {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
}
#masthead a {
background: transparent;
}
#masthead .lang-item {
display: flex;
align-items: flex-end;
justify-content: center;
}
#masthead .lang-item a:nth-child(1) {
padding-right: 5px;
}
#masthead .lang-item a:nth-child(3) {
padding-left: 5px;
}
#masthead .lang-item span {
font-weight: 600;
position: relative;
top: -6px;
}
#masthead .menu-insta img {
width: 1.8em;
margin-bottom: -.5em;
}
#masthead,
#masthead .inside-header,
#site-navigation,
#site-navigation .main-nav ul li[class*="current-menu-"]>a {
background-color: transparent;
}
#site-navigation .main-nav a,
#site-navigation .main-nav ul li[class*="current-menu-"]>a {
color: black;
font-family: 'century_gothicbold';
transform: translateY(15px);
}
#site-navigation .main-nav a:hover {
background-color: transparent;
}
#primary-menu {
padding: 6px 6%;
}
#masthead .main-navigation .main-nav ul li:not(.lang-item) a {
padding-left: 1.5vw;
padding-right: 1.5vw;
}
@media screen and (min-width: 870px) {
.inside-header>.site-branding,
.inside-header>.navigation-branding,
.inside-header>.site-logo,
.site-branding-container,
#site-navigation .navigation-branding .site-logo,
#sticky-navigation .navigation-branding {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
}
#site-navigation {
margin-left: unset !important;
display: flex;
}
.site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
margin: unset;
}
#site-navigation,
#primary-menu,
.main-navigation .inside-navigation {
flex: 1;
} .main-navigation ul li:nth-child(3) {
margin-left: auto;
}
}
@media screen and (max-width: 870px) {
#masthead .gp-icon svg {
height: 25px;
width: 25px;
top: 0.95em;
position: relative;
fill: black;
}
.site-header .header-image {
transform: scale(.8);
}
nav#site-navigation.toggled #primary-menu {
background: white;
}
#masthead button.menu-toggle,
body #masthead .has-inline-mobile-toggle nav#site-navigation.toggled {
background-color: transparent !important;
}
body.hasScrolledFromtop #masthead {
background-color: white;
box-shadow: 0 0 12px #0000002e;
} .inside-header .mobile-menu-control-wrapper {
margin-left: 0;
}
.inside-header .site-logo {
left: 0;
right: 0;
margin: auto;
transform: translateX(2em);
}
html.mobile-menu-open #masthead .inside-header {
background: white;
padding-bottom: 45px;
}
#mobile-menu-control-wrapper {
background-color: transparent;
}
#primary-menu li {
text-align: center;
}
body .main-nav #menu-item-9 a {
width: 100px;
left: 0;
right: 0;
margin: auto;
}
html:not(.mobile-menu-open) body.vins:not(.hasScrolledFromtop) #masthead {
filter: invert(1);
}
html:not(.mobile-menu-open) body.vins:not(.hasScrolledFromtop) #masthead .site-logo {
filter: hue-rotate(172deg);
}
} #slide-7 .text-pulse-2 p,
#slide-5 .text-pulse-2 p {
text-align: left
} @media screen and (max-width: 870px) {
html.mobile-menu-open #masthead .inside-header {}
#homepage .section {
overflow: hidden;
}
#homepage .slide {
min-height: 100vh;
position: relative;
}
#propos {
background-position: 50%;
display: flex;
flex-direction: column;
justify-content: center;
background-size: cover;
}
#homepage #propos .handwrite {
margin-top: 0;
padding-top: 0;
}
#homepage #propos .intro-scroll {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-bottom: 6em;
}
#propos i {
position: relative;
bottom: unset;
margin-top: 50px;
margin-left: 20px;
text-shadow: 1px 1px 25px black;
}
#homepage #slide-6 .right p:nth-child(1) {
margin-top: 0;
}
#homepage #slide-2 .center {
padding-top: 15px;
}
#homepage #slide-6 .landscape {
left: 0;
}
#homepage #slide-7 {
background-position: center;
background-size: cover;
} #homepage .slide:not(#propos) .handwrite {
text-align: center;
font-size: 4.5em;
}
#homepage .standard-text,
#homepage #slide-2 .top .standard-text {
padding: 0 6%;
}
#homepage #propos:after,
#homepage .svg-line,
#homepage #slide-5:before {
display: none;
}
#homepage #slide-2 .top,
#homepage #slide-2 .bottom,
#homepage #slide-2 .bottom .left,
#contact-us .top {
flex-direction: column;
}
#homepage #slide-2 .bottom p:after {
right: unset;
transform: unset !important;
top: 0;
height: 100%;
width: 150px;
}
#homepage #slide-2 .top .left,
#homepage #slide-2 .top .center,
#homepage #slide-2 .bottom .left,
#homepage #slide-2 .bottom .right,
#homepage #slide-2 .top .right,
#homepage #slide-2 .bottom p,
#homepage #slide-6 .right,
#homepage #slide-6 .landscape,
#homepage #slide-6 .left,
#contact-us .top>div {
width: 100%;
}
#homepage #slide-2 .bottom .right,
#homepage #slide-2 .bottom .lavandes,
#homepage #slide-2 .bottom .oldpics,
#homepage #slide-2 .top .left,
#homepage #slide-2:not(.active) .top {
transform: translatey(0);
transform: translatex(0);
} #contact-us .right>div:after {
right: unset;
}
#homepage #slide-2 .bottom p:after {
right: unset;
display: none;
}
#homepage #slide-2 .top .right img {
width: 100%;
margin-left: 0;
}
#homepage #slide-2 .top .right img {
width: 50%
}
#homepage #slide-2 .top {
height: unset;
padding-top: 60px;
}
#homepage #slide-2 .top .standard-text:nth-child(3) {
margin-bottom: 40px;
}
#homepage #slide-2 .bottom {
flex-direction: column-reverse;
margin-top: -15px;
}
#homepage #slide-2 .top .right {
align-items: flex-end;
align-items: flex-end;
transform: translate(-5%, -34%);
}
#homepage #slide-2 .bottom .right p {
padding: 0 6%;
}
#homepage #slide-2 .bottom .lavandes {
display: none;
}
#homepage #slide-3 .left {
margin-top: 20px;
}
#homepage #slide-3 .left img {
margin-top: 30px;
}
#homepage #slide-3 .right-left img {
width: 40%;
transform: translate(10%, -18%);
}
#homepage #slide-3 .right-right {
margin-top: -80px;
display: flex;
align-items: center;
}
#homepage #slide-3 .right-right img {
width: 50%;
}
#homepage #slide-4 .handwrite-title {
text-align: center;
}
#homepage #slide-4 .left {
background-size: contain;
height: 40vh;
margin-top: 40px;
position: relative;
}
#homepage #slide-4 .left p.handwrite {
margin-top: 40px;
margin-left: 3%;
}
#homepage #slide-4 .left i {
position: absolute;
bottom: 6%;
left: 3%;
}
#homepage #slide-4 .right {
padding: 0 6%;
margin-top: 6%;
}
#homepage #slide-4 .right .bottom {
padding-bottom: 6%;
}
#homepage #slide-4 .right .top:after {
position: relative;
width: 90%;
height: 200px;
display: block;
margin: 5%;
left: 0;
top: unset;
transform: translateY(0);
}
#homepage #slide-5 {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.2825105042016807) 0%, rgba(0, 0, 0, 0.27970938375350143) 100%), url(//paradouwines.com/wp-content/uploads/2021/10/edit_iStock-1040900474.jpg);
background-position: center;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#homepage #slide-5 .container {
width: 90%;
padding-bottom: 25px;
}
#homepage #slide-5 .handwrite {
margin-bottom: 7%;
margin-top: unset;
}
#homepage #slide-5 .standard-text {
margin-top: 15%;
}
#homepage #slide-6 {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 50vh;
}
#homepage #slide-6 .left {
padding-top: 0;
}
#homepage #slide-6 .right {
padding-top: 56px;
}
#homepage #slide-6 .landscape {
width: 200%;
position: relative;
}
#homepage #slide-6 .handwrite {
margin-top: 16%;
}
#homepage #slide-6 .right p {
padding-right: 6%;
}
#homepage #slide-6 .landscape img.sun {
width: 153px;
height: 150px;
bottom: 32%;
right: 48%;
}
#homepage #slide-7 .text-layer {
margin-top: 0;
min-height: inherit;
justify-content: space-around;
align-items: center;
}
#homepage #slide-6 .landscape img.tournesol1 {
transform: translateX(-29%) !important;
}
#homepage #slide-7 .text-layer div {
position: relative;
}
#homepage #slide-7 .outro-link {
margin: unset;
}
#homepage #slide-7 .text-layer .handwrite {
margin-top: 3%;
margin-bottom: 9%;
}
#homepage #slide-7 .outro-link {
bottom: unset;
margin-bottom: unset;
margin-top: 3%;
}
#homepage #slide-7 .text-layer div {
width: 85%;
margin-top: 10%;
}
#contact-us .left img {
max-width: 50%;
max-height: 56%;
min-width: 200px;
}
#contact-us .handwrite-title {
text-align: center;
}
#contact-us .right {
align-items: center;
padding-top: 60px;
}
#contact-us .right .standard-text {
text-align: center;
}
#contact-us .right>div:after {
top: -100%;
height: 121%;
width: 36%;
}
#contact-us div[role="form"] {
max-width: 380px;
width: 90%;
left: 0;
right: 0;
margin: auto;
padding-top: 9%;
padding-bottom: 9%;
}
#contact-us .right .standard-text:nth-child(1):before {
right: 0%;
} #wines .section:not(#slide-9) {
position: relative;
min-height: 100vh;
overflow: hidden;
padding-bottom: 12%;
}
#wines .section:not(:nth-last-child(2)):after {
content: "";
position: absolute;
background: #adadad;
height: 2px;
width: 50%;
bottom: 0%;
left: 0;
right: 0;
margin: auto;
}
#wines .container-content {
display: flex;
flex-direction: column;
align-items: center;
}
#wines #slide-1.section {
height: 100vh;
}
#wines #slide-1.section .container-slide {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
margin-top: 15%;
}
#wines #slide-1 .standard-text {
width: 50%;
margin-bottom: 10%;
margin-top: 10%;
}
#wines #slide-1:after {
opacity: .25;
}
#wines .bottle {
height: 50vh;
min-height: 400px;
}
.text-pulse-1 p,
.text-pulse-2 p {
margin-left: 20px !important;
}
.text-pulse-2 p,
.text-pulse-3 p {
margin-right: 20px !important;
}
.text-pulse p:before {
display: none;
}
.download-container>div a:nth-child(2):after {
z-index: 1;
}
.download-container span {
z-index: 3;
position: relative;
}
.text-pulse-1 {
transform: translateX(86%) translatey(-200%);
}
#wines .container-content .right-container {
margin-right: unset;
max-width: 450px;
padding: 0 30px;
}
#wines .container-content .right {
width: 100%;
display: flex;
justify-content: center;
margin-top: 70px;
}
.container-title h2 {
margin-top: 90px;
padding-bottom: 25px
}
.text-pulse-1 p i {
transition-delay: 1.5s;
}
.text-pulse-2 p i {
transition-delay: 2.5s;
}
.text-pulse-3 p i {
transition-delay: 3.5s;
}
#slide-3 .imgs-container img {
mix-blend-mode: unset;
}
#slide-3 .text-pulse-2 {
transform: translateX(93%) translatey(600%);
}
#slide-4 .text-pulse-3 {
transform: translateX(-127%) translatey(242%);
}
#slide-5 .text-pulse-2 {
transform: translateX(108%) translatey(212%);
}
#slide-5 .text-pulse-1 {
transform: translateX(99%) translatey(90%);
}
#slide-6 .text-pulse-1 {
transform: translateX(92%) translatey(-200%);
}
#slide-6 .text-pulse-2 {
transform: translateX(-70%) translatey(-168%);
}
#slide-6 .text-pulse-3 {
transform: translateX(-119%) translatey(130%);
}
#slide-7 .text-pulse-1 {
transform: translateX(79%) translatey(-700%);
}
body #slide-8 .text-pulse-1 {
transform: translateX(122%) translatey(-530%);
}
body #slide-8 .text-pulse-2 {
transform: translateX(-120%) translatey(0);
}
#wines .imgs-container {
max-width: 350px;
left: 0;
right: 0;
margin: auto;
}
#slide-9 {
margin-top: 30px;
}
#slide-9 #footer-address p {
margin-bottom: .5em;
}
#wines .foot-col-wrapper {
display: flex;
width: 100%;
height: 90%;
flex-direction: column;
align-items: center;
min-height: inherit;
justify-content: center;
} .footer-bottom {
flex-direction: column;
}
.footer-bottom>div {
display: flex;
flex-direction: column;
text-align: center;
margin-top: 15px;
}
.footer-bottom>div a {
margin: 6px;
}
.footer-bottom>div a:nth-child(2):before,
.footer-bottom>div a:nth-child(2):after {
display: none;
}
.footer-right {
margin-top: 9%;
min-width: 290px;
}
.container-content .left {
width: 100%;
}
}
@media screen and (max-width: 480px) {
#homepage #slide-3 .right-right {
flex-direction: column;
}
#homepage #slide-3 .right-right .standard-text {
margin-top: 17%;
margin-bottom: 9%;
}
#homepage #slide-7 .handwrite {
white-space: unset;
}
#wines #slide-1 .standard-text {
width: 100%;
margin-bottom: 10%;
margin-top: 10%;
}
#wines #slide-1.section .container-slide {
margin-top: 4%;
}
#wines #slide-1 .intro-scroll {
bottom: 6em;
}
.text-pulse p i {
font-size: .9em;
}
body #slide-2 .text-pulse-3 {
transform: translateX(-92%) translatey(127%);
}
body #slide-8 .text-pulse-2 {
transform: translateX(-92%) translatey(-107%);
}
}
@media screen and (max-width: 380px) {
.text-pulse-1 p,
.text-pulse-2 p {
margin-left: 10px !important;
}
.text-pulse-2 p,
.text-pulse-3 p {
margin-right: 10px !important;
}
body #slide-2 .text-pulse-3 {
transform: translateX(-105%) translatey(127%);
}
.text-pulse p {
max-width: 80px;
}
#slide-2 .text-pulse-1 {
transform: translateX(86%) translatey(-140%);
}
#slide-4 .text-pulse-2 {
transform: translateX(-80%) translatey(-462%);
}
#slide-5 .text-pulse-3 {
transform: translateX(-72%) translatey(-130%);
}
#slide-6 .text-pulse-2 {
transform: translateX(-70%) translatey(-118%);
}
#slide-7 .text-pulse-2 {
transform: translateX(75%) translatey(-71%);
}
#slide-3 .text-pulse-2 {
transform: translateX(93%) translatey(300%);
}
#slide-3 .text-pulse-2 p {
text-align: left
}
}