﻿html, body {
    height: auto;
}

.antispam {
    position: absolute;
    left: -99999px;
}
#section-intro p {
    font-size: 18px;
}
.wrapperFooter {
    background-color: #fff;
    width: 100%;
    margin: auto;
    z-index: 2;
    text-align: left;
    position: absolute;
    bottom: 0;
    min-height: 330px;
}

.button.PCIContactCTA {
    background-color: #313132;
    color: #fff;
    width: auto;
    display: inline-block;
    padding: 5px 7px;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 10px;
    border: 1px solid #666565;
    font-weight: normal;
    font-family: helvrom;
    font-size: 14px;
}

.wrapperFooter #mainwrapper {
    margin: auto;
    display: inherit;
    height: 318px;
}

#ftrwrapper {
    width: 975px;
    position: relative;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #8f8f8c;
    height: 290px;
    margin-top: 15px;
}

#section-get-started .wrapperFooter p {
    width: 182px;
    font-size: 9px;
    padding-top: 0;
}

table#hdr {
    background-color: #fff;
    text-align: left;
    z-index: 2;
    font-family: "Arial";
}

#outerWrap {
    padding: 0;
}

select, input[type="text"], textarea {
    color: #424242;
    padding: 3px;
    padding-top: 2px;
    font-family: Arial,Helvetica,sans-serif;
}

.itemDisplay img {
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

img {
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out;
}

#section-trend > .containerCentered {
    padding: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    max-width: 1500px;
    height: 76%;
}

section#section-get-started {
    min-height: 1075px;
}

    section#section-get-started .formAlert {
        font-size: 1.3em;
    }

input[type="submit"], input[type="text"], textarea {
    margin-left: 2px;
    margin-right: 1px;
    outline: none;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    behavior: url(include/PIE.htc);
    position: relative;
}

input[type="text"] {
    vertical-align: top;
    margin-top: 2px;
}

.disabled {
    background-color: #d2d2d2;
}

select[disabled], select[readonly], .textboxReadOnly {
    background-color: #fff;
    background-image: none;
    border: 0 solid #c2c2c2 !important;
}

input:focus, textarea:focus {
    border: 1px solid #c3d6d7;
    -webkit-box-shadow: 0 0 5px rgba(195,214,215,.8);
    -moz-box-shadow: 0 0 5px rgba(195,214,215,.8);
    box-shadow: 0 0 5px rgba(195,214,215,.8);
}

input.focus, textarea.focus {
    box-shadow: 0 0 5px rgba(195,214,215,.8);
    border: 1px solid #c3d6d7;
    position: relative;
}

.wrapper {
    width: 100%;
}

body > font {
    position: absolute;
    bottom: 0;
    color: transparent;
}

section {
    font-family: helvrom;
    min-width: 975px;
    width: 100%;
    min-height: 725px;
    box-shadow: 0 -1px rgba(0,0,0,.1);
}

    section#section-trend {
        min-height: 975px;
    }

.button.PCIContact {
    height: 35px;
    width: 98px;
    font-family: helvmd;
    font-size: 19px;
    text-align: center;
    color: #323233;
    font-weight: normal;
    position: absolute;
    right: 16px;
    background: rgba(197,217,231,1);
    background: -moz-linear-gradient(-45deg,rgba(197,217,231,1) 0%,rgba(185,204,217,1) 100%);
    background: -webkit-gradient(left top,right bottom,color-stop(0%,rgba(197,217,231,1)),color-stop(100%,rgba(185,204,217,1)));
    background: -webkit-linear-gradient(-45deg,rgba(197,217,231,1) 0%,rgba(185,204,217,1) 100%);
    background: -o-linear-gradient(-45deg,rgba(197,217,231,1) 0%,rgba(185,204,217,1) 100%);
    background: -ms-linear-gradient(-45deg,rgba(197,217,231,1) 0%,rgba(185,204,217,1) 100%);
    background: linear-gradient(135deg,rgba(197,217,231,1) 0%,rgba(185,204,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5d9e7',endColorstr='#b9ccd9',GradientType=1);
}

select {
    width: 69%;
    height: 32px;
    margin-left: 2px;
    margin-right: 1px;
    outline: none;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    position: relative;
    font-family: helvrom;
    font-size: 15px;
    vertical-align: top;
    margin: 2px auto;
    background-color: #ccc;
}

.contact {
    height: 25px;
    font-family: helvrom;
    font-size: 15px;
    width: 90%;
    vertical-align: top;
    margin: 8px auto;
    background-color: #ccc;
}

.colWrap {
    width: 100%;
    vertical-align: middle;
    position: relative;
    height: 100%;
    text-align: left;
}

    .colWrap li {
        margin: 10px 0;
    }
    .ColorStory ul {
    font-size: 1.5em !important;
}
section > .containerCentered {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    margin-right: auto;
    margin-left: auto;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-width: 67.14285714285714em;
    max-width: 82.14285714285714em;
}

#section-trend > .containerCentered {
    display: block;
}

#hero .colWrap {
    vertical-align: middle;
}

#hero .col.right:after {
    vertical-align: middle;
    padding-top: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.col.left, .col.right {
    position: relative;
    display: table-cell;
    width: 35%;
    vertical-align: top;
}

.col.right {
    width: 100%;
    position: relative;
    right: 0;
}
#section-intro .hugger-row:before {
    background-image: url(/images/fcr/fall2016/introduction/Pantone-Fashionsnoops-Banner.jpg);
    top: -45px;
    position: absolute;
    height: 45px;
    width: 975px;
    left: 0;
    right: 0;
    content:'';
    margin: auto;
    background-repeat:no-repeat;
}

.containerFull .introText {
    text-align: left;
    width: 33.75%;
    height: auto;
    display: inline-block;
    position: absolute;
    top: 41px;
    bottom: 175px;
    padding: 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    min-height: initial;
    background-size: cover;
    background-position: right top;
    /* background-image: url("/images/fcr/fall2016/test-bg-texture.jpg"); */
    background-repeat: no-repeat;
}

.containerFull.lt .introText {
    right: .5%;
    top: 25px;
}

.containerFull.rt .introText {
    left: 0;
}

#hero .center-block:after {
    position: absolute;
    padding-top: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    width: 100%;
    height: 0;
}

#section-services .col.left {
    width: 31%;
    max-width: 617px;
}

#section-services {
    min-height: 765px; /* padding-top: 59px; */
}

#section-get-started .col.left {
    width: 81%;
}

#section-get-started .colWrap {
    vertical-align: top;
}

#section-get-started .col.right {
    width: 20%;
    min-width: 185px;
}

#section-get-started img.PCI-Logo-Full {
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

img.PCI-Logo-Full {
    max-width: 100%;
}

#hero img.PCI-Logo-Full {
    position: absolute;
    top: 0;
    left: -28px;
}

#ctl00_ctlHeader_pnlpromoArea {
    display: none;
}

.wrap {
    vertical-align: middle;
}

.parallax-bg {
    background-size: cover;
    background-position: 60% center;
    background-repeat: no-repeat;
}

.parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 610px;
    margin-top: -40px;
    z-index: -1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}

.parallax-bg {
    display: block;
}

.hero-bg, .editorial-bg {
    overflow: hidden;
}

    .editorial-bg, .editorial-bg .parallax-bg {
        background-size: cover;
        background-position: 60% center;
        background-repeat: no-repeat;
    }

.hero-bg, .editorial-bg {
    overflow: hidden;
}

.row-fluid {
    background: #fff;
    position: relative;
    z-index: 2;
    -webkit-transform: translate3d(0,0,0);
    transform: translate(0,0);
}

.filler.moodboard-bg {
    background-image: url(/images/fcr/fall2016/test-bg.jpg);
}

#hero .parallax-bg { /* top:165px; */ /* background-position:80% top; */ /* background-image:url("/images/pages/21148/PCI-Intro-Girl-Blue-Hair_2.jpg"); */ /* min-width:975px; */ /* right:0; */ /* -webkit-transform:matrix(1,0,0,1,0,0); */
    -moz-transform: matrix(1,0,0,1,0,0);
    -ms-transform: matrix(1,0,0,1,0,0);
    -o-transform: matrix(1,0,0,1,0,0); /* transform:matrix(1,0,0,1,0,0); */ /* min-height:655px; */
}

section .parallax-bg {
    position: absolute;
    top: 61px;
    bottom: 155px;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top left;
    background-attachment: scroll;
    width: 65%;
    right: 0;
    left: 36%;
    /* height:100%; */
    /* margin: 0 1%; */
}

.parallax-bg {
    background-position: 86% top;
    height: 100%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 90% top;
}

.parallax-bg {
    top: 238px;
    right: 0;
    width: 100%;
    z-index: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

.parallax-bg {
    display: block;
}

#hero .wrap {
    height: 90%;
}

.PCI-img-logo {
    display: inline-block;
    width: 145px;
    height: 33px;
    overflow: hidden;
    text-indent: -999em;
    background: transparent url(/images/pages/21148/PCI-Logo.svg) left center no-repeat;
    background-image: url(/images/pages/21148/PCI-Logo.png)\9;
    background-size: 120px 33px;
    vertical-align: middle;
}

.inner {
    /* width: 1087px; */
    /* min-width: 975px; */
    /* height: 41px; */
    width: 1101px;
    margin: auto;
    /* margin: 0; */
    position: relative;
    /* width: 100%; */
    text-align: left;
    display: block;
    /* display: flex; */
    /* -webkit-flex-direction: row; */
    -ms-flex-direction: row;
    /* flex-direction: row; */
    /* -webkit-align-items: center; */
    /* align-items: center; */
    /* -webkit-justify-content: space-around; */
    /* justify-content: space-between; */
    padding: 0;
}

header[role="banner"] {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    /* height: 50px; */
    background-color: #4b4d50;
    color: #fff;
    /* margin: auto; */
}

header.hide {
    -webkit-transform: translateY(-100%) translateX(0%);
    -moz-transform: translateY(-100%) translateX(0%);
    -ms-transform: translateY(-100%) translateX(0%);
    -o-transform: translateY(-100%) translateX(0%);
    transform: translateY(-100%) translateX(0%);
    opacity: 0;
}

header.show {
    -webkit-transform: translateY(0%) translateX(0%);
    -moz-transform: translateY(0%) translateX(0%);
    -ms-transform: translateY(0%) translateX(0%);
    -o-transform: translateY(0%) translateX(0%);
    transform: translateY(0%) translateX(0%);
    opacity: 1;
}

nav#FCRFALL2016-menu {
    float: none\0/;
    display: table-row\0/;
    display: -ms-flexbox;
    text-align: center\0/;
    list-style: none\0/;
    -ms-flex-direction: row;
    flex-direction: row;
}

    nav#FCRFALL2016-menu ul {
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    nav#FCRFALL2016-menu ul {
        font-family: Helvrom;
        color: #999;
        font-size: 14px;
        height: 100%;
        margin: 0;
        margin-top: 10px;
        padding: 5px 0;
    }

    nav#FCRFALL2016-menu ul {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
    }

    nav#FCRFALL2016-menu ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        text-decoration: none;
        list-style: none;
        -webkit-align-items: center;
        align-items: center;
    }

        nav#FCRFALL2016-menu ul li a {
            color: #313132;
            font-size: 17px;
        }

        nav#FCRFALL2016-menu ul li {
            float: none\0/;
            display: table-cell\0/;
            margin: 0\0/;
        }

    nav#FCRFALL2016-menu span.line {
        vertical-align: middle\0/;
    }

nav#FCRFALL2016-menu, label {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

nav#FCRFALL2016-menu {
    display: inline-block;
    width: 100%;
    border-collapse: collapse\0/;
    border: none\0/;
    position: relative\0/;
    z-index: 10\0/;
}

    nav#FCRFALL2016-menu ul {
        float: none;
        display: inline-block;
        text-align: center\0/;
        list-style: none\0/;
    }

        nav#FCRFALL2016-menu ul a {
            display: block\0/;
        }

#FCRFALL2016-menu {
    width: 83%;
    width: 86%\0/;
    -webkit-justify-content: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: distribute;
    -ms-flex-pack: distribute;
    justify-content: space-between;
}

label {
    font-size: 14px;
    background-color: #d0d3d3;
    padding: 5px;
    color: #313132;
    width: 215px;
    border-radius: 0 0 5px 5px;
    float: right/;
}

#FCRFALL2016-menu label {
    float: right\0/;
    display: inline-block;
}

    #FCRFALL2016-menu label a {
        text-decoration: none;
        cursor: pointer;
    }

header#FCRFALL2016-Header {
    /* font-size: 0; */
    height: auto;
    position: relative;
    z-index: 1;
    /* padding-top: 7px; */
    /* padding-bottom: 10px; */
    /* border-top: 1px solid #d8d8d8; */
    -moz-box-shadow: inset 0 1px 2px rgba(219,219,219,.75);
    /* -webkit-box-shadow: inset 0 1px 2px rgba(219,219,219,.75); */
    /* box-shadow: inset 0 1px 2px rgba(219,219,219,.75); */
    padding: 0;
    margin: 0;
    /* width: 1251px; */
    margin: auto;
}

span.line {
    background-color: #333;
    width: 1px;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    vertical-align: middle;
}

header #FCRFALL2016-menu ul {
    padding: 0;
    margin: 0;
}

header #FCRFALL2016-menu li {
    display: inline-block;
    list-style-type: none;
    padding: 0 8px;
}

    header #FCRFALL2016-menu li > a {
        font-weight: 300;
        font-size: 15px;
        line-height: 1.875em;
        text-decoration: none;
        color: #444;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: transparent;
    }

.table.hugger-row {
    /* padding-top: 1%; */
    position: relative;
    height: 165px;
    clear: both;
}

.table {
    display: table;
    margin: auto;
    width: 100%;
}

.table-row {
    display: table-row;
    width: 100%;
}

.hero-hugger {
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    z-index: 3;
    -webkit-transform: translate3d(0,0,0);
    transform: translate(0,0);
}

.table-row > * {
    display: table-cell;
    vertical-align: bottom;
}

.hugger-arrow {
    top: 10px;
}

.hero-hugger, .table {
    background-color: #fff;
}

section#section-services .fancy-down-arrow-grey, section#hero .fancy-down-arrow-grey {
    background: transparent url(/images/pages/21148/fancy-down-arrow2x-dark.png) center center no-repeat;
    background-size: 22px 13px;
}

.fancy-down-arrow-grey {
    background: transparent url(/images/pages/21148/fancy-down-arrow2x.png) center center no-repeat;
    background-size: 22px 13px;
    width: 38px;
    height: 38px;
    display: inline-block;
    text-indent: -999em;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    border-radius: 21px;
}

.containerCentered:after, .containerFull:after, .table.hugger-row {
    content: "";
    /* display: block; */
    /* clear:both; */
    height: 140px;
    position: relative;
}

*:after, *:before {
    -webkit-box-sizing: content-box -moz-box-sizing:content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

h1 {
    font-size: 5em;
    font-family: helvmd;
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 15px;
    margin: 0;
    font-weight: normal;
    font-family: helvmd;
}

article h3 {
    font-size: 28px;
    margin: 0;
    font-weight: normal;
    font-family: helvcnlt;
}

.sectionHead {
    background-color: transparent;
    text-align: left;
    padding-top: 29px;
}

    section#section-team p, .sectionHead p, .sectionHead h2 {
        color: #ccc;
    }

.containerCentered {
    -moz-box-sizing: content-box;
    position: relative;
}

.containerFull {
    display: block;
    margin-right: auto;
    margin-left: auto;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: 3%;
    padding-right: 3%;
    padding-left: 0;
    padding-right: 0;
    margin-right: auto;
    margin-left: auto;
    -moz-box-sizing: content-box;
    width: 100%;
    overflow: hidden;
    margin-bottom: -130px;
    height: auto !important;
    min-height: 100%;
    background-color: #fff;
}

    .containerFull.lt {
        text-align: left;
    }

    .containerFull.rt {
        text-align: right;
    }

#fullpage section h2 {
    height: auto;
    font-family: helvcnmd;
    font-size: 40px;
    margin: 0;
    display: inline-block;
    position: relative;
    color: #4c4d51;
}

#hero h2 {
    line-height: 55px;
    color: #1d2135;
}

.sectionHead h2 {
    padding-right: 250px;
}

.sectionHead p, section article p {
    font-size: 16px;
    font-family: helvrom;
}

#fixed-top {
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    left: 0;
    z-index: 0;
    object-fit: cover;
    opacity: .9;
    transition: opacity .3s ease;
}

section > * {
    z-index: 1;
    position: relative;
}

section#hero p {
    line-height: 27px;
    font-size: 18px;
}

section p {
    font-size: 15px;
    font-family: helvrom;
    color: #1d2135;
    z-index:1;
}

header.headerClone {
    position: fixed;
    width: 100%;
    /* background: rgba(255,255,255,.88); */
    background-color: #4b4d50;
    z-index: 9;
}

header.headerClone {
    top: 0;
    padding-top: 0;
}

img {
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out;
}

.bg {
    HEIGHT: auto;
    float: none;
    vertical-align: top;
}

section {
    text-align: center;
    overflow: hidden;
}

#section-services .wrap {
    color: #333;
}

.wrap {
    color: #ccc;
    text-align: left;
    font-size: 14px;
    display: table-row;
    height: 100%;
}

#section-trend .wrap {
    width: 100%;
    display: block;
}

#section0 {
    padding: 60px 0;
}

    #section0 img {
        height: 100%;
        margin: 40px 0 0 0;
    }

#section1 img {
    position: absolute;
    left: 40px;
    top: 100px;
}

#section1 .box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -192px;
    margin-left: 89px;
    width: 395px;
    z-index: 1;
}

#section1 .imgsContainer {
    display: block;
    position: absolute;
    z-index: 1;
    top: 42%;
    left: 58%;
    margin-top: -325px;
    margin-left: -747px;
    width: 800px;
    height: 696px;
}

#section1 img {
    height: 100%;
}

@media all and (min-width:620px) and (max-width:800px) {
    #section1 .imgsContainer {
        margin-top: -278px;
        margin-left: -685px;
        width: 647px;
        height: 563px;
    }
}

@media all and (max-width:620px) {
    #section1 .imgsContainer {
        margin-top: -208px;
        margin-left: -516px;
        width: 534px;
        height: 464px;
    }
}

#section2 img {
    position: absolute;
}

#section2 .imgsContainer, #staticImg .imgsContainer, #section3 .imgsContainer {
    position: absolute;
    z-index: 1;
    left: 50%;
    display: block;
    margin-top: -288px;
    margin-left: -636px;
    width: 0;
    height: 0;
    -webkit-transition: all 1.2s ease-in-out;
    -moz-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}

#section2.moveUp .imgsContainer {
    top: 50%;
}

#section2.moveDown .imgsContainer, #staticImg .imgsContainer {
    top: 90%;
}

#section2.active .imgsContainer {
    top: 50%;
}

#section2 .box {
    top: 22%;
    left: 42%;
    position: absolute;
    width: 582px;
}

#staticImg {
    display: block;
    position: absolute;
    z-index: 1;
    top: 200%;
    left: 0;
    width: 100%;
    min-width: 980px;
    height: 100%;
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out;
}

    #staticImg.moveDown {
        top: 300%;
    }

        #staticImg.moveDown .imgsContainer {
            top: 50%;
        }

        #staticImg.moveDown img {
            top: 155px;
        }

    #staticImg.active .imgsContainer {
        top: 50%;
    }

    #staticImg.active img {
        top: 487px;
    }

#section3 .imgsContainer {
    top: 50%;
}

#section3 img {
    top: 155px;
    left: 455px;
    position: absolute;
}

#section3 .box {
    text-align: center;
    margin: 10% 0 0 0;
}

article.scrollItem {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    vertical-align: top;
    cursor: pointer;
}
.scrollItem.active .swatch .coloredSquare,.scrollItem.hover .swatch .coloredSquare {
    height: 100%
}
#upNext_wrapper > div:first-child:after {
    content: '®';
    right: -5px;
    bottom: 4px;
    font-size: 12px;
    position: absolute;
}
.scrollItem.active .pantoneInfo,.scrollItem.hover .pantoneInfo {
    -moz-animation: fadeIn ease-in-out 1;
    -o-animation: fadeIn ease-in-out 1;
    -webkit-animation: fadeIn ease-in-out 1;
    animation: fadeIn ease-in-out 1;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -o-webkit-opacity: 0
}
.viewPort {
    max-width: 1500px;
    padding-bottom: 13px;
    position: relative;
    margin: auto;
    width: 100%;
    min-height: 560px;
    display: block;
    overflow: hidden;
}

.itemDisplay img, #section-trend #introSlide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1500px;
    margin: auto;
}

p span.break {
    white-space: nowrap;
    display: block;
}

.itemDisplay {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
    max-height: 634px;
}

#section-team article.scrollItem {
    margin-left: 60px;
    width: 398px;
}

    #section-team article.scrollItem:first-child {
        margin-left: 0;
    }

#section-trend article.scrollItem {
    max-width: 145px;
    margin-left: 17px;
    width: 100%;
    padding-bottom: 48px;
}

    #section-trend article.scrollItem.active .overlay {
        display: block;
        opacity: 1;
    }

    #section-trend article.scrollItem .overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: none;
        padding: 5px;
        width: 100%;
        height: 100%;
        background: #333;
        background-color: rgba(51,51,51,.44);
        color: #fff;
        font-size: 10px;
        font-family: helvmd;
        opacity: 0;
    }
        .moodboard-bg .overlay{
            position:absolute;
            top: 101%;
            width: 99%;
            min-width: 975px;
            text-align:left;
            background-color: rgba(255, 255, 255, 0.42);
            font-size: 9px;
            z-index: 1;
    }
    .moodboard-bg .overlay:after{
        background-image:url(/images/fcr/fall2016/fashion-snoops-logo.jpg);
        background-repeat:no-repeat;
        background-position: left;
        content:'';
        position:absolute;
        right: 0;
        top: 0;
        width: 277px;
        height: 100%;
        bottom: 0;
    }
#section-trend .colWrap {
    padding: 16px 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}

#section-services .colWrap {
    vertical-align: top;
    margin-top: 35px;
}

#section-trend > .containerCentered {
    padding: 0;
}

#section-trend article.scrollItem p {
    color: #ccc;
    background-color: #4d4b5c;
    z-index: 1;
    position: absolute;
    height: 48px;
    width: 100%;
    font-size: 14px;
}

article.scrollItem:first-child, #section-trend article.scrollItem:first-child {
    margin-left: 0;
}

.mCSB_container {
    position: relative;
    left: 0;
    display: inline-block;
}

div.ui-slide-nav {
    background: transparent url(/images/pages/21148/fancy-down-arrow2x.png) center center no-repeat;
    background-size: 22px 13px;
    width: 38px;
    height: 38px;
    display: inline-block;
    text-indent: -999em;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
}

.ui-slide-nav_prev {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0;
}

.ui-slide-nav_next {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: 0;
}

#section-team .imageScroll {
    width: 88%;
}

.imageScroll {
    text-align: center;
    margin: auto;
    width: 50%;
    position: relative;
    margin: auto;
    padding-top: 0;
    padding-right: 0;
    width: 100%;
    text-align: center;
    margin: auto;
    margin: auto;
    padding-top: 0;
    padding-right: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

    .imageScroll .colWrap {
        display: inline-block;
    }

    .imageScroll div.mCSB_container {
        text-align: left;
        height: 100%;
        width: 100%;
    }

#section-trend #introSlide.hide {
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
}

img.show, #section-trend #introSlide, select.ddlState, .contact {
    -moz-transition: all .3s ease,opacity .3s ease-in-out .3s;
    -ms-transition: all .3s ease,opacity .3s ease-in-out .3s;
    -o-transition: all .3s ease,opacity .3s ease-in-out .3s;
    -webkit-transition: all .3s ease,opacity .3s ease-in-out .3s;
    transition: all .3s ease,opacity .3s ease-in-out .3s;
    opacity: 1;
    filter: alpha(opacity=100);
    zoom: 1;
}

    img.hide, #section-trend #introSlide, select.ddlState.hide, .contact.hide, #interestOptions.hide {
        opacity: 0;
        filter: alpha(opacity=0);
        zoom: 1;
    }

    select.ddlState.hide, .contact.hide, #interestOptions.hide {
        display: none;
    }

    #section-trend #introSlide div {
        width: 560px;
        margin: auto;
        padding: 202px 415px 0 0;
    }

    #section-trend #introSlide h3 {
        font-family: helvcnlt;
        font-size: 50px;
        color: #ccc;
    }

    #section-trend #introSlide p, #section-trend #introSlide p a {
        color: #ccc;
        text-decoration: none;
    }

#section-trend #introSlide {
    opacity: 1;
    height: 100%;
    text-align: left;
    background: #01222b url("/images/pages/21148/products/Large/Trend-PCI-Intro_Slide.jpg") top right no-repeat;
}

.button.show {
    -moz-transition: all .3s ease,opacity .3s ease-in-out .3s;
    -ms-transition: all .3s ease,opacity .3s ease-in-out .3s;
    -o-transition: all .3s ease,opacity .3s ease-in-out .3s;
    -webkit-transition: all .3s ease,opacity .3s ease-in-out .3s;
    transition: all .3s ease,opacity .3s ease-in-out .3s;
    opacity: 1;
    filter: alpha(opacity=100);
    zoom: 1;
}

.button.hide {
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
}

.imageScroll div img {
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#section-trend .imageScroll div img {
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    height: 100%;
    max-height: 120px;
}

#section-trend .imageScroll {
    height: 100%;
    max-height: 165px;
}

    #section-trend .imageScroll div img {
        width: auto;
        height: 100%;
    }

.imageScroll div img:hover {
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

div.ui-slide-nav, div.ui-slide-nav#FCRFALL2016-menu {
    position: absolute;
    top: 30%;
    overflow: hidden;
}

div.trendDescWrap {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    left: 0;
    max-width: 1182px;
    margin: auto;
    text-align: left;
    padding: 10px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

    div.trendDescWrap.show {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    div.trendDescWrap .trendName, div.trendDescWrap .trendDesc {
        color: #4d4b5c;
        font-size: 15px;
        padding: 0;
    }

    div.trendDescWrap .trendName {
        font-family: helvbld;
    }

    div.trendDescWrap .trendDesc {
        font-family: helvrom;
    }

.ui-slide-nav#FCRFALL2016-menu a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    visibility: hidden;
    height: 0;
}

h2 span {
    display: inline-block;
    font-size: 29px;
    line-height: 33px;
    position: absolute;
    bottom: 6px;
    padding-left: 10px;
}

    h2 span:first-child {
        display: inline-block;
        top: 6px;
    }

div.selector {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    *float: none;
    overflow: hidden;
    padding-left: 5px;
    height: 26px;
    background-position: -483px -130px;
    vertical-align: middle;
    text-align: left;
    line-height: 26px;
    *zoom: 1;
}

    div.selector select {
        position: absolute;
        top: 0;
        top: 7px\9;
        left: -2px;
        left: 0px\9;
        border: 0;
        background: none;
        opacity: 0;
        filter: alpha(opacity:0);
    }

    div.selector, div.selector span, div.checker > span, div.radio span, div.uploader, div.uploader span.action, span#ctl00_ContentPlaceHolder1_rbl_payOption input {
        -webkit-font-smoothing: antialiased;
        background-image: url(/images/sprites/sprite_selector.png);
        background-repeat: no-repeat;
    }

        div.selector span {
            color: #323233;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            padding: 0 16px 0 2px;
            background-position: right 0;
            white-space: nowrap;
            cursor: default;
            -ms-zoom: 1;
            zoom: 1;
        }

        div.selector.focus span, div.selector.hover span, div.selector:hover span {
            background-position: right -52px;
        }

        div.selector select {
            border: none;
            background: none;
        }

        div.selector.focus, div.selector.hover, div.selector:hover {
            background-position: -483px -182px;
        }

#hero .scrollable .parallax-bg {
    top: 0;
}

section .tableCell {
    display: block;
}

.radioWrap {
    width: 100%;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

div.radio {
    width: 50%;
    position: relative;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
}

    div.radio span {
        background-position: 0 -279px;
    }

    div.radio label {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        background-color: transparent;
        color: #d0d3d3;
    }

    div.radio span.checked {
        background-position: -72px -279px;
    }

    div.radio span:hover {
        background-position: -36px -279px;
    }

    div.radio span.checked:hover {
        background-position: -126px -279px;
    }

    div.radio span {
        width: 18px;
        height: 18px;
        display: -moz-inline-box;
        display: inline-block;
        text-align: center;
    }

    div.radio input {
        width: 18px;
        height: 18px;
        opacity: 0;
        filter: alpha(opacity:0);
        text-align: center;
        display: inline-block;
        margin: 0;
        background: none;
        vertical-align: top;
    }

span#ctl00_ctlDynamicControl7_rbl_interestOption input {
    background-image: url(/images/sprites/sprite_selector.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

#ctl00_ctlDynamicControl7_rbl_interestOption label {
    vertical-align: middle;
    font-size: 14px;
    background-color: transparent;
    padding: 0;
    color: #d0d3d3;
    width: auto;
    border-radius: 0;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}

#interestOptions p {
    color: #d0d3d3;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

div.radio label {
    margin: -4px 0 0 0;
    width: 280px;
}

#fixed-top > .table-row {
    display: table-row;
}

.hero {
    width: 70%;
}

#fixed-top > .table-row > * {
    display: table-cell;
    vertical-align: top;
}

.hero-hugger {
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    z-index: 3;
    -webkit-transform: translate3d(0,0,0);
    transform: translate(0,0);
}

.containerFull.container img {
    vertical-align: bottom; /* width: 100%; */
    min-width: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; /* height: 100%; */
}

section .hugger-row .hero-hugger .containerCentered {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#hugger-arrow {
    top: -10px;
}

.fancy-down-arrow-grey {
    background: transparent url(https://www.paypalobjects.com/webstatic/mktg/2014design/fancy-down-arrow2x.png) center center no-repeat;
    background-size: 22px 13px;
    width: 38px;
    height: 38px;
    display: inline-block;
    text-indent: -999em;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    border: 1px solid #d3d3d3;
    border-radius: 21px;
}

.pxp-fixed-height {
    position: relative;
    height: auto;
    margin: 0 15px;
    margin-top: 30px;
}

.row-fluid {
    background: #fff;
    position: relative;
    z-index: 2;
    -webkit-transform: translate3d(0,0,0);
    transform: translate(0,0);
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.filler {
    height: auto;
    display: inline-block;
    background-position: 60% center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: visible;
    z-index: 0;
    background-color: transparent;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.table-row.hugger-row {
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    z-index: 3;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

section:before {
    box-shadow: 0 -1px rgba(0,0,0,.1);
}

#upNextBar .upNext_wrapper > div {
    position: relative;
    width: 1.98%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

#upNextBar .Swatches.upNext_wrapper > div.mCustomScrollBox {
    display: block;
    width: 100%;
}

.Swatches.upNext_wrapper {
    height: 135px;
    width: 100%;
}

#mCSB_1 {
    text-align: left;
}

#upNextBar .Swatches.upNext_wrapper .scrollItem {
    cursor: pointer;
    height: auto;
    display: inline-block;
    text-align: left;
    width: auto;
    margin-left: 12px;
}

    #upNextBar .Swatches.upNext_wrapper .scrollItem:first-of-type {
        margin-left: 0;
    }

#swatchHolder, article.slide.colorContent .contentWrapper .leftCol div div.swatchHolder, #swatchHolder, article.slide.colorContent .contentWrapper .leftCol div.rightCol div div.swatchHolder {
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    width: 100%;
    vertical-align: top;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: -1;
    max-width: 350px;
    height: auto !important;
    display: inline-block !important;
}

article.slide.colorContent .contentWrapper .leftCol div.rightCol div div.swatchHolder {
    max-width: 345px !important;
}

#swatchHolder, article.slide.colorContent .contentWrapper .leftCol .sketchThumbsWrap .swatchHolder {
    z-index: 1;
}

#swatches .swatch {
    margin: 5px 5px;
    width: 78px;
    display: inline-block;
    height: auto;
    position: relative;
    text-align: left;
}

.swatchContainer {
    text-rendering: optimizeLegibility;
    font-size: 100%;
    width: 100%;
    max-width: 90px;
    border: 1px solid #c2c2c2;
    display: inline-block;
    margin: 0 2px;
    margin: auto;
    margin: 2px;
    overflow: hidden;
}

#swatches .swatchContainer .outer {
    position: relative;
    width: 99%;
    padding-top: 144%;
}

    #swatches .swatchContainer .outer .inner {
        padding-top: 0;
        display: block;
        height: AUTO;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: auto;
        border: 0 solid transparent;
    }

#swatches .swatch .coloredSquare {
    padding-top: 90%;
    display: block;
    height: 0;
}

#swatches {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: inline-block\0/;
    margin-bottom: 30px\0/;
    padding-right: 12px\0/;
    width: 90%;
}

.sketchItem #swatchHolder, .sketchItem .swatchHolder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#sketchCred {
    text-align: right;
    width: 100%;
    height: auto;
    position: relative;
    bottom: auto;
    padding: 10px 0;
    max-width: 350px;
}

    #sketchCred span > span {
        display: block;
    }

.swatch .coloredSquare {
    height: 75px;
    -moz-transition: height .25s ease-in-out;
    -o-transition: height .25s ease-in-out;
    -webkit-transition: height .25s ease-in-out;
    transition: height .25s ease-in-out;
}

.swatch {
    margin: 5px 5px;
    width: 74px;
    border: 1px solid #c2c2c2;
    display: inline-block;
    height: 110px;
}

.pantoneInfo {
    line-height: normal;
    padding-bottom: 0;
    background-color: #fff;
    padding-left: 2px;
    padding-top: 2px;
    height: 38px;
}

.rightCol #swatches .pantoneInfo {
    height: auto;
    padding-top: 5px;
}

.scrollItem .pantoneInfo {
    background-color: transparent;
    position: absolute;
    left: 0;
    bottom: 5px;
    right: 0;
    margin: auto;
    color: #fff;
    padding: 10px;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    font-size: 14px;
    line-height: 14px;
    height: 55px;
        z-index: -1;
}

.scrollItem.active .pantoneInfo, .scrollItem.hover .pantoneInfo {
    -moz-animation: fadeIn ease-in-out 1;
    -o-animation: fadeIn ease-in-out 1;
    -webkit-animation: fadeIn ease-in-out 1;
    animation: fadeIn ease-in-out 1;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 1;
    -o-webkit-opacity: 0;
        z-index: 0;
}

.pantoneInfo > span {
    font-size: .65em;
    display: block;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    /*font-weight: 600;*/
}

.scrollItem .pantoneInfo > span {
    font-size: 13px;
}

.pantoneInfo span.pLogo {
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600 !important;
    font-stretch: condensed;
    background: url(/pages/fcr/images/FCR_sprites.png) no-repeat;
    background-position: 0 -324px;
    height: 15px;
    width: 100%;
}

.pantoneInfo.darkFore span.pLogo {
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600 !important;
    font-stretch: condensed;
    background: url(/pages/fcr/images/FCR_sprites.png) no-repeat;
    background-position: 0 -311px;
    height: 14px;
    width: 100%;
}

.swatchContainer .pantoneInfo span.pLogo {
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600 !important;
    font-stretch: condensed;
    background: url(/pages/fcr/images/logo_26px.png) no-repeat;
    background-position: 2px 0;
    background-size: contain;
    height: auto;
    width: 100%;
    padding-top: 12%;
}

div.pColorCode {
    white-space: nowrap;
    width: 100%;
}

.pColorCode img {
    width: 100%;
    max-width: 70px;
}

.scrollItem .pantoneInfo span.pLogo {
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: bolder;
    font-size: 13px;
}

    .scrollItem .pantoneInfo span.pLogo sup {
        font-size: 8px;
    }

.fcrStoryBox {
    display: inline-block;
}

#upNextBar {
    -moz-transition: width .25s ease-in-out,left 5s ease-in-out;
    -o-transition: width .25s ease-in-out,left 5s ease-in-out;
    -webkit-transition: width .25s ease-in-out,left 5s ease-in-out;
    transition: width .25s ease-in-out,left 5s ease-in-out;
    width: 975px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 105;
    background-color: #fff;
    -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.5),0 6px 22px -10px rgba(0,0,0,.5);
    box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.5),0 6px 22px -10px rgba(0,0,0,.5);
    padding: 0 45px;
    position: relative;
}

#upNextBar {
    -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0),0 6px 22px -10px rgba(0,0,0,0);
    box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0),0 6px 22px -10px rgba(0,0,0,0);
    width: auto;
    padding: 0;
}

.over975 #ctl00_cphContent_ctl00_pnlColorDetails #upNextBar .arrow {
    display: none;
}

#upNextBar .arrow {
    cursor: pointer;
    position: absolute;
    height: auto;
    display: block;
    top: 0;
    bottom: 0;
}

.arrow.next {
    right: 0;
    left: auto;
}

.arrow.previous {
    left: 0;
    right: auto;
    left: 0;
}

#upNextBar > div {
    clear: left;
    overflow: hidden;
    width: 100%;
    margin: auto;
    height: auto;
    padding: 2px 0;
}

.mCustomScrollbar {
    display: inline-block;
}
.containerFull.rt.container > *
{
    margin: 0 .5em;
}


section .lt .parallax-bg {
    position: absolute;
    width: 64.5%;
    left: .5%;
    right: auto;
    top: 85px;
}

#hero .parallax-bg {
    top: 60px;
}

#hero .containerFull.container {
    /* margin-top: -211px; */
    top: 0;
    margin-bottom: -366px;
    background-size: contain;
    background-position: top center;
    background-attachment: scroll;
    background-image: url("/images/fcr/fall2016/introduction/pantone-fashion-color-report-2016.jpg");
}

section#hero .parallax-bg {
    bottom: 345px;
}

#hero .introText.span5 {
    bottom: 365px;
        top: 0;
}

.rt .filler.moodboard-bg.parallax-bg {
    position: absolute;
    width: 65.25%;
    left: 34.5%;
    right: auto;
    overflow: visible;
}
/*///////////Navigation///////////*/



li.socialMedia a {
    display: block;
    height: 100%;
}

ul.fcrNav {
    display: none;
    margin-top: 15px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: #4b4d50;
    list-style: none;
    position: relative;
    width: auto;
}


    ul.fcrNav li.socialMedia {
        padding-right: 5px;
        padding-left: 5px;
        top: 0px;
        height: 40px;
        width: 25px;
        border-left: 1px solid #313131;
        border-right: 1px solid #686868;
    }

        ul.fcrNav li.socialMedia a {
            display: block;
        }

    ul.fcrNav li.mm-item {
    }

    ul.fcrNav li div.mm-menu div.mm-menucol ul li a {
        font-family: Helvcnmd;
        font-size: 15px;
        font-weight: normal;
        color: #4b4d50;
        text-decoration: none;
        display: block;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }


    ul.fcrNav div.mm-menu ul li a:hover {
        font-size: 14px;
        font-weight: normal;
        color: #4b4d50;
        text-decoration: none;
        background-color: transparent;
    }

    ul.fcrNav div.mm-menu ul {
        padding-right: 0px;
    }

    ul.fcrNav div.mm-menu div.mm-menucol {
        max-width: 275px;
        border-left: 1px solid #E7E7E7;
        border-right: 1px solid #fff;
        margin-top: 12px;
        background-color: transparent;
    }

    ul.fcrNav div.mm-menu ul li {
        margin: 0px 0px;
    }

    ul.fcrNav div.mm-menu .mm-menucol {
        display: block;
        float: left;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 0px;
        padding-left: 5px;
    }

ul.fcrNav div.mm-menu div {
    display: block;
    margin-bottom: 15px;
    border-right: 0px dotted #CCCCCC;
    border-left: 0px dotted #CCCCCC;
}

ul.fcrNav div.mm-menu div.mm-menucol {
    max-width: 275px;
    border-right: 1px solid #fff;
    margin-top: 12px;
}

    ul.fcrNav div.mm-menu div.mm-menucol:last-child {
        border-right: 0px solid #fff;
    }

    ul.fcrNav div.mm-menu div.mm-menucol:first-child {
        border-left: 0px solid #CACCCF;
    }

/*ul.fcrNav li.socialMedia.mm-item.active {
    background-color: #4b4d50;
}*/

ul.fcrNav li.mm-item.active {
    background-color: rgba(0, 0, 0, 0.85);
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

ul.fcrNav li.socialMedia.mm-item a.mm-item-link {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0px;
    background-image: none !important;
}

ul.fcrNav li.socialMedia.mm-item.active a.mm-item-link {
    background-image: none !important;
}

ul.fcrNav li.mm-item a {
    color: #ffffff;
    font-family: HelvCnLt;
}

ul.fcrNav li {
    margin: 0px;
    /*padding: 0px 0px 0px 62px;*/
}

    ul.fcrNav li:first-child {
        margin: 0px;
        padding: 0px;
    }

    ul.fcrNav li.clear-fix {
        float: none;
        clear: both;
        margin: 0px;
        padding: 0px;
        height: 0px;
        font-size: 0px;
        line-height: 0px;
    }

ul.fcrNav a.mm-item-link:link, ul.fcrNav a.mm-item-link:visited {
    position: relative;
    z-index: 108;
    display: block;
    margin: 0px 26px 0px 0px;
    padding: 8px 19px;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
}





ul.fcrNav a.mm-item-link-hover:link, ul.fcrNav a.mm-item-link-hover:visited {
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    color: #fff;
}

ul.fcrNav div.mm-item-content {
    max-width: 975px;
    position: absolute;
    z-index: 109;
    padding: 0px;
    border-top: 0px;
    background: #FFF;
    -moz-box-shadow: 2px 4px 12px rgba(0,0,0,0.25);
    -webkit-box-shadow: 2px 4px 12px rgba(0,0,0,0.25);
    box-shadow: 2px 4px 12px rgba(0,0,0,0.25);
    background-color: rgba(255, 255, 255, 0.95);
}

.fall2014 .fcrNav #li-DESIGNER div.mm-item-content {
    left: 0px;
    max-width: 100%;
}

.mm-content-base {
    position: relative;
    z-index: 111;
    padding: 0px;
    background: #FFF;
    /*
	background: #FFF;
*/
}

.mm-js-shadow {
    position: absolute;
    z-index: 110;
    background: #555;
}

ul.fcrNav div.mm-menu {
    display: block;
    background: #FFF;
    /*
	background: url(./998-GP1301XR.png) top left no-repeat;
	background: url('http://www.pantone.com/pages/products/ProductImage.aspx?pid=1295&lid=8') top left no-repeat;
	*/
}



    ul.fcrNav div.mm-menu ul {
        float: none;
        margin: 0;
        padding: 0;
        border: none;
    }

        ul.fcrNav div.mm-menu ul li {
            float: none;
            margin: 0;
            padding: 0;
            color: #ffffff;
            list-style: none;
         
            font-size: 12px;
            /*
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	position: relative;
	*/
        }

            ul.fcrNav div.mm-menu ul li a:link, ul.fcrNav div.mm-menu ul li a:visited, ul.fcrNav div.mm-menu ul li a:active {
                display: block;
                padding-top: 5px;
                padding-right: 5px;
                padding-bottom: 5px;
                padding-left: 5px;
                color: #ffffff;
                text-decoration: none;
                
            }

            ul.fcrNav div.mm-menu ul li a:link, ul.fcrNav div.mm-menu ul li a {
                -moz-transition: all 0.35s ease-in-out;
                -o-transition: all 0.35s ease-in-out;
                -webkit-transition: all 0.35s ease-in-out;
                transition: all 0.35s ease-in-out;
            }

                ul.fcrNav div.mm-menu ul li a:hover {
                    background-color: #ffffff;
                    color: #FFF;
                    text-decoration: none;
                    
                    font-size: 12px;
                }

            ul.fcrNav div.mm-menu ul li ul li {
                display: block;
                float: none;
                padding-top: 0px;
                padding-bottom: 0px;
                color: #666666;
                list-style: none;
                
                font-size: 12px;
                /*
	
	position: relative;
	*/
            }

                ul.fcrNav div.mm-menu ul li ul li a:link, ul.fcrNav div.mm-menu ul li ul li a:visited, ul.fcrNav div.mm-menu ul li ul li a:active {
                    display: block;
                    padding-top: 5px;
                    padding-right: 5px;
                    padding-bottom: 5px;
                    padding-left: 5px;
                    color: #666666;
                    text-align: left;
                    text-decoration: none;
                    font-weight: normal;
                    font-size: 11px;
                    font-family: "Arial";
                }

                ul.fcrNav div.mm-menu ul li ul li a:hover {
                    background-color: #e1e0e0;
                    color: #ffffff;
                }

ul.fcrNav div.mm-menufooter {
    font-size: 12px;
    font-family: "Arial";
}

    ul.fcrNav div.mm-menufooter a:link, ul.fcrNav div.mm-menufooter a:visited, ul.fcrNav div.mm-menufooter a:active {
        padding: 0px 10px 0px 10px;
        color: #45ad87;
        text-align: right;
        text-decoration: none;
      
        font-size: 15px;
    }

    ul.fcrNav div.mm-menufooter a:hover {
        color: #ffffff;
    }


ul.fcrNav .mm-content-base {
    background-color: #FFF;
}

ul.fcrNav li div.mm-menu div.mm-menucol ul li a:hover {
    color: #000000;
}
.ul.fcrNav.sticky {
    webkit-box-shadow: 2px 5px 4px 0px #B5B5B5;
    -moz-box-shadow: 2px 5px 4px 0px #B5B5B5;
    box-shadow: 2px 5px 4px 0px #B5B5B5;
    z-index: 109;
}
#navWrapper.stuck ul.fcrNav {
    /*width:1066px;*/
    margin: 0 auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    width: auto;
}
ul.fcrNav li.socialMedia {
    height: 100%;
}
 ul.fcrNav li.socialMedia a {
        display: block;
    }

ul.fcrNav > li {
    float: none !important;
    display: inline-block;
}

ul.fcrNav li.mm-item {
    /* padding-top: 2px; */
    /* height: 100%; */
    display: inline-block;
}

ul.fcrNav li div.mm-menu div.mm-menucol ul li a {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-stretch: condensed;
    font-size: 15px;
    /* font-weight: normal; */
    color: #4b4d50;
    text-decoration: none;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}


ul.fcrNav div.mm-menu ul li a:hover {
    font-size: 14px;
    font-weight: normal;
    color: #4b4d50;
    text-decoration: none;
    background-color: transparent;
}

ul.fcrNav div.mm-menu ul {
    padding-right: 0px;
}

ul.fcrNav div.mm-menu div.mm-menucol {
    max-width: 275px;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #fff;
    margin-top: 12px;
    background-color: transparent;
}

ul.fcrNav div.mm-menu ul li {
    margin: 0px 0px;
}

ul.fcrNav div.mm-menu .mm-menucol {
    display: block;
    float: left;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
}

ul.fcrNav div.mm-menu div {
    display: block;
    margin-bottom: 15px;
    border-right: 0px dotted #CCCCCC;
    border-left: 0px dotted #CCCCCC;
}ul.fcrNav div.mm-menu div.mm-menucol {
    max-width: 275px;
    border-right: 1px solid #fff;
    margin-top: 12px;
    display: table-cell;
    float: none;
    min-width: 120px;
}

.mm-content-base {
    display: table-row;
}

ul.fcrNav div.mm-menu div.mm-menucol:last-child {
    border-right: 0px solid #fff;
}

ul.fcrNav div.mm-menu div.mm-menucol:first-child {
    border-left: 0px solid #CACCCF;
}
ul.fcrNav, #contentFooter {
    margin-top: 0;
    /* margin: 15px auto; */
    margin-bottom: 0;
}

    ul.fcrNav li.mm-item.active {
        background-color: rgba(0, 0, 0, 0.85);
        -moz-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

    ul.fcrNav li.socialMedia.mm-item a.mm-item-link {
        width: 100%;
        height: 100%;
        display: block;
        padding: 0px;
        background-image: none !important;
    }

    ul.fcrNav li.socialMedia.mm-item.active a.mm-item-link {
        background-image: none !important;
    }

    ul.fcrNav li.mm-item a {
        color: #ffffff;
        font-family: "HelveticaNeueLightCondensed", "HelveticaNeue-Light-Condensed", "Helvetica Neue Light Condensed", "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'helvcnlt', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
        font-weight: 300;
        font-stretch: condensed;
    }

    ul.fcrNav li {
        margin: 0px;
        /*padding: 0px 0px 0px 62px;*/
    }

        ul.fcrNav li:first-child {
            margin: 0px;
            padding: 0px;
            /* padding-top: 2px; */
            margin-left: 55px;
        }

.under975 .fcrNav li:first-child {
    margin: 0px;
}

ul.fcrNav li.clear-fix {
    float: none;
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}

ul.fcrNav a.mm-item-link:link, ul.fcrNav a.mm-item-link:visited {
    position: relative;
    z-index: 108;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 8px 10px;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    vertical-align: top;
}





ul.fcrNav a.mm-item-link-hover:link, ul.fcrNav a.mm-item-link-hover:visited {
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    color: #fff;
}

ul.fcrNav div.mm-item-content {
    display: table;
    max-width: 975px;
    position: absolute;
    z-index: 109;
    padding: 0px;
    border-top: 0px;
    background: #FFF;
    -moz-box-shadow: 2px 4px 12px rgba(0,0,0,0.25);
    -webkit-box-shadow: 2px 4px 12px rgba(0,0,0,0.25);
    box-shadow: 2px 4px 12px rgba(0,0,0,0.25);
    background-color: rgba(255, 255, 255, 0.95);
}

.spring2015 .fcrNav #li-DESIGNER div.mm-item-content, .spring2016 .fcrNav #li-DESIGNER div.mm-item-content {
    left: 0px;
    max-width: 100%;
}

.mm-content-base {
    position: relative;
    z-index: 111;
    padding: 0px;
    background: #FFF;
    /*
	background: #FFF;
*/
}

.mm-js-shadow {
    position: absolute;
    z-index: 110;
    background: #555;
}

ul.fcrNav div.mm-menu {
    display: block;
    background: #FFF;
    /*
	background: url(./998-GP1301XR.png) top left no-repeat;
	background: url('http://www.pantone.com/pages/products/ProductImage.aspx?pid=1295&lid=8') top left no-repeat;
	*/
}



    ul.fcrNav div.mm-menu ul {
        float: none;
        margin: 0;
        padding: 0;
        border: none;
    }

        ul.fcrNav div.mm-menu ul li {
            float: none;
            margin: 0;
            padding: 0;
            color: #ffffff;
            list-style: none;
    
            font-size: 12px;
            /*
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	position: relative;
	*/
        }

            ul.fcrNav div.mm-menu ul li a:link, div.mm-menu ul li a:link, div.mm-menu ul li a:visited, div.mm-menu ul li a:active {
                display: block;
                padding-top: 5px;
                padding-right: 5px;
                padding-bottom: 5px;
                padding-left: 5px;
                color: #ffffff;
                text-decoration: none;
          font-weight:normal !important;
                font-size: 12px;
            }

            ul.fcrNav div.mm-menu ul li a:link, div.mm-menu ul li a {
                -moz-transition: all 0.35s ease-in-out;
                -o-transition: all 0.35s ease-in-out;
                -webkit-transition: all 0.35s ease-in-out;
                transition: all 0.35s ease-in-out;
            }

                ul.fcrNav div.mm-menu ul li a:hover,div.mm-menu ul li a:hover {
                    background-color: #ffffff;
                    color: #FFF;
                    text-decoration: none;
               font-weight:normal !important;
                    font-size: 12px;
                }

            ul.fcrNav div.mm-menu ul li ul li {
                display: block;
                float: none;
                padding-top: 0px;
                padding-bottom: 0px;
                color: #666666;
                list-style: none;
      
                font-size: 12px;
                /*
	
	position: relative;
	*/
            }

                ul.fcrNav div.mm-menu ul li ul li a:link, div.mm-menu ul li ul li a:visited, div.mm-menu ul li ul li a:active {
                    display: block;
                    padding-top: 5px;
                    padding-right: 5px;
                    padding-bottom: 5px;
                    padding-left: 5px;
                    color: #666666;
                    text-align: left;
                    text-decoration: none;
                    font-weight: normal;
                    font-size: 11px;
                    font-family: "Arial";
                }

                ul.fcrNav div.mm-menu ul li ul li a:hover {
                    background-color: #e1e0e0;
                    color: #ffffff;
                }

div.mm-menufooter {
    font-size: 12px;
    font-family: "Arial";
}

    div.mm-menufooter a:link, div.mm-menufooter a:visited, div.mm-menufooter a:active {
        padding: 0px 10px 0px 10px;
        color: #45ad87;
        text-align: right;
        text-decoration: none;
      
        font-size: 15px;
    }

    div.mm-menufooter a:hover {
        color: #ffffff;
    }


.mm-content-base {
    background-color: #FFF;
}
 ul.fcrNav div.mm-menu div.mm-menucol {
        float: left;
    }
/*///////////Sprite Images and Buttons///////////*/
.ui-fcr-icon {
    position: absolute;
    top: 15px;
    right: 20px;
    display: inline-block;
    background: url(/pages/fcr/images/FCR_sprites.png) no-repeat;
}

.ui-download-icon, .ui-colorSurvey-icon {
    position: relative;
    display: inline-block;
    right: 0px;
    top: 19px;
    height: 73px;
}

.fall2014 .ui-colorSurvey-icon {
    background-position: -143px -185px;
    width: 50px;
}

.fall2014 .ui-download-icon {
    background-position: -142px -264px;
    width: 51px;
}

.ui-colorSurvey-icon {
    background-position: 0px -185px;
    width: 50px;
}

.ui-download-icon {
    background-position: -65px -180px;
    width: 72px;
}

.ui-playBtn-icon {
    cursor: pointer;
    top: 2px;
    background-position: 0px -271px;
    height: 25px;
    width: 25px;
}

.lblddArrow {
   -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 19px;
    height: 19px;
    right: 0px;
    background-position: 0px -55px;
    position: relative;
    top: 8px;
    background-image: url(/images/fcr/buttons/fcr_arrows.png);
    background-repeat: no-repeat;
}

.ui-arrowRtsm-icon {
    right: 0px;
    top: -3px;
    background-position: -22px -271px;
    height: 25px;
    width: 25px;
}

.ui-arrowRt-icon {
    right: 0px;
    top: -3px;
    background-position: -131px 0px;
    width: 25px;
    height: 25px;
}

.ui-twitter-icon {
    right: 85px;
    background-position: -48px 8px;
    width: 25px;
    height: 25px;
}

.ui-pinterest-icon {
    right: 16px;
    background-position: -77px 8px;
}

.ui-linkedin-icon {
    right: 51px;
    background-position: -148px 8px;
    width: 25px;
    height: 25px
}

.ui-facebook-icon {
    right: 123px;
    background-position: -21px 8px;
    width: 25px;
    height: 25px;
}

.ui-dividerMenu-icon {
    background-position: 0px -35px;
    width: 25px;
    height: 25px;
}

.ui-arrowRtBlkl-icon {
    right: 0px;
    top: -3px;
    width: 55px;
    height: 55px;
    background-position: -4px -124px;
}

.ui-arrowLftBlk-icon {
    right: 0px;
    top: -3px;
    width: 55px;
    height: 55px;
    background-position: -47px -124px;
}

.ui-arrowDown-icon {
    right: 0px;
    top: -3px;
    width: 55px;
    height: 55px;
    background-position: -47px -124px;
}

a.connectSocialBtns {
    position: relative;
}


    a.connectSocialBtns .on {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

    #hero .containerFull:after, #hero .table.hugger-row {
    height: 166px;
}
header.headerClone .inner {
    width: 90%;
}
#section-intro .containerFull .introText {
    text-align: left;
    width: 100%;
    max-width: 975px;

    position: relative;
 
    -moz-box-sizing: border-box;
   
    background-image: none;

}
#section-intro .quote{
    background-image:url(/images/fcr/fall2016/open-quote.png);
    background-size: initial;
    background-position: center left;
    background-repeat: no-repeat;
    height: 100%;
}
#InfluencersFeatured .featured_bar .featured_wrap, #DesignersFeatured .featured_bar .featured_wrap {
    width: 190px;
    height: auto;
    display: inline-block;
    vertical-align: top;
}

.featured_bar .featured_wrap div>span {
    display: block
}

.featured_bar .barHeader {
    margin-bottom: 25px;
    display: inline-block;
    width: 100%;
}
#InfluencersFeatured .featured_bar h2, #DesignersFeatured .featured_bar h2 {
    line-height: normal;
    /* font-size: 22px; */
}
.featured_bar h2 {
    line-height: 50px;
    color: #77787b;
    font-size: 36px;
    font-family: Helvcn;
    font-weight: normal;
}
.featured_bar h4 {
    line-height: normal;
    color: #77787b;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    font-family: Helvlt;
}
.featured_bar .featured_wrap .featuredImage {
    margin: auto;
    position: relative;
    height: 200px;
    display: block;
    vertical-align: top;
}.imgHeadshot {
    margin-bottom: 5px;
}.featuredImage .featured_quote {
    display: none;
    position: absolute;
    top: 0;
}.featuredImage .featured_quote a {
    text-decoration: none;
    height: 200px;
}
.featuredImage .featured_quote a {
    font-family: helvcnmd;
    z-index: 1;
    color: #fff;
    padding: 10px 10px 10px 22px;
    width: 198px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 23px;
    text-align: left;
    height: 200px;
    position: absolute;
    top: 0;
}.ui-arrowRt-icon {
    right: 0;
    top: -3px;
    background-position: -131px 0;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    right: 0px;
    top: 5px;    background: url(/pages/fcr/images/FCR_sprites.png) no-repeat;
}.lblfeaturedName {
    color: #000;
    font-size: 14px;
    display: block;
}.lblfeaturedsubTitle, .lblfeaturedCompany {
    color: #666;
    font-size: 12px;
}

#InfluencersFeatured, #DesignersFeatured {
    vertical-align: top;
    /* display: inline-block; */
    width: 975px;
    margin: auto;
}

.featured_bar:after, section .silos:after {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    content: '';      zoom: 1
}

.featured_bar, section .silos {
    text-align: justify;
    max-width: 975px;
    margin: auto;
}

.featured_bar > * {
    text-align: left;
}
#section-outro .container {
    padding-top: 75px;
 
}
.ui-download-icon, .ui-colorSurvey-icon {
    position: relative;
    display: inline-block;
    right: 0;
    top: 0;
    height: 73px;
}div.ColorSurveyBoxDownloads>div {
    display: inline-block;
    position: relative;
    margin-top: 25px;
    width: 338px;
}.spring2016 .ui-download-icon {
    background-position: center;
    border: 1px solid #eaeaea;
    width: 43px;
    background-image: url(/pages/fcr/images/spring2016/Pantone_Download_Chip.png);
    height: 65px;
    background-color: #fff;
}.txtSurveyDownloads {
    margin-top: 0;
    float: none;
    width: auto;
    display: inline-block;
    font-size: 14px;
    font-family: helvcn;
    vertical-align: top;
    width: 65%;
}.ColorSurveyBoxDownloads>div>a {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ColorSurveyBoxDownloads {
    /* max-width: 750px; */
    display: block;
    /* padding: 9px; */
    width: 975px;
    margin: auto;
    text-align: left;
    margin-top: 50px;
}

span.ui-fcr-icon.ui-download-icon {
    background-position: center;
    border: 1px solid #eaeaea;
    width: 43px;
    background-image: url(/images/fcr/fall2016/pantone-fashion-color-report-2016-ase-download.png);
        height: 65px;
    background-color: #fff;
}

#fullpage section#section-outro h2 {
    font-size: 28px;
    display: block;
}
article.comments {
    width: 975px;
    margin: auto;
    margin-top: 50px;
}
div#FCR_footer {
    max-width: 1200px;
    width: 100%;
}
#FCR_footer {
    color: #000;
    width: 100%;
    background-color: #e4e6e5;
    font-size: 14px;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: lighter;
    padding: 25px 0 0 15px;
    height: 60px;
    margin-top: 5px;
    position: relative;
    display: inline-block;
    z-index: 3;
}
#FCR_footer {
    margin: 80px auto;
    margin-bottom: 0;
}footer p {
    width: 80%;
    font-size: 12px;
    color: #666666;
    display: inline-block;
    position: absolute;
}
#FCR_footer p{
    
font-size: 14px;
    
font-family: helvrom;
    
color: #1d2135;
    
width: 100%;
    
position: relative;
}#FCR_footer img {
    position: absolute;
    right: 30px;
    top: -70px;
    z-index: 2;
}

footer {
    display: inline-block;
    width: 100%;
    max-width: 975px;
    text-align: left;
    height: auto;
    position: relative;
    margin-top: 50px;
}

section#section-outro {
    min-height: 1050px;
}
.showComments:hover {
    background-color: #5f93e7;
    color: #fff!important;
}
.showComments {
    text-align: center;
    width: 100%;
    max-width: 975px;
}.showComments {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #3c3c3c;
    color: #3c3c3c;
    background-clip: padding-box;
    margin: 1rem 0;
    padding: 1rem 3rem;
    transition: all .5s ease-out;
    background: #fff;
    cursor: pointer;
    zoom: 1
    -webkit-backface-visibility: hidden;
    position: relative;
    box-sizing: border-box;
}span.lblfeaturedName.angle-right {
    position: relative;
    padding-right: 15px;
    font-family: helvmd;
    vertical-align: middle;
    color: #666;
    font-size: 14px;
}



span.angle-right:after {
     font-size: 16px;
    content: '';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .25em;
    color: #5f5f5f;
    text-shadow: 0 0 0 #5f5f5f,0 0 0 #5f5f5f,0 0 0 #5f5f5f,0 0 0 #5f5f5f,0 0 0 #5f5f5f;
}


span.lblfeaturedName.angle-right a {
    text-decoration: none;
    color: #666;
}.silos > div {
    width: 300px;
    display: inline-block;
    height: auto;
}

section .silos a > img {
    width: 100%;
    position: relative;
}
h3.lblName {
    font-family: helvbld;
    font-size: 25px;
    color: #323131;
    line-height: 38px;
}

h3.lblName >span {
    display: block;
    text-transform: uppercase;
    font-family: helvcnbld;
    font-size: 55px;
    letter-spacing: -1px;
}

.bio {
    text-align: left;
}
p.quote{
    position:relative;
}
p.quote:before {content: '';background-image: url(/images/fcr/fall2016/Quotation-Mark-White.png);background-size: contain;background-position: left center;background-repeat: no-repeat;height: 90%;position: absolute;top: 0;bottom: 0;width: 100%;left: 0;opacity: .25;z-index: -1;}
.overlay > ul > li:after {content: ',';display: inline-block;font-size: inherit;}

.overlay > ul > li {
    display: inline-block;
    font-size: 11px;
}

.overlay > ul {
    display: inline-block;
    width: 65%;
    height: 30px;
    font-size: 0;
    padding: 0;
    margin: 0;
}

.overlay > ul > li:last-of-type:after {
    content: '';
}