em {font-style: normal} .ww-privacy-disclaimer { margin: 0 8em  !important; padding-top: 16px; } .whitetxt { color: #fff; } .hero-brand-logo { display: none; } .body-inner-wrapper { background-color: #fff; } .brandCampaign .brand-feature-stack-wrapper { padding-bottom: 4em; } .brandCampaign .hero-slideshow { background-color: #0e1717; } p.ww-faq-title-p { font-size: .8em; margin: 0; padding-left: 1em; } .ww-faq-title-div.active .arrow { -webkit-transform: rotate(45deg) translate(-5px, -5px); transform: rotate(45deg) translate(-5px, -5px); } .ww-faq-title-div.active .arrow:before { -webkit-transform: translate(10px, 0); transform: translate(10px, 0); } .ww-faq-title-div.active .arrow:after { -webkit-transform: rotate(90deg) translate(10px, 0); transform: rotate(90deg) translate(10px, 0); } .ww-faq-title-div .arrow { -webkit-transform: rotate(0); transform: rotate(0); left: 0; } .ww-faq-title-div .arrow:before, .ww-faq-title-div .arrow:after { background-color: transparent; width: 3px; height: 10px; display: inline-block; position: absolute; border-bottom: 12px solid #ff6a00; top: 3px; left: 0; -webkit-transform: rotate(0); transform: rotate(0); } .ww-faq-title-div .arrow:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); left: 7px; } .ww-faq-title-div .arrow:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .ww-faq-title-div.active .arrow { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform: translate(0, -6px); transform: translate(0, -6px); } .ww-faq-title-div.active .arrow:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ww-faq-title-div.active .arrow:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .arrow { width: 20px; height: 13px; display: inline-block; position: relative; bottom: -5px; left: -10px; -webkit-transition: .4s ease; transition: .4s ease; margin-top: 2px; text-align: left; -webkit-transform: rotate(45deg); transform: rotate(45deg); float: left; } .arrow:before, .arrow:after { position: absolute; content: ""; display: inline-block; width: 12px; height: 3px; background-color: #fff; -webkit-transition: .4s ease; transition: .4s ease; } .arrow:after { position: absolute; -webkit-transform: rotate(90deg); transform: rotate(90deg); top: -5px; left: 5px; } .brandCampaign .scroll-fade.video, .brandCampaign .scroll-fade.image { background: transparent  !important; position: absolute  !important; padding: 0  !important; z-index: 1  !important; top: 35%  !important; right: 6%  !important; left: inherit  !important; display: block  !important; } .hero-description { font-size: 1.7em  !important; line-height: 1.2em  !important; text-align: right  !important; font-weight: 300; } .ww-faq-info h3 { font-weight: bold; font-size: 1.2em; } .ww-faq-info ul { list-style: disc  !important; padding-inline-start: 40px  !important; } .ww-faq-info p { margin: 16px 0  !important; } .brandCampaign .hero-slideshow > div { -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s; } .brandCampaign .hero-scroll-down { display: none  !important; } #ww-privacy-main-header1, #ww-privacy-main-header2 { margin: 1em 1em .5em; font-size: 2em; line-height: 1.3em; } .ww-privacy-divider { display: none; } #ww-privacy-switch-1, #ww-privacy-switch-2 { display: block; cursor: pointer; } .ww-privacy-paragraphs { text-align: left; margin: 0 1.5em; font-size: .9em; } #ww-privacy-wrapper-2, #ww-privacy-wrapper-1 { margin: 0 1.3em; } .ww-faq-header { font-size: 2em; border-bottom: 1px dotted #ccc; padding: 1em 0; } .ww-faq-container { border-bottom: 1px dotted #ccc; padding: 1em 0; } i.fa.fa-chevron-down { line-height: 1em; color: #ff6a00; float: left; padding-right: .3em; padding-top: .3em; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms; } .ww-privacy-switch-div { font-size: 1.2em; } .ww-faq-open { transform: rotate(-180deg); transform-origin: 30% 60%; -ms-transform: rotate(-180deg); -ms-transform-origin: 30% 60%; -webkit-transform: rotate(-180deg); -webkit-transform-origin: 30% 60%; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms; color: #ff6a00; } .ww-faq-title-div { cursor: pointer; font-size: 1.5em; } .ww-faq-info { clear: both; color: #666; display: none; padding-left: 1.7em; margin-top: 2em; } .ww-faq-info h2 { color: #ff6a00; font-size: 1.2em; } .ww-privacy-top { text-align: center; } #ww-privacy-main-header2 { display: none; } #ww-privacy-switch-1 { color: #ff6a00; } #ww-privacy-wrapper-2 { display: none; } #ww-privacy-hero-yellow { color: #fee600; } @media only screen and (min-width: 30em) { span.ww-privacy-divider { margin: 0 20px; display: inline-block; } #ww-privacy-switch-1, #ww-privacy-switch-2 { display: inline-block; } .ww-faq-info h4, .ww-privacy-infop-2 { margin-left: 2em  !important; } .ww-faq-info ul { margin-left: 1.2em  !important; } .brandCampaign .scroll-fade.video, .brandCampaign .scroll-fade.image { width: 100%; } .hero-description { font-size: 2.3em  !important; } } @media only screen and (min-width: 45em) { .hero-description { font-size: 3em  !important; } .brandCampaign .scroll-fade.video, .brandCampaign .scroll-fade.image { right: 2%  !important; } } @media only screen and (min-width: 65em) { .ww-faq-title-div .arrow:before, .ww-faq-title-div .arrow:after { top: 6px; } p.ww-faq-title-p { font-size: 1em; } .brandCampaign .scroll-fade.image { display: block; } .brandCampaign .hero-slideshow > div { height: 500px  !important; } .brandCampaign .scroll-fade.video, .brandCampaign .scroll-fade.image { top: 32%  !important; right: 3%  !important; left: inherit  !important; } .ww-privacy-paragraphs { margin: 0 7em 3em; font-size: 1.2em; } #ww-privacy-wrapper-2, #ww-privacy-wrapper-1 { margin: 0 8em; } #ww-privacy-main-header1, #ww-privacy-main-header2 { font-size: 3em; } .hero-description { font-size: 4.3em  !important; } } @media (min-width: 76.75em) { .brandCampaign .hero-banner { height: 500px  !important; } .brandCampaign .hero-slideshow { min-height: 500px  !important; margin-top: 75px; } } @media (min-width: 90em) { .brandCampaign .scroll-fade.video, .brandCampaign .scroll-fade.image { right: 10%  !important; } } @media only screen and (max-width: 68.75em) { .brandCampaign .hero-slideshow > div img { height: 100%; max-width: none; width: auto; } } .hero-brand-logo { display: none; } .ww-faq-title-div.active .arrow { -webkit-transform: rotate(45deg) translate(-5px, -5px); transform: rotate(45deg) translate(-5px, -5px); } .ww-faq-title-div.active .arrow:before { -webkit-transform: translate(10px, 0); transform: translate(10px, 0); } .ww-faq-title-div.active .arrow:after { -webkit-transform: rotate(90deg) translate(10px, 0); transform: rotate(90deg) translate(10px, 0); } .ww-faq-title-div .arrow { -webkit-transform: rotate(0); transform: rotate(0); left: 0; } .ww-faq-title-div .arrow:before, .ww-faq-title-div .arrow:after { background-color: transparent; width: 3px; height: 10px; display: inline-block; position: absolute; border-bottom: 12px solid #ff6a00; top: 6px; left: 0; -webkit-transform: rotate(0); transform: rotate(0); } .ww-faq-title-div .arrow:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); left: 7px; } .ww-faq-title-div .arrow:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .ww-faq-title-div.active .arrow { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform: translate(0, -6px); transform: translate(0, -6px); } .ww-faq-title-div.active .arrow:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ww-faq-title-div.active .arrow:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .arrow { width: 20px; height: 13px; display: inline-block; position: relative; bottom: -5px; left: -10px; -webkit-transition: .4s ease; transition: .4s ease; margin-top: 2px; text-align: left; -webkit-transform: rotate(45deg); transform: rotate(45deg); float: left; } .arrow:before, .arrow:after { position: absolute; content: ""; display: inline-block; width: 12px; height: 3px; background-color: #fff; -webkit-transition: .4s ease; transition: .4s ease; } .arrow:after { position: absolute; -webkit-transform: rotate(90deg); transform: rotate(90deg); top: -5px; left: 5px; } .scroll-fade.video, .scroll-fade.image { background: transparent  !important; width: 40%  !important; position: absolute  !important; padding: 0  !important; z-index: 1  !important; top: 15%  !important; right: 10em  !important; left: inherit  !important; display: block  !important; } .hero-description { font-size: 3em  !important; text-transform: uppercase  !important; line-height: 1.2em  !important; text-align: right  !important; font-weight: 300; } .ww-faq-info h3 { font-weight: bold; font-size: 1.2em; } .hero-slideshow > div { -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s; } .brandCampaign .hero-scroll-down { display: none  !important; } #ww-privacy-main-header1, #ww-privacy-main-header2 { margin: 1em 1em .5em; font-size: 2em; line-height: 1.3em; } .ww-privacy-divider { display: none; } #ww-privacy-switch-1, #ww-privacy-switch-2 { display: block; cursor: pointer; } .ww-privacy-paragraphs { text-align: left; margin: 0 1.5em; font-size: 1.2em; } #ww-privacy-wrapper-2, #ww-privacy-wrapper-1 { margin: 0 1.3em; } .ww-faq-header { font-size: 2em; border-bottom: 1px dotted #ccc; padding: 1em 0; } .ww-faq-container { border-bottom: 1px dotted #ccc; padding: 1em 0; } i.fa.fa-chevron-down { line-height: 1em; color: #ff6a00; float: left; padding-right: .3em; padding-top: .3em; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms; } .ww-privacy-switch-div { font-size: 1.2em; } .ww-faq-open { transform: rotate(-180deg); transform-origin: 30% 60%; -ms-transform: rotate(-180deg); -ms-transform-origin: 30% 60%; -webkit-transform: rotate(-180deg); -webkit-transform-origin: 30% 60%; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms; color: #ff6a00; } .ww-faq-title-div { cursor: pointer; font-size: 1.5em; } .ww-faq-info { clear: both; color: #666; display: none; padding-left: 1.7em; margin-top: 2em; } .ww-faq-info h2 { color: #ff6a00; font-size: 1.2em; } .ww-privacy-top { text-align: center; } #ww-privacy-main-header2 { display: none; } #ww-privacy-switch-1 { color: #ff6a00; } #ww-privacy-wrapper-2 { display: none; } #ww-privacy-hero-yellow { color: yellow; } #ww-privacy-hero-yellow:before {content: " "} @media only screen and (min-width: 30em) { span.ww-privacy-divider { margin: 0 20px; display: inline-block; } #ww-privacy-switch-1, #ww-privacy-switch-2 { display: inline-block; } .ww-faq-info h4, .ww-privacy-infop-2 { margin-left: 2em  !important; } .ww-faq-info ul { margin-left: 1.2em  !important; } } @media only screen and (min-width: 65em) { .scroll-fade.image { display: block; } .hero-slideshow > div { height: 500px  !important; } .scroll-fade.video, .scroll-fade.image { top: 12%  !important; right: 10%  !important; left: inherit  !important; } .ww-privacy-paragraphs { margin: 0 7em 3em; } #ww-privacy-wrapper-2, #ww-privacy-wrapper-1 { margin: 0 8em; } #ww-privacy-main-header1, #ww-privacy-main-header2 { font-size: 3em; } .hero-description { font-size: 4em  !important; } } @media (min-width: 76.75em) { .hero-banner { height: 500px  !important; } .hero-slideshow { min-height: 500px  !important; margin-top: 0px  !important; } } @media only screen and (min-width: 65em) { .brandCampaign .scroll-fade.image { top: 25%  !important; } } .ww-privacy-disclaimer { margin: 0 8em  !important; padding-top: 16px; } @media (max-width: 65em) { .ww-privacy-disclaimer { margin: 0 1.3em  !important; padding-top: 16px; } .hero-description { float: right; font-size: 2.5em; } } .mainContent.pageWrapper { margin-top: 0px  !important; }