/* --- GLOBAL <----- */
html, body { -webkit-text-size-adjust: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, san-serif; font-size: 100%; }
body {
background: #fff;
overflow-x: hidden;
}
.noscroll {
overflow: hidden;
}
.mobile-text {
display: none;
}
a {
text-decoration: none;
color: #222;
border: none;
outline: none;
}
a:active, a:focus, a:visited {
border: none;
outline: none;
}
.carousel a {
color: inherit;
}
.carousel-slide p a {
text-decoration: underline;
}
h1, h2, h3, p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
article {
margin-top: 130px;
background: #000;
}
.curtain, .video-curtain {
width: 100%;
height: 100%;
background: #000;
opacity: 0;
position: fixed;
display: none;
z-index: 56;
visibility: hidden;
top: 0;
-webkit-transition: all .35s;
-moz-transition: all .35s;
-ms-transition: all .35s;
transition: all .35s;
}
.curtain.active, .video-curtain.active {
display: block;
opacity: .5;
visibility: visible;
}
.video-curtain .close {
position: absolute;
background: #f0f3f5;
opacity: 1;
font-size: 29px;
font-family: Arial, Helvetica, san-serif;
height: 35px;
width: 35px;
border-radius: 100px;
text-align: center;
line-height: 29px;
margin: 35px;
right: 0;
margin-top: -25px;
margin-right: -25px;
}
.video-curtain.active {
opacity: 1;
background: rgba(73,73,73,0.5);
}
.slide-hit-area {
display: none;
}
.bulleted {
margin-left: 25px;
list-style: disc;
}
.chartreuse {
color: #f0f3f5;
}
/* --- NAVIGATION BARS <----- */
nav.slide {
display: none;
}
.divider {
padding-top: 10px;
border-top: 1px solid #aaa;
}
nav.slide ul li.sub-link {
background: #f0f3f5;
margin: 0 27px 0 -4%;
padding: 2.5% 4% 3% 8%;
}
nav.slide ul li.sub-link a {
color: #000;
font-weight: bold;
padding-bottom: 3%;
border-bottom: 1px solid #000;
}
nav.slide ul li.sub-link:last-child a {
border: none;
}
nav.main {
z-index: 50;
background: #fff;
width: 100%;
height: 130px;
position: fixed;
top: 0;
left: 0;
box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
nav.main .logo {
cursor: pointer;
text-indent: -9999em;
display: inline-block;
width: 223px;
height: 49px;
background: url('../images/careers-logo.png') no-repeat left;
margin: 32px 0 17px 33px;
}
nav.main .scroll-controls {
margin-left: 23px;
}
nav.main ul.breadcrumbs, nav.main ul.additional {
margin: 0;
padding: 0;
font-size: .75em;
z-index: 1;
}
nav.main ul.breadcrumbs {
text-align: left;
margin-left: 10px;
}
nav.main ul.breadcrumbs li {
display: inline-block;
}
nav.main ul.breadcrumbs li, nav.main ul.additional li {
margin: 0 20px 0 0;
}
nav.main ul.breadcrumbs li a {
text-transform: uppercase;
font-weight: bold;
padding-bottom: 4px;
border-bottom: solid 3px #fff;
}
nav.main ul.breadcrumbs li a.current-section {
border-color: #d6d8d9;
}
nav.main ul.additional {
float: right;
position: absolute;
top: 5px;
right: 20px;
width: 30.5%;
overflow: hidden;
}
nav.main ul.additional li {
float: right;
margin: 0;
padding: 0 6px;
font-size: .9em;
font-weight: bold;
border-right: solid 1px #000;
}
nav.main ul.additional li a:hover {
text-decoration: underline;
}
nav.main ul.additional li:first-child {
border-right: none;
}
nav.main ul.additional li:last-child {
margin-right: -1px;
}
nav.main ul.additionalSeason {
float: right;
position: absolute;
top: 53px;
right: 22px;
width: 70.5%;
overflow: hidden;
margin: 5px;
}
nav.main ul.additionalSeason li {
float: right;
margin: 0;
padding: 0 6px;
font-size: .9em;
font-weight: bold;
font-weight: bold;
border-right: solid 1px #000;
}
nav.main ul.additionalSeason li a:hover {
text-decoration: underline;
}
nav.main ul.additionalSeason li:first-child {
border-right: none;
}
nav.main ul.additionalSeason li:last-child {
margin-right: -1px;
}
nav.main ul.additionalJob {
float: right;
position: absolute;
top: 89px;
right: 22px;
width: 30.5%;
overflow: hidden;
margin: 5px;
}
nav.main ul.additionalJob li {
float: right;
margin: 0;
padding: 0 6px;
font-size: .9em;
font-weight: bold;
border-right: solid 1px #000;
}
nav.main ul.additionalJob li a:hover {
text-decoration: underline;
}
nav.main ul.additionalJob li:first-child {
border-right: none;
}
nav.main ul.additionalJob li:last-child {
margin-right: -1px;
}
nav.main ul.scroll-controls li.left a, nav.main ul.scroll-controls li.right a {
text-indent: -9999em;
display: block;
clear: both;
}
nav.main .menu-signal {
display: none;
}
nav.main .left { float: left; }
nav.main .right { float: right; }
nav.sub {
background: rgba(255, 255, 255, 0.5);
width: 100%;
height: 92px;
float: right;
position: absolute;
z-index: 5;
}
/* centered list table hack */
.table {
display: table;
margin: 0 auto;
}
nav.sub ul {
text-align: center;
margin: 20px auto;
}
nav.sub ul li,
nav.sub-locked ul li {
margin: 4px 35px;
text-transform: uppercase;
display: inline-block;
background: #f0f3f5;
line-height: 24px;
font-weight: bold;
text-align: left;
background-repeat: no-repeat;
}
nav.sub ul li {
font-size: .7em;
background-position: 92% center;
background-size: 28px 26px;
}
nav.sub ul li a {
display: block;
padding: 11px 59px 11px 14px;
}
nav.sub-locked {
position: fixed;
top: 0;
width: 100%;
height: 41px;
overflow: hidden;
}
nav.sub-locked ul {
text-align: center;
margin-left: 20px;
margin: 0 35%;
width: 100%;
margin-top:41px;
}
nav.sub-locked ul li {
text-align: center;
line-height: normal;
max-width: 160px;
margin: 0;
float: left;
font-size: .7em;
background-position: 82% center;
border-right: 1px solid #000;
background-size: 24px 22px;
}
nav.sub ul li.profile,
nav.sub-locked ul li.profile {
background-image: url('../images/profile.png');
}
nav.sub ul li.search,
nav.sub-locked ul li.search {
background-image: url('../images/search.png');
}
nav.sub ul li.employees,
nav.sub-locked ul li.employees {
background-image: url('../images/employees.png');
border: none;
}
nav.sub-locked ul li a {
display: block;
padding: 6px 57px 7px 14px;
}
/* --- MAIN CONTENT <----- */
section {
padding: 0;
height: 683px;
border-bottom: solid 1px #222;
margin: 0 auto;
}
section p {
font-size: 1.4em;
text-align: center;
margin: 0;
}
section h1.watermark {
margin: 0 auto;
text-transform: uppercase;
font-size: 3.125em !important;
text-align: center;
position: absolute;
top: 50%;
width: 90%;
margin-top: -1em;
-webkit-transform: rotate(-29deg);
transform: rotate(-29deg);
color: rgba(0,0,0,0.3) !important;
padding: 0;
background: rgba(255, 255, 255, 0.5);
z-index: 40;
}
section h1 {
margin: 0;
text-align: center;
font-size: 4em;
text-transform: uppercase;
color: #000;
padding: 0;
font-family: BrandonGrotesque-Black, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
line-height: 1em;
}
section h2,
section h3,
section ul a,
.international-careers .main h1,
.mba h1 {
font-family: BrandonGrotesque-Bold, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
line-height: 1em;
}
.product-development h1,
.ecommerce h1,
.marketing h1 {
font-family: BrandonGrotesque-Black, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
}
.strategy h1 {
font-family: BrandonGrotesque-Black, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
}
.product-development h2,
.product-development h3,
.ecommerce h2,
.ecommerce h3,
.marketing h2,
.marketing h3 {
font-family: BrandonGrotesque-Bold, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
}
.strategy h2,
.strategy h3 {
font-family: BrandonGrotesque-Bold, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
}
section.video h1,
section.retail-careers h1 {
font-family: BrandonGrotesque-Bold, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
}
section.video h1,
section.tech h1 {
font-family: BrandonGrotesque-Bold, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
}
section h2 {
color: #000;
font-size: 1.5em;
text-transform: uppercase;
text-align: center;
}
section h3 {
text-transform: uppercase;
text-align: center;
color: #000;
font-size: 1.6em;
}
section .wrapper, section .full-wrapper {
width: 75%;
max-width: 1000px;
margin: 0 auto;
}
section .box {
float: left;
position: absolute;
left: 12.5%;
right: 12.5%;
}
section .play-button {
width: 102px;
height: 101px;
margin: 0 auto;
display: block;
}
.play-video {
position: relative;
float: left;
left: 50%;
top: 35%;
width: 75px;
height: 75px;
margin-left: -38px;
margin-top: -38px;
display: block;
text-indent: -9999em;
background: url('../images/play-button.png') no-repeat;
z-index: 10;
}
#ecommerce-video {
left: 15%;
margin-top: 80px;
float: right;
}
#technology-video {
left: 15%;
margin-top: 40px;
float: right;
}
#supplychain-video {
left: 15%;
margin-top: 40px;
float: right;
}
#student-centerretailintern-video {
left: 0%;
margin-top: 40px;
float: right;
}
#student-centertechintern-video {
left: 0%;
margin-top: 40px;
float: right;
}
#canada-video {
margin-left: -40px;
margin-top: 185px;
margin-bottom: 3px;
float: left;
}
#student-centermain-video {
margin-left: -45px;
margin-right: -190px;
margin-top: 190px;
margin-bottom: -200px;
float: left;
}
section.retail-careers .main .play-video {
position: absolute;
float: left;
right: -16px;
top: 35%;
left: auto;
}
section.tech .main .play-video {
position: absolute;
float: left;
right: -16px;
top: 35%;
left: auto;
}
.stores h1, .rack h1 {
margin-bottom: .75em;
}
.stores h3, .rack h3 {
margin-top: 4.75em;
}
.stores h1, .stores_nyc h1 {
margin-bottom: .75em;
}
.stores h3, .stores_nyc h3 {
margin-top: 4.75em;
}
.tech h1, .tech-home h1 {
margin-bottom: .75em;
}
.tech h3, .tech-home h3 {
margin-top: 4.75em;
}
.tech h1, .tech-home h1 {
margin-bottom: .75em;
}
.techh3, .tech-home h3 {
margin-top: 4.75em;
}
section .bar {
position: absolute;
width: 75%;
left: 10%;
bottom: 10%;
background: rgba(0,0,0,0.5);
padding: 1%;
line-height: 1.5em;
color: #fff;
}
section .bar p {
line-height: 1.5em;
font-family: Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
text-align: left;
}
section .box.translucent {
background: rgba(255,255,255,0.8);
padding: 3% 5%;
}
section .carousel > div {
height: 100%;
background-size: auto 100%;
background-position: center;
background-color: #000;
background-repeat: no-repeat;
}
section .full-wrapper {
width: 100%;
max-width: 100%;
}
.video-curtain .border {
background: #000;
display: block;
margin: 0 auto;
opacity: 0;
position: relative;
top: -10000px;
border: solid 37px #000;
border-radius: 12px;
}
/* --- PANEL SPECIFIC <----- */
section .full-wrapper .right {
left: 45%;
position: relative;
width: 48%;
padding-top: 10%;
}
section .full-wrapper .right h1,
section .full-wrapper .right h2,
section .full-wrapper .right h3,
section .full-wrapper .right p {
text-align: left;
}
section.student-center .main .right h1,
section.student-center .main .right h2,
section.student-center .main .right h3,
section.student-center .main .right p,
section.international-careers .canada .right h1,
section.international-careers .canada .right h2,
section.international-careers .canada .right h3,
section.international-careers .canada .right p
section.international-careers .puertorico .right h1,
section.international-careers .puertorico .right h2,
section.international-careers .puertorico .right h3,
section.international-careers .puertorico .right p
{
text-align: center;
}
section.about-us .benefits .box h1,
section.about-us .benefits h3,
section.about-us .benefits p {
color: #000;
}
section.about-us .benefits .box h1 {
margin-bottom: .6em;
}
section.about-us .benefits h3 {
margin-top: 1.7em;
}
section.about-us .benefits p {
font-size: 1.6em;
padding: 0 2.8em;
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
}
section.about-us .cares h1 {
line-height: 1em;
margin-bottom: .5em;
}
section.about-us .cares h3 {
margin-bottom: .6em;
}
section.about-us .cares p {
margin-bottom: 1.2em;
font-size: 1.2em;
}
section.about-us .cares .full-wrapper div.left {
left: 10%;
position: relative;
width: 43%;
padding-top: 5%;
}
section.about-us .culture h3 {
margin-bottom: .5em;
}
section.about-us .culture p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: 1.7em;
line-height: 1.25em;
padding: 0 5.5%;
}
section.about-us div.left h1,
section.about-us div.left h3,
section.about-us div.left p {
text-align: left;
}
section.about-us .main p {
margin-top: 1.2em;
}
section.about-us .main ul {
margin-top: 2.5em;
}
section.about-us .main ul li {
margin-bottom: 1.25em;
text-transform: uppercase;
text-align: center;
font-size: 1em;
font-weight: bold;
}
section.about-us .main ul.gotos li a {
color: #000;
}
section.about-us-video .main p {
margin-top: 1.2em;
}
section.about-us-video .main ul {
margin-top: 2.5em;
}
section.about-us-video .main ul li {
margin-bottom: 1.25em;
text-transform: uppercase;
text-align: center;
font-size: 1em;
font-weight: bold;
}
section.about-us-video .main ul.gotos li a {
color: #000;
}
section.about-us-video .benefits .box h1,
section.about-us-video .benefits h3,
section.about-us-video .benefits p {
color: #fff;
}
section.about-us-video .benefits .box h1 {
margin-bottom: .6em;
}
section.about-us-video .benefits h3 {
margin-top: 1.7em;
}
section.about-us-video .benefits p {
font-size: 1.6em;
padding: 0 2.8em;
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
}
section.about-us-video .cares h1 {
line-height: 1em;
margin-bottom: .5em;
}
section.about-us-video .cares h3 {
margin-bottom: .6em;
}
section.about-us-video .cares p {
margin-bottom: 1.2em;
font-size: 1.2em;
}
section.about-us-video .cares .full-wrapper div.left {
left: 10%;
position: relative;
width: 43%;
padding-top: 5%;
}
.about-us-video h1, .OurPeopleStory01 h1 {
margin-bottom: .5em;
}
.about-us-video h1, .OurPeopleStory02 h1 {
margin-bottom: .5em;
}
.about-us-video h1, .opendoor h1 {
margin-bottom: .75em;
}
.about-us-video h1, .culture h1 {
margin-bottom: .75em;
}
section.about-us-video .OurPeopleStory01 h3 {
margin-top: 1.5em;
}
section.about-us-video .OurPeopleStory02 h3 {
margin-top: 1.5em;
}
section.about-us-video .opendoor h3 {
margin-top: 4.5em;
}
section.about-us-video .culture h3 {
margin-top: 4.5em;
}
section.about-us-video .worklife h3 {
margin-top: 4.5em;
}
section.about-us-video .OurPeopleStory01 p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: 1.2em;
line-height: 1.2em;
padding: 0 5.5%;
}
section.about-us-video .OurPeopleStory02 p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: 1.2em;
line-height: 1.2em;
padding: 0 5.5%;
}
section.about-us-video .opendoor p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: 1.2em;
line-height: 1.2em;
padding: 0 5.5%;
}
section.about-us-video .culture p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: 1.2em;
line-height: 1.2em;
padding: 0 5.5%;
}
section.about-us-video .worklife p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: 1.2em;
line-height: 1.2em;
padding: 0 5.5%;
}
section.about-us-video div.left h1,
section.about-us-video div.left h3,
section.about-us-video div.left p {
text-align: left;
}
section.about-us-video .main p {
margin-top: 1.2em;
}
section.about-us-video .main ul {
margin-top: 2.5em;
}
section.about-us_video .main ul li {
margin-bottom: 1.25em;
text-transform: uppercase;
text-align: center;
font-size: 1em;
font-weight: bold;
}
section.about-us-video .main ul.gotos li a {
color: #000;
}
section.contact-us .carousel h1 {
font-size: 3.6em;
}
section.contact-us .carousel h3 {
font-size: 1.4em;
margin-bottom: 0;
}
section.contact-us .carousel p {
font-size: 1.2em;
}
ssection.contact-us .privacy h1 {
line-height: 1em;
margin-bottom: .5em;
}
section.contact-us .privacy h3 {
margin-bottom: .6em;
}
section.contact-us .privacy p {
margin-bottom: 1.2em;
font-size: 1.2em;
}
section.contact-us .privacy .full-wrapper div.left {
left: 10%;
position: relative;
width: 34%;
padding-top: 5%;
}
section.contact-us .faq {
background-size: 100% auto;
background-position: top;
}
section.contact-us .faq .full-wrapper {
background: rgba(255,255,255,0.9);
overflow-y: hidden;
padding-left: 10%;
padding-right: 10%;
width: 80%;
height: 100%;
}
section.contact-us .faq .scrollbox {
margin-top: 10px;
overflow-y: scroll;
border: 1px solid #aaa;
padding: 0 15px;
height: 58%;
}
section.contact-us .faq h1,
section.contact-us .faq h2,
section.contact-us .faq p {
text-align: left;
}
section.contact-us .faq h1,
section.contact-us .faq h2 {
color: #000;
}
section.contact-us .faq h1 {
margin-top: 1em;
margin-bottom: .2em;
font-size: 3.2em;
}
section.contact-us .faq .scrollbox h2 {
margin: .5em 0 .2em 0;
}
section.contact-us .faq .scrollbox h2:first-child {
margin: .3em 0 .2em 0;
}
section.contact-us .faq .faq-container {
padding-bottom: 50px;
}
section.contact-us .faq h1 span,
section.contact-us .faq h2 span {
text-transform: lowercase;
}
section.contact-us .faq .questions:last-child {
margin-bottom: 4em;
}
section.contact-us .faq .questions li {
margin-bottom: .3em;
cursor: pointer;
position: relative;
}
section.contact-us .faq .questions li.selected p {
background: #f0f3f5;
}
section.contact-us .faq .questions p {
text-indent: -5.8em;
font-size: .8em;
padding: .2em .3em .3em 6.1em;
display: inline-block;
}
section.contact-us .faq .questions p span {
font-family: Arial;
font-weight: bold;
font-size: .9em;
text-transform: uppercase;
}
section.contact-us .faq .questions .answer {
background: #fff;
border: 3px solid #f0f3f5;
display: none;
cursor: default;
}
section.contact-us .faq .questions .selected .answer p {
padding: 10px 15px 15px;
text-indent: 0;
margin-left: 0;
display: block;
background: none;
cursor: default;
}
section.contact-us .faq .questions .bulleted {
font-family: Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-weight: normal;
font-size: .8em;
margin-top: -10px;
margin-left: 30px;
}
section.contact-us .faq .questions .bulleted li a {
text-decoration: underline;
}
section.contact-us .faq .questions .close {
float: right;
padding: 5px 10px;
font-size: .9em;
font-weight: bold;
}
section.contact-us .privacy h1 {
line-height: 1em;
margin-bottom: .5em;
}
section.contact-us .privacy h3 {
margin-bottom: .6em;
}
section.contact-us .privacy p {
margin-bottom: 1.2em;
font-size: .8em;
}
section.contact-us .privacy .full-wrapper div.left {
left: 10%;
position: relative;
width: 34%;
padding-top: 5%;
}
section.contact-us .privacy {
background-size: 100% auto;
background-position: top;
}
section.contact-us .privacy .full-wrapper {
background: rgba(255,255,255,0.9);
overflow-y: hidden;
padding-left: 10%;
padding-right: 10%;
width: 80%;
height: 100%;
}
section.contact-us .privacy .scrollbox {
margin-top: 10px;
overflow-y: scroll;
border: 1px solid #aaa;
padding: 0 15px;
height: 56%;
}
section.contact-us .privacy h1,
section.contact-us .privacy h2,
section.contact-us .privacy p {
text-align: left;
}
section.contact-us .privacy h1,
section.contact-us .privacy h2 {
color: #000;
}
section.contact-us .privacy h1 {
margin-top: 1em;
margin-bottom: .2em;
font-size: 3.2em;
}
section.contact-us .privacy .scrollbox h2 {
margin: .5em 0 .2em 0;
}
section.contact-us .privacy .scrollbox h2:first-child {
margin: .3em 0 .2em 0;
}
section.contact-us .privacy .privacy-container {
padding-bottom: 50px;
}
section.contact-us .privacy h1 span,
section.contact-us .privacy h2 span {
text-transform: lowercase;
}
section.contact-us .privacy .questions:last-child {
margin-bottom: 4em;
}
section.student-center .retail .full-wrapper div.left {
left: 10%;
position: relative;
width: 56%;
padding-top: 11%;
}
section.student-center .requirements .full-wrapper div.left {
left: 10%;
position: relative;
width: 60%;
padding-top: 11%;
}
section.student-center .merchandise .full-wrapper div.left {
left: 10%;
position: relative;
width: 60%;
padding-top: 11%;
}
section.student-center .corporate .full-wrapper div.left {
left: 10%;
position: relative;
width: 60%;
padding-top: 11%;
}
section.student-center .cares .full-wrapper div.left {
left: 10%;
position: relative;
width: 43%;
padding-top: 5%;
}
section.student-center .additional-information .translucent {
position: absolute;
background: none;
padding-top: 3%;
left: 4.5%;
}
section.student-center .additional-information .translucent h1,
section.student-center .additional-information .translucent p {
text-align: left;
margin-bottom: .3em;
padding-right: 0;
}
section.contact-us .privacy .questions li {
margin-bottom: .3em;
cursor: pointer;
position: relative;
}
section.contact-us .privacy .questions li.selected p {
background: #f0f3f5;
}
section.contact-us .privacy .questions p {
text-indent: -5.8em;
font-size: .8em;
padding: .2em .3em .3em 6.1em;
display: inline-block;
}
section.contact-us .privacy .questions p span {
font-family: Arial;
font-weight: bold;
font-size: .9em;
text-transform: uppercase;
}
section.contact-us .privacy .questions .answer {
background: #fff;
border: 3px solid #f0f3f5;
display: none;
cursor: default;
}
section.contact-us .privacy .questions .selected .answer p {
padding: 10px 15px 15px;
text-indent: 0;
margin-left: 0;
display: block;
background: none;
cursor: default;
}
section.contact-us .privacy .questions .bulleted {
font-size: .8em;
margin-top: -10px;
margin-left: 30px;
}
section.contact-us .privacy .questions .bulleted li a {
text-decoration: underline;
}
section.contact-us .privacy .questions .close {
float: right;
padding: 5px 10px;
font-size: .9em;
font-weight: bold;
}
section.contact-us .main ul {
text-align: center;
margin-top: 15px;
}
section.contact-us .main ul li a {
font-size: 1em;
font-family: Georgia;
text-decoration: underline;
}
section.headquarters-careers div.left {
left: 10%;
position: relative;
width: 40%;
padding-top: 10%;
}
section.headquarters-careers div.left h1,
section.headquarters-careers div.left h3,
section.headquarters-careers div.left p {
text-align: left;
}
section.headquarters-careers div.left h3 {
margin: 0 0 .5em 0;
}
section.headquarters-careers .hautelook,
section.headquarters-careers .hautelook h1,
section.headquarters-careers .hautelook h2,
section.headquarters-careers .hautelooke h3 {
color: #000;
}
section.headquarters-careers .merchandise,
section.headquarters-careers .merchandise h1,
section.headquarters-careers .merchandise h2,
section.headquarters-careers .merchandise h3 {
color: #FFF;
}
section.headquarters-careers .marketing,
section.headquarters-careers .marketing h1,
section.headquarters-careers .marketing h2,
section.headquarters-careers .marketing h3 {
color: #000;
}
section.headquarters-careers .finance,
section.headquarters-careers .finance h1,
section.headquarters-careers .finance h2,
section.headquarters-careers .finance h3 {
color: #000;
}
section.international-careers .canada div.right {
left: 49%;
position: relative;
text-align: center;
width: 50%;
padding-top: 8%;
}
section.headquarters-careers .operations,
section.headquarters-careers .operations h1,
section.headquarters-careers .operations h2,
section.headquarters-careers .operations h3 {
color: #FFF;
}
section.headquarters-careers .merchandise,
section.headquarters-careers .merchandise h1,
section.headquarters-careers .merchandise h2,
section.headquarters-careers .merchandise h3 {
color: #FFF;
}
section.headquarters-careers .hautelook,
section.headquarters-careers .hautelook h1,
section.headquarters-careers .hautelook h2,
section.headquarters-careers .hautelook h3 {
color: #000;
}
section.international-careers .canada div.right {
left: 45%;
position: relative;
text-align: center;
width: 50%;
padding-top: 8%;
}
section.international-careers .canada a {
color: #000;
font-weight: bold;
}
section.international-careers .canada h1 {
display: inline-block;
font-size: 3.6em;
}
section.international-careers .canada h3 {
margin: .4em 0 .2em 0;
}
section.international-careers .canada p {
font-size: 1em;
padding: 0 2% 0 2%;
line-height: 1.5em;
text-align: center;
}
section.international-careers .canada ul {
text-align: center;
margin-top: 1.6em;
}
section.international-careers .canada ul li {
margin-top: .2em;
font-weight: bold;
}
section.international-careers .puertorico div.right {
left: 39%;
position: relative;
text-align: center;
width: 60%;
padding-top: 8%;
}
section.international-careers .puertorico a {
color: #000;
font-weight: bold;
}
section.international-careers .puertorico h1 {
display: inline-block;
font-size: 3.6em;
}
section.international-careers .puertorico h3 {
margin: .4em 0 .2em 0;
}
section.international-careers .puertorico p {
font-size: 1em;
padding: 0 15% 0 16%;
line-height: 1.5em;
}
section.international-careers .puertorico ul {
text-align: center;
margin-top: 1.6em;
}
section.international-careers .puertorico ul li {
margin-top: .2em;
font-weight: bold;
}
section.international-careers .main h1,
section.international-careers .main h2,
section.international-careers .main h3,
section.international-careers .main p {
color: #fff;
}
section.international-careers .main p {
font-size: 1em;
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
}
section.international-careers .main h3 {
margin-top: .3em;
}
section.international-careers .main a,
section.international-careers .main ul {
color: #ffffff;
text-align: center;
}
section.international-careers .main p {
line-height: 1.8em;
}
section.international-careers .main ul {
margin-top: 3em;
}
section.student-center .carousel h1 {
font-size: 3.8em;
}
section.student-center .carousel h3 {
font-size: 1.5em;
}
section.student-center .carousel p {
font-size: .9em;
}
section.student-center div.left {
left: 10%;
position: relative;
width: 70%;
padding-top: 10%;
}
section.student-center div.left h1,
section.student-center div.left h3 {
text-align: left;
width: 80%;
}
section.student-center div.left p {
text-align: left;
width: 65%;
}
section.student-center div.left h3 {
margin: 0 0 .5em 0;
}
section.student-center div.left p {
padding-right: 20%;
}
section.student-center .additional-information h1 {
margin-bottom: .3em;
}
section.student-center .mba div.right {
left: 45%;
position: relative;
width: 48%;
padding-top: 10%;
}
section.student-center .mba div.right h3 {
margin: 0 0 .5em 0;
}
section.student-center .mba div.right h1,
section.student-center .mba div.right h3,
section.student-center .mba div.right p {
text-align: left;
color: #fff;
}
section.student-center .finance div.left h1,
section.student-center .finance div.left h3,
section.student-center .finance div.left p {
text-align: left;
color: #fff;
}
section.student-center .requirements div.left h1,
section.student-center .requirements div.left h3,
section.student-center .requirements div.left p {
text-align: left;
color: #000;
}
section.student-center .main div.right {
left: 50%;
position: relative;
width: 46%;
padding-top: 11%;
}
section.student-center .main a {
color: #000;
}
section.student-center .main h3 {
margin-bottom: .2em;
margin-top: 0.5em;
}
section.student-center .main p {
margin-bottom: 1.4em;
padding: 0 3% 0 4%;
line-height: 1.4em;
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
}
section.student-center .main ul {
text-align: center;
margin-top: 2em;
}
section.student-center .retail ul.gotos li a {
color: #000;
}
section.retail-careers .main .box {
padding-right: 18%;
}
section.retail-careers .main .box p {
font-size: 1em;
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
}
section.retail-careers .main .box ul {
margin-top: 2em;
}
section.retail-careers ul li {
margin-bottom: 1.25em;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;
}
section.retail-careers .main .box h1,
section.retail-careers .main .box h3,
section.retail-careers .main .box p {
color: #000;
text-align: left;
}
section.retail-careers .main .box h3,
section.retail-careers .main .box p {
color: #000;
text-align: left;
}
section.retail-careers .main .box a {
color: #000;
text-decoration: underline;
}
section ul.gotos li a {
color: #f0f3f5;
text-transform: uppercase;
font-size: 1em;
font-weight: normal;
line-height: 1.2em;
text-decoration: underline;
}
section.retail-careers .main .box h3 {
margin: 0 0 1em 0;
}
section.retail-careers .stores .box p {
font-size: 1.55em;
}
section.retail-careers .stores_nyc .wrapper h1 {
padding-top: 0;
}
section.retail-careers .rack .wrapper h1 {
padding-top: 0;
}
section.retail-careers .about-us-video .wrapper h1 {
padding-top: 0;
}
section.retail-careers .restaurant h3,
section.retail-careers .restaurant p {
color: #fff;
}
section.retail-careers .restaurant .wrapper h1,
section.retail-careers .restaurant h2 {
color: #fff;
margin-bottom: .75px;
}
section.retail-careers .restaurant h2 {
color: #fff;
margin-bottom: .75px;
margin-bottom: 2.5em;
}
section.retail-careers .restaurant .box h3 {
margin-bottom: 9.75px;
margin-top: 7.3em;
}
section.tech .main .box {
padding-right: 18%;
}
section.tech .main .box p {
font-size: 1em;
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
}
section.tech .main .box ul {
margin-top: 2em;
}
section.tech ul li {
margin-top: 1.75em;
margin-bottom: 1.25em;
text-align: center;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;
}
section.tech .main .box h1,
section.tech .main .box h3,
section.rtech .main .box p {
color: #000;
text-align: left;
}
section.tech .main .box h3,
section.tech .main .box p {
color: #000;
text-align: left;
}
section.tech .main .box a {
color: #000;
text-decoration: underline;
}
section ul.gotos li a {
color: #f0f3f5;
text-transform: uppercase;
font-size: 1em;
font-weight: normal;
line-height: 1.2em;
text-decoration: underline;
}
section.tech .main .box h3 {
margin: 0 0 1em 0;
}
section.tech .tech-home .box p {
font-size: 1.55em;
}
section.tech .builtin .wrapper h1 {
padding-top: 0;
}
section.tech .rack .wrapper h1 {
padding-top: 0;
}
section.tech .about-us-video .wrapper h1 {
padding-top: 0;
}
section.tech .restaurant h3,
section.tech .restaurant p {
color: #fff;
}
section.tech .restaurant .wrapper h1,
section.tech .restaurant h2 {
color: #fff;
margin-bottom: .75px;
}
section.tech .restaurant h2 {
color: #fff;
margin-bottom: .75px;
margin-bottom: 2.5em;
}
section.tech .restaurant .box h3 {
margin-bottom: 9.75px;
margin-top: 7.3em;
}
section.headquarters-careers .carousel h1 {
font-size: 3em;
}
section.headquarters-careers .carousel h3 {
margin: .5em 0;
}
section.headquarters-careers .carousel p {
font-size: 1em;
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
}
section.headquarters-careers .carousel ul.left {
float: left;
width: 50%;
}
section.headquarters-careers .carousel ul {
text-align: center;
margin-top: 1em;
color: #000;
}
section.headquarters-careers .carousel ul.gotos li a {
color: #000;
}
section.video .video-headline {
position: relative;
color: #fff;
top: 44%;
}
section.student-center .fashion-board p {
font-size: 1em;
}
/* --- CAROUSEL <----- */
.carousel-slide, .carousel-item {
height: 100%;
background-color: #fff;
}
.carousel-nav {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
.carousel-nav .next, .carousel-nav .prev {
display: block;
text-indent: -9999px;
width: 50px;
height: 64px;
background: url('../images/right-arrow-large8.png');
z-index: 3;
position: absolute;
right: 10px;
opacity: 0.4;
background-size: 100%;
top: 50%;
margin-top: -34px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.carousel-nav .prev {
background: url('../images/left-arrow-large8.png');
left: 10px;
background-size: 100%;
}
.carousel-nav .pagination-wrapper {
position: absolute;
right: 0;
left: 0;
bottom: 0;
}
div.pagination-wrapper ol.carousel-pagination {
margin: 0;
text-align: center;
z-index: 2;
position: relative;
padding: 0;
}
div.pagination-wrapper ol.carousel-pagination li {
display: inline-block;
}
.pagination-wrapper ol.carousel-pagination li a {
width: 30px;
height: 60px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.pagination-wrapper ol.carousel-pagination li a .bubble {
width: 0;
height: 0;
border-radius: 20px;
text-indent: -9999em;
border: solid 6px #fff;
display: block;
margin: 24px auto;
box-shadow: 0 0 5px #000;
}
.pagination-wrapper li,
.pagination-wrapper li a {
display: inline-block;
position: relative;
}
.pagination-wrapper ol.carousel-pagination li.carousel-active-page a .bubble {
border-color: #707374;
}
/* --- HEADER <----- */
header {
width: 100%;
background: #000;
position: absolute;
z-index: 4;
background: url('../images/banner_2024Holiday.jpg') top center;
font-family: BrandonGrotesque-Bold, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
background-size: cover;
padding-bottom: 10px;
text-decoration: none;
}
header h2 {
margin: 0;
padding: 18px 0;
font-family: BrandonGrotesque-Bold, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
text-align: center;
}
header h2 a {
color: #ffffff;
text-transform: uppercase;
font-size: .8em;
font-family: BrandonGrotesque-Bold, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
text-decoration: none;
}
header p {
margin: 8px 16px 12px 16px;
color: #fff;
font-size: .75em;
font-family: BrandonGrotesque-Bold, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
text-align: center;
line-height: 14px;
}
header a {
color: #fff;
font-family: BrandonGrotesque-Bold, 'Helvetica Black', 'Arial Black', Helvetica, Arial, san-serif;
text-decoration: underline;
}
/* --- FOOTER <----- */
footer {
width: 100%;
background: #000;
position: absolute;
z-index: 4;
background: url('../images/footer.png') top center;
background-size: cover;
padding-bottom: 40px;
}
footer h2 {
margin: 0;
padding: 18px 0;
text-align: center;
}
footer h2 a {
color: #f0f3f5;
text-transform: uppercase;
font-size: .8em;
text-decoration: none;
}
footer p {
margin: 8px 16px 12px 16px;
color: #fff;
font-size: .75em;
font-family: Arial;
text-align: center;
line-height: 14px;
}
footer a {
color: #fff;
text-decoration: underline;
}
/* --- MOBILE PORTRAIT <----- */
@media screen and (max-width: 479px),
only screen and (max-width: 479px) and (orientation: portrait)
{
.desktop-text {
display: none;
}
.mobile-text {
display: inline;
font-size: 80%;
}
nav.sub-locked {
height: 41px;
padding-top: 0;
}
.video-curtain .close {
margin-right: -21px;
margin-top: -21px;
font-size: 28px;
line-height: 20px;
height: 25px;
width: 25px;
}
.mobile-box {
background: rgba(255,255,255,0.58);
position: relative;
top: 10%;
width: 83%;
padding: 10px;
margin: 0 auto;
}
section.retail-careers .main .play-video {
display: none;
}
section.tech .main .play-video {
display: none;
}
section.about-us-video .main .play-video {
display: none;
}
#ecommerce-video {
margin-right: 60px;
}
#restaurant-video {
margin-bottom: 200px;
}
#student-centerretailintern-video {
margin-right: 45px;
}
#student-centertechintern-video {
margin-right: 15px;
}
#student-centermain-video {
margin-top: 99px;
margin-left: -30px;
}
#canada-video {
margin-top: 183px;
margin-left: -30px;
}
article.container {
margin-top: 101px;
}
nav.main h1.logo {
cursor: pointer;
float: left;
background-size: 66%;
background-repeat: no-repeat;
margin: 48px 13px 7px 13px;
}
nav.main {
height: 101px;
}
nav.main .menu-signal {
margin-top: 41px;
}
nav.sub {
display: none;
}
body nav.slide ul li a.current-section:before,
body nav.slide ul li a.current-section:after {
top: 22px;
}
section h1 {
font-size: 1.6em;
}
section h1.watermark {
font-size: 2.125em !important;
}
section h2 {
font-size: 1.1em;
margin: 5px 0;
}
section h3 {
font-size: .9em;
margin: 5px 0;
}
section p {
font-size: .9em;
}
section .play-video {
width: 50px;
height: 50px;
background-size: 100%;
margin-left: -25px;
margin-top: -14px;
}
section .bar {
font-size: .75em;
bottom: 0;
left: 0;
padding: .8em 0 0 0;
width: 100%;
display: none;
}
section .bar p {
line-height: 1.5em;
padding: 0 4% 3.5em;
width: 92%;
font-family: Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
}
section .wrapper, section .full-wrapper {
width: 100%;
height: 100%;
max-width: 1000px;
margin: 0 auto;
background: rgba(255,255,255,0.4);
}
section.about-us .main .wrapper,
section.about-us .main .full-wrapper,
section.about-us .culture .wrapper,
section.about-us .culture .full-wrapper,
section.about-us .benefits .wrapper,
section.about-us .benefits .full-wrapper,
section.about-us-video .main .wrapper,
section.about-us-video .main .full-wrapper,
section.about-us-video .OurPeopleStory01 .wrapper,
section.about-us-video .OurPeopleStory01 .full-wrapper,
section.about-us-video .OurPeopleStory02 .wrapper,
section.about-us-video .OurPeopleStory02 .full-wrapper,
section.about-us-video .opendoor .wrapper,
section.about-us-video .opendoor .full-wrapper,
section.about-us-video .about-us-video .wrapper,
section.about-us-video .about-us-video .full-wrapper,
section.about-us-video .culture .wrapper,
section.about-us-video .culture .full-wrapper,
section.about-us-video .worklife .wrapper,
section.about-us-video .worklife .full-wrapper,
section.about-us-video .benefits .wrapper,
section.about-us-video .benefits .full-wrapper,
section.contact-us .main .wrapper,
section.contact-us .main .full-wrapper,
section.international-careers .main .wrapper,
section.international-careers .main .full-wrapper,
section.retail-careers .stores .wrapper,
section.retail-careers .stores .full-wrapper,
section.retail-careers .stores_nyc .wrapper,
section.retail-careers .stores_nyc .full-wrapper,
section.tech .tech-home .wrapper,
section.tech .tech-home .full-wrapper,
section.tech .tech-home .wrapper,
section.tech .tech-home .full-wrapper,
section.tech .builtin .wrapper,
section.tech .builtin .full-wrapper,
section.tech .builtin .wrapper,
section.tech .builtin .full-wrapper,
section.retail-careers .stores_nyc .full-wrapper,
section.retail-careers .stores_nyc .wrapper,
section.retail-careers .stores_nyc .full-wrapper,
section.retail-careers .rack .wrapper,
section.retail-careers .rack .full-wrapper,
section.retail-careers .restaurant .wrapper,
section.retail-careers .restaurant .full-wrapper,
section.retail-careers .requirements .wrapper,
section.retail-careers .requirements .full-wrapper,
section.tech .tech-home .wrapper,
section.tech .tech-home .full-wrapper,
section.tech .tech-home_nyc .wrapper,
section.tech .tech-home_nyc .full-wrapper,
section.tech .rack .wrapper,
section.tech .rack .full-wrapper,
section.tech .restaurant .wrapper,
section.tech .restaurant .full-wrapper,
section.tech .requirements .wrapper,
section.tech .requirements .full-wrapper,
section.headquarters-careers .main .wrapper,
section.headquarters-careers .main .full-wrapper,
section.headquarters-careers .merchandise .wrapper,
section.headquarters-careers .merchandise .full-wrapper,
section.headquarters-careers .operations .wrapper,
section.headquarters-careers .operations .full-wrapper,
section.headquarters-careers .finance .wrapper,
section.headquarters-careers .finance .full-wrapper,
section.headquarters-careers .ecommerce .wrapper,
section.headquarters-careers .ecommerce .full-wrapper,
section.headquarters-careers .supplychain .wrapper,
section.headquarters-careers .supplychain .full-wrapper,
section.student-center .main.wrapper,
section.student-center .main .full-wrapper,
section.student-center .headquarters .wrapper,
section.student-center .headquarters .full-wrapper,
section.student-center .merchandise .wrapper,
section.student-center .merchandise .full-wrapper
section.student-center .mba .wrapper,
section.student-center .mba.full-wrapper,
section.student-center .technology .wrapper,
section.student-center .technology .full-wrapper
section.student-center .technology .wrapper,
section.student-center .technology .full-wrapper{
background:none;
}
section.about-us .benefits .wrapper,
section.about-us-video .benefits .wrapper,
section.about-us-video .benefits .full-wrapper,
section.about-us .benefits .full-wrapper,
section.retail-careers .main .wrapper,
section.retail-careers .main .full-wrapper,
section.tech .main .wrapper,
section.tech .main .full-wrapper,{
background: rgba(0,0,0,0.4);
}
section .box {
left: 10%;
right: 10%;
}
/* panel specific rules */
section.about-us .culture p {
font-size: .9em;
padding: 0 2%;
}
section.about-us .benefits p {
font-size: .9em;
padding: 0 2%;
}
section.about-us .cares h1 {
margin: 0;
}
section.about-us .cares h3 {
margin: 0 0 1em 0;
}
section.about-us .cares p {
margin-bottom: 1.2em;
font-size: .9em;
}
section.about-us .cares .full-wrapper div.left {
left: 10%;
width: 48.5%;
padding-top: 3em;
}
section.student-center .main p {
margin-bottom: 4.2em;
font-size: .9em;
}
section.student-center .additional-information .translucent {
background: rgba(255,255,255,0.9);
left: 7%;
}
section.about-us-video .OurPeopleStory01 p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .9em;
line-height: normal;
padding: 0;
}
section.about-us-video .OurPeopleStory02 p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .9em;
line-height: normal;
padding: 0;
}
section.about-us-video .opendoor p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .9em;
line-height: normal;
padding: 0;
}
section.about-us-video .culture p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .9em;
line-height: normal;
padding: 0;
}
section.about-us-video .worklife p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .9em;
line-height: normal;
padding: 0;
}
section.about-us .carousel h1 {
font-size: 1.6em;
}
section.about-us .carousel h3 {
font-size: .9em;
margin-bottom: 0;
}
section.about-us-video .main ul li {
margin: 0;
}
section.about-us-video .main ul.gotos li a {
font-size: .7em;
}
section.about-us-video .OurPeopleStory01 p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .9em;
line-height: normal;
padding: 0;
}
section.about-us-video .OurPeopleStory02 p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .9em;
line-height: normal;
padding: 0;
}
section.about-us-video .opendoor p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .9em;
line-height: normal;
padding: 0;
}
section.about-us-video .worklife p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .9em;
line-height: normal;
padding: 0;
}
section.about-us-video .main ul li {
margin: 0;
}
section.about-us-video .main ul.gotos li a {
font-size: .7em;
}
section.about-us .culture p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .9em;
line-height: normal;
padding: 0;
}
section.about-us .main ul li {
margin: 0;
}
section.about-us .main ul.gotos li a {
font-size: .7em;
}
section.about-us-video .main ul li {
margin: 0;
}
section.about-u-video .main ul.gotos li a {
font-size: .7em;
}
section.contact-us .carousel h1 {
font-size: 1.6em;
}
section.contact-us .carousel h3 {
font-size: .9em;
margin-bottom: 0;
}
section.contact-us .carousel p,
section.contact-us .carousel .questions p{
font-size: .75em;
}
section.contact-us .faq h1 {
font-size: 1.4em;
margin-bottom: .1em;
}
section.contact-us .faq .scrollbox {
padding: 5px;
}
section.contact-us .faq .questions li {
padding: .1em;
margin-bottom: 0;
}
section.contact-us .faq .questions .bulleted {
font-size: .7em;
}
section.contact-us .faq .questions .selected .answer p {
padding: 8px 12px 14px;
}
section.contact-us .faq .questions .close {
font-size: .7em;
}
section.contact-us .privacy h1 {
font-size: 1.4em;
margin-bottom: .1em;
}
section.contact-us .privacy .scrollbox {
padding: 5px;
height: 43%;
}
section.contact-us .privacy .questions li {
padding: .1em;
margin-bottom: 0;
}
section.contact-us .privacy .questions .bulleted {
font-size: .7em;
}
section.contact-us .privacy .questions .selected .answer p {
padding: 8px 12px 14px;
}
section.contact-us .privacy .questions .close {
font-size: .7em;
}
section.contact-us .main ul {
margin-top: 1em;
}
section.contact-us .main ul li a {
font-size: .7em;
}
section.headquarters-careers div.left {
padding-top: 4.5em;
left: 10%;
width: 56%;
}
section.headquarters-careers div.left h3 {
margin: 0 0 1em 0;
width: 66%;
}
section.headquarters-careers .carousel h1 {
font-size: 1.4em;
}
section.headquarters-careers .carousel h3 {
margin: 0 0 1em 0;
}
section.headquarters-careers .carousel ul{
margin-top: .5em;
}
section.headquarters-careers .carousel ul.gotos li a {
font-size: .7em;
}
section.headquarters-careers .carousel p {
font-size: .9em;
line-height: 1.2em;
}
section.headquarters-careers .finance div.left {
width: 54%;
}
section.headquarters-careers .finance .full-wrapper {
}
section.headquarters-careers .main h1 {
font-size: 1.6em;
}
section.headquarters-careers .main h3 {
font-size: .85em;
margin: 0 0 .5em 0;
}
section.headquarters-careers .main .box {
left: 8%;
right: 8%;
}
section.headquarters-careers .marketing div.left {
width: 43%;
}
section.headquarters-careers .strategy div.left {
width: 43%;
}
section.headquarters-careers .product-development .full-wrapper {
background: none;
}
section.headquarters-careers .product-development div.left {
width: 49%;
}
section.headquarters-careers .technology .full-wrapper {
}
section.headquarters-careers .technology .left {
width: 50%;
}
section.headquarters-careers .credit .full-wrapper {
}
section.headquarters-careers .credit .left {
width: 56%;
}
section.headquarters-careers .hautelook .full-wrapper {
}
section.headquarters-careers .hautelook .left {
width: 75%;
}
section.headquarters-careers .merchandise .left {
width: 50%;
}
section.headquarters-careers .merchandise .full-wrapper {
background: rgba(255,255,255,0);
}
section.headquarters-careers .merchandise .left {
width: 50%;
}
section.headquarters-careers .human-resources .full-wrapper {
}
section.headquarters-careers .human-resources .left {
width: 56%;
}
section.headquarters-careers .operations .full-wrapper {
background: rgba(255,255,255,0);
}
section.headquarters-careers .operations .left {
width: 56%;
}
section.headquarters-careers .supplychain .full-wrapper {
}
section.headquarters-careers .supplychain .left {
width: 50%;
}
section.headquarters-careers .carousel p {
font-size: .9em;
line-height: 1.2em;
}
section.student-center .retail .left {
width: 56%;
}
section.student-center .corporate .full-wrapper {
}
section.student-center .corporate .right {
width: 56%;
}
section.student-center .merchandise .full-wrapper {
}
section.student-center .merchandise .left {
width: 66%;
}
section.student-center .mba .left {
width: 56%;
}
section.student-center .requirements .full-wrapper {
}
section.student-center .requirements .left {
width: 66%;
}
section.international-careers .canada div.right {
left: 10%;
width: 80%;
}
section.international-careers .canada img {
height: 20px;
width: 20px;
margin-bottom: 0;
}
section.international-careers .canada ul li {
font-size: .9em;
}
section.international-careers .puertorico div.right {
left: 10%;
width: 80%;
}
section.international-careers .puertorico img {
height: 20px;
width: 20px;
margin-bottom: 0;
}
section.international-careers .puertorico ul li {
font-size: .9em;
}
section.international-careers .carousel h1 {
font-size: 1.6em;
}
section.international-careers .carousel h3 {
margin: 0 0 1em 0;
}
section.international-careers .carousel p {
font-size: .9em;
line-height: normal;
padding: 0 2% 0 2%;
}
section.international-careers .main ul.gotos a {
font-size: .7em;
}
section.retail-careers .main .box {
padding-right: 0;
}
section.retail-careers .main .box p,
section.retail-careers .stores .box p {
font-size: 0.9em;
}
section.retail-careers .main .box ul {
font-size: 1em;
}
section.retail-careers .main .box ul li {
font-size: .7em;
margin-bottom: .5em;
}
section.tech .main .box {
padding-right: 0;
}
section.tech .main .box p,
section.tech .builtin .box p {
font-size: 0.9em;
}
section.tech .main .box ul {
font-size: 1em;
}
section.tech .main .box ul li {
font-size: .7em;
margin-bottom: .5em;
}
section.student-center .carousel h1 {
font-size: 1.6em;
}
section.student-center .carousel h3 {
font-size: .9em;
margin: 0 0 1em 0;
}
section.student-center .carousel p {
font-size: .9em;
}
section.student-center div.left {
padding-top: 3em;
left: 10%;
width: 96%;
}
section.student-center div.left p {
padding-right: 0;
}
section.student-center .corporate div.left {
width: 48%;
}
section.student-center .main h3 {
font-size: .85em;
margin: 0 0 .5em 0;
}
section.student-center .main div.right {
left: 4%;
width: 94%;
padding-top: 0%;
}
section.student-center .main .full-wrapper {
height: 100%;
background: transparent;
}
section.student-center .main ul {
margin-top: 0;
}
section.student-center .main a {
font-size: .7em;
}
section.student-center .main p {
line-height: 1.2em;
}
section.student-center div.left p {
text-align: left;
width: 85%;
}
section.student-center .mba div.right {
padding-top: 3em;
left: 42%;
width: 49%;
}
section.headquarters-careers .requirements .full-wrapper {
background: rgba(255,255,255,0.7);
}
section.about-us .cares .full-wrapper {
}
section.about-us-video .cares .full-wrapper {
}
section.video h1.watermark {
margin-top: -7.5em;
padding-top: 43px;
}
.additional {
display: none;
}
.additionalSeason {
display: none;
}
.additionalJob {
display: none;
}
article {
margin-top: 65px;
}
nav.slide .sub-link {
display: none;
}
nav.sub ul {
margin: 6px auto;
}
nav.sub ul li,
nav.sub-locked ul li {
background-size: 22px 20px;
background-position: 91% center;
margin: 0;
font-size: 0.7em;
float:left;
padding: 1px 0;
}
nav.sub ul li a {
padding: 8px 32px 6px 6px;
}
nav.sub-locked {
display: block;
}
nav.sub-locked ul {
margin: 0;
width: 102%;
}
nav.sub-locked ul li.profile,
nav.sub-locked ul li.search {
width: 31%;
}
nav.sub-locked ul li.employees {
width: 36%;
}
nav.sub-locked ul li a {
padding: 5px 32px 6px 6px;
}
.carousel-nav .next, .carousel-nav .prev {
height: 35px;
margin-top: -22px;
background-image: url('../images/left-arrow-mobile.png');
background-repeat: no-repeat;
background-position: 79% center;
width: 35px;
border-radius: 115px;
background-color: rgba(0,0,0,0.8);
padding: 10px;
background-size: 27%;
margin-left: -40px;
}
.carousel-nav .next {
background-image: url('../images/right-arrow-mobile.png');
margin-left: 0;
margin-right: -40px;
background-position: 17% center;
}
.pagination-wrapper ol.carousel-pagination li a {
width: 25px;
height: 40px;
}
.pagination-wrapper ol.carousel-pagination li a .bubble {
margin: 14px auto;
}
nav.main {
text-align: center;
}
nav.main .logo {
margin: 19px auto 15px;
}
nav.main .scroll {
position: absolute;
margin: 0 20px;
overflow: hidden;
}
nav.main .scroll .breadcrumbs {
width: 1200%;
position: relative;
text-align: left;
}
nav.main ul.scroll-controls .left a, nav.main ul.scroll-controls .right a {
background: url('../images/bg_direction_nav.png');
height: 27px;
width: 27px;
}
nav.main .left, nav.main .right {
position: absolute;
margin-top: -7px;
z-index: 5;
}
nav.main .right {
right: 0;
}
nav.main ul.scroll-controls .right a {
background-position: 100% 0;
}
}
/* --- MOBILE LANDSCAPE <----- */
@media only screen and (min-width: 480px) and (max-width: 759px),
only screen and (min-width: 480px) and (max-width: 759px) and (orientation: landscape) {
section.video .play-video {
background-size: contain;
width: 74px;
margin-left: -37px;
margin-top: -8px;
}
/* Together */
section.retail-careers .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.tech .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.headquarters-careers .ecommerce-video .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.about-us-video .OurPeopleStory01 .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.about-us-video .OurPeopleStory02 .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.about-us-video .opendoor .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.about-us-video .worklife .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.about-us-video .culture .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.international-careers .canada-video .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
#canada-video {
margin-right: 30px;
margin-top: 55px;
margin-left: -190px;
}
section.student-center .student-centermain-video .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
#student-centermain-video {
margin-right: 30px;
margin-top: 50px;
margin-left: -200px;
}
section.student-center .student-centertechintern-video .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
#student-centertechintern-video {
margin-right: 65px;
margin-top: 58px;
margin-left: -190px;
}
.desktop-text {
display: none;
}
.mobile-text {
display: inline;
}
nav.sub-locked {
height: 41px;
padding-top: 0;
display: none;
}
.video-curtain .close {
/* font-size: 40px;
height: 35px;
width: 35px;
line-height: 24px;
margin-top: -35px;
margin-right: -36px;*/
margin-right: -24px;
margin-top: -25px;
font-size: 35px;
line-height: 24px;
height: 30px;
width: 30px;
}
section.video {
background-image: url('../images/video-mobile.jpg');
}
article.container {
margin-top: 60px;
}
nav.main h1.logo {
float: left;
background-size: 66%;
background-repeat: no-repeat;
margin: 7px 13px;
}
nav.main {
height: 60px;
}
nav.sub {
display: none;
}
.carousel-nav .next,
.carousel-nav .prev {
height: 60px;
margin-top: -22px;
background-position: 25% center;
width: 60px;
border-radius: 137px;
background-color: rgba(0,0,0,0.8);
background-size: 33%;
background-repeat: no-repeat;
margin-right: -39px;
background-image: url('../images/right-arrow-mobile.png');
}
.carousel-nav .prev {
background-image: url('../images/left-arrow-mobile.png');
margin-right: 0;
margin-left: -39px;
background-position: 75% center;
}
body nav.slide ul li a.current-section:before,
body nav.slide ul li a.current-section:after {
top: 22px;
}
section h1 {
font-size: 1.4em;
}
section h2 {
font-size: .9em;
margin: 5px 0;
}
section h3 {
font-size: .8em;
margin: 0.4em 0;
}
section p {
font-size: .8em;
}
.about-us-video h3, .opendoor h3 {
margin-top: 4.5em;
text-align: center;
}
.about-us-video h3, .culture h3 {
margin-top: 4.5em;
text-align: center;
}
.about-us-video h3, .worklife h3 {
margin-top: 4.5em;
text-align: center;
}
.stores h3, .stores_nyc h3 {
margin-top: 5.75em;
}
.stores h3, .rack h3 {
margin-top: 5.75em;
}
.tech h3, .tech-home h3 {
margin-top: 5.75em;
}
.tech h3, .builtin h3 {
margin-top: 5.75em;
}
section .bar {
font-size: 1em;
bottom: 15%;
left: 13%;
width: 69%;
display: none;
}
section .left h3 {
font-size: .8em;
}
section .wrapper, section .full-wrapper {
width: 100%;
height: 100%;
max-width: 1000px;
margin: 0 auto;
}
/* panel specific rules */
section.about-us .benefits p {
font-size: .8em;
}
section.student-center .additional-information .translucent {
background: rgba(255,255,255,0.9);
left: 7%;
}
section.about-us .cares p {
font-size: .8em;
}
section.about-us .cares .full-wrapper div.left {
width: 55%;
}
section.about-us .culture p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .8em;
line-height: normal;
padding: 0 3%;
}
section.about-us .main p {
font-size: .8em;
}
section.about-us .main ul {
margin-top: 1em;
}
section.about-us .main ul li {
margin-bottom: .25em;
}
section.about-us .main ul.gotos li a {
font-size: .7em;
}
section.about-us-video .OurPeopleStory01 p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .8em;
line-height: normal;
padding: 0 3%;
}
section.about-us-video .OurPeopleStory02 p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .8em;
line-height: normal;
padding: 0 3%;
}
section.about-us-video .opendoor p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .8em;
line-height: normal;
padding: 0 3%;
}
section.about-us-video .culture p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .8em;
line-height: normal;
padding: 0 3%;
}
section.about-us-video .worklife p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: .8em;
line-height: normal;
padding: 0 3%;
}
section.about-us-video .main p {
font-size: .8em;
}
section.about-us-video .main ul {
margin-top: 1em;
}
section.about-us-video .main ul li {
margin-bottom: .25em;
}
section.about-us-video .main ul.gotos li a {
font-size: .7em;
}
section.contact-us .carousel h1 {
font-size: 1.4em;
}
section.contact-us .carousel h3 {
font-size: .75em;
}
section.contact-us .carousel p,
section.contact-us .carousel .questions p{
font-size: .7em;
}
section.contact-us .faq .scrollbox {
height: 46%;
padding: 5px;
}
section.contact-us .faq .questions li {
padding: .1em;
margin-bottom: 0;
}
section.contact-us .faq .questions .bulleted {
font-size: .7em;
}
section.contact-us .faq .questions .selected .answer p {
padding: 8px 12px 14px;
}
section.contact-us .faq .questions .close {
font-size: .7em;
}
section.contact-us .privacy .scrollbox {
height: 46%;
padding: 5px;
}
section.contact-us .privacy .questions li {
padding: .1em;
margin-bottom: 0;
}
section.contact-us .privacy .questions .bulleted {
font-size: .7em;
}
section.contact-us .privacy .questions .selected .answer p {
padding: 8px 12px 14px;
}
section.contact-us .privacy .questions .close {
font-size: .7em;
}
section.contact-us .main ul {
margin-top: 5px;
}
section.contact-us .main ul li a {
font-size: .7em;
}
section.contact-us .more-questions {
display: none;
}
section.headquarters-careers .carousel h1 {
font-size: 1.4em;
}
section.headquarters-careers .carousel p {
font-size: .8em;
}
section.headquarters-careers div.left {
padding-top: 2em;
left: 10%;
width: 37%;
}
section.headquarters-careers .ecommerce .full-wrapper {
}
section.headquarters-careers .ecommerce .left {
width: 59%;
}
section.headquarters-careers .hautelook div.left {
width: 47%;
}
section.headquarters-careers .merchandise div.left {
width: 43%;
}
section.headquarters-careers .product-development .full-wrapper {
}
section.headquarters-careers .product-development .left {
width: 59%;
}
section.headquarters-careers .technology div.left {
width: 43%;
}
section.headquarters-careers .marketing div.left {
width: 47%;
}
section.headquarters-careers .strategy div.left {
width: 47%;
}
section.headquarters-careers .credit div.left {
width: 57%;
}
section.headquarters-careers .human-resources div.left {
width: 53%;
}
section.headquarters-careers .operations div.left {
width: 48%;
}
section.headquarters-careers .supplychain div.left {
width: 43%;
}
section.headquarters-careers .main h1 {
font-size: 1.4em;
}
section.headquarters-careers .main ul {
margin: 0;
}
section.headquarters-careers .main ul.gotos li a {
font-size: .75em;
}
section.headquarters-careers .main p {
font-size: .8em;
}
section.international-careers .canada div.right {
padding-top: 4%;
}
section.international-careers .canada a {
font-size: .7em;
}
section.international-careers .canada img {
height: 28px;
width: 28px;
margin-bottom: -.3em;
}
section.international-careers .canada p {
padding: 0 12% 0 12.5%;
}
section.international-careers .canada ul {
margin-top: .3em;
}
section.international-careers .canada ul li {
font-size: .7em;
margin-bottom: 0;
}
section.international-careers .puertorico div.right {
padding-top: 4%;
}
section.international-careers .puertorico a {
font-size: .7em;
}
section.international-careers .puertorico img {
height: 28px;
width: 28px;
margin-bottom: -.3em;
}
section.international-careers .puertorico p {
padding: 0 12% 0 12.5%;
}
section.international-careers .puertorico ul {
margin-top: .3em;
}
section.international-careers .puertorico ul li {
font-size: .7em;
margin-bottom: 0;
}
section.international-careers .carousel h1 {
font-size: 1.4em;
}
section.international-careers .carousel h3 {
font-size: .75em;
}
section.international-careers .carousel p {
font-size: .8em;
line-height: 1.2em;
}
section.international-careers .main ul.gotos a {
font-size: .8em;
}
section.international-careers .main p {
line-height: 1.5em;
}
section.student-center .requirements div.left {
width: 73%;
}
section.retail-careers h1 {
font-size: 1.4em;
}
section.retail-careers .main .box p,
section.retail-careers .stores .box p {
font-size: 0.8em;
}
section.retail-careers .main .box ul {
font-size: 0.8em;
}
section.retail-careers .main .box ul li {
font-size: 0.8em;
}
section.tech h1 {
font-size: 1.4em;
}
section.tech .main .box p,
section.tech .tech-home .box p {
font-size: 0.8em;
}
section.tech .main .box ul {
font-size: 0.8em;
text-align: center;
}
section.tech .main .box ul li {
font-size: 0.8em;
text-align: center;
}
section.tech .main .box p,
section.tech .builtin .box p {
font-size: 0.8em;
}
section.student-center .carousel h1 {
font-size: 1.4em;
}
section.student-center .carousel h3 {
font-size: .9em;
}
section.student-center .carousel p {
font-size: .7em;
}
section.student-center div.left {
padding-top: 4%;
}
section.student-center div.left p {
padding-right: 25%;
}
section.student-center .main div.right {
left: 38%;
width: 70%;
padding-top: 4%;
}
section.student-center .main p {
margin-bottom: .8em;
padding: 0 12%;
line-height: 1.2em;
}
section.student-center .main a {
font-size: .7em;
}
section.student-center .main ul {
margin-top: .5em;
}
section.student-center .mba div.right {
padding-top: 4%;
}
section .play-button {
width: 54px;
height: 53px;
}
section.video h1.watermark {
margin-top: -4.5em;
}
.additional {
display: none;
}
.additionalSeason {
display: none;
}
.additionalJob {
display: none;
}
article {
margin-top: 65px;
}
nav.slide .sub-link {
display: block;
}
nav.sub {
height: 55px;
}
nav.sub span.normal-text,
nav.sub-locked span.normal-text {
display: none;
}
nav.sub span.mobile-text,
nav.sub-locked span.mobile-text {
display: inline;
}
nav.sub ul {
margin: 6px auto;
}
nav.sub ul li,
nav.sub-locked ul li {
line-height: 21px;
background-size: 22px 20px;
background-position: 91% center;
font-size: 0.6em;
}
nav.sub ul li a {
padding: 8px 35px 8px 8px;
}
nav.sub.locked {
display: block;
position: fixed;
}
nav.sub-locked ul li {
margin: 0 2px;
}
nav.sub-locked ul li.profile,
nav.sub-locked ul li.search,
nav.sub-locked ul li.employees {
background-image: none;
}
nav.sub-locked ul li a {
padding: 8px;
}
nav.main .scroll {
position: absolute;
margin: 0 20px;
overflow: hidden;
}
nav.main .scroll .breadcrumbs {
width: 1200%;
position: relative;
text-align: left;
}
nav.main ul.scroll-controls .left a, nav.main ul.scroll-controls .right a {
background: url('../images/bg_direction_nav.png');
height: 27px;
width: 27px;
}
nav.main .left, nav.main .right {
position: absolute;
margin-top: -7px;
z-index: 5;
}
nav.main .right {
right: 0;
}
nav.main ul.scroll-controls .right a {
background-position: 100% 0;
}
}
/* --- TABLET PORTRAIT <----- */
@media only screen and (min-width: 760px) and (max-width: 1023px),
only screen and (min-width: 760px) and (max-width: 1023px) and (orientation: portrait) {
nav.main .scroll {
position: absolute;
margin: 0 20px;
overflow: hidden;
}
article {
margin-top: 60px;
}
body nav.slide ul li a.current-section:before,
body nav.slide ul li a.current-section:after {
top: 22px;
}
nav.main h1.logo {
float: left;
background-size: 66%;
background-repeat: no-repeat;
margin: 7px 13px;
}
nav.main {
height: 60px;
}
.play-video {
margin-top: -35px;
}
#canada-video {
margin-left: -20px;
margin-top: 250px;
float: left;
}
#student-centermain-video {
margin-left: -30px;
margin-top: 25px;
float: left;
}
section.play-button {
width: 71px;
height: 70px;
}
.video-curtain .close {/*
font-size: 40px;
height: 35px;
width: 35px;
line-height: 24px;
margin-top: -35px;
margin-right: -36px;*/
}
.mobile-box {
background: rgba(255,255,255,0.88);
position: absolute;
top: 22%;
float: left;
left: 12.5%;
right: 12.5%;
padding: 0 5% 3% 5%;
padding: 10px;
}
nav.sub ul li {
margin: 4px 10px;
}
section h1 {
font-size: 3em;
}
section h3 {
font-size: 1.4em;
}
section p {
font-size: 1em;
}
section .full-wrapper {
background: rgba(255,255,255,0.6);
height: 100%;
}
section .play-button {
width: 71px;
height: 70px;
}
/* panel specific rules */
section.headquarters-careers .carousel .full-wrapper,
section.international-careers .canada .full-wrapper,
section.international-careers .puertorico .full-wrapper,
section.student-center .carousel .full-wrapper {
background: none;
}
section.about-us .benefits p {
font-size: 1em;
}
section.about-us .cares p {
font-size: 1em;
}
section.about-us .cares .full-wrapper div.left {
padding-top: 3%;
left: 10.5%;
width: 40%;
}
section.about-us .culture p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: 1em;
padding: 0 7%;
}
section.about-us .main p {
margin-top: .6em;
font-size: 1em;
}
section.about-us .main ul {
margin-top: 1.6em;
}
section.about-us .main ul li {
margin-bottom: .5em;
}
section.about-us .main ul li a {
font-size: .8em;
}
section.about-us-video .OurPeopleStory01 p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: 1em;
padding: 0 7%;
}
section.about-us-video .OurPeopleStory02 p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: 1em;
padding: 0 7%;
}
section.about-us-video .opendoor p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: 1em;
padding: 0 7%;
}
section.about-us-video .culture p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: 1em;
padding: 0 7%;
}
section.about-us-video .worklife p {
font-family:Arial, "Arial, Helvetica, sans-serif", Arial, sans-serif;
font-size: 1em;
padding: 0 7%;
}
section.about-us-video .main p {
margin-top: .6em;
font-size: 1em;
}
section.about-us-video .main ul {
margin-top: 1.6em;
}
section.about-us-video .main ul li {
margin-bottom: .5em;
}
section.about-us-video .main ul li a {
font-size: .8em;
}
section .bar {
font-size: .8em;
left: 12.5%;
width: 72.5%;
}
section.contact-us .carousel h1 {
font-size: 3em;
}
section.contact-us .carousel h3 {
font-size: .8em;
margin-bottom: 0;
}
section.contact-us .carousel p {
font-size: 1em;
}
section.contact-us .faq h1 {
font-size: 2.25em;
margin-top: .8em;
}
section.contact-us .faq h2 {
font-size: 2em;
}
section.contact-us .faq .scrollbox {
height: 55%;
padding: 5px;
}
section.contact-us .faq .questions li {
margin-bottom: .3em;
}
section.contact-us .privacy h1 {
font-size: 2.25em;
margin-top: .8em;
}
section.contact-us .privacy h2 {
font-size: 2em;
}
section.contact-us .privacy .scrollbox {
height: 55%;
padding: 5px;
}
section.contact-us .privacy .questions li {
margin-bottom: .3em;
}
section.headquarters-careers .full-wrapper div.left {
padding-top: 3%;
left: 12.5%;
width: 28%;
}
section.headquarters-careers .full-wrapper h1 {
font-size: 2.5em;
line-height: 1em;
}
section.headquarters-careers .full-wrapper div.left p {
font-size: 1em;
}
section.headquarters-careers .finance .full-wrapper {
}
section.headquarters-careers .main h1 {
font-size: 2em;
}
section.headquarters-careers .main ul.gotos li a {
font-size: 1em;
}
section.headquarters-careers .main p {
font-size: 1em;
}
section.headquarters-careers div.left p {
font-size: 1em;
}
section.headquarters-careers .ecommerce div.left {
width: 38%;
}
section.headquarters-careers .product-development div.left {
width: 38%;
}
section.headquarters-careers .hautelook div.left {
width: 32%;
}
section.headquarters-careers .merchandise div.left {
width: 32%;
}
section.headquarters-careers .technology .full-wrapper {
}
section.headquarters-careers .operations div.left {
width: 40%;
}
section.headquarters-careers .supplychain .full-wrapper {
}
section.international-careers .canada div.right {
left: 43%;
position: relative;
text-align: center;
width: 55%;
padding-top: 6%;
}
section.international-careers .canada a {
font-size: .8em;
}
section.international-careers .canada img {
height: 40px;
width: 40px;
margin-bottom: -.3em;
}
section.international-careers .canada p {
font-size: 1em;
line-height: 1.6em;
}
section.international-careers .canada ul {
margin-top: 1em;
}
section.international-careers .canada ul li {
margin-top: .2em;
font-size: .8em;
}
section.international-careers .puertorico div.right {
left: 43%;
position: relative;
text-align: center;
width: 55%;
padding-top: 6%;
}
section.international-careers .puertorico a {
font-size: .8em;
}
section.international-careers .puertorico img {
height: 40px;
width: 40px;
margin-bottom: -.3em;
}
section.international-careers .puertorico p {
font-size: 1em;
line-height: 1.6em;
}
section.international-careers .puertorico ul {
margin-top: 1em;
}
section.international-careers .puertorico ul li {
margin-top: .2em;
font-size: .8em;
}
section.international-careers .carousel h1 {
font-size: 2.7em;
}
section.international-careers .carousel h3 {
font-size: 1em;
}
section.international-careers .main p {
font-size: 1em;
line-height: 2em;
}
section.retail-careers ul li {
margin-bottom: 1em;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;
}
section.retail-careers .tech-home .box p {
font-size: 1em;
}
section.tech ul li {
margin-bottom: 1em;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;
}
section.tech .tech-home .box p {
font-size: 1em;
}
section.student-center .carousel h1 {
font-size: 2.65em;
}
section.student-center .carousel h3 {
font-size: 1em;
}
section.student-center .carousel p {
font-size: 1em;
}
section.student-center div.left {
padding-top: 4%;
}
section.student-center .main div.right {
padding-top: .5em;
left: auto;
width: auto;
}
section.student-center .main p {
margin-bottom: 5em;
line-height: 1.2em;
}
section.student-center .main a {
font-size: .9em;
}
section.student-center .main ul {
margin-top: 4em;
}
section.student-centermain-video .main p {
margin-top: .6em;
font-size: 1em;
}
section.student-centermain-video .main ul {
margin-top: 2.6em;
}
section.student-centermain-video .main ul li {
margin-bottom: .9em;
}
section.student-centermain-video .main ul li a {
font-size: .8em;
}
section.student-center .corporate .full-wrapper {
background: rgba(255,255,255,0.5);
}
section.student-center .merchandise div.left {
width: 50%;
}
section.student-center .merchandise div.left p {
padding-right: 12%;
}
section.student-center .additional-information .full-wrapper {
background: rgba(255,255,255,0.5);
}
section.video h1.watermark {
margin-top: -2em;
}
.additional {
display: none;
}
.additionalSeason {
display: none;
}
.additionalJob {
display: none;
}
nav.slide .sub-link {
display: none;
}
nav.sub-locked ul {
margin: 41px 28% 0 28%;
}
nav.main .scroll .breadcrumbs {
width: 1200%;
position: relative;
text-align: left;
}
nav.main ul.scroll-controls .left a, nav.main ul.scroll-controls .right a {
background: url('../images/bg_direction_nav.png');
height: 27px;
width: 27px;
}
nav.main .left, nav.main .right {
position: absolute;
margin-top: -7px;
z-index: 5;
}
nav.main .right {
right: 0;
}
nav.main ul.scroll-controls .right a {
background-position: 100% 0;
}
}
/* --- TABLET LANDSCAPE <----- */
@media only screen and (min-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.5) {
section.video .play-video {
background-size: contain;
width: 74px;
margin-left: -37px;
margin-top: -8px;
}
/* Together */
section.retail-careers .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.tech .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.about-us-video .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.headquarters-careers .about-us-video .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.headquarters-careers .ecommerce-video .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.international-careers .canada-video .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.student-center .student-centermain-video .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -45%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
section.student-center .student-centertechintern-video .play-video {
background-size: contain;
width: 50px; /* adjust to resize */
margin-left: -5%; /* 25px, -25px etc to adjust horizontal*/
margin-top: -5px; /* 25px, -25px, etc to adjust vertical */
}
#student-centertechintern-video {
margin-right: 65px;
margin-top: 58px;
margin-left: -190px;
}
section.contact-us .faq h1 {
font-size: 2.8em;
margin-top: .8em;
}
section.contact-us .privacy h1 {
font-size: 2.8em;
margin-top: .8em;
}
section.headquarters-careers .full-wrapper div.left {
width: 32%;
}
section.headquarters-careers .hautelook div.left {
width: 45%;
}
section.headquarters-careers .merchandise div.left {
width: 45%;
}
section.about-us .cares .full-wrapper div.left {
width: 48%;
}
}
header
,nav
,section
,article
,aside
,footer
,banner
,hgroup
{
display: block;
}
@media all and (max-width: 1023px) {
nav.main h1.logo {
width: 145px;
background-size: 100%;
}
nav.main .scroll-controls {
display: none;
}
nav.slide {
display: block;
position: fixed;
left: 100%;
height: 100%;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-ms-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
top: 0;
z-index: 55;
background: #000;
width: 210px;
margin-left: 0;
}
nav.main .menu-signal {
width: 135px;
float: right;
display: block;
cursor: pointer;
position: relative;
}
nav.main .menu-sign {
float: left;
margin: 22px 0;
font-size: .8em;
display: block;
text-align: right;
width: 100px;
}
nav.main .menu-bars {
border-top: 6px double #d6d8d9;
border-bottom: 2px solid #d6d8d9;
width: 13px;
height: 2px;
display: block;
margin: 25px 17px 0 0;
float: right;
}
nav.slide ul {
margin: 0 21px 17px 21px;
font-size: .8em;
display: block;
overflow-y: scroll;
width: 100%;
height: 100%;
padding-top: 4px;
}
nav.slide ul li {
margin: 10px 27px 10px 0;
display: block;
}
nav.slide ul li:last-child {
margin-bottom: 40px;
}
nav.slide ul li a {
color: #aaa;
display: block;
}
nav.slide ul li a span {
float: right;
}
nav.slide ul li a.current-section {
color: #fff;
}
nav.slide ul li:first-child a {
color: #fff;
border-bottom: 2px solid #d6d8d9;
width: 100%;
display: block;
padding-bottom: 3px;
}
nav.slide.active {
margin-left: -210px;
z-index: 57;
}
nav.slide.active ul li a.current-section:before,
nav.slide.active ul li a.current-section:after {
opacity: 0;
}
section .carousel > div {
background-attachment: scroll;
background-position-y: 0;
background-position: right 0;
}
section.video {
background-attachment: scroll;
background-position-y: 0;
background-position: right 0;
}