.wrapper ul { margin:0; padding:0; width:13440px; height:628px;}
.wrapper li { float:left; margin:0; width:960px; height:628px; list-style:none; border:none;}

.loading {background: url(images/spinner.gif) no-repeat center center; }

.forward { position: absolute; left:935px; width:25px; height:73px; top:126px; border:none; z-index:500; cursor: hand; cursor: pointer; }
.back { position: absolute; left:0; top:126px; width:25px; height:73px; border:none; z-index:500; cursor: hand; cursor: pointer; }


#forward, #back {
  display: none !important;
}
.get-quickshop{
    display: none;
}
.container {
  width: 960px;
  height:314px;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;

}
#stripContainer.container{
    display: none;
}
#plusSlideshowWrapper{
        display: none;
    }
.hdr-cont{
    display: inline-block;
    position: relative;
}
.hdr-txt-cont{
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5%;
}
.hdr-title{
    font-family: 'freight-big-pro';
    font-size:54px;
    font-weight: 700;
    color:#000;
}
.hdr-body{
    font-family: 'soleil';
    font-size:20px;
    font-weight: 400;
    line-height: 1.3;
    width: 60%;
    margin-top:1.5%;
}

.llBottomBar{
    width:768px;
    background-color:#000;
    position:absolute;
    left:0px;
    top:314px;
    height:40px;

}
.llSeeAllLink{
    position:absolute;
    top:0;
    left:186px;
    width:73px;
    height:40px;
    background-position: -92px -13px;
}
.llWoolLink {
    background-position: -165px -13px;
    height: 40px;
    left: 412px;
    position: absolute;
    top: 0;
    width: 108px;
}
.llLightweightLink {
    background-position: -273px -13px;
    height: 40px;
    left: 259px;
    position: absolute;
    top: 0;
    width: 151px;
}
.spriteBut{
    top:17px;
}

.llSeeAllLink:hover{
    background-position: -92px -53px;
    cursor:pointer;
}
.llWoolLink:hover{
    background-position: -165px -53px;
    cursor:pointer;
}
.llLightweightLink:hover{
    background-position: -273px -53px;
    cursor:pointer;
}

.llBlackTie{
position:absolute;

    left:520px;
    width:57px;
    height:40px;
    background-position: -424px -13px;
}
.llBlackTie:hover{
    background-position: -424px -53px;
    cursor:pointer;
}

.disclaimerButton{
    cursor:pointer;
}

::made-up-pseudo-element,#stripContainer .slide img{
border-right:1px #fff solid;
}

a.shopButton  { cursor: pointer;}
a.shopButton img { padding: 0px; border:none;}

/*a.shopButton:hover  { border-bottom: 1px solid #000;}*/

a.aboutButton  { cursor: pointer;}
a.aboutButton img { padding: 0px; border:none;}

a.shopAllButton  { cursor: pointer;}
a.shopAllButton img { padding: 0px; border:none;}

a.startButton  { cursor: pointer;}
a.startButton img { padding: 0px; border:none;}



a.invisButton{ cursor: hand; cursor: pointer;};
/*--------------------*/

area{outline:1px solid black;}

a.shopButton:hover {
    background-position: -114px -8px !important;
}

.overlay .travbtn { font-size: 17px; }

.overlay.allsuits .shopnow-btn {  }
.overlay.ludlow .shopnow-btn { top: 195px !important; left: 405px !important; }
.overlay.crosby .shopnow-btn { top: 195px !important; left: 405px !important; }
.overlay.blacktie .shopnow-btn { }
.overlay.traveler .shopnow-btn { top: 224px !important; left: 212px !important; }

/*.shopnow-btn { display: none; }*/
.travbtn { display: block; }
.tuxbtn{
    display: none
}
.blacktie .shopnow-btn{
    display: none;
}
.blacktie .tuxbtn{
    display: block
}
.blacktie .travbtn{
    display: none;
}

.overlay.traveler .shopnow-btn { display: block; }
.overlay.traveler .travbtn { display: none; }

.in-action { display: none; }
.overlay.traveler .shopnow-btn.in-action { display: none; }
.overlay.crosby .shopnow-btn.in-action { display: block; }
.overlay.crosby .shopnow-btn.in-action {
  top: 220px !important; left: 393px !important; width: 146px !important; font-size: 17px;
}
#lightbox {
  position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1201;
background-color: #fff;
opacity: .5;
filter: alpha(opacity=80);
  display: none;
}

#lightboxImg {
  position: absolute;
z-index: 1300;
left: 50%;
margin-left: -430px;
width: 859px;
top: 120px;
/*border: 5px solid #000;*/
background: white;
text-align: center;
height: auto;
/*padding-bottom: 40px;*/
  display: none;

}

#lightboxImg img {
  display: block;
}
#lightboxClose {
  position: absolute;
width: 100px;
height: 60px;
font-size:2.5rem;
/*background: rgba(255,255,0,0.7);*/
top: 0;
right: 0;
  cursor: pointer;
}

.plus_image_container {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
#plusArrayContainer {
    margin-top: 0;
}
.plus_folder_container {
    float: none;
}
.plus_product img {
    border: 0 none;
}
.plus_image_container img, .shot2 img {
    border: 0 none;
    width: 319px;
}
.desc_line5 {
    display: none;
}
.shot2 {
    backface-visibility: hidden;
    display: block;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    transform: translateZ(0px);
    transition: opacity 0.25s ease-in-out 0s;
    z-index: 2;
}
.no-touch .plus_product:hover .shot2 {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.plus_product {
    text-align: left;
}
#ftr {
}
.plus_view_alt {
    background-color: #fff;
    bottom: 0;
    color: #000;
    font-family: Arial;
    font-size: 40px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle;
    width: 60px;
    z-index: 10;
}
.plus_view_alt:active {
}
.plusGrid3N, .noMargin {
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    height: 548px;
    margin-bottom: 0;
    margin-right: 0;
    width: 319px;
    box-sizing:content-box;
}
.plus_VCH {
    z-index: 10;
}
.plus_prod_details a {
    cursor: pointer;
    display: block;
    opacity: 1;
    padding: 5px;
    position: absolute;
    right: 5px;
    text-align: left;
    top: 5px;
    width: 120px;
    z-index: 10;
}
.desc_line2 {
    display: none;
}
.desc_line3 {
    display: none;
}
.plus_prod_details span {
    text-align: left;
}
.no-touch .plus_product:hover .plus_prod_details a {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.plus_prod_details span {
    letter-spacing: 0;
}
.plus_prod_details a {
    padding-top: 15px;
}
.desc_line1 {
    font-family: serif,Times;
    font-size: 13px;
}
.desc_line2 {
    font-family: Arial;
    font-size: 12px;
}
.plus_prod_details span {
    float: right;
    text-align: right;
    width: 70%;
}
span.desc_line4 {
    border-bottom: 2px solid #000000;
    color: #000000;
    font-family: "futura-pt",sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 12px;
    margin-top: 1px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}
.desc_line4{
    display: block;
}
#plusLeftNav .leftnav_sub_sub {
    display: none;
}
.ludlow-big-extras {
    height: 75px;
    left: 160px;
    position: absolute;
    top: 42px;
    width: 449px;
}
.black-bottom {
    background-color: #000;
    display: block;
    float: left;
    height: 170px;
    position: relative;
    width: 768px;
}
#backtotop {
    background-position: 0 -80px;
    cursor: pointer;
    display: none;
    height: 42px;
    margin-left: 770px;
    margin-top: 620px;
    position: fixed;
    top: 0;
    width: 60px;
    z-index: 10;
}
#ludlowNav {
    background-color: #000;
    height: 46px;
    position: relative;
    width: 960px;
}
/*
#rule1 {
    border-right: 1px solid #fff;
    display: block;
    height: 18px;
    left: 249px;
    position: absolute;
    top: 14px;
    width: 1px;
}
#rule2 {
    border-right: 1px solid #fff;
    display: block;
    height: 18px;
    left: 414px;
    position: absolute;
    top: 14px;
    width: 1px;
}
#rule3 {
    border-right: 1px solid #fff;
    display: block;
    height: 18px;
    left: 568px;
    position: absolute;
    top: 14px;
    width: 1px;
}
#rule4 {
    border-right: 1px solid #fff;
    display: block;
    height: 18px;
    left: 731px;
    position: absolute;
    top: 14px;
    width: 1px;
}
*/
#ludlowNav a {
    color: #fff;
    cursor: pointer;
    font-family: "futura-pt-condensed-1",sans-serif;
    font-size: 22px;
    font-weight: 500;
    height: 20px;
    letter-spacing: 1.5px;
    line-height: 20px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: 13px;
    transition: all 0.25s ease-in-out 0s;
    padding:0px 50px;
    border-right:1px solid #fff;
    display: inline-block;
}
#ludlowNav a:last-of-type{
    border-right:0px;
    }
#ludlowNav a:hover {
    color: #aaa;
}

/*#ludlowNav a.blacktieBtn{
    display: none;
}
#ludlowNav a.travelerBtn{
    display: none;
}*/
/*
.viewallBtn {
    left: 120px;
}
.ludlowBtn {
    left: 305px;
}
.crosbyBtn {
    left: 466px;
}
.travelerBtn {
    left: 780px;
    }
#ludlowNav a.blacktieBtn {
    border-right: 0 none;
    left: 614px;
}
#ludlowNav a.extrasBtn {
    border-right: 0 none;
    left: 623px;
    width: 205px;
}
*/
#plusArrayContainer {
    min-height: 600px;
    width: 960px;
}
#plusRightWrapper {
    overflow: hidden;
    width: 959px;
}
#suitshopTopBar {
    background-image: url("https://i.s-jcrew.com/is/image/jcrew/suitshopheader?wid=960&fmt=png&qlt=88,0&resMode=sharp&op_usm=.1,1,0,0");
    display: block;
    height: 50px;
    width: 960px;
}
.invisible-button {
    cursor: pointer;
}
.shopnow-btn {
    color: #000;
    font-family: "soleil",Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-decoration: none;
    /*text-transform: uppercase;*/
    cursor: pointer;
    margin-top:2%;
    padding-bottom:.5%;
    border-bottom:2px solid #000;
}
.shopnow-btn:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000000;
    border-image: none;
    border-style: solid;
    border-width: 4px;
    content: " ";
    height: 0;
    left: 100%;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 0;
}
#ssPromo {
    cursor: pointer;
    height: 291px;
    margin-left: 0;
    position: relative;
    transition: all 0.25s ease-in-out 0s;
    width: 220px;
    z-index: 10;
}
#ssPromoTout {
    background-image: url("https://i.s-jcrew.com/is/image/jcrew/suitshoppromo?wid=113&fmt=png&qlt=88,0&resMode=sharp&op_usm=.1,1,0,0");
    height: 141px;
    left: 0;
    position: absolute;
    top: 50px;
    width: 113px;
    z-index: 40;
}
#ssPromo.stick {
    display: block;
    margin-top: 200px;
    position: fixed;
    z-index: 40;
}
#ssPromoDisclaimer {
    background-color: #e7e7e7;
    display: none;
    padding: 25px 15px;
    position: absolute;
    width: 220px;
    z-index: 50;
}
#plusMidWrapper span.promoTxt {
    color: #000;
    cursor: pointer;
    display: block;
    font-family: arial,sans-serif,verdana;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 15px;
    text-align: left;
}
#ssPromo .promoCloseBtn {
    cursor: pointer;
    visibility: visible;
}
#ludlowNav a.arrow_box {
    /*border-bottom: 1px solid #898989;*/
    color: #898989;
    text-decoration: underline;
}

.travbtn{
    cursor: pointer;
}

.arrow_box:after, .arrow_box:before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 105%;
    width: 0;
}
.arrow_box:after {
    border-color: #898989 rgba(137, 137, 137, 0) rgba(137, 137, 137, 0);
    border-width: 6px;
    margin-left: -6px;
}
.arrow_box:before {
    border-color: #898989 rgba(137, 137, 137, 0) rgba(137, 137, 137, 0);
    border-width: 7px;
    margin-left: -7px;
}
.isotope, .isotope .isotope-item {
    transition-duration: 0.8s;
}
.isotope, .isotope .isotope-item.delay0 {
    transition-delay: 0.4s;
}
.isotope, .isotope .isotope-item.delay1 {
    transition-delay: 0.4s;
}
.isotope, .isotope .isotope-item.delay2 {
    transition-delay: 0.4s;
}
.isotope, .isotope .isotope-item.delay3 {
    transition-delay: 0.4s;
}
.isotope {
    transition-property: opacity;
}
.isotope .isotope-item {
    transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    transition-duration: 0s;
}
.isotope.infinite-scrolling {
    transition: none 0s ease 0s ;
}


@media only screen and (max-width: 768px) {

    .hdr-title{
        font-size: 8vw;
        margin-top:5%;
    }
    .hdr-body{
        font-size:4vw;
        width:85%;
    }
    .shopnow-btn{
        display: none;
    }
    .badging{
        display: none;
    }
    #plusMidWrapper{
        width: 100%;
    }
    #plusRightWrapper{
        width: 100%;
    }

    #suitshopTopBar{
        display: none;
    }
    #plusSlideshowWrapper{
        display: none;
    }
    #ludlowNav{
        width: 100%;
    }
    #ludlowNav a{
        padding: 0 2%;
        font-size:.9rem;
    }
    .arrow_box:after, .arrow_box:before{
        border:0 none;
    }
    #plusArrayContainer{
        width: 101%;
        height: initial;
        overflow: visible;
    }
    .plus_folder_container{
        text-align: left;
        font-size:0;
    }
    .plusGrid3N, .noMargin{
        width: 49.5%;
        height: auto;
        float: none;
        min-height: 385px;
        border:0 none;
        display: inline-table;
        border-top:1px solid #dedede;
        border-right: 1px solid #dedede;

    }
    .plus_image_container{
        position: relative;
        margin:0;
        margin-bottom: 8%;
    }
    .plus_image_container img, .shot2 img{
        width: 100%;
    }
    .plus_view_alt{
        display: none;
    }
    .plus_prod_details a{
        position: relative;
        width: 100%;
        top:initial;
        right: initial;
        padding:0;
    }
    .plus_prod_details span{
        float: none;
        text-align: center;
        width: 90%;
        padding: 0;
        margin-left: 5%;
        margin-bottom: 8%;
        letter-spacing: .75px;
    }
    .desc_line2,.desc_line4{
        display: none;
    }
    .desc_line1{
        display: block;
        text-transform: uppercase;
        font-size: .6rem;
        font-weight: 500;
        font-family: Arial,sans-serif;
    }


}