@import url("../../Assets/fonts.def/fonts.css");

.ie .row2, .ie .row1 .col1, .ie .row1 .col2 {
    height: 744px !important
}

.row1 .col1 span {
    display: none
}

.row1 .col2.red-panel:hover {
    background: #e5002b
}

.ie .homepage .hm-prod img {
    width: 100%
}

.facebookFeed {
    max-width: 100% !important
}

    .facebookFeed iframe {
        border: none !important
    }

.social .blueTitle, .social .darkGrayTitle {
    margin-bottom: 25px
}

.row1 .col2 {
    position: relative
}

.homepage img {
    max-width: 100%
}

.row1 .col1 {
    width: 66%;
    float: left
}

.row1 .col1 {
    position: relative;
    margin-right: 4px
}

.greenBgTxt {
    padding: 0 0 7px 30px;
    line-height: 25px;
    font-size: 1.3125em;
    font-family: "BrandonGrotesqueBlack",Arial;
    position: absolute;
    bottom: 5%;
    left: 0;
    background: #00b13f;
    display: inline-block;
    width: 100%;
    color: #fff
}

.row1 {
    float: left;
    width: 100%;
    margin-bottom: 4px
}

.row2 {
    width: 100%
}

.row1 .col2 {
    width: 32.7%;
    float: left
}

    .row1 .col2 a {
        display: block;
        height: 100%;
        line-height: 0
    }

    .row1 .col2.red-panel {
        background: #e5002b
    }

.row2 {
    overflow: hidden
}

    .row2 .col2 {
        position: relative
    }

        .row1 .col2 h4, .row2 .col2 h4 {
            font-family: "BrandonGrotesqueBlack",Arial;
            color: #fff;
            width: 88%;
            margin: 0 auto;
            line-height: 25px;
            font-size: 1.3125em;
            margin-top: 22px
        }

.row1 .col2 h4 {
    width: 95%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.row1 .col2 .whiteTxt, .row2 .col2 .whiteTxt {
    color: #fff
}

.row2 .col2 h4 {
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10
}

.purbleBgTxt {
    padding: 14px 0 7px 16px;
    line-height: 25px;
    font-size: 1.28em;
    font-family: "BrandonGrotesqueBlack",Arial;
    background: #aa0061;
    color: #fff;
    display: inline-block;
    width: 100%
}

.row2 .col2 {
    width: 32.7%;
    text-align: center;
    float: left;
    background: #ffb42e
}

.mob-banner {
    margin-bottom: 0;
    display: inline-block;
    width: 100%
}

    .mob-banner img {
        width: 100%
    }

.row1 .col1 img {
    height: 100%
}

.row2 .col1 {
    width: 66%;
    position: relative;
    float: left;
    margin-right: 4px
}

    .row2 .col1 .purbleBgTxt {
        position: absolute;
        bottom: 0;
        left: 0
    }

.leftCnt > div {
    position: relative;
    background: #f1f1f1
}

.leftCnt .greenTitle, .leftCnt .redTitle, .leftCnt .yellowTitle, .leftCnt .purbleTitle {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    background: #FFF
}

    .leftCnt .greenTitle h4, .leftCnt .redTitle h4, .leftCnt .yellowTitle h4, .leftCnt .purbleTitle h4 {
        font-family: "BrandonGrotesqueBold",Arial;
        background: #00b13f;
        width: 100%;
        max-width: 296px;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        position: relative;
        z-index: 1;
        padding: 9px 0 4px 0;
        font-size: 1.3125em
    }

    .leftCnt .redTitle h4 {
        background: #e5002b
    }

    .leftCnt .yellowTitle h4 {
        background: #eeb33b
    }

    .leftCnt .purbleTitle h4 {
        background: #aa0061
    }

    .leftCnt .greenTitle hr, .leftCnt .redTitle hr, .leftCnt .yellowTitle hr, .leftCnt .purbleTitle hr {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        border: 0;
        border-top: 1px solid #b7b7b7;
        position: absolute;
        top: 50%;
        z-index: 0
    }

.prodCnt {
    width: 92%;
    display: block;
    margin: 0 auto
}

    .prodCnt .dTime {
        border-top: 1px solid #cbcbcb;
        border-bottom: 1px solid #cbcbcb;
        padding: 5px 0;
        margin: 10px 0;
        font-family: "Georgia";
        font-size: .8125em;
        color: #2a2b33
    }

    .prodCnt ul li > div {
        float: left
    }

    .prodCnt ul li {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px
    }

.blueTitle, .tabTitle, .darkGrayTitle {
    position: relative
}

.bluBgTxt {
    font-family: 'BrandonGrotesqueBold',Arial
}

.tabTitle h4 {
    cursor: pointer
}

    .bluBgTxt, .tabTitle h4.active {
        font-size: 1.28em;
        background: #019cde;
        color: #fff;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 1;
        max-width: 106px;
        padding: 8px 0 4px 0
    }

    .tabTitle h4:hover {
        background: #019cde
    }

    .tabTitle, .tabTitle h4.active, .tabTitle h4.greyBgTxt {
        text-align: center;
        font-family: 'BrandonGrotesqueBold',Arial
    }

.blueTitle hr, .darkGrayTitle hr {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    border: 0;
    border-top: 1px solid #b7b7b7;
    position: absolute;
    top: 50%;
    z-index: 0
}

.tabTitle h4:first-child {
    width: 100%;
    margin-right: 5px;
    max-width: 180px
}

.accordion {
    padding: 20px 0
}

.tabTitle h4:nth-child(2) {
    width: 26%
}

.tabTitle h4, .tabTitle h4.active {
    padding: 8px 5px 4px;
    line-height: 1.2;
    font-size: 1.313em;
    float: none;
    display: inline-block
}

.greyBgTxt {
    font-family: 'BrandonGrotesqueBlack',Arial;
    background: #63666b;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    float: left
}

.accordTitle {
    display: inline-block
}

.tabTitle hr {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    border: 0;
    border-top: 1px solid #b7b7b7;
    position: absolute;
    top: 50%;
    z-index: 0
}

.accordion {
    display: block;
    width: 92%;
    margin: 0 auto
}

.accordCnt {
    width: 100%;
    margin: 15px 0 20px 0
}

.pressCnt ul li a:hover {
    color: #019cde
}

.pressCnt ul li a {
    margin-bottom: 17px;
    font-family: Georgia,Arial;
    font-size: .875em;
    color: #2a2b33;
    line-height: 1.2;
    display: inline-block
}

.tabCnt > div {
    display: none
}

    .tabCnt > div.active {
        display: block
    }

.factsCnt h4 {
    font-family: 'BrandonGrotesqueBlack',Arial;
    font-size: .875em;
    color: #009cde
}

.factsCnt p {
    font-family: Georgia,Arial;
    font-size: .79em;
    color: #2a2b33;
    margin-bottom: 15px
}

.factsCnt li:last-child p {
    margin-bottom: 0
}

.tabCnt .factsCnt, .tabCnt .pressCnt {
    margin: 30px 0
}

.arTitle {
    font-family: Georgia,Arial;
    font-size: 1.3125em;
    color: #2a2b33;
    margin-top: 8px
}

    .arTitle a, .prodCnt h4 a {
        color: #2a2b33
    }

.accordTitle h4:hover {
    background: #019cde
}

.arDesc {
    font-family: Georgia,Arial;
    font-size: .875em;
    color: #2a2b33;
    margin-bottom: 15px
}

.prodCnt ul li img {
    max-width: 65px
}

.prodCnt ul li > div:last-child {
    margin-left: 10px;
    width: 74%
}

.prodCnt li > div h4 {
    font-family: Georgia,Arial;
    font-size: 1em;
    color: #2a2b33;
    margin-bottom: 3px
}

.prodCnt li > div p {
    font-family: Georgia,Arial;
    font-size: .79em;
    color: #2a2b33
}

.prodCnt {
    padding-bottom: 20px
}

.accordTitle h4 {
    font-family: 'BrandonGrotesqueBold',Arial;
    background: #63666b;
    color: #fff;
    float: left;
    width: 100%;
    padding: 8px 0 4px 20px;
    margin-bottom: 10px;
    font-size: 1em
}

.social {
    display: block;
    width: 92%;
    margin: 0 auto
}

.socialCnt {
    width: 100%;
    display: block;
    margin: 0 auto 30px auto;
    text-align: center
}

.nrContainer img {
    max-width: 100%
}

.nutriTitle {
    font-family: 'BrandonGrotesqueBlack',Arial;
    font-size: 1.5em;
    color: #00b140;
    margin: 21px 0 5px -3px
}

.nrContainer {
    width: 95%;
    margin: 0 auto
}

.nutrtion .leftCnt > div {
    margin-bottom: 15px
}

.artFilter {
    margin: 30px 0 0 0;
    padding: 0
}

    .artFilter li a {
        width: 100%;
        display: inline-block;
        color: #fff
    }

    .artFilter li:hover p {
        background-color: #f4f4f4;
        cursor: pointer
    }

    .artFilter li:hover:not(.active) p, .artFilter li:hover:not(.active) a {
        color: #3d566e
    }

    .artFilter li p {
        width: 100%;
        display: inline-block;
        background: #63666a;
        font-family: "BrandonGrotesqueBold",Arial;
        font-size: .875em;
        color: #fff;
        padding: 7px 0 1px 13px;
        margin-bottom: 9px
    }

    .artFilter li.active p {
        background: #00b140
    }

    .artFilter li p .nos {
        float: right;
        padding-right: 15px
    }

.nrWrapper {
    margin-bottom: 40px;
    display: inline-block;
    width: 100%
}

.row1 .col1, .row1 .col2, .row2 .col1, .row2 .col2 {
    overflow: hidden
}

    .row1 .col1 img, .row2 .col1 img, .row2 .col2 img, .row1 .col2:hover img {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        image-rendering: optimizequality
    }

    .row1 .col1:hover, .row2 .col1:hover, .row1 .col2:hover {
        background: #000
    }

    .row1 .col2 img:hover {
        background: #333
    }

    .row1 .col1:hover img, .row2 .col1:hover img, .row1 .col2:hover img {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
        display: inline-block;
        line-height: 0;
        opacity: .5
    }

    .row2 .col2:hover img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
        display: inline-block;
        line-height: 0
    }

.homepage .hm-prod {
    padding-top: 10px;
    display: inline-block;
    background: #fff;
    line-height: 0
}

.tw-custom {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%
}

.tgreenClr .artFilter li.active p {
    background: #00b140 !important
}

#page .artFilter li.active p {
    background: #009cde !important
}

.tredClr .artFilter li.active p {
    background: #e5002b !important
}

.tyellowClr .artFilter li.active p {
    background: #eeb33b !important
}

.tpurpleClr .artFilter li.active p {
    background: #aa0061 !important
}

.homeContainer .prodInno {
    margin-top: 10px
}

.homepage .prodCnt li {
    margin-bottom: 15
}

.primaryblue-panel {
    background: #009cde !important
}

.darkblue-panel {
    background: #002a3a !important
}

.mediumblue-panel {
    background: #004f71 !important
}

.mediumgreen-panel {
    background: #00b140 !important
}

.lightgreen-panel {
    background: #7ccc6c !important
}

.Purple-panel {
    background: #470a68 !important
}

.Magenta-panel {
    background: #aa0061 !important
}

.Red-panel {
    background: #e4002b !important
}

.Black-panel {
    background: #000 !important
}

.Charcoal-panel {
    background: #222731 !important
}

.darkgray-panel {
    background: #63666a !important
}

.mediumgray-panel {
    background: #888b8d !important
}

.lightblue-panel {
    background: #5bc2e7 !important
}

.Mint-panel {
    background: #64ccc9 !important
}

.Gold-panel {
    background: #eeb33b !important
}

.Yellow-panel {
    background: #ffd100 !important
}

.lightgray-panel {
    background: #d9d9d6 !important
}

    .lightblue-panel span, .Mint-panel span, .Gold-panel span, .Yellow-panel span, .lightgray-panel span, .lightblue-panel h4, .Mint-panel h4, .Gold-panel h4, .Yellow-panel h4, .lightgray-panel h4 {
        color: #000 !important
    }

.primaryblue-panel span, .darkblue-panel span, .mediumblue-panel span, .mediumgreen-panel span, .lightgreen-panel span, .Purple-panel span, .Magenta-panel span, .Red-panel span, .Black-panel span, .Charcoal-panel span, .darkgray-panel span, .mediumgray-panel span, .primaryblue-panel h4, .darkblue-panel h4, .mediumblue-panel h4, .mediumgreen-panel h4, .lightgreen-panel h4, .Purple-panel h4, .Magenta-panel h4, .Red-panel h4, .Black-panel h4, .Charcoal-panel h4, .darkgray-panel h4, .mediumgray-panel h4 {
    color: #FFF !important
}

.homepage .prodCnt h4 a {
    margin-bottom: 5px;
    display: inline-block
}

.nutrtion h2.nutriTitle {
    color: #009cde !important
}

.nutrtion .nutriTitle {
    color: #009cde !important
}

@media(min-width:480px) {
}

@media(max-width:767px) {
    #homeWraper {
        background: transparent !important
    }
}

@media(min-width:768px) {
    .posTop {
        top: 5% !important
    }

    .posMid {
        top: 38% !important
    }

    .posBot {
        bottom: 5% !important
    }

    .vblock2 .new-row.nrow2 .posBot {
        bottom: 25% !important
    }

    .vblock2 .new-row.nrow2 .posMid {
        top: 25% !important
    }

    .posTop .greenBgTxt {
        top: 5% !important
    }

    .posMid .greenBgTxt {
        top: 30% !important
    }

    .posBot .greenBgTxt {
        bottom: 18% !important
    }

    .posTop .purbleBgTxt {
        top: 5% !important
    }

    .posMid .purbleBgTxt {
        top: 30% !important
    }

    .posBot .purbleBgTxt {
        bottom: 10% !important
    }

    .row2 .col2 h4 {
        font-size: 1.875em
    }

    .nutriTitle {
        font-size: 2.5em
    }

    .factsCnt h4 {
        font-size: .875em
    }

    .leftCnt > div:nth-child(odd) {
        margin-right: 9px;
        margin-bottom: 10px
    }

    .leftCnt > div {
        display: inline-block;
        width: 49%;
        vertical-align: top
    }

    .row1 {
        float: left;
        width: 66%;
        margin-right: 6px;
        margin-bottom: 0
    }

    .row2 {
        width: 33.09%;
        float: left
    }

    .row1 .col1 {
        width: 63.8%;
        margin-right: 7px
    }

    .row2 .col1, .row2 .col2 {
        width: 100%;
        display: block
    }

    .mob-banner a img {
        width: 100%
    }

    .row1 .col2 {
        width: 34.79%
    }

    .row2 .col1 {
        border-right: 0;
        margin-bottom: 7px;
        line-height: 0
    }

    .rightCnt {
        width: 95%;
        margin: 20px auto 0 auto
    }

        .rightCnt > div {
            float: left;
            width: 49%
        }

    .accordion {
        margin-right: 10px;
        padding-top: 0;
        padding-bottom: 0
    }

    .row1 .col2 {
        position: relative
    }

    .leftCnt .greenTitle h4, .leftCnt .redTitle h4, .leftCnt .yellowTitle h4, .leftCnt .purbleTitle h4, .bluBgTxt {
        max-width: 295px;
        font-size: 1.25em
    }

    .tabTitle h4, .tabTitle h4.active {
        font-size: 1.22em
    }

    .arTitle {
        font-size: 1.25em
    }

    .prodCnt .dTime, .prodCnt li > div p {
        font-size: .688em
    }

    .prodCnt li > div h4 {
        font-size: .875em
    }

    .greenBgTxt {
        background: transparent;
        color: #7dcd6b;
        font-size: 1.875em;
        line-height: 33px
    }

    .row2 .col1 .purbleBgTxt {
        background: transparent;
        bottom: 0;
        color: #ac0162;
        font-size: 1.875em;
        line-height: 33px
    }

    .row1 .col2 h4 {
        width: 85%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 1.875em;
        line-height: 33px
    }

    .mob-banner {
        width: 100%;
        float: left;
        margin-bottom: 0;
        line-height: 0
    }

    .nutrtion .rightCnt {
        width: 100%;
        display: inline-block
    }

    .artFilter li:nth-child(odd) {
        margin-right: 14px
    }

    .arDesc {
        font-size: .813em
    }

    .artFilter li {
        float: left;
        width: 49%
    }

    .homeContainer {
        background: #fff;
        width: 100%;
        display: inline-block;
        border-top-right-radius: 65px;
        padding: 85px 40px 30px 40px
    }

    .homeWrapper {
        float: left;
        width: 100%
    }

    .artFilter {
        margin-top: 0
    }

        .artFilter li p {
            font-size: .875em
        }

    .row1 .col2 img {
        height: 100%
    }

    .row1 .col1 {
        position: relative
    }

        .row1 .col1:after {
            content: "";
            background: url(../../jlop.content/etc.designs/images/curve.png) no-repeat 0 0;
            display: inline-block;
            width: 92px;
            height: 70px;
            position: absolute;
            bottom: 0
        }

    .ie .row1 .col1:after {
        position: relative;
        top: -69px
    }

    .homeContainer .prodInno {
        margin-top: 0
    }
}

@media(min-width:1024px) {
    .row2 .col2 h4 {
        width: 100%
    }

    .nutriTitle {
        font-size: 2.5em
    }

    .utilitynav ul li a {
        font-size: .79em
    }

    .greenBgTxt, .row1 .col2 h4, .row2 .col1 .purbleBgTxt, .row2 .col2 h4 {
        font-size: 2.375em;
        line-height: 62px
    }

    .row2 .col2 h4 {
        top: 16px
    }

    .leftCnt .greenTitle h4, .leftCnt .redTitle h4, .leftCnt .yellowTitle h4, .leftCnt .purbleTitle h4, .bluBgTxt, .tabTitle h4, .tabTitle h4.active {
        font-size: 1.25em;
        line-height: 24px
    }

    .arTitle {
        font-size: 1.22em;
        line-height: 24px
    }

    .factsCnt h4 {
        font-size: .875em
    }

    .factsCnt p {
        font-size: .875em
    }

    .pressCnt ul li a {
        font-size: .91em
    }

    .prodCnt .dTime, .prodCnt li > div p {
        font-size: .85em
    }

    .homeContainer {
        border-top-right-radius: 95px
    }

    .rightCnt > div {
        float: left;
        width: 100%
    }

    .social {
        margin-top: 15px
    }

    .accordTitle h4 {
        padding: 10px 0 6px 20px
    }

    .rightCnt {
        width: 31%;
        margin-left: 10px;
        float: left;
        margin-top: 0
    }

    .socialCnt {
        width: 100%
    }

    .leftCnt {
        width: 67.5%;
        float: left
    }

    .homepage {
        max-width: 1440px;
        margin: 0 auto 0 auto;
        display: block;
        background: #fff;
        border-bottom-right-radius: 75px
    }

    .row1 .col1 {
        width: 64%
    }

    .row2 {
        width: 33.3%
    }

    .socialCnt {
        text-align: left
    }

    .leftCnt > div {
        width: 48%
    }

    .mob-banner {
        margin-bottom: 0;
        float: left
    }

    .homeContainer {
        background: #fff;
        width: 100%;
        border-top-right-radius: 95px;
        padding-top: 85px;
        float: left
    }

    .homeWrapper {
        float: left;
        width: 100%;
        margin-top: -1px
    }

    .nutrtion .rightCnt {
        width: 30%;
        margin-left: 23px;
        float: left
    }

    .artFilter li {
        width: 100%
    }

        .artFilter li:nth-child(odd) {
            margin: 0
        }

    .nrContainer {
        width: 100%;
        padding: 0 30px 0 15px
    }

    .firefox .leftCnt .greenTitle h4, .firefox .leftCnt .redTitle h4, .firefox .leftCnt .yellowTitle h4, .firefox .leftCnt .purbleTitle h4 {
        padding: 11px 0 4px 0
    }
}

@media(min-width:1200px) {
    .pressCnt.active ul {
        margin-left: 10px
    }

    .row2 .col2 h4 {
        top: 35px
    }

    .row2 .col2 h4 {
        font-size: 3.5em
    }

    .row2 {
        width: 33.48%
    }

    .row1 .col2 {
        width: 35.2%
    }

    .leftCnt .greenTitle h4, .leftCnt .redTitle h4, .leftCnt .yellowTitle h4, .leftCnt .purbleTitle h4, .bluBgTxt {
        max-width: 344px
    }

    .greenBgTxt, .row1 .col2 h4, .row2 .col1 .purbleBgTxt {
        font-size: 3.125em
    }

    .row1 {
        margin-right: 7px
    }

    .row2 .col1 {
        margin-bottom: 7px
    }

    .tabTitle h4:first-child {
        max-width: 207px
    }

    .prodCnt .dTime {
        margin: 14px 0
    }

    .arDesc {
        margin-bottom: 20px
    }

    .arDesc {
        font-size: .875em;
        line-height: 1.3
    }

    .leftCnt > div:nth-child(odd) {
        margin-bottom: 15px;
        margin-right: 15px
    }

    .accordCnt ul li {
        margin-bottom: 15px
    }

    .accordCnt {
        margin: 20px 0
    }

    .accordTitle h4 {
        margin-bottom: 15px
    }

    .leftCnt > div {
        width: 48.5%
    }

    .row1 .col2 h4 {
        width: 90%
    }
}

@media(min-width:1200px) and (max-width :1360px) {
    .row2 {
        width: 33.4%
    }

    .row1 .col2 {
        width: 35.1%
    }

        .row1 .col2 h4 {
            width: 90%
        }
}

@media(min-width:1280px) {
    .greenBgTxt, .row1 .col2 h4, .row2 .col1 .purbleBgTxt {
        font-size: 3.4em
    }
}

@media(min-width:768px) {
    .col1 .banner-cta {
        position: absolute;
        bottom: 85px;
        padding: 15px 20px;
        background: #019cde;
        color: #FFF;
        left: 3%;
        text-transform: uppercase
    }
}

.col2 .banner-cta {
    position: absolute;
    bottom: 85px;
    padding: 15px 20px;
    background: #019cde;
    font-size: 14px;
    color: #FFF;
    font-family: BrandonGrotesqueBold;
    left: 6%;
    height: 30px !important;
    text-transform: uppercase
}

.social-nolabel li:hover {
    background: #5bc2e7 !important;
    padding-bottom: 0;
    height: 24px
}

.cta-section a {
    padding: 7px 10px 3px;
    background: #019cde;
    color: #FFF;
    font-family: BrandonGrotesqueBold;
    text-transform: uppercase;
    line-height: 1 !important;
    display: block;
    margin-bottom: 10px
}

.custhreeban .cta-section {
    z-index: 9
}

.cta-section a:hover {
    background: #FFF !important;
    color: #019cde !important
}

.custhreeban .bannertext.posbotnew .cta-section a {
    cursor: pointer
}

    .custhreeban .bannertext.posbotnew .cta-section a:hover {
        background: #FFF !important;
        color: #019cde !important
    }

.row1 .col2 h4 {
    bottom: 27%;
    left: 7%
}

.row2 .col1 .purbleBgTxt a {
    clear: both
}

@media(min-width:1024px) {
    .curve-hd-container .cm-title {
        max-width: 351px !important;
        line-height: 1
    }

    .cm-title {
        padding: 10px 0 3px 0
    }

    .greenBgTxt, .row1 .col2 h4, .row2 .col1 .purbleBgTxt, .row2 .col2 h4 {
        line-height: 45px
    }

    .cta-section {
        bottom: 14%
    }

        .cta-section a {
            display: inline
        }

    .col2 .cta-section {
        left: 12%
    }

    .col2 .posbotnew h4:nth-child(1) {
        top: 10% !important
    }

    .custhreeban .row1 .col1 .bannertext.posbotnew h1 {
        left: 25px;
        width: 350px
    }
}

@media(min-width:1200px) {
    .rightCnt.newrsroomnew .pressCnt ul li a {
        margin-bottom: 12px
    }

    .rightCnt.newrsroomnew .pressCnt {
        margin-top: 20px
    }

    .rightCnt.newrsroomnew .twitterFeed {
        max-height: 320px;
        overflow: hidden
    }

    .rightCnt.newrsroomnew .social .twitterFeed iframe .timeline-Viewport {
        height: 150px !important
    }

    .greenBgTxt, .row1 .col2 h4, .row2 .col1 .purbleBgTxt, .row2 .col2 h4 {
        line-height: 60px
    }

    .custhreeban .row1 .col2 .bannertext.posbotnew h4 {
        left: 0 !important
    }

    .custhreeban .bannertext.posbotnew h1, .bannertext.posbotnew h4, .bannertext.posbotnew span {
        font-size: 38px !important;
        line-height: 42px !important
    }

    .rightCnt.newrsroomnew {
        bottom: 0
    }
}

.hero_car_sec .content.carouselRedesigntxt span h1 {
    width: 92%;
    font-size: 32px !important;
    margin-top: -10px
}

    .hero_car_sec .content.carouselRedesigntxt span h1 ~ p {
        margin-bottom: 15px;
        margin-top: 10px
    }

.mob-banner.custhreeban {
    margin-top: 129px
}

.custhreeban .bannertext.posbotnew .cta-section a {
    padding: 7px 15px 3px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 34px;
    font-weight: bold;
    text-align: center
}

.custhreeban .bannertext.posbotnew .cta-section.qearning a {
    line-height: 3 !important
}

.custhreeban .row1 .col2 .bannertext.posbotnew .cta-section {
    position: absolute;
    bottom: 21.3% !important;
    left: 11%
}

.custhreeban .row1 .col2 .bannertext.posbotnew h4 {
    width: 350px
}

.custhreeban .row1 .col1 .bannertext.posbotnew .cta-section {
    position: absolute;
    bottom: 21% !important;
    left: 11%
}

.custhreeban .row1 .col2 .bannertext.posbotnew .cta-section a {
    padding: 7px 15px 3px;
    display: inline
}

.custhreeban .row2 .bannertext.posbotnew .cta-section {
    bottom: 18%;
    position: absolute;
    left: 5%
}

    .custhreeban .row2 .bannertext.posbotnew .cta-section.qearning {
        width: 70%;
        bottom: 4%
    }

.custhreeban .row2 .col1 .bannertext.posbotnew span {
    bottom: 50% !important
}

.custhreeban .row2 .col2 .bannertext.posbotnew h4 {
    top: 6% !important;
    text-align: left;
    margin-left: 19px
}

.custhreeban .row1 .col1 {
    width: 49.7%
}

.custhreeban .row1 .col2 {
    width: 49.5%
}

.full-Banner-txt .cm-title {
    max-width: 353px
}

.custhreeban .row2 .col2 img {
    width: auto
}

.custhreeban .row2 .col2 .bannertext.posbotnew .cta-section {
    bottom: 34.5%
}

.full-Banner-txt .curve-hd-container {
    margin-top: 23px !important
}

.investCalendar-container {
    background: url("../../jlop.content/etc.designs/images/overview-assets_17.jpg") no-repeat fixed center
}

.invest-release {
    width: 100%;
    color: #000;
    background: #fff;
    min-height: 100px;
    border-bottom: 1px solid #ccc;
    font-size: 20px;
    letter-spacing: 0;
    color: #000;
    font-family: BrandonGrotesqueBlack;
    text-align: center
}

.invest-day {
    width: 15%;
    float: left;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    padding: 20px 0 8px 0
}

.invest-text p {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 14px;
    font-family: BrandonGrotesqueBold;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%
}

.invest-btn {
    float: left;
    margin: 10px 10px 0 0
}

.invst-parent a {
    text-decoration: none;
    padding: 15px 10px 10px 10px;
    background: #019cde;
    color: #FFF;
    font-family: "BrandonGrotesqueBold",Arial;
    text-transform: uppercase;
    line-height: 1 !important;
    font-size: 14px;
    display: inline-block;
    width: 125px
}

    .invst-parent a:hover {
        background: #002a3a
    }

.invest-month {
    border-bottom: 2px solid #000;
    margin: 0 20px;
    line-height: 20px
}

.invest-text {
    font-size: 20px;
    font-family: BrandonGrotesqueBold;
    padding-top: 15px;
    padding-left: 10px;
    text-align: left
}

.investCalendar-container {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: -4px
}

    .investCalendar-container img {
        width: 100%
    }

.invest-content {
    width: 75%;
    margin: 0 auto;
    padding: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    top: 50%;
    -ms-transform: translateY(-50%);
    left: 0;
    right: 0
}

.investCalendar-container .curve-hd-container {
    margin-top: 37px !important
}

.lastsecInvest .invest-text p {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 42px;
    color: #000;
    font-family: BrandonGrotesqueBold
}

.lastsecInvest .invest-text {
    padding-top: 10px;
    width: 65%;
    float: left
}

.lastsecInvest {
    background: #ccc;
    min-height: 64px;
    margin-bottom: 35px
}

.full-Banner-txt {
    margin-bottom: -28px
}

.investCalendar-container ~ .storypanel-Redesign .inspBlock a.read_story h2 {
    display: none
}

.investCalendar-container ~ .storypanel-Redesign .inspBlock:hover a.read_story h2 {
    display: block
}

.container-fluid-new.storypanel-Redesign .inspBlock {
    display: block;
    width: 75%;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    border: none !important;
    background-color: transparent;
    float: none !important;
    max-width: none !important
}

    .container-fluid-new.storypanel-Redesign .inspBlock > a.read_story {
        float: left;
        width: 65%;
        height: 158px;
        padding: 20px
    }

    .container-fluid-new.storypanel-Redesign .inspBlock > .storyContent {
        width: 35%;
        height: 158px;
        float: left;
        padding: 20px 20px 0;
        cursor: pointer
    }

    .container-fluid-new.storypanel-Redesign .inspBlock img:first-child {
        float: left;
        width: 65%;
        height: 158px;
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100);
        position: relative;
        z-index: 10
    }

.container-fluid-new.storypanel-Redesign:first-of-type {
    padding-top: 25px
}

.container-fluid-new.storypanel-Redesign:last-of-type {
    padding-bottom: 40px
}

.stock-Info {
    border: 1px solid #fff;
    margin: 10px 0;
    padding: 5px 10px 10px 10px;
    font-size: 18px;
    color: #fff;
    font-family: "BrandonGrotesqueBold",Arial
}

    .stock-Info:hover {
        border: 1px solid #019cde
    }

    .stock-Info .trade-val {
        margin-top: 10px
    }

    .stock-Info .smallTxt {
        font-size: 12px
    }

.newsroom-banner .vblock1, .newsroom-banner .vblock2 {
    overflow: hidden
}

    .newsroom-banner .vblock1 :hover img {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        image-rendering: optimizequality
    }

    .newsroom-banner .vblock1:hover, .newsroom-banner .vblock2 .new-row.nrow2:hover, .newsroom-banner .vblock2 .new-row.nrow1:hover {
        background: #000
    }

    .newsroom-banner .vblock1:hover, .newsroom-banner .vblock2 .new-row.nrow2:hover, .newsroom-banner .vblock2 .new-row.nrow1:hover {
        background: #333
    }

        .newsroom-banner .vblock1:hover a img {
            -webkit-transform: scale(1.25);
            -moz-transform: scale(1.25);
            -ms-transform: scale(1.25);
            -o-transform: scale(1.25);
            transform: scale(1.25);
            display: inline-block;
            line-height: 0;
            opacity: .5
        }

        .newsroom-banner .vblock2 .new-row.nrow2:hover a img, .newsroom-banner .vblock2 .new-row.nrow1:hover a img {
            -webkit-transform: scale(1.25);
            -moz-transform: scale(1.25);
            -ms-transform: scale(1.25);
            -o-transform: scale(1.25);
            transform: scale(1.25);
            display: inline-block;
            line-height: 0;
            opacity: .5
        }

    .newsroom-banner .vblock2 .new-row.nrow1 a img, .newsroom-banner .vblock2 .new-row.nrow2 a img, .newsroom-banner .vblock1 a img {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        image-rendering: optimizequality
    }

    .newsroom-banner .vblock2 .new-row.nrow2, .newsroom-banner .vblock2 .new-row.nrow1 {
        overflow: hidden !important
    }

.newsroom-banner .new-row-content h1 {
    font-size: 38px;
    font-family: "BrandonGrotesqueBlack"
}

.newsroom-banner .vblock1 {
    position: relative;
    margin-right: 10px;
    width: 66.56%
}

    .newsroom-banner .vblock1 img {
        width: 100%
    }

.newsroom-banner .vblock1-content {
    position: absolute;
    margin-bottom: 6%;
    margin-left: 10%;
    z-index: 9
}

    .newsroom-banner .vblock1-content h1 {
        font-family: "BrandonGrotesqueBlack",Arial;
        font-size: 45px;
        margin-left: 0
    }

.newsroom-banner .new-row {
    position: relative;
    width: 100%
}

.newsroom-banner .new-row-content {
    position: absolute;
    bottom: 31%;
    left: 5%
}

.newsroom-banner .new-row.nrow1 .new-row-content {
    bottom: 5%
}

.newsroom-banner .new-row-content h2 {
    font-family: "BrandonGrotesqueBlack",Arial;
    font-size: 32px
}

.newsroom-banner .vblock2 {
    width: 33.43%;
    position: relative
}

    .newsroom-banner .vblock2 img {
        width: 100%
    }

.newsroom-banner .nrow1 h2 {
    color: #64ccc9
}

.newsroom-banner .nrow2 h2 {
    color: #ffd100
}

.newsroom-banner .vblock2 .nrow1 {
    margin-bottom: 10px
}

.newsroom-banner .banner-white-curve {
    position: absolute;
    top: 61.4%;
    left: 0
}

.newsroom-banner .banner-grey-curve {
    position: absolute;
    top: 87%
}

.leftCnt.newrsroomnew .categoryTitle {
    position: static !important
}

    .leftCnt.newrsroomnew .categoryTitle a h4 {
        position: static !important;
        max-width: 348px
    }

    .leftCnt.newrsroomnew .categoryTitle a {
        font-family: "BrandonGrotesqueBold",Arial;
        width: 100%;
        max-width: 296px;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        z-index: 1;
        padding: 9px 0 4px 0;
        font-size: 1.3125em
    }

        .leftCnt.newrsroomnew .categoryTitle a h4 {
            padding: 0;
            margin: 0;
            font-size: 13px;
            font-family: "BrandonGrotesqueBold",Arial;
            min-height: 30px;
            padding-top: 10px;
            margin-top: -4px;
            line-height: 14px
        }

.homepage .leftCnt.newrsroomnew .hm-prod {
    padding-top: 0
}

.leftCnt.newrsroomnew .prodCnt .dTime, .prodCnt li > div p {
    border-top: 0;
    border-bottom: 0;
    font-family: "BrandonGrotesqueBold",Arial;
    color: #009cde;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 0
}

.leftCnt.newrsroomnew .arTitle {
    margin-top: 20;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 5px
}

.leftCnt.newrsroomnew .prodCnt li > div h4 {
    font-weight: bold
}

.leftCnt.newrsroomnew > div {
    background: #FFF;
    border: solid 1px #CCC;
    max-width: 370px  /*350*/
}

.leftCnt.newrsroomnew .hm-prod img, .leftCnt.newrsroomnew .hm-prod {
    width: 100%
}

.rightCnt.newrsroomnew {
    background: #d9d9d7;
    padding-left: 37px;
    width: 33.2%;
    margin-left: 13px
}

.leftCnt.newrsroomnew {
    width: 100%; /*64.8%*/
    padding: 0 4%
}

.leftCnt .blueTitle h4 {
    background: #019cde
}

.leftCnt .darkGrayTitle h4 {
    background: #63666a
}

.rightCnt.newrsroomnew .accordTitle h4 {
    margin-bottom: 5px
}

.rightCnt.newrsroomnew .tabCnt .factsCnt, .rightCnt.newrsroomnew .tabCnt .pressCnt {
    margin-bottom: 0
}

.rightCnt.newrsroomnew .social {
    margin-top: -5px;
    width: 83.2%;
    background: #fff
}

.rightCnt.newrsroomnew {
    position: absolute;
    right: 0;
    margin-top: -10%;
    top: 37%
}

    .rightCnt.newrsroomnew > div {
        float: left;
        width: 85%
    }

section.homepage ~ footer {
    margin: -154px 0 0
}

.rightCnt.newrsroomnew .tabCnt .factsCnt.active {
    margin-bottom: 30px
}

.utilityNav .primary-active.active-corpnewsLink a {
    color: #5bc2e7
}

.rightCnt.newrsroomnew h4.greyBgTxt.pressCnt {
    background-image: url(../../jlop.content/etc.designs/images/side-arrow.png);
    background-position: right;
    background-repeat: no-repeat
}

    .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt.active {
        background-image: url(../../jlop.content/etc.designs/images/dwn-arrow.png);
        background-position: right;
        background-repeat: no-repeat
    }

    .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:first-child {
        background-position: 181px;
        text-align: left;
        padding-left: 10px
    }

    .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:nth-child(2) {
        background-position: 100px
    }

.rightCnt.newrsroomnew .tabTitle h4:nth-child(2) {
    width: 35%
}

.rightCnt.newrsroomnew .tabTitle h4:first-child {
    max-width: 210px
}

.rightCnt.newrsroomnew h4.greyBgTxt.active.pressCnt:first-child {
    margin-right: -5px
}

.newsroom-banner ~ #homeWraper .homeContainer {
    padding-top: 20px
}

.rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:nth-child(2).active {
    background-position: 83px;
    margin-left: -15px;
    margin-right: 31px;
    padding-right: 25px
}

@media(min-width:768px) {
    .newsroom-banner .banner-white-curve {
        height: 230px;
        z-index: 0
    }

    .slick-slide .hero_car_sec .subText, .slick-slide .hero_car_sec span.subText {
        margin-bottom: 15px
    }

    .slick-slide .slick-dots li button:before {
        colof: #009cde
    }

    .slick-slide .slick-dots li.slick-active button:before {
        color: #fff
    }

    .slick-slide .slick-dots {
        bottom: 85px
    }

    .article-detail .relatedCnt {
        margin-top: 30px
    }

    .newsroom-banner {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        border: none !important;
        margin-top: -5px
    }

        .newsroom-banner ~ .curved-left-cnt .curve-hd-container {
            margin-top: 0;
            padding-top: 12px !important;
            padding-bottom: 25px
        }

    .newsroom-banner {
        position: relative
    }

    .rightCnt.newsroom-banner .pressCnt ul li a {
        margin-bottom: 13px
    }
}

@media(min-width:1600px) {
    .rightCnt.newrsroomnew .social {
        width: 79%
    }

    .curved-left-cnt {
        padding-left: 0 !important
    }
}

@media only screen and (max-width:1290px) and (min-width:1200px) {
    .rightCnt.newrsroomnew {
        top: 36%
    }

    .hero_car_sec .content.carouselRedesigntxt {
        top: 60px
    }

    .rightCnt.newrsroomnew .social {
        width: 85%
    }

    .leftCnt.newrsroomnew {
        padding: 0 4.7%
    }

    .curved-left-cnt {
        width: 62%;
        padding-left: 4% !important
    }

    .custhreeban .row1 .col2 {
        width: 49.5%
    }

    .newsroom-banner .banner-white-curve {
        top: 59.4%
    }

    .newsroom-banner .banner-grey-curve {
        top: 87.3%
    }

    .custhreeban .row2 .col2 {
        height: 275px !important
    }

    .custhreeban .row1 .col1 .cta-section {
        bottom: 19% !important
    }

    .custhreeban .row1 .col2 .bannertext.posbotnew .cta-section {
        bottom: 14.6% !important;
        left: 9 !important
    }

    .newsroom-banner .vblock2 .new-row.nrow2 a img {
        height: 289px !important
    }

    .rightCnt.newrsroomnew .twitterFeed.socialfacts {
        max-height: 288px
    }

    .rightCnt.newrsroomnew .twitterFeed.pressfacts {
        max-height: 294px
    }

    .custhreeban .row1 .col2 .bannertext.posbotnew .cta-section {
        bottom: 21% !important
    }

    .custhreeban .row2 .col2 .bannertext.posbotnew .cta-section {
        bottom: 30.5% !important
    }

    .custhreeban ~ .hero_navigation[data-mask*=xlink-deep] {
        margin-top: -185px !important
    }

    .custhreeban .row2 .bannertext.posbotnew .cta-section.qearning {
        bottom: 2% !important
    }
}

@media only screen and (min-width:1200px) {
    .rightCnt.newrsroomnew .tabTitle {
        text-align: left
    }

    .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:first-child {
        background-position: 181px;
        text-align: left;
        padding-left: 10px;
        max-width: 209.5px !important
    }

        .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:first-child.active {
            max-width: 205px !important
        }

    .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:nth-child(2).active {
        margin-right: 0 !important;
        background-position: 86px
    }

    .rightCnt.newrsroomnew .tabCnt .factsCnt.active {
        margin-left: 12px
    }

    .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:nth-child(2).active {
        background-position: 86px
    }

    .rightCnt.newrsroomnew .tabTitle h4.greyBgTxt.pressCnt:first-child {
        max-width: 205px
    }

    .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:nth-child(2) {
        background-position: 93px;
        padding-left: 20px;
        text-align: left;
        width: 33% !important
    }
}

.rightCnt.newrsroomnew .social .tw-custom a:first-child img {
    padding-left: 6px !important
}

.rightCnt.newrsroomnew .social .tw-custom a:nth-child(2) img {
    padding-right: 6px
}

@media only screen and (min-width:1400px) and (max-width:1500px) {
    .custhreeban .row1 .col2 .bannertext.posbotnew .cta-section {
        position: absolute;
        bottom: 21.4% !important;
        left: 11%
    }

    .custhreeban .row2 .col2 .bannertext.posbotnew .cta-section {
        bottom: 29.3% !important
    }

    .custhreeban ~ .hero_navigation[data-mask*=xlink-deep-curve] {
        margin-top: -218px !important
    }

    .newsroom-banner .banner-grey-curve {
        position: absolute;
        top: 86% !important
    }

    .vblock2 .new-row.nrow2 img {
        height: 336px !important
    }

    .rightCnt.newrsroomnew {
        top: 37% !important
    }
}

@media only screen and (min-width:1600px) and (max-width:1900px) {
    .custhreeban .row1 .col2 .bannertext.posbotnew .cta-section {
        position: absolute;
        bottom: 21.4% !important;
        left: 11%
    }

    .custhreeban .row2 .col2 .bannertext.posbotnew .cta-section {
        bottom: 29.3% !important
    }

    .custhreeban ~ .hero_navigation[data-mask*=xlink-deep-curve] {
        margin-top: -218px !important
    }
}

@media only screen and (min-width:1900px) and (max-width:2200px) {
    .custhreeban .row2 .col2 .bannertext.posbotnew .cta-section {
        bottom: 29.3% !important
    }

    .custhreeban .row1 .col2 .bannertext.posbotnew .cta-section {
        position: absolute;
        bottom: 21.3% !important;
        left: 11%
    }

    .custhreeban ~ .hero_navigation[data-mask*=xlink-deep-curve] {
        margin-top: -218px !important
    }
}

.pageFooter .footerColums h3 {
    color: #fff
}

.yellowTitle-bnrtitle h1 {
    color: #ffd100 !important
}

.whiteTitle-bnrtitle h1 {
    color: #fff !important
}

.turquoise-bnrtitle h1 {
    color: #64ccc9 !important
}

.purpleTitle-bnrtitle h1 {
    color: #aa0061 !important
}

.darkGreen-bnrtitle h1 {
    color: #002a3a !important
}

.redTitle-bnrtitle h1 {
    color: #e5002b !important
}

.blackTitle-bnrtitle h1 {
    color: #000 !important
}

.blueTitle-bnrtitle h1 {
    color: #5bc2e7 !important
}

.darkGrayTitle-bnrtitle h1 {
    color: #63666a !important
}

.titleredesign .curve-hd-container span {
    margin-bottom: 0;
    z-index: 1
}

@media only screen and (min-width:981px) and (max-width:1024px) {
    .custhreeban .row1 .col1, .custhreeban .row1 .col2 {
        width: 49%
    }

    .custhreeban .bannertext.posbotnew .cta-section a {
        padding: 7px 15px 6px;
        display: block
    }

    .custhreeban .bannertext.posbotnew .cta-section.qearning a {
        line-height: 1 !important
    }

    .stock-Info .trade-val {
        margin: 0;
        padding: 0
    }

    .stock-Info {
        margin: 0;
        font-size: 12px
    }

    .custhreeban .bannertext.posbotnew .cta-section {
        position: absolute;
        bottom: 5%;
        left: 6%
    }

        .custhreeban .bannertext.posbotnew .cta-section:nth-child(1) {
            bottom: 7% !important
        }

    .custhreeban .row1 .col2 .bannertext.posbotnew .cta-section a {
        padding: 7px 15px 6px;
        display: block
    }

    .mob-banner.custhreeban {
        margin-top: 122px
    }

    .custhreeban .col1 .bannertext.posbotnew:nth-child(1) .cta-section {
        bottom: 7.5%
    }

    .invest-content {
        width: 100%
    }

    .invest-day {
        font-size: 18px
    }

    .custhreeban .bannertext.posbotnew h1, .bannertext.posbotnew h4, .bannertext.posbotnew span {
        font-size: 27px !important;
        line-height: 42px !important
    }

    .custhreeban .row1 .col1 .bannertext.posbotnew h1, .custhreeban .row1 .col2 .bannertext.posbotnew h4 {
        width: 350px;
        margin-left: 0 !important
    }

    .custhreeban .row2 .col1 .bannertext.posbotnew span {
        bottom: 61% !important;
        font-size: 27px !important
    }

    .custhreeban .col1 .bannertext.posbotnew:nth-child(1) .cta-section {
        bottom: 3.5%
    }

    .custhreeban .posBot span, .custhreeban .posBot h4, .custhreeban .posBot h1 {
        bottom: 148px !important
    }

    .investCalendar-container img {
        min-height: 695px
    }

    .hero_car_sec .content.carouselRedesigntxt span h1 {
        width: 750px;
        font-size: 26px !important;
        letter-spacing: 1px;
        line-height: 50px
    }

    .newsroom-banner .vblock1-content {
        position: absolute;
        bottom: 16%;
        right: 20%
    }

    .rightCnt.newrsroomnew {
        bottom: 0;
        top: 37%;
        padding-bottom: 26% !important
    }

        .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:nth-child(2) {
            background-position: 88px !important
        }

            .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:nth-child(2).active {
                background-position: 71px !important
            }

        .rightCnt.newrsroomnew .tabTitle h4:nth-child(2) {
            width: 40% !important
        }

    .newsroom-banner .banner-white-curve {
        top: 57.6%
    }

    .newsroom-banner .vblock1 a img {
        height: 425px !important
    }

    .newsroom-banner .banner-grey-curve {
        top: 90%
    }

    .custhreeban .row1 .col2 .bannertext.posbotnew h4 {
        left: 30px !important
    }
}

@media only screen and (max-width:1100px) and (min-width:1024px) {
    .rightCnt.newrsroomnew .social {
        height: 160px;
        overflow-y: scroll
    }

    .newsroom-banner .banner-white-curve {
        top: 55.6%
    }

    .custhreeban .row1 .col2 {
        width: 49% !important
    }

    .vblock2 .new-row.nrow2 img {
        height: 262px !important
    }

    .newsroom-banner .banner-grey-curve {
        top: 88% !important;
        co
    }

    .rightCnt.newrsroomnew .tabTitle h4:first-child {
        max-width: 160px !important
    }

    .rightCnt.newrsroomnew h4.greyBgTxt.active.pressCnt:first-child {
        margin-right: -5px;
        font-size: 15px;
        background-position: 140px
    }

    .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:nth-child(2) {
        background-position: 80px !important;
        font-size: 15px;
        width: 38% !important
    }

    .custhreeban .row1 .col2 .bannertext.posbotnew .cta-section {
        bottom: 18.1% !important
    }

    .custhreeban .row1 .col1 .bannertext.posbotnew .cta-section {
        bottom: 18.1% !important
    }

    .custhreeban .row2 .col2 .bannertext.posbotnew .cta-section {
        bottom: 24.1% !important
    }

    .custhreeban ~ .hero_navigation[data-mask*=xlink-deep] {
        margin-top: -150px !important
    }

    .custhreeban > .row2 .col2.eHeight {
        height: 222px !important
    }
}

@media only screen and (min-width:768px) and (max-width:980px) {
    .rightCnt.newrsroomnew .social {
        height: 160px;
        overflow-y: scroll
    }

    .rightCnt.newrsroomnew {
        margin-top: -9% !important
    }

    .custhreeban .row1 .col1 h1 {
        left: 12px
    }

    .custhreeban .row1 .col1, .custhreeban .row1 .col2 {
        width: 49%
    }

    .custhreeban .bannertext.posbotnew .cta-section a {
        padding: 7px 15px 3px
    }

    .custhreeban .bannertext.posbotnew .cta-section {
        position: absolute;
        bottom: 5%;
        left: 6%
    }

        .custhreeban .bannertext.posbotnew .cta-section:nth-child(1) {
            bottom: 7% !important
        }

    .custhreeban .row1 .col2 .bannertext.posbotnew h4 {
        left: 28px !important
    }

    .custhreeban .row1 .col2 .bannertext.posbotnew .cta-section a {
        padding: 7px 15px 3px;
        display: block
    }

    .custhreeban .row2 .col1 .bannertext.posbotnew:nth-child(1) .cta-section {
        bottom: 0
    }

    .custhreeban .bannertext.posbotnew h1, .bannertext.posbotnew h4, .bannertext.posbotnew span {
        font-size: 20px !important;
        line-height: 25px !important
    }

    .custhreeban .cta-section {
        font-size: 14px
    }

    .custhreeban .posBot span, .custhreeban .posBot h4, .custhreeban .posBot h1 {
        bottom: 144px !important
    }

    .mob-banner.custhreeban {
        margin-top: 122px
    }

        .mob-banner.custhreeban ~ .hero_navigation[data-mask*=xlink-deep] {
            margin-top: -110px !important
        }

    .invest-content {
        width: 100%
    }

    .invest-day {
        font-size: 18px
    }

    .invst-parent {
        padding-left: 50px
    }

    .custhreeban .row2 .col1 .bannertext.posbotnew span {
        bottom: 63% !important
    }

    .custhreeban .row2 .col2 img {
        width: 90%
    }

    .custhreeban .row2 .col2 .bannertext.posbotnew .cta-section {
        bottom: 19.3%
    }

    .lastsecInvest .invest-text p {
        line-height: 23px
    }

    .investCalendar-container img {
        min-height: 695px
    }

    .stock-Info .trade-val {
        margin: 0;
        padding: 0
    }

    .stock-Info {
        margin: 0;
        font-size: 12px
    }

    .hero_car_sec .content.carouselRedesigntxt span h1 {
        width: 650px;
        font-size: 24px !important;
        letter-spacing: 1px;
        line-height: 50px
    }

        .hero_car_sec .content.carouselRedesigntxt span h1 ~ p {
            margin-bottom: 15px;
            margin-top: 5px;
            font-size: 16px !important
        }

    .invest-release.lastsecInvest .invest-btn {
        margin: 12px 10px 0 0
    }

    .invest-btn {
        float: left;
        margin: 2px 10px 0 0
    }

    .newsroom-banner .vblock1 {
        width: 60%
    }

        .newsroom-banner .vblock1:hover {
            margin-bottom: 6px
        }

    .newsroom-banner .vblock2 {
        width: 40%
    }

    .newsroom-banner .vblock1-content {
        right: 16%;
        bottom: 35%
    }

        .newsroom-banner .vblock1-content h1 {
            font-size: 28px !important
        }

    .newsroom-banner .new-row-content h1 {
        font-size: 25px !important
    }

    .newsroom-banner .banner-white-curve {
        top: 41.7%
    }

    .newsroom-banner .vblock1 a img {
        height: 330px !important
    }

    .newsroom-banner .new-row.nrow2 .new-row-content {
        bottom: 53%
    }

    .newsroom-banner .banner-grey-curve {
        top: 77%
    }

    .leftCnt.newrsroomnew {
        width: 64.8%;
        padding: 0 !important;
        float: left
    }

    .leftCnt.newrsroomnew {
        width: 62.8%
    }

        .leftCnt.newrsroomnew > div {
            max-width: 200px !important
        }

    .rightCnt.newrsroomnew {
        bottom: 0;
        top: 29.5%;
        width: 39.5%;
        padding-bottom: 26% !important;
        padding-top: 33px;
        padding-left: 20px
    }

        .rightCnt.newrsroomnew .tabTitle h4:first-child {
            max-width: 185px
        }

    .secondary-nav.middle-aligned {
        margin-top: -21px
    }

    .rightCnt.newrsroomnew .tabTitle h4:nth-child(2) {
        width: 32% !important
    }

    .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:nth-child(2).active {
        background-position: 83px;
        margin-left: -15px;
        margin-right: 0
    }

    .rightCnt.newrsroomnew .tabTitle {
        width: 280px;
        text-align: left
    }

    .newsroom-banner ~ .titleredesign .curve-hd-container .cm-title {
        max-width: 288px !important
    }

    .newsroom-banner ~ .titleredesign .curve-hd-black span:before, .curve-hd-black span:after {
        width: 66px
    }

    .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:nth-child(2) {
        background-position: 72px !important;
        padding-left: 6px !important;
        text-align: left
    }

    .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:first-child {
        background-position: 168px !important
    }

    .vblock2 .new-row.nrow2 .posBot {
        bottom: 55% !important
    }
}

@media(max-width:767px) {
    .tnews.redesignResourcePage {
        margin-top: 30px
    }

    .tnews4.redesignResourcePage {
        margin-top: 30px
    }

    .tnews6.redesignResourcePage {
        margin-top: 30px
    }

    .mob-banner.custhreeban {
        margin-top: 98px
    }

    .custhreeban .cta-section {
        z-index: 1
    }

    .stock-Info {
        display: none
    }

    .custhreeban .row1 .col1 .cta-section, .custhreeban .row1 .col2 .cta-section {
        position: absolute;
        bottom: 13% !important;
        left: 6%
    }

    .cta-section a {
        padding: 7px 10px 3px !important;
        font-size: 12px
    }

    .custhreeban .row1 .col1, .custhreeban .row1 .col2, .custhreeban .row2 .col1, .custhreeban .row2 .col2 {
        width: 49%
    }

    .custhreeban h1, .custhreeban h4, .custhreeban span {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .custhreeban .row1 .col2 img {
        margin-top: -3px !important
    }

    .custhreeban span, .custhreeban h4, .custhreeban h1, .custhreeban h4 span {
        bottom: 29% !important;
        background: 0
    }

    .custhreeban .row2 .cta-section {
        bottom: 9%;
        left: 8%
    }

    .custhreeban .row2 .col2 img {
        padding-top: 42%
    }

    .custhreeban .row2 .col2 .bannertext.posbotnew h4 {
        top: 27% !important
    }

    .custhreeban .row2 .col2 .bannertext.posbotnew .cta-section {
        bottom: 16%
    }

    .custhreeban .row2 .col1 .bannertext.posbotnew span {
        bottom: 40%
    }

    .custhreeban .row2 .col1 img {
        min-height: 230px
    }

    .custhreeban .posBot span, .custhreeban .posBot h4, .custhreeban .posBot h1 {
        bottom: 101px !important
    }

    .investCalendar-container img {
        width: 100%;
        min-height: 685px
    }

    .invest-content {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        top: 53%
    }

    .invest-day {
        width: 15%;
        float: left;
        vertical-align: middle;
        text-align: center;
        font-size: 13px;
        padding: 11px 0 0 0
    }

    .invest-text, .invst-parent {
        padding-left: 0
    }

        .invest-text p, .invest-text p:first-child {
            width: 100%;
            padding-bottom: 0
        }

    .invest-text {
        width: 100%;
        padding-bottom: 0;
        padding-top: 10px
    }

    .invest-month {
        margin: 0 10px
    }

    .invest-release {
        min-height: 115px
    }

        .invest-release.lastsecInvest {
            min-height: 65px
        }

    .lastsecInvest .invest-text p {
        font-size: 14px;
        line-height: 20px
    }

    .lastsecInvest .invest-text {
        width: 56%
    }

    .invest-btn {
        margin: 10px 6px 0 0
    }

    .invst-parent a {
        text-decoration: none;
        padding: 9px 2px 5px 3px;
        background: #019cde;
        color: #FFF;
        font-family: "BrandonGrotesqueBold",Arial;
        text-transform: uppercase;
        line-height: 1 !important;
        font-size: 12px;
        display: inline-block;
        width: 93px
    }

    .hero_car_sec .text.align-left.enableHeight + p {
        margin-bottom: 25px
    }

    .container-fluid-new.storypanel-Redesign .inspBlock:hover .read_story {
        background: 0
    }

        .container-fluid-new.storypanel-Redesign .inspBlock:hover .read_story h2 {
            display: none !important
        }

    .hero_car_sec .content.carouselRedesigntxt {
        background: #fff !important;
        border: none !important
    }

        .hero_car_sec .content.carouselRedesigntxt span h1 {
            font-size: 16px !important;
            width: 320px
        }

    .newsroom-banner {
        display: inline-block !important
    }

        .newsroom-banner .vblock1, .newsroom-banner .vblock2 {
            width: 100% !important
        }

        .newsroom-banner .vblock1-content {
            bottom: 3% !important;
            right: 2.5% !important
        }

            .newsroom-banner .vblock1-content h1 {
                font-size: 37px !important
            }

        .newsroom-banner .vblock1:hover {
            margin-bottom: 6px
        }

        .newsroom-banner .new-row-content h1 {
            font-size: 18px !important
        }

        .newsroom-banner .banner-grey-curve, .newsroom-banner .banner-white-curve {
            display: none !important
        }

        .newsroom-banner .new-row-content {
            bottom: 8% !important;
            left: 5% !important
        }

        .newsroom-banner ~ .titleredesign .curved-left-cnt {
            width: 100% !important
        }

    .leftCnt.newrsroomnew {
        width: 100% !important
    }

    .rightCnt.newrsroomnew {
        width: 100% !important;
        background: #d9d9d7;
        padding: 0 4% !important;
        position: static !important;
        margin-top: 20px !important;
        float: right
    }

        .rightCnt.newrsroomnew .tabTitle h4:nth-child(2) {
            width: 36% !important
        }

        .rightCnt.newrsroomnew > div {
            width: 100% !important
        }

        .rightCnt.newrsroomnew .social {
            width: 100%
        }

        .rightCnt.newrsroomnew .accordion {
            padding-bottom: 0 !important
        }

        .rightCnt.newrsroomnew .social .bluBgTxt {
            width: 100%;
            max-width: none
        }

        .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:nth-child(2).active {
            background-position: 86px !important
        }

        .rightCnt.newrsroomnew .tabTitle h4:first-child {
            max-width: 200px
        }

    .newsroom-banner .new-row {
        width: 49% !important;
        float: left !important
    }

        .newsroom-banner .new-row.nrow2 {
            margin-left: 5px
        }
}

@media only screen and (min-width:480px) and (max-width:767px) and (orientation:landscape) {
    .lastsecInvest .invst-parent {
        margin-top: 1.5%
    }

    .custhreeban .posBot span, .custhreeban .posBot h4, .custhreeban .posBot h1 {
        bottom: 150px !important
    }

    .custhreeban .row2 .col2 img {
        padding-top: 15%
    }

    .newsroom-banner .new-row.nrow1 .new-row-content {
        bottom: 35% !important
    }

    .custhreeban .row1 .col1 .posBot span, .custhreeban .row1 .col2 .posBot h4, .custhreeban .posBot h1 {
        left: 35px;
        margin-left: 0;
        padding-left: 0
    }

    .custhreeban .row2 .col2 .bannertext.posbotnew .cta-section {
        bottom: 7%
    }

    .rightCnt.newrsroomnew h4.greyBgTxt.pressCnt:nth-child(2) {
        background-position: 198px
    }

    .newsroom-banner .vblock1-content {
        left: 4%
    }

    .newsroom-banner .new-row.nrow2 .new-row-content {
        bottom: 35% !important
    }
}

@media(min-width:767px) {
    .secondary-nav.middle-aligned {
        width: 100%; /*70.8%;*/
        padding: 0 6%
    }
}

.secondary-nav.middle-aligned .linksWrap a, .secondary-nav.middle-aligned .linksWrap p.active-link {
    width: 824px;
    height: 24px;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    color: #63666a;
    font-family: "BrandonGrotesqueBlack",Arial !important
}

    .secondary-nav.middle-aligned .linksWrap p.active-link span, .secondary-nav.middle-aligned .linksWrap a {
        padding: 0 12.5px
    }

    .secondary-nav.middle-aligned .linksWrap p.active-link a, .secondary-nav.middle-aligned .linksWrap p.active-link {
        color: #009cdd;
        font-size: 13px !important
    }

.secondary-nav.middle-aligned .linksWrap p a:hover {
    color: #009cdd
}

.curved-left-cnt {
    width: 100%; /*65%*/
}

    .curved-left-cnt .curve-hd-container {
        margin-top: 0;
        padding-top: 30px !important;
        padding-bottom: 25px
    }

@media only screen and (max-width:767px) and (min-width:320px) {
    .secondary-nav.middle-aligned .linksWrap p.active-link a {
        padding-right: initial;
        padding-left: initial
    }
}

@media only screen and (max-width:850px) and (min-width:280px) {
    .custhreeban .row2 .bannertext.posbotnew .cta-section.qearning {
        width: 90%
    }

    .custhreeban .bannertext.posbotnew .cta-section.qearning a {
        line-height: 1 !important
    }
}

@media screen and (min-width:0\0) {
    .rightCnt.newrsroomnew {
        margin-top: -11%
    }

    .mob-banner.custhreeban .row1 .bannertext.posbotnew {
        height: 685px
    }

    .custhreeban .row2 .col2 .bannertext.posbotnew .cta-section {
        bottom: 0;
        top: 36.3%
    }

    .custhreeban .row1 .col1 .posbotnew.posBot .cta-section {
        position: absolute;
        bottom: 38.1% !important;
        left: 20%
    }

    .custhreeban img {
        max-width: 100%;
        flex-shrink: 0;
        height: auto !important
    }

    .custhreeban ~ [data-mask*=xlink-deep].hero_navigation {
        margin-top: -332px
    }

    .custhreeban .posBot span, .custhreeban .posBot h4, .custhreeban .posBot h1 {
        bottom: 304px !important
    }

    .custhreeban .row1 .col2 .posbotnew.posBot .cta-section {
        position: absolute;
        bottom: 32.6% !important;
        left: 15%
    }

    .custhreeban .row2 .col1 img {
        height: 256px !important
    }

    .custhreeban .row2 .col2 .posbotnew.posBot .cta-section {
        bottom: 0;
        top: 60.1%
    }

    .custhreeban .row2 .col2 .posbotnew.posBot h4 {
        top: 4% !important;
        text-align: left;
        margin-left: 19px
    }

    .custhreeban .row2 .col2 img {
        padding-top: 0
    }

    .newsroom-banner .banner-grey-curve {
        position: absolute;
        top: 86.6%
    }

    .rightCnt.newrsroomnew {
        bottom: auto;
        top: auto
    }
}

@media(min-width:1900px) {
    .rightCnt.newrsroomnew {
        top: 38%
    }

    .newsroom-banner .banner-white-curve {
        height: 241px
    }

    .newsroom-banner {
        border: none !important
    }

        .newsroom-banner .vblock1-content {
            bottom: 90px
        }

        .newsroom-banner .banner-white-curve {
            top: 61.4%
        }

        .newsroom-banner .banner-grey-curve {
            top: 87.9%
        }

        .newsroom-banner .vblock2 .new-row.nrow2 a img {
            height: 307px !important
        }

    .mob-banner.custhreeban ~ .hero_navigation[data-mask*=xlink-deep] {
        margin-top: -216px
    }

    .custhreeban .row2 .col2 .bannertext.posbotnew .cta-section {
        bottom: 26.3%
    }

    .custhreeban {
        border: none !important
    }

    .rightCnt.newrsroomnew .social .bluBgTxt {
        max-width: 348px
    }

    .rightCnt.newrsroomnew .twitterFeed.pressfacts {
        max-height: 391px;
        overflow: hidden
    }

    .rightCnt.newrsroomnew .twitterFeed.socialfacts {
        max-height: 320px;
        overflow: hidden
    }
}

@media(min-width:1300px) and (max-width:1400px) {
    .rightCnt.newrsroomnew .social .bluBgTxt {
        max-width: 356px
    }

    .rightCnt.newrsroomnew .social {
        width: 83.2%
    }

    .rightCnt.newrsroomnew {
        padding-bottom: 13%
    }

        .rightCnt.newrsroomnew .twitterFeed.pressfacts {
            max-height: 378px;
            overflow: hidden
        }

        .rightCnt.newrsroomnew .twitterFeed.socialfacts {
            max-height: 335px
        }
}

@media(min-width:1500px) and (max-width:1600px) {
    .newsroom-banner .banner-grey-curve {
        top: 82%
    }

    .newsroom-banner .vblock1 {
        height: 584px !important
    }

    .rightCnt.newrsroomnew .social {
        width: 79.2%
    }

        .rightCnt.newrsroomnew .social .bluBgTxt {
            max-width: 347px
        }
}

@media(min-width:1600px) and (max-width:1900px) {
    .rightCnt.newrsroomnew {
        top: 38%
    }

    .newsroom-banner .banner-grey-curve {
        top: 87.9%
    }

    .newsroom-banner .banner-white-curve {
        height: 241px
    }

    .newsroom-banner .vblock2 .new-row.nrow2 a img {
        height: 309px !important
    }

    .rightCnt.newrsroomnew .social {
        width: 78.7%
    }

        .rightCnt.newrsroomnew .social .bluBgTxt {
            max-width: 348px
        }

    .rightCnt.newrsroomnew .twitterFeed.pressfacts {
        max-height: 391px;
        overflow: hidden
    }

    .rightCnt.newrsroomnew .twitterFeed.socialfacts {
        max-height: 320px;
        overflow: hidden
    }
}

@media(min-width:1100px) and (max-width:1200px) {
    .leftCnt.newrsroomnew {
        padding: 0 1.7%
    }

    .custhreeban .row1 .col2 {
        width: 49% !important
    }

    .custhreeban .row2 .col2 .bannertext.posbotnew .cta-section {
        bottom: 34.5% !important
    }
}

.tnews ul li, .tnews ul li > a {
    height: 100% !important
}

.tnews4 ul li, .tnews4 ul li > a {
    height: 100% !important
}

.tnews6 ul li, .tnews6 ul li > a {
    height: 100% !important
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

body {
    font-size: 16px
}

ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    margin: 0;
    padding: 0
}

textarea, input, select {
    outline: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a, button {
    outline: 0 !important;
    -ms-filter: ""
}

header + section {
    width: 100%
}

#page {
    display: table;
    table-layout: fixed;
    width: 100%
}

.ie header + section {
    background: #fff
}

.utilitynav.section {
    float: left;
    width: 100%
}

.utilitynav ul {
    margin: 15px 0 7px 15px;
    padding: 0;
    display: inline-block
}

    .utilitynav ul li {
        float: left;
        margin-right: 11px
    }

        .utilitynav ul li a {
            line-height: 1.6;
            font-size: .75em;
            color: #838585;
            font-family: 'BrandonGrotesqueMedium',Arial
        }

            .utilitynav ul li a:hover {
                color: #5bc2e7
            }

a.active-link {
    color: #009cde !important
}

.paging.dots a {
    text-indent: -9999px;
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 3px;
    outline: 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: transparent;
    text-align: left;
    display: inline-block
}

    .paging.dots a.current {
        background: #2a2b33
    }

.paging.dots {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 50%;
    text-align: center;
    top: 4px
}

    .paging.dots a {
        background: transparent;
        border: 1px solid #63666a
    }

.leftCnt > div.pagingCnt {
    text-align: right;
    width: 100%;
    font-family: 'BrandonGrotesqueRegular',Arial;
    font-size: 16px;
    background: transparent !important;
    position: relative;
    margin: 20px 0
}

.paging .next, .paging .rtdisabled {
    background: url(../../jlop.content/etc.designs/images/pager-rt-arrow.png) 0 0 no-repeat;
    width: 8px;
    height: 9px;
    display: inline-block;
    background-size: 100%;
    margin-left: 8px
}

.paging .prev, .paging .ltdisabled {
    background: url(../../jlop.content/etc.designs/images/pager-lt-arrow.png) 0 0 no-repeat;
    width: 8px;
    height: 9px;
    display: inline-block;
    background-size: 100%;
    margin-right: 8px
}

.paging .ltdisabled, .paging .rtdisabled {
    opacity: .5
}

.nrWrapper {
    display: inline-block;
    width: 100%;
    background: #fff
}

.arrowNos {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 2px
}

.paging a {
    border: 1px solid #ededed !important
}

    .paging a:hover, .paging a:focus {
        background: #ededed;
        border: 1px solid #ededed
    }

    .paging a.current, .paging a.current:hover, .paging a.current:focus {
        background: #232832;
        border: 1px solid #232832 !important
    }

.paging a {
    color: #3d566e;
    padding: 7px 13px 2px 13px;
    font-family: "BrandonGrotesqueRegular";
    font-size: 14px
}

    .paging a.current {
        color: #fff
    }

.paging.arrow {
    text-align: center
}

.paging a.disabled:hover {
    background: #fff
}

.paging a.disabled {
    cursor: default;
    opacity: .5
}

.twitterFeed {
    width: 100% !important;
    display: block !important
}

#twitter-widget-0, #twitter-widget-1 {
    display: block !important;
    border: none !important
}

.ie #page {
    display: block
}

.utilitynav.section.sticky {
    position: fixed;
    z-index: 999;
    background: #FFF;
    box-shadow: 0 0 2px #1d1d1d;
    max-width: 1440px
}

@media(min-width:768px) {
    .secondary-nav .linksWrap p:last-child {
        padding-right: 0 !important
    }

    .utilitynav ul {
        float: right;
        margin: 11px 40px 5px 0
    }

        .utilitynav ul li {
            margin-right: 0;
            margin-left: 30px
        }

            .utilitynav ul li a {
                font-size: .625em
            }
}

@media(min-width:1024px) {
    .utilitynav ul li a {
        font-size: .813em
    }
}

.mediaLibrary .prodInno img {
    width: 100%
}

.mediaLibrary.article-grid .prodCnt img {
    width: auto;
    height: auto
}

.pdfDown {
    margin-top: 7px;
    color: #009cde;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-family: georgia
}

    .pdfDown img {
        width: 45px !important;
        height: 24px !important
    }

.article-grid .grid-3 .prodInno {
    width: 85%;
    margin: 0 auto 30px auto
}

.executive.article-grid .grid-3 .prodInno {
    width: 100%
}

.article-grid .grid-2 .prodInno {
    width: 100%
}

.article-grid .grid-3 .prodCnt {
    padding: 17px 5px 17px 15px;
    width: 100%
}

.article-grid {
    display: inline-block;
    width: 100%
}

    .article-grid .nutriTitle {
        color: #009cde;
        margin-left: -3px
    }

    .article-grid .leftCnt > div {
        background: #fff
    }

    .article-grid .artFilter {
        margin: 0 0 20px 0
    }

    .article-grid .grid-3 .prodCnt p {
        font-family: 'BrandonGrotesqueBold',Arial;
        font-size: 16px;
        color: #63666a;
        line-height: 1
    }

    .article-grid .grid-3 .arTitle {
        font-family: 'BrandonGrotesqueBold',Arial;
        font-size: 20px;
        color: #009cde
    }

.greyHr {
    border: 0;
    border-bottom: 1px solid #c9c9cb;
    margin: 15px 0
}

.article-grid .artFilter li.active p {
    background: #009cde
}

.article-grid .leftCnt.grid-2 > div {
    background: #f1f1f1
}

.article-grid .grid-2 .prodInno {
    margin-bottom: 20px
}

    .article-grid .grid-2 .prodInno img {
        width: 100%
    }

.executive .prodCnt .arTitle {
    font-family: georgia,Arial;
    font-size: 1.25em;
    color: #2a2b33;
    margin-top: 0
}

.executive .prodCnt .artRole {
    margin-top: 10px
}

.executive.article-grid .grid-3 .prodCnt p {
    font-family: georgia,Arial;
    color: #2a2b33;
    line-height: 1.1
}

    .executive.article-grid .grid-3 .prodCnt p.arDesc {
        margin-bottom: 20px;
        display: inline-block;
        font-size: .875em
    }

.executive .prodInno img {
    width: 100%
}

.executive.article-grid .leftCnt > div {
    background: #f1f1f1
}

.artFilter .list-group-item {
    padding: 0;
    margin-bottom: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: 0
}

.artFilter .nullblk, .artFilter .blueblk {
    margin-right: 15px
}

.prodInno .img-thumbnail {
    border: 0;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background: 0
}

.mediaLibrary .prodInno {
    border: 1px solid #ccc
}

.nutrtion .rightCnt > div {
    float: left !important;
    width: 100% !important
}

.article-grid .rightCnt > div {
    float: left !important;
    width: 100% !important
}

@media(min-width:768px) {
    .executive.article-grid .prodInno img {
        max-height: 280px
    }

    .article-grid .rightCnt {
        margin-top: 0;
        width: 100%;
        display: inline-block;
        margin-bottom: 20px
    }

    .article-grid .leftCnt.grid-3 {
        display: block;
        width: 75%;
        margin: 0 auto 0 auto
    }

    .article-grid .nutriTitle {
        font-size: 44px;
        line-height: 1;
        margin-bottom: 0
    }

    .article-grid .grid-3 .prodInno {
        width: 48.5%
    }

    .article-grid .leftCnt > div:nth-child(odd) {
        margin-right: 19px
    }

    .article-grid .leftCnt > div.pagingCnt {
        margin-right: 0
    }

    .article-grid .grid-3 .prodCnt p {
        font-size: 14px
    }

    .article-grid .grid-3 .arTitle {
        font-size: 16px
    }

    .article-grid .prodInno img {
        width: 100%
    }

    .article-grid .leftCnt.grid-2 {
        display: block;
        width: 100%;
        margin: 0 auto 0 auto
    }

    .article-grid .grid-2 .prodInno {
        width: 48.6%;
        float: left
    }

    .executive.article-grid .leftCnt.grid-3 {
        width: 100%
    }

    .executive.article-grid .grid-3 .prodInno {
        width: 48.3%
    }

    .executive .prodCnt .arTitle {
        font-size: 19px
    }

    .executive .prodCnt .artRole {
        margin-top: 5px
    }

    .executive .nrContainer, .mediaLibrary .nrContainer {
        width: 97%;
        padding: 0
    }

    .mediaLibrary.article-grid .leftCnt > div:nth-child(odd) {
        margin-right: 2.9%;
        float: left
    }

    .mediaLibrary.article-grid .leftCnt .prodInno {
        float: left
    }
}

@media(min-width:1024px) {
    .nrContainer {
        width: 100%;
        padding: 0 40px
    }

    .article-grid .nutriTitle {
        font-size: 2.5em
    }

    .mediaLibrary.article-grid .nutriTitle {
        font-size: 2.5em
    }

    .executive .nutriTitle {
        font-size: 2.5em
    }

    .article-grid .rightCnt {
        width: 22%;
        float: right;
        margin-left: 0
    }

    .article-grid .leftCnt {
        margin-top: 0
    }

    .article-grid .leftCnt {
        width: 76%
    }

    .article-grid .grid-3 .prodInno {
        width: 31%
    }

    .article-grid .leftCnt.grid-3 > div:nth-child(odd), .article-grid .grid-3 .prodInno {
        margin-right: 9px
    }

    .article-grid .grid-2 .prodInno {
        margin-right: 20px
    }

    .article-grid .leftCnt.grid-2 > div:nth-child(even) {
        margin-right: 0
    }

    .article-grid .leftCnt.grid-3 > div:nth-child(3n) {
        margin-right: 0
    }

    .article-grid .grid-3 .prodCnt p {
        font-size: 18px
    }

    .article-grid .leftCnt.grid-2 {
        display: block;
        width: 70%
    }

    .article-grid .rightCnt.grid-2 {
        width: 28%
    }

    .article-grid .grid-2 .prodInno {
        width: 48.5%
    }

    .executive.article-grid .grid-3 .prodCnt p {
        font-size: .875em
    }

    .executive .prodCnt .arTitle {
        font-size: 1.5em
    }

    .article-grid .grid-3 .prodInno {
        width: 32%
    }

    .executive.article-grid .grid-3 .prodInno {
        width: 32.4%;
        float: left
    }

    .mediaLibrary.article-grid .grid-3 .prodInno {
        width: 32%;
        float: left
    }

    .executive .nrContainer, .mediaLibrary .nrContainer {
        width: 100%;
        padding: 0 40px
    }

    .executive.article-grid .leftCnt.grid-3 > div:nth-child(odd), .executive.article-grid .grid-3 .prodInno {
        margin-right: 1%
    }

    .mediaLibrary.article-grid .leftCnt.grid-3 > div:nth-child(odd), .mediaLibrary.article-grid .grid-3 .prodInno {
        margin-right: 1.9%
    }

    .executive.article-grid .leftCnt.grid-3 > div:nth-child(3n), .mediaLibrary.article-grid .leftCnt.grid-3 > div:nth-child(3n) {
        margin-right: 0
    }

    .mediaLibrary.article-grid .leftCnt.grid-3 {
        margin-right: 20px;
        width: 69%
    }

    .mediaLibrary.article-grid .rightCnt {
        width: 28%
    }

    .article-grid .redesign-left .prodInno {
        width: 41%
    }

        .article-grid .redesign-left .prodInno .greyHr {
            display: none
        }

    .article-grid .redesign-left.grid-2 > div:nth-child(3n) {
        margin-right: 3%
    }

    .article-grid .redesign-left.grid-2 > div:nth-child(odd) {
        margin-right: 3%
    }

    .article-grid .redesign-left .prodCnt {
        padding-left: 7px;
        padding-top: 7px
    }

        .article-grid .redesign-left .prodCnt .arTitle {
            color: #000
        }

    .article-grid .redesign-left {
        width: 66% !important;
        padding-left: 8%
    }

    .article-grid .redesign-right {
        margin-right: 50px
    }

    .redesign-wrapper {
        margin-top: 14px;
        margin-bottom: 70px
    }

        .redesign-wrapper .pagingCnt {
            margin: 0 auto
        }

    .article-grid .redesign-right {
        width: 27% !important
    }
}

.article-grid .redesign-left .prodCnt .arTitle {
    letter-spacing: 1px;
    line-height: 1.2;
    font-family: "BrandonGrotesqueBlack",Arial;
    font-size: 14px;
    text-transform: uppercase
}

.article-grid .redesign-left .prodCnt .arDesc {
    font-family: georgia,Regular;
    font-size: 14px;
    line-height: 1.2;
    margin: 5px 0
}

.article-grid .redesign-left > div {
    background: #fff !important
}

.article-grid .redesign-left .prodInno {
    border: 1px solid #d9d9d5
}

.hightlights-panel-container {
    margin: 0 auto;
    width: 100%;
    float: left;
    padding-bottom: 20px;
    margin-top: 4px
}

.hightlights-content {
    width: 100%;
    float: left;
    margin-top: 10px
}

    .hightlights-content > a {
        float: left;
        width: 100%
    }

    .hightlights-content .left-linkCont {
        float: left;
        margin-right: 20px
    }

    .hightlights-content .right-linkCont {
        float: left;
        width: 65%
    }

        .hightlights-content .right-linkCont.singleComponent {
            width: 100%
        }

    .hightlights-content .left-linkCont span {
        float: left
    }

        .hightlights-content .left-linkCont span img {
            width: 196px;
            height: 90px
        }

    .hightlights-content h3 {
        font-family: Georgia;
        font-size: 1.125em;
        font-weight: normal;
        margin: 0 0 10px;
        padding: 0;
        text-align: left;
        text-transform: uppercase;
        color: #2a2b33;
        float: left;
        width: 100%
    }

    .hightlights-content .right-linkCont p.descripText {
        color: #2a2b33;
        font-family: Georgia;
        font-size: 14px;
        line-height: 1.2em;
        text-align: left;
        float: left;
        width: 100%
    }

span.sectionHeading {
    font-size: 21px;
    text-align: left;
    font-family: "BrandonGrotesqueBlack" !important
}

@media only screen and (min-width:280px) and (max-width:767px) {
    .hightlights-panel-container, span.sectionHeading {
        padding-left: 10px;
        padding-right: 10px
    }

    .hightlights-content {
        padding-bottom: 22px;
        margin-top: 10px
    }

        .hightlights-content > a {
            padding-left: 0;
            padding-right: 0
        }

        .hightlights-content .left-linkCont {
            max-width: 100% !important;
            margin-right: 0
        }

        .hightlights-content .right-linkCont {
            width: 100%;
            margin-top: 20px;
            padding-left: 0
        }

            .hightlights-content .right-linkCont.singleComponent {
                margin-top: 0
            }

    .add-marginBot {
        margin-bottom: 5px !important
    }

    .hightlights-content h3 {
        font-size: .875em
    }

    .hightlights-content .right-linkCont p.descripText {
        font-size: .75em
    }

    .hightlights-content .left-linkCont span img {
        width: 246px;
        height: 90px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .hightlights-panel-container {
        margin-top: 0 !important
    }

    .hightlights-content {
        margin-top: 0
    }

        .hightlights-content .left-linkCont {
            margin-right: 0
        }

        .hightlights-content .right-linkCont {
            float: left;
            width: 50%;
            padding-left: 30px
        }

            .hightlights-content .right-linkCont.singleComponent {
                padding-left: 0
            }

        .hightlights-content h3 {
            font-size: .8125em
        }

        .hightlights-content .right-linkCont p.descripText {
            font-size: .8125em
        }
}

@media only screen and (min-width:1025px) and (max-width:1040px) {
    .hightlights-content .right-linkCont {
        width: 59%
    }
}

@media only screen and (min-width:1041px) and (max-width:1280px) {
    .hightlights-content .right-linkCont {
        width: 60%
    }
}