html, body, #wrapper {
width: 100%;
height: 100%;
}
#section-inthenews {
margin: 0;
z-index: 40;
}
#footer {
z-index: 1042; /* orig: 50 -- footer contains a modal popup, so it needs to be above the modal backdrop which is 1040 */
margin-top: 50px;
position: relative;
}
/* modal-open style from bootstrap sets overflow to hidden - this causes a horizontal shift on this particular page
disable that CSS rule for optimal results */
html.skrollr body.modal-open {
overflow: auto;
overflow-x: hidden;
}
.wedo .slide-wrap {
height: 120%;
width: 100%;
position: relative;
}
.wedo .slide-wrap .slide-img {
height: 100%;
width: 100%;
position: relative;
background-attachment: fixed;
top: 0;
left: 0;
}
.wedo #slide-hero {
height: 150%;
}
.wedo .hero-bottles {
position: absolute;
}
.wedo #hero-lt {
background: url(../images/wedo/hero-lt.png) no-repeat 0 0 transparent;
width: 414px;
height: 711px;
left: -14%;
top: 80px;
transform-origin: top right;
}
.wedo #hero-rt {
background: url(../images/wedo/hero-rt.png) no-repeat 0 0 transparent;
width: 318px;
height: 1012px;
right: -3.5%;
top: -200px;
transform-origin: bottom left;
}
.wedo #hero-rb {
background: url(../images/wedo/hero-rb.png) no-repeat 0 0 transparent;
width: 476px;
height: 713px;
right: -8.7%;
top: -20px;
transform-origin: top left;
}
.wedo #hero-lb {
background: url(../images/wedo/hero-lb.png) no-repeat 0 0 transparent;
width: 482px;
height: 398px;
left: -5%;
top: 200px;
transform-origin: bottom right;
}
.wedo #slide1 {
background: url(../images/prlx-ask01.jpg) no-repeat right 0 / cover #fff;
}
.wedo #slide2 {
background: url(../images/prlx-think02.jpg) no-repeat left 0 / cover #fff;
}
.wedo #slide3 {
background: url(../images/bg-dream03.jpg) no-repeat left 0 / cover #fff;
}
.wedo #slide4 {
background: #fff;
}
.wedo #slide5 {
background: url(../images/prlx-find05.jpg) no-repeat right 0 / cover #fff;
z-index: 20;
}
.wedo #slide6 {
background: #fff;
height: 2000px;
z-index: 20;
}
.wedo #slide6 .bottles {
background: #fff;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 30;
}
.wedo .slide-wrap .slide-bg {
position: absolute;
left: 0;
}
#sbg1 {
height: 100%;
bottom: -250px;
}
#sbg2 {
height: 60%;
bottom: -120px;
}
#sbg3 {
height: 55%;
bottom: -180px;
}
#sbg4 {
height: 47%;
bottom: -60px;
}
#sbg5 {
height: 35%;
bottom: -50px;
}
#sbg6,
#sbg7 {
top: 60%;
width: 110%;
}
.wedo #slide7 {
background: url(../images/prlx-manage07.jpg) no-repeat right 0 / cover #fff;
z-index: 20;
}
#build {
position: absolute;
top: 2100px;
}
.sequence-container {
width: 100%;
height: 100%;
left: 0;
position: fixed;
z-index: 10;
}
.sequence-container .lazy {
width: 100%;
height: auto;
top: 0;
left: 0;
position: absolute;
}
.wedo .hero {
text-align: center;
padding: 0 5%;
position: fixed;
}
.wedo .hero h1 {
font-size: 60px;
line-height: 1.2;
letter-spacing: 0.15em;
width: 540px;
padding: 30px;
margin: 10% auto 25px;
color: #bb8650;
background-color: rgba(255,255,255,.8);
border-width: 1px;
border-style: solid;
}
.wedo .hero p {
font-size: 12px;
line-height: 19px;
color: #3f3f41;
width: 540px;
margin: 0 auto;
}
.wedo .hero #parallax-nav-animation {
margin-top: 40px;
}
#scrolldown {
position: relative;
bottom: -50px;
}
#scrolldown a {
display: inline-block;
color: #b4b4b4;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
outline: none;
padding-bottom: 40px;
background: url(../images/scrolldown-arrows.gif) no-repeat center 25px;
}
#scrolldown a:hover {
color: #666;
background-position: center -35px;
}
#intnav {
position: fixed;
left: 0;
top: 0;
z-index: 30;
}
.wedo .slidenav {
position: absolute;
width: 550px;
opacity: 0;
top: 10%;
}
.wedo .slidenav img {
position: absolute;
left: 0;
top: 0;
}
.wedo #slidenav1,
.wedo #slidenav3,
.wedo #slidenav6 {
left: 5%;
}
.wedo #slidenav2,
.wedo #slidenav7 {
left: auto;
right: 5%;
}
.wedo #slidenav4 {
left: auto;
right: 5%;
top: auto;
bottom: 25%;
}
.wedo .slidenav p {
font-size: 16px;
line-height: 19px;
color: #666;
margin: 245px 0 0 93px;
padding-right: 100px;
}
.wedo .slidenav p .read-more {
display: block;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
margin: 12px 0 0;
}
.wedo #slidenav2 p {
margin-left: 75px;
}
.wedo #slidenav3 p {
margin-left: 84px;
}
.wedo #slidenav5 p,
.wedo #slidenav6 p {
margin-left: 86px;
}
.wedo #slidenav7 p {
margin-left: 123px;
padding-right: 60px;
}
.wedo .modal-dialog {
margin: 15% auto;
}
.wedo .modal-body {
padding: 20px 25px;
}
.wedo .modal-content {
background-color: #bb8650;
color: #fff;
font-size: 13px;
}
.wedo .modal-content h1 {
color: #fff;
font-size: 38px;
margin: 0 0 20px;
}
.wedo .close-modal {
color: #000;
font-weight: 600;
text-transform: uppercase;
display: block;
margin-top: 20px;
}
/* Newsletter Modal */
#MCNewsSignupModal .modal-content {
background-color: #fff !important;
color: #000;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */