.main-section.apparel {
    background-color: #1f2529;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.apparel-landing-menu {
    display: block;
    width: 100%;
    height: 100%;

}
.apparel-landing-menu-svg {
    /*transform: translate3d(0,0,0), rotate(0);*/
    display: none;
    position: absolute;
    width: 140%;
    height: 1400px;
    left: 50%;
    top: 50%;
    margin-left: -70%;
    margin-top: -700px;
    padding: 0 1%;

}

.apparel-landing-menu-svg text {
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-style:italic;
    fill: #E74C3C;

}

.apparel-landing-menu-svg .menu-heading {
    font-family:"Roboto";
    font-weight: 300;
    text-transform: uppercase;
    fill: #fff;
    font-style: normal;

}

.apparel-landing-menu .menu-heading {
    font-family:"Roboto";
    font-weight: 300;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #fff;
    font-style: normal;
    margin: 0;
}
.apparel-landing-menu p {
    line-height: 1;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-style:italic;
    color: #E74C3C;
    margin: 0;

}

.apparel-landing-menu-svg .menu-item, .apparel-landing-menu .menu-item {
    cursor: pointer;
    overflow: hidden;
}


.apparel-landing-menu .menu-item {
    width: 50%;
    height: 50%;
    float: left;
    position: relative;

}
    .apparel-landing-menu .menu-item .img .img_gray, .apparel-landing-menu .menu-item .img .img_color {
        background-size: 100%;
		width:100%;
		height:100%;
    }
	/*.apparel-landing-menu .menu-item .img .img_gray{ opacity:1;  }
	.apparel-landing-menu .menu-item .img:hover .img_gray{
		display:none;
	}*/

.apparel-landing-menu-svg .menu-item .img {
    transform: scale(1);
    /*transform-origin: center;*/ /*Firefox issue*/
    transition: transform 0.5s;
}

.apparel-landing-menu .menu-item .img {
    transform: scale(1);
    transition: transform 0.5s;
}

.apparel-landing-menu-svg .menu-item .img {
    transform: translate3d(0,0,0) scale(1);
    transition: transform 0.5s;
}

.apparel-landing-menu-svg .menu1:hover .img {

    transform: translate3d(-45px,-30px,0) scale(1.06);
}

.apparel-landing-menu-svg .menu2:hover .img {

    transform: translate3d(-30px,-30px,0) scale(1.06);
}


.apparel-landing-menu-svg .menu3:hover .img {

    transform: translate3d(-70px,-30px,0) scale(1.06);
}


.apparel-landing-menu-svg .menu4:hover .img {

    transform: translate3d(-80px,-30px,0) scale(1.06);
}


.apparel-landing-menu-svg .menu-item .img .img_color, .apparel-landing-menu-svg .menu-item .img .img_gray, .apparel-landing-menu .menu-item .img .img_color, .apparel-landing-menu .menu-item .img .img_gray {
    transition: opacity 0.5s;
}

.apparel-landing-menu-svg .menu-item .img .img_color, .apparel-landing-menu .menu-item .img .img_color {
    opacity: 0;
}
.apparel-landing-menu-svg .menu-item .img .img_gray, .apparel-landing-menu .menu-item .img .img_gray {
    opacity: 1;
}

.apparel-landing-menu .menu-item .img  {
    width: 100%;
    height: 100%;
    position: relative;

}

.apparel-landing-menu .menu-item .img .img_gray_int, .apparel-landing-menu .menu-item .img .img_color_int {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center 10%;
    background-repeat: no-repeat;
    background-size: 240%;
}

.apparel-landing-menu .menu-item .img .img_gray_act, .apparel-landing-menu .menu-item .img .img_color_act {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center 30%;
    background-repeat: no-repeat;
    background-size: 240%;
}


.apparel-landing-menu .menu-item .img .img_gray_swi, .apparel-landing-menu .menu-item .img .img_color_swi {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center 60%;
    background-repeat: no-repeat;
    background-size: 240%;
}


.apparel-landing-menu .menu-item .img .img_gray_fab, .apparel-landing-menu .menu-item .img .img_color_fab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center 65%;
    background-repeat: no-repeat;
    background-size: 240%;
}

.apparel-landing-menu.people-landing .menu-item .img .img_gray, .apparel-landing-menu.people-landing .menu-item .img .img_color,
	background-size:cover;
	background-position:center;
}



.apparel-landing-menu-svg .menu-item .menu-heading
{
    -webkit-transition: fill 0.5s;
    -moz-transition: fill 0.5s;
    -ms-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
.apparel-landing-menu .menu-item .menu-heading
{

    transition: color 0.5s;
}

.apparel-landing-menu-svg .menu-item:hover .img_color, .apparel-landing-menu .menu-item:hover .img_color {
    opacity: 1;
}

.apparel-landing-menu-svg .menu-item:hover .menu-heading
{
    fill: #E74C3C;
}
.apparel-landing-menu .menu-item:hover .menu-heading
{
    color: #E74C3C;
}

.apparel-landing-menu-svg .menu-item-bg, .apparel-landing-menu .menu-item-bg {
    background-color: #111;
    transition: opacity 0.5s;
    opacity: 0.7;
}

.apparel-landing-menu .menu-item-bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: table;
    min-height: 30%;
}

.apparel-landing-menu .menu-item-bg .content {
    display: table-cell;
    vertical-align: middle;
    padding: 0.4rem 0;

}

.apparel-landing-menu-svg .menu-item:hover .menu-item-bg, .apparel-landing-menu .menu-item:hover .menu-item-bg {
    opacity: 0.8;
}