@font-face{
    font-family:"HelveticaW01-BlkCnObl";
    src: url("https://assets.macysassets.com/dyn_img/fonts/bc9fa213-e446-4bcc-8c2a-a79bce168f1f.eot");
    src: url("https://assets.macysassets.com/dyn_img/fonts/bc9fa213-e446-4bcc-8c2a-a79bce168f1f.eot?#iefix") format("embedded-opentype"),url("https://assets.macysassets.com/dyn_img/fonts/6d3c425e-62b2-4a19-bc43-aa5cd053a1a2.woff") format("woff"),url("https://assets.macysassets.com/dyn_img/fonts/b063aad2-5f1d-4fe9-8868-f16b42f061cb.ttf") format("truetype"),url("https://assets.macysassets.com/dyn_img/fonts/30f150ca-171d-4797-a6e9-b377598a5338.svg#30f150ca-171d-4797-a6e9-b377598a5338") format("svg");
}

@font-face{
    font-family:"Helvetica W01 Bd Cn Obl";
    src: url("https://assets.macysassets.com/dyn_img/fonts/a934e9e2-d3a9-40f4-86ae-85c22678e019.eot");
    src: url("https://assets.macysassets.com/dyn_img/fonts/a934e9e2-d3a9-40f4-86ae-85c22678e019.eot?#iefix") format("embedded-opentype"),url("https://assets.macysassets.com/dyn_img/fonts/16f3d43f-3a3e-4133-a621-852b46ab4aed.woff") format("woff"),url("https://assets.macysassets.com/dyn_img/fonts/37049cc8-dea4-4241-ba74-7e3cc2e4e952.ttf") format("truetype"),url("https://assets.macysassets.com/dyn_img/fonts/e757cef9-18ad-4bde-b4ed-b9ddc8640c6b.svg#e757cef9-18ad-4bde-b4ed-b9ddc8640c6b") format("svg");
}

@font-face{
    font-family:"Helvetica W01 Light Cn";
    src: url("https://assets.macysassets.com/dyn_img/fonts/098224b7-370a-43f8-bb4e-f3779e83a5d0.eot");
    src: url("https://assets.macysassets.com/dyn_img/fonts/098224b7-370a-43f8-bb4e-f3779e83a5d0.eot?#iefix") format("embedded-opentype"),url("https://assets.macysassets.com/dyn_img/fonts/ff1d6fe9-1eb4-4b56-a54d-c4e9c3c231e4.woff") format("woff"),url("https://assets.macysassets.com/dyn_img/fonts/7f604f39-0277-4222-9b21-cce46dc1a18e.ttf") format("truetype"),url("https://assets.macysassets.com/dyn_img/fonts/836329ae-a7e9-4192-9b9c-433c0d254f0e.svg#836329ae-a7e9-4192-9b9c-433c0d254f0e") format("svg");
}

@font-face{
    font-family:"HelveticaW01-LightCnObl";
    src: url("https://assets.macysassets.com/dyn_img/fonts/e31bace2-95f1-4400-b598-91b72cb664e6.eot");
    src: url("https://assets.macysassets.com/dyn_img/fonts/e31bace2-95f1-4400-b598-91b72cb664e6.eot?#iefix") format("embedded-opentype"),url("https://assets.macysassets.com/dyn_img/fonts/965b68ab-e571-4313-8fd1-be34ee0f07f7.woff") format("woff"),url("https://assets.macysassets.com/dyn_img/fonts/c1297430-5e7f-4a30-a634-53ef2b226df6.ttf") format("truetype"),url("https://assets.macysassets.com/dyn_img/fonts/d65eae35-803d-4de8-9b40-786f511aab04.svg#d65eae35-803d-4de8-9b40-786f511aab04") format("svg");
}

@font-face{
    font-family:"Helvetica W01 Cn Obl";
    src: url("https://assets.macysassets.com/dyn_img/fonts/129976c1-f03b-4b06-97db-462b3ba51e67.eot");
    src: url("https://assets.macysassets.com/dyn_img/fonts/129976c1-f03b-4b06-97db-462b3ba51e67.eot?#iefix") format("embedded-opentype"),url("https://assets.macysassets.com/dyn_img/fonts/19bc42c7-7557-49a3-a35b-12745906a6a6.woff") format("woff"),url("https://assets.macysassets.com/dyn_img/fonts/f6c30925-be40-4d1b-9d14-15b829bf5def.ttf") format("truetype"),url("https://assets.macysassets.com/dyn_img/fonts/8fca987c-d7b1-47eb-912a-1c329ad84260.svg#8fca987c-d7b1-47eb-912a-1c329ad84260") format("svg");
}

#globalContentContainer {
    border: none;
}
.denim-destination-container ul {

    margin: 0 0 4.5em; /* 24 / 16 */
    padding: 0;
}
.denim-destination-container li {
    line-height: 1.5; /* 24 / 16 */
    margin: 0;
    display: inline-block;
    /*cursor:pointer;*/
    padding: 30px;
}
.denim-destination-container{
    width: 900px;
    margin: 0 auto;
    line-height: 0;
}
.denim-nav ul li a.active {
    color: #ec008c;
    /*background-color: #1f415e;*/
}

.denim-nav ul li a:hover {
    color: #ec008c;
}

    .nav-washes-hover {
        color:#ec008c;
    }

.denim-destination-content{
    border-right: 7px solid #34496C;
    border-left: 7px solid #34496C;
    width: 900px;
    height: 2475px;
}
/* fits styles */

/*.fits, .washes{
    position: relative;
}*/
.fits {
    position: relative;
}
.fits-top-nav{
    position: absolute;
    top: -18px;
    left: 65px;
}
.fits-top-nav li a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-family: "Helvetica W01 Bd Cn", Helvetica, Verdana, Arial, sans-serif;
    margin: 10px;
    letter-spacing: 1px;
}
.fits-top-nav li a:hover{
    color: #ec008c;
}
.fits-bottom-nav{
    position: absolute;
    top: 578px;
    left: 34px;
}
.fits-bottom-nav li a{
    color: #485977;
    text-decoration: none;
    font-size: 14px;
    font-family: "Helvetica W01 Bd Cn", Helvetica, Verdana, Arial, sans-serif;
    margin-left: -8px;
    letter-spacing: 1px;
}
.fits-bottom-nav .active a {
    background-color:#ccc !important
}

.washes-top-nav{
    position: absolute;
    top: 460px;
    left: 5px;
}
.washes-top-nav li{
    line-height: 15px;
    /*margin-left: 20px*/
}
.washes-top-nav li a{
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-family: "Helvetica W01 Bd Cn", Helvetica, Verdana, Arial, sans-serif;
    margin: 5px;
    letter-spacing: 1px;
}
/* slide styles */

#macysSlideshow {
    /*width and height of the slides go here*/
    height:463px;
    margin:0 auto;
    overflow: hidden;
    position: absolute;
    top:174px;
    clear: both;

}
#macysSlideshowWrapper {
    /*width of all the slides combined (slidesWidth * 3) goes here*/
   /* width:6300px;
    height:636px;*/
}
.macysSlide {
    /*slide with and height goes here*/
    width:886px;
    height:463px;
    float:left;
    position: relative;
    margin:0;
}
.slide-container{
    position: relative;
    display:inline-block;
    float:left;
    width: 886px;
}
.arrow, .denim-close {
    position: absolute;
    cursor:pointer;
}

/*add left and right arrow positioning*/
#arrow_left {
    top:30%;
    left: 15px;
    padding-top:1px;
    z-index: 100;
}
#arrow_right {
    top:30%;
    left:855px;
    padding-top:1px;
    z-index: 100;
}
#x-img {
    top:1%;
    left: 850px;
    padding-top:1px;
    z-index: 100;
}

/* BRANDS STYLE */
#brands{
    position: relative;
    color: #34496c;
    /*margin-top: 196px;*/
}
.brand-content{
    position: absolute;
    top: 130px;
    left: 400px;
    height: 375px;
}
.dotted{
    border-bottom: 3px dashed #34496c;
    text-decoration: none;
    font-size: 20px;
}
ul.new-noteworthy-list{
    width: 470px;
    margin-bottom: 12px;
    overflow: hidden;
    margin-top: 95px;
}

.new-noteworthy-list li{
    line-height: 1.1em;
    float: left;
    display: inline;
    padding: 0;
}
.new-noteworthy-list li {
    width: 50%;
}
.new-noteworthy-list > li {
  text-indent: 3px;
}
.new-noteworthy-list > li:before {
  content: "-";
  text-indent: -4px;
  font-size: 12px;
  font-weight: bold;
 }

.new-noteworthy-list a{
    display: inline-block;
    color: #14377d;
    font-family: "Helvetica W01 Bd Cn", Helvetica, Verdana, Arial, sans-serif;
    font-size: 13px;
    text-decoration: underline;
    padding: 4px;
    letter-spacing: 1px;
}

ul.all-time-fav-list{
    overflow: hidden;
    margin-top: 90px;
    width: 465px;
}

.all-time-fav-list li{
    line-height: 1.1em;
    float: left;
    display: inline;
    padding: 0;
}
.all-time-fav-list li {
    width: 50%;
}
.all-time-fav-list > li {
  text-indent: 2px;
}
.all-time-fav-list > li:before {
  content: "-";
  text-indent: -4px;
  font-size: 12px;
    font-weight: bold;
 }

.all-time-fav-list a{
    display: inline-block;
    color: #14377d;
    font-family: "Helvetica W01 Bd Cn", Helvetica, Verdana, Arial, sans-serif;
    font-size: 13px;
    text-decoration: underline;
    padding: 4px;
    letter-spacing: 1px;
}
.brand-content-list{
    margin-left: 20px;
}

.reg {
    font-size: 9px;
    vertical-align: super;
    margin-left: -.5em;
}

/* how to wear it styles */
.how-to-wear {
    height: 712px;
}
.denim-destination-container label, a {
    cursor: pointer;
    text-decoration: none;
}

#slider {
    margin: 0 auto;
}

/* Slider Setup */

.denim-destination-container input {
    display: none;
}

#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100.4%; }
#slide3:checked ~ #slides .inner { margin-left:-200.4%; }
#slide4:checked ~ #slides .inner { margin-left:-300.4%; }
#slide5:checked ~ #slides .inner { margin-left:-400.4%; }
#slide6:checked ~ #slides .inner { margin-left:-500.4%; }
#slide7:checked ~ #slides .inner { margin-left:-600.4%; }
#slide8:checked ~ #slides .inner { margin-left:-700.5%; }

#overflow {
    overflow: hidden;
    height: 774px;
}

.denim-destination-container article img {
    width: 100%;
}

#slides .inner {
    width: 1100%;
    line-height: 0;
}

#slides article {
    /*width: 20%;*/
    float: left;
}

/* Control Setup */
.controls {
    margin: -29.9% 0 0 0;
    width: 100%;
}

.controls label {
    display: none;
    width: 50px;
    height: 50px;
    opacity: 0.3;
}

#active {
    /*margin: 20% 0 0;*/
    text-align: center;
    position: absolute;
    margin-left: 255px;
    margin-top: 175px;
}

#active label {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    margin-left: 35px;
}

#active label:hover {
    background: #ec008c;
    border-color: #777 !important;
}

.controls label {
    opacity: 0.8;
}

/*,
#slide8:checked ~ #right label:nth-child(1)*/
#slide5:checked ~ #right label:nth-child(6),
#slide6:checked ~ #right label:nth-child(7),
#slide7:checked ~ #right label:nth-child(8) {
    background: url('https://assets.macysassets.com/dyn_img/creativepages/denim-right-arr-01.png') no-repeat;
    float: right;
    margin: -190px -15px 0 0;
    display: block;
}

#slide1:checked ~ #right label:nth-child(2),
#slide2:checked ~ #right label:nth-child(3),
#slide3:checked ~ #right label:nth-child(4),
#slide4:checked ~ #right label:nth-child(5) {
    background: url('https://assets.macysassets.com/dyn_img/creativepages/white_right_03.png') no-repeat;
    float: right;
    margin: -190px -15px 0 0;
    display: block;
}

#slide5:checked ~ #left label:nth-child(4),
#slide6:checked ~ #left label:nth-child(5),
#slide7:checked ~ #left label:nth-child(6),
#slide8:checked ~ #left label:nth-child(7) {
    background: url('https://assets.macysassets.com/dyn_img/creativepages/denim-left-arr-01.png') no-repeat;
    float: left;
    margin: -190px 0 0 15px;
    display: block;
}

#slide2:checked ~ #left label:nth-child(1),
#slide3:checked ~ #left label:nth-child(2),
#slide4:checked ~ #left label:nth-child(3) {
    background: url('https://assets.macysassets.com/dyn_img/creativepages/white_left_03.png') no-repeat;
    float: left;
    margin: -190px 0 0 15px;
    display: block;
}

#active label:nth-child(1){
    display: none;
}

#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5),
#slide6:checked ~ #active label:nth-child(6),
#slide7:checked ~ #active label:nth-child(7),
#slide8:checked ~ #active label:nth-child(8){
    background: #ec008c;
    border-color: #ec008c !important;
}

/* Animation */

#slides .inner {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#slider {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.controls label{
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

/*washes styles*/
.washes {
    position: relative;
    top: 1326px;
}
.washes-content{
    position: absolute;
    top: 149px;
    /*left: 175px;*/
}
.washes-img {
    position: absolute;
    margin-left: -886px;
}

/*.hide {display:none;}*/

.show {display:block;}

#lw {
    display: none;
    top: -7px;
}

#dw {
    display: none;
    top: -7px;
}

#ww {
    display: none;
    top: -7px;
}

#bw {
    display: none;
    top: -7px;
}

#gw {
    display: none;
    top: -7px;
}

#mw {
    display: none;
    top: -7px;
}

.denim-destination-fit-wrapper {
    width: 886px;
    font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
}

.denim-destination-fit-wrapper p {
    margin: 0;
}
/* homepage slide show styles */

.macysNavSliderContainer {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 189px;
    display: none;
}

.macysNavSliderWrapper {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width: 886px;
}

.macysNavSlider {
    list-style-type: none;
    overflow: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 9999px;
    left: -886px;
}

.macysNavSlider li {
    list-style-type: none;
    padding: 0;
    float: left;
}

.macysNavSlider li p {
    margin: 0;
    text-align: center;
}

.macysNavSlider li p a {
    color: #000000;
    text-transform: uppercase;
}

.arrow {
    position: absolute;
}

.arrow_left {
    left: 20px;
    top: 200px;
    /*display: none;*/
}

.arrow_right {
    top: 200px;
    left: 860px;
}

.denim-close {
    position: absolute;
    top: 20px;
    left: 851px;
}
/* seo site nav slider style */

.style-img {
    height: 457px ! important;
}

.denim-destination-fit-slider-nav {
    width: 777px;
    padding: 0 0 20px 20px;
    display: inline-block;
}

.denim-destination-fit-slider-arrow-right {
    top: 70px;
    left: 812px;
}

.denim-destination-fit-slider-arrow-left {
    top: 70px;
}

ul.denim-destination-fit-slidenav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 614px; /* 607px */
    left: 35px;
    z-index: 100;
}

ul.denim-destination-fit-slidenav li {
    cursor: pointer;
    list-style-type: none;
    padding: 0px 53px 0 0;
    line-height: 24px;
    float: left;
}

ul.denim-destination-fit-slidenav li.last {
    padding-right: 0px;
}

ul.denim-destination-fit-slidenav li a {
    height: 25px;
    width: 92px;
    font-size: 14px;
    color: #485977;
    font-family: "Helvetica W01 Bd Cn", Helvetica, Verdana, Arial, sans-serif;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    display: block;
}
ul.denim-destination-fit-slidenav li a.activeslide {
    background: #d4d9df;
}

.frey {
    margin-top: -.25em;
}
