body {
    font-family: Arial
}

.tab {
    display: table;
    max-width: 960px;
    margin: 0 auto;
    width: 80%
}

    .tab li {
        display: inline-block;
        border-bottom: solid 1px #333;
        border-right: solid 1px #FFF;
        background: #d9d9d7;
        padding: 9px 8px 5px;
        font-size: 12px;
        font-family: 'BrandonGrotesqueBold';
        margin-right: 0;
        line-height: normal;
        width: 32.5%;
        text-align: center;
        float: left;
        list-style: none;
        color: #333;
        text-transform: uppercase
    }

.tablinksblack {
    background: #323232 !important
}

.tablinksblack {
    color: #fff !important
}

.tablinks.active {
    background: #323232 !important
}

    .tablinks.active li {
        color: #fff !important
    }

@media only screen and (max-width:767px) and (min-width:280px) {
    .tab li {
        width: 100%
    }

    .tab {
        width: 90%;
        margin-top: 71%
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    .tab {
        width: 90%;
        margin-top: 70%
    }

        .tab li {
            width: 100%;
            text-align: left
        }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .tab {
        width: 90%;
        margin-top: 36%
    }

        .tab li {
            width: 100%;
            text-align: left
        }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .cit-tabcontent {
        margin-left: 4%;
        width: 81%
    }

        .cit-tabcontent ul li {
            width: 30%
        }

    .cit-tnews-img h2 {
        padding: 3px 0
    }
}

.cit-container {
    width: 100%;
    margin-bottom: 50px
}

.item ul {
    width: 100%;
    display: flex;
    margin: 0;
    list-style: none;
    padding: 0
}

    .item ul li {
        width: 31.8%;
        margin-right: 20px;
        position: relative;
        height: 225px
    }

.carousel-inner {
    position: relative;
    width: 70%;
    overflow: hidden;
    margin: 0 auto;
    height: 250px
}

#overlayMask .citoverlay a.overlayCloseBtn {
    background-color: #333;
    color: #fff;
    font-weight: 700;
    margin: 0;
    padding: 6px 9px;
    position: absolute;
    right: -27px !important;
    top: 0;
    z-index: 99999
}

.citoverlay {
    width: 400px !important;
    height: 300px !important;
    border: 0 !important;
    left: 450px !important;
    top: 130px !important;
    position: fixed !important
}

    .citoverlay img {
        width: 100%;
        height: 100%
    }

.carousel-control.left {
    background-image: none
}

.carousel-control.right {
    background-image: none
}

.item ul li:last-child {
    margin-right: 0
}

.carousel-indicators li {
    background-color: #ccc
}

.carousel-indicators .active {
    background-color: #019cde !important
}

.carousel-indicators {
    bottom: -10px
}

.item img {
    width: 100%
}

.mr-read {
    display: none
}

.mr-subread {
    display: none
}

.trdesk-overlay {
    position: absolute;
    background: rgba(0,0,0,0.6);
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: none
}

    .trdesk-overlay.active {
        display: block
    }

.mr-read.active {
    display: block;
    position: absolute;
    z-index: 10;
    font-size: 1.25em;
    color: #751717; /*#fff*/
    top: 20px;
    left: 20px;
    font-family: "BrandonGrotesqueMedium"
}

.mr-subread.active {
    display: block;
    position: absolute;
    z-index: 10;
    font-size: 1.25em;
    color: #fff;
    top: 40px;
    left: 20px;
    font-family: "BrandonGrotesqueMedium"
}

.mr-whiteread {
    display: none
}

    .mr-whiteread.active {
        display: block;
        position: absolute;
        z-index: 10;
        font-size: 1.25em;
        color: #fff !important;
        top: 20px;
        left: 20px;
        font-family: "BrandonGrotesqueMedium"
    }

.arrow-next {
    background: url(../Assets/img/carousel_arrow_right.png) no-repeat !important;
    width: 50px !important;
    height: 70px !important;
    background-size: 100% !important;
    z-index: 10 !important;
    position: absolute;
    top: 22%;
    left: 40%
}

.arrow-prev {
    background: url(../Assets/img/carousel_arrow_left.png) no-repeat !important;
    width: 50px !important;
    height: 70px !important;
    background-size: 100% !important;
    z-index: 10 !important;
    position: absolute;
    top: 22%;
    left: 40%
}

@media only screen and (max-width:767px) and (min-width:280px) {
    .cit-container {
        margin-bottom: 0
    }

    .carousel-control {
        width: 10%
    }

    .carousel-indicators {
        bottom: -20px
    }

    .carousel-inner {
        position: relative;
        width: 78%;
        overflow: hidden;
        margin: 0 auto;
        height: 70px
    }

    .carousel-indicators {
        bottom: -20px
    }

    .arrow-next {
        background: url(../Assets/img/carousel_arrow_right.png) no-repeat !important;
        width: 30px !important;
        height: 41px !important;
        background-size: 100% !important;
        z-index: 10 !important;
        position: absolute;
        top: 6%;
        left: 0
    }

    .arrow-prev {
        background: url(../Assets/img/carousel_arrow_left.png) no-repeat !important;
        width: 30px !important;
        height: 41px !important;
        background-size: 100% !important;
        z-index: 10 !important;
        position: absolute;
        top: 6%;
        left: 22%
    }

    .sectionTitleWithMask.sectionTitleInside.noNotch.colorPalette_White .maskColorFiller {
        margin-top: 0 !important;
        padding-top: 0 !important
    }

    #overlayMask .citoverlay a.overlayCloseBtn {
        background-color: #333;
        color: #fff;
        font-weight: 700;
        margin: 0;
        padding: 6px 9px;
        position: absolute;
        right: 0 !important;
        top: -27px !important;
        z-index: 99999
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    .cit-container {
        margin-bottom: 0
    }

    .carousel-control {
        width: 10%
    }

    .carousel-inner {
        position: relative;
        width: 80%;
        overflow: hidden;
        margin: 0 auto;
        height: 70px
    }

    .carousel-indicators {
        bottom: -20px
    }

    .arrow-next {
        background: url(../Assets/img/carousel_arrow_right.png) no-repeat !important;
        width: 30px !important;
        height: 41px !important;
        background-size: 100% !important;
        z-index: 10 !important;
        position: absolute;
        top: 6%;
        left: 0
    }

    .arrow-prev {
        background: url(../Assets/img/carousel_arrow_left.png) no-repeat !important;
        width: 30px !important;
        height: 41px !important;
        background-size: 100% !important;
        z-index: 10 !important;
        position: absolute;
        top: 6%;
        left: 22%
    }

    .sectionTitleWithMask.sectionTitleInside.noNotch.colorPalette_White .maskColorFiller {
        margin-top: 0 !important;
        padding-top: 0 !important
    }

    #overlayMask .citoverlay a.overlayCloseBtn {
        background-color: #333;
        color: #fff;
        font-weight: 700;
        margin: 0;
        padding: 6px 9px;
        position: absolute;
        right: 0;
        top: -27px !important;
        z-index: 99999
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .carousel-control.left {
        width: 6%
    }

    .carousel-control {
        top: -15%
    }

    .citoverlay {
        width: 400px !important;
        height: 300px !important;
        border: 0 !important;
        left: 0 !important;
        top: 130px !important;
        position: fixed !important
    }

    .carousel-inner {
        position: relative;
        width: 76%;
        overflow: hidden;
        margin: 0 auto;
        height: 160px
    }
}

@media only screen and (max-width:1920px) and (min-width:1024px) {
    .carousel-control.left {
        background-image: none;
        width: 0;
        height: 90px;
        top: 14%;
        left: 8%
    }

    .carousel-control.right {
        background-image: none;
        width: 0;
        right: 12%
    }
}

.cit-tabcontent {
    display: block;
    border-top: 0;
    width: 80%;
    max-width: 960px;
    margin: 0 auto;
    margin-bottom: 57.2%
}

    .cit-tabcontent ul li {
        width: 30.4%;
        margin-right: 20px;
        float: left;
        margin-top: 20px
    }

    .cit-tabcontent ul {
        list-style: none
    }

        .cit-tabcontent ul li a {
            color: #333;
            display: inline-block;
            width: 100%;
            line-height: 1
        }

    .cit-tabcontent .cit-tnews-img {
        float: left;
        width: 100%;
        position: relative
    }

.cit-tnews-img img {
    width: 51%;
    float: left;
    border: solid 1px #CCC;
    height: 150px;
    margin-right: 20px
}

.cit-tnews-img h2 {
    font-size: 14PX;
    margin-bottom: 5px;
    padding-left: 0;
    padding: 27px 0;
    font-family: 'BrandonGrotesqueBold';
    text-transform: uppercase;
    margin: 0;
    width: 42%;
    float: left;
    line-height: 18px
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    .cit-tabcontent {
        margin-left: 4%;
        width: 90%
    }

        .cit-tabcontent ul li {
            width: 100%;
            height: 150px
        }

    .cit-tnews-img h2 {
        padding: 54px 0
    }

    .cit-tabcontent .cit-tnews-img {
        margin-top: 10px
    }

    .cit-tabcontent ul li:last-child {
        margin-bottom: 10%
    }
}

@media only screen and (max-width:767px) and (min-width:280px) {
    .cit-tabcontent ul li {
        width: 100%;
        height: 150px
    }

    .cit-tabcontent {
        margin-left: 5%;
        width: 90%
    }

    .cit-tnews-img h2 {
        padding: 50px 0
    }

    .cit-tabcontent .cit-tnews-img {
        margin-top: 10px
    }

    .cit-tabcontent ul li:last-child {
        margin-bottom: 10%
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .cit-tabcontent {
        margin-left: 4%;
        width: 90%
    }

        .cit-tabcontent ul li {
            width: 100%;
            height: 190px
        }

    .cit-tnews-img h2 {
        padding: 78px 0
    }

    .cit-tnews-img img {
        width: 35%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .cit-tabcontent {
        margin-left: 10%;
        width: 81%
    }

        .cit-tabcontent ul li {
            width: 48%;
            margin-right: 10px
        }

    .cit-tnews-img h2 {
        padding: 27px 0
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .cit-tabcontent {
        margin-left: 10%;
        width: 81%
    }

        .cit-tabcontent ul li {
            width: 30%
        }
}

body {
    font-family: Arial
}

.cit-morecontent {
    padding: 0 12px;
    border-top: 0;
    margin: 0 auto;
    width: 76%;
    height: 145px;
    padding-top: 20px
}

    .cit-morecontent:hover {
        background-color: #ccc !important
    }

    .cit-morecontent .cit-moreinfo {
        float: left;
        width: 100%;
        position: relative;
        margin-left: 10%
    }

.cit-moreinfoline {
    border-bottom: 1px solid #c3c3c3
}

.cit-img-responsive {
    float: left
}

.cit-moreinfo img {
    width: 10%;
    float: left;
    border: solid 1px #CCC;
    margin-right: 2%;
    height: 100px
}

.cit-moreinfo span {
    float: left;
    width: 75%
}

.cit-moreinfo h3 {
    margin: 0;
    padding-bottom: 15px;
    padding-top: 10px;
    color: #019cde;
    font-size: 18px
}

.cit-moreinfo p {
    margin: 0;
    font-size: 14px
}

.cit-moreinfo .release-month {
    padding-top: 10px;
    font-size: 14px;
    color: #88888d
}

@media only screen and (max-width:767px) and (min-width:280px) {
    .cit-morecontent {
        width: 100%;
        height: 140px
    }

    .cit-moreinfo img {
        width: 30%;
        float: left;
        border: solid 1px #CCC;
        margin-right: 5%
    }

    .cit-morecontent .cit-moreinfo {
        margin-left: 5%
    }

    .cit-moreinfo span {
        float: left;
        width: 60%
    }

    .cit-moreinfo h3 {
        margin: 0;
        padding-bottom: 5px;
        padding-top: 5px;
        color: #019cde;
        font-size: 12px;
        line-height: 16px
    }

    .cit-moreinfo .release-month {
        padding-top: 0
    }

    .cit-morecontent:hover {
        background-color: #fff !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    .cit-morecontent {
        width: 100%;
        height: 140px
    }

    .cit-moreinfo img {
        width: 30%;
        float: left;
        border: solid 1px #CCC;
        margin-right: 5%
    }

    .cit-morecontent .cit-moreinfo {
        margin-left: 5%
    }

    .cit-moreinfo span {
        float: left;
        width: 60%
    }

    .cit-moreinfo h3 {
        margin: 0;
        padding-bottom: 5px;
        padding-top: 5px;
        color: #019cde;
        font-size: 12px;
        line-height: 16px
    }

    .cit-moreinfo .release-month {
        padding-top: 0
    }

    .cit-morecontent:hover {
        background-color: #fff !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .cit-morecontent .cit-moreinfo {
        margin-left: 5%
    }

    .cit-moreinfo span {
        float: left;
        width: 70%
    }

    .cit-moreinfo img {
        width: 25%
    }

    .cit-morecontent {
        height: 150px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .cit-morecontent .cit-moreinfo {
        margin-left: 5%
    }

    .cit-morecontent {
        width: 80%;
        height: 150px
    }

    .cit-moreinfo img {
        width: 25%
    }

    .cit-moreinfo span {
        float: left;
        width: 70%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .cit-moreinfo img {
        width: 25%
    }

    .cit-moreinfo span {
        float: left;
        width: 70%
    }

    .cit-morecontent .cit-moreinfo {
        margin-left: 5%
    }

    .cit-morecontent {
        height: 180px
    }
}

.rightCnt .cit-sociallinks {
    width: 60%;
    height: auto !important;
    border: 1px solid #ccc;
    margin-left: 12%;
    background-color: #fff;
    margin-top: 23%
}

.cit-sociallinks ul {
    list-style: none;
    margin: 0;
    padding: 0
}

    .cit-sociallinks ul li {
        padding: 20px 20px 0
    }

.cit-sociallinks a {
    text-decoration: none
}

.cit-mediaicon {
    margin-left: 40%
}

.cit-relatedText {
    padding-bottom: 10px;
    font-size: .875em;
    line-height: 1.125em;
    color: #2a2b33;
    font-family: Georgia;
    text-align: center
}

.cit-iconName {
    text-align: center;
    font-size: .875em;
    line-height: 1.125em;
    color: #2a2b33;
    text-transform: uppercase;
    font-family: BrandonGrotesqueBold
}

.sociallinks-heading {
    width: 100%;
    background-color: #019cde;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 2px 0 0 0;
    font-size: 1.28em;
    font-family: "BrandonGrotesqueBold",Arial
}

.sociallinksborder {
    border-bottom: 1px solid #ccc
}

.socialImage {
    padding-bottom: 18px
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    .rightCnt .cit-sociallinks {
        width: 100%;
        height: auto !important;
        border: 0;
        margin-left: 0;
        background-color: #fff;
        margin-top: 15%
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .cit-sociallinks {
        width: 40%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .cit-sociallinks {
        width: 77% !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .cit-sociallinks {
        width: 40%
    }
}

.articletwo .col-sm-6 {
    padding: 0;
    padding-right: 30px;
    padding-bottom: 20px
}

.articlethree {
    margin: 0 auto;
    width: 75%
}

    .articlethree .col-sm-4 {
        padding: 0;
        padding-right: 30px !important;
        padding-bottom: 20px;
        margin-bottom: 30px
    }

.cit-tilesspace {
    margin-top: 55px
}

.cit-columncontrol .leftCnt .sectionTitleWithMask.sectionTitleInside.noNotch.colorPalette_White {
    width: 100% !important;
    margin-bottom: 0 !important;
    margin-top: 30px !important
}

.cit-articlebrief a {
    color: #333;
    display: inline-block;
    width: 100%;
    line-height: 0
}

.citarticleheroimg {
    float: left;
    width: 100%;
    position: relative
}

.cit-columncontrol .leftCnt .articletwo {
    width: 72.5%;
    margin-left: 24%;
    background-color: #fff !important
}

.cit-columncontrol .leftCnt .curve-hd-container .cm-title {
    max-width: 325px !important;
    line-height: 1;
    margin-left: 41%
}

.cit-columncontrol .leftCnt .sectionTitleWithMask.noNotch .maskColorFiller {
    padding-bottom: 25px
}

.cit-columncontrol.homeContainer {
    padding: 0
}

.cit-columncontrol .rightCnt {
    width: 31%;
    margin-left: 0;
    background-color: #d9d9d7;
    margin-top: -23px;
    height: 860px;
    float: left
}

.cit-columncontrol.homeContainer .leftCnt {
    width: 69%;
    float: left
}

section.tnews.redesignResourcePage {
    margin-bottom: 30px
}

section.tnews4.redesignResourcePage {
    margin-bottom: 30px
}

section.tnews6.redesignResourcePage {
    margin-bottom: 30px
}

.cit-articlebriefcontent {
    width: 100%;
    height: auto
}

.cit-articlebrief {
    width: 100%;
    height: 370px;
    background-color: #fff;
    border: 1px solid #d9d9d6
}

    .cit-articlebrief a {
        text-decoration: none
    }

.articlebrief-paragraph {
    text-align: left;
    padding: 20px;
    font-family: Georgia,Arial;
    font-size: .875em
}

.articlebrief-heading {
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    padding: 10px 20px;
    font-family: "BrandonGrotesqueBold",Arial
}

.sociallinksborder {
    border-bottom: 1px solid #ccc
}

.articlebriefImage {
    width: 100%;
    height: auto
}

.mr-articleread {
    display: none
}

.trdesk-articleoverlay.active {
    display: block
}

.mr-articleread.active {
    display: block;
    position: absolute;
    z-index: 10;
    font-size: 1.25em;
    color: #0688c8;
    top: 20px;
    left: 20px;
    font-family: "BrandonGrotesqueMedium"
}

.trdesk-articleoverlay {
    position: absolute;
    background: rgba(0,0,0,0.6);
    top: 0;
    width: 100%;
    height: 100%;
    display: none
}

.rightCnt .rightimg {
    margin-top: -44px;
    position: relative;
    float: left;
    width: 100%
}

.citicontext ul li span {
    font-size: 14px !important
}

@media only screen and (max-width:767px) and (min-width:280px) {
    .cit-columncontrol.homeContainer .leftCnt {
        width: 100%
    }

    .cit-columncontrol .leftCnt .articletwo {
        width: 100%;
        margin-left: 4%;
        background-color: #fff !important
    }

    .rightCnt img.banner-grey-curve {
        display: none
    }

    .sociallinksborder {
        border-bottom: 0
    }

    .cit-columncontrol .rightCnt {
        width: 100%;
        height: 400px;
        background-color: #fff
    }

    .rightCnt .cit-sociallinks {
        width: 100%;
        margin-left: 0;
        border: 0
    }

    .cit-columncontrol .leftCnt .sectionTitleWithMask.sectionTitleInside.noNotch.colorPalette_White {
        width: 64% !important
    }

    .cit-articlebrief {
        height: auto
    }

    .sectionTitleWithMask.sectionTitleInside.m_colorPalette_stkis-Primary-Blue .maskColorFiller {
        padding-top: 30px !important
    }

    .articlethree {
        margin: 0 auto;
        width: 85%;
        margin-bottom: 15%;
        margin-top: 5%
    }

        .articlethree .col-sm-4 {
            padding-right: 0 !important
        }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    .articlethree .col-sm-4 {
        padding: 0;
        padding-right: 0 !important
    }

    .articlethree {
        margin: 0 auto;
        width: 85%;
        margin-bottom: 8%;
        margin-top: 5%
    }

    .cit-articlebriefcontent {
        width: 100%
    }

    section.tnews.redesignResourcePage ul li:last-child {
        margin-bottom: 70px
    }

    section.tnews4.redesignResourcePage ul li:last-child {
        margin-bottom: 70px
    }

    section.tnews6.redesignResourcePage ul li:last-child {
        margin-bottom: 70px
    }

    .cit-columncontrol .leftCnt .articletwo {
        width: 100%;
        margin-left: 4%;
        background-color: #fff !important
    }

    .cit-columncontrol.homeContainer .leftCnt {
        width: 100% !important
    }

    .cit-columncontrol .leftCnt .sectionTitleWithMask.sectionTitleInside.noNotch.colorPalette_White {
        width: 64% !important
    }

    .rightCnt img.banner-grey-curve {
        display: none
    }

    .sociallinksborder {
        border-bottom: 0
    }

    .cit-columncontrol .rightCnt {
        width: 100%;
        height: 370px;
        background-color: #fff
    }

    .cit-articlebrief {
        height: auto
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .articlethree {
        margin: 0 auto;
        width: 80%
    }

        .articlethree .col-sm-4:nth-child(3) {
            padding-right: 0 !important
        }

    .sociallinksborder {
        border-bottom: 0
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .articlethree {
        margin: 0 auto;
        width: 90%;
        margin-bottom: 15%;
        margin-top: 5%;
        margin-left: 7%
    }

    .cit-articlebriefcontent {
        width: 100%;
        height: 300px
    }

    .cit-articlebrief {
        width: 100%;
        height: 300px;
        background-color: #fff;
        border: 1px solid #d9d9d6
    }

    .cit-columncontrol .leftCnt .curve-hd-container .cm-title {
        max-width: 200px !important;
        line-height: 1;
        margin-left: 85%
    }

    .cit-columncontrol .leftCnt .sectionTitleWithMask.sectionTitleInside.noNotch.colorPalette_White {
        width: 40% !important;
        margin-bottom: 0 !important;
        margin-top: 30px !important
    }

    .rightCnt .rightimg {
        margin-top: -9px;
        position: relative;
        float: left;
        width: 100%
    }

    .cit-columncontrol .leftCnt .articletwo {
        width: 90%;
        margin-left: 8%;
        background-color: #fff !important
    }

    .articletwo .col-sm-6 .cit-articlebriefcontent {
        height: 300px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .articlethree .col-sm-4:nth-child(3) {
        padding-right: 0 !important
    }
}

.expert-advice .container-fluid-new.white-bg {
    background-color: #fff !important
}

.citoneCol.oneColfiftymargin {
    margin-bottom: 50px !important
}

.citoneCol.oneColzeromargin {
    margin-bottom: 0 !important
}

.cittxtPanel {
    width: 75%;
    margin: 0 auto;
    clear: both
}

.citoneCol {
    margin-bottom: 100px
}

.citodd {
    width: 100%;
    height: 225px;
    background-color: #019cde;
    color: #fff
}

    .citodd a {
        color: #fff;
        padding: 80px 20px 0 20px;
        position: relative;
        float: left;
        width: 100%;
        height: 225px
    }

        .citodd a:hover {
            background-color: #002a3a;
            color: #fff;
            border: 1px solid #ccc
        }

    .citodd h2 {
        font-size: 1.25em;
        font-family: "BrandonGrotesqueBold"
    }

    .citodd h3 {
        font-family: Georgia;
        font-size: .875em;
        margin-top: 10px;
        word-wrap: break-word
    }

.citoneCol .richEditTxt {
    width: 100%;
    word-wrap: break-word;
    letter-spacing: 0;
    font-family: Georgia;
    padding-top: 8px
}

.cittxtPanel .citoneCol {
    width: 100%
}

@media only screen and (max-width:767px) and (min-width:280px) {
    .citoneCol {
        margin-bottom: 0
    }

        .citoneCol .richEditTxt {
            padding-bottom: 20px
        }

    .expert-advice .container-fluid-new.white-bg {
        background-color: #fff !important
    }

    .nrContainer .articleCnt iframe {
        width: 100%
    }

    .sectionTitleWithMask.sectionTitleInside.m_colorPalette_White .maskColorFiller {
        padding-top: 30px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    .cittxtPanel {
        width: 95%;
        margin: 0 auto;
        clear: both;
        padding-bottom: 15px
    }

    .citoneCol {
        margin-bottom: 0
    }

        .citoneCol .richEditTxt {
            padding-bottom: 0
        }

    .expert-advice .container-fluid-new.white-bg {
        background-color: #fff !important
    }

    .nrContainer .articleCnt iframe {
        width: 100%
    }

    .sectionTitleWithMask.sectionTitleInside.m_colorPalette_White .maskColorFiller {
        padding-top: 30px
    }
}

.citpage {
    text-align: center
}

    .citpage .pagination > li:first-child > a {
        margin-left: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .citpage .pagination > li:last-child > a {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .citpage ul li a {
        color: #3d566e;
        padding: 10px 16px 4px 14px;
        font-family: "BrandonGrotesqueRegular";
        font-size: 14px
    }

    .citpage .pagination > .active > a {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #232832 !important;
        border-color: #232832 !important
    }

    .citpage .pagination-lg > li:last-child > a {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .citpage .pagination-lg > li:first-child > a {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .citpage .pagination {
        padding-left: 0;
        margin-bottom: 20px
    }

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

.honor .nrContainer {
    width: 100%;
    margin: 0;
    padding: 0
}

.newhonorCnt {
    width: 100%
}

.newhonorBnr {
    position: relative;
    margin: 0 auto;
    width: 93%
}

    .newhonorBnr img {
        width: 100%
    }

.newhonorBnrTitle {
    position: absolute;
    top: 30px;
    max-width: 290px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto
}

.newhonorList .title {
    font-family: Georgia;
    margin-bottom: 15px
}

.newhonorBnrTitle p {
    font-family: "BrandonGrotesqueBold",Arial;
    background: #009cde;
    width: 100%;
    max-width: 230px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 1em;
    padding: 8px 0 4px 0
}

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

.newhonorCnt .curve-hd-container {
    margin-top: 18px
}

.newhonorBnrTxt {
    font-family: 'BrandonGrotesqueBlack',Arial;
    font-size: 1em;
    color: #fff;
    position: absolute;
    bottom: 15px;
    line-height: 1.3;
    margin-left: 8px
}

.newhonorList {
    margin: 30px auto 0 auto;
    color: #2a2b33
}

    .newhonorList a {
        color: #2a2b33
    }

.newhonorListCnt {
    width: 94%;
    margin: 0 auto
}

.honorList .title {
    font-family: Georgia;
    font-size: 1.313em;
    margin-bottom: 15px
}

.newhonorList p {
    font-size: .875em;
    font-family: Georgia;
    line-height: 1.3
}

.newhonorCnt {
    margin-bottom: 30px;
    display: inline-block;
    margin-top: 3%
}

.newnutriTitle {
    font-family: 'BrandonGrotesqueBlack',Arial;
    font-size: 1.875em;
    color: #009cde;
    margin: 21px 0 5px -3px
}

.newhonorPDF {
    margin-top: 10px;
    max-width: 25px
}

i {
    border: none !important;
    border-width: 0 !important;
    display: inline-block;
    padding: 0 !important
}

@media(min-width:480px) {
    .newhonorBnrTxt {
        font-size: 1.25em
    }

    .newhonorBnrTitle p {
        max-width: 249px;
        font-size: 1.1em
    }
}

@media(min-width:768px) {
    .newnutriTitle {
        font-size: 2.5em;
        line-height: 1;
        margin-bottom: 0
    }

    .newhonorBnrTxt {
        width: 70%;
        font-size: 1.5em;
        margin-left: 16px
    }

    .newhonorBnrTitle {
        top: 15px
    }

    .newhonor .nrContainer {
        width: 98.3%;
        margin: 0 auto
    }

    .newhonorListCnt {
        width: 96%
    }

    .newhonorList {
        margin-top: 20px
    }

    .newhonorList {
        width: 46.9%;
        margin-right: 20px;
        float: left
    }

    .newhonorCnt {
        margin-bottom: 40px
    }

    .newhonorList .title {
        font-size: 1.25em
    }

    .newhonorBnrTitle {
        max-width: 320px
    }

        .newhonorBnrTitle p {
            font-size: 1.125em;
            max-width: 250px
        }
}

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

    .newhonorListCnt {
        width: 90%
    }

    .newhonorList {
        width: 23.8%;
        margin-right: 17px
    }

    .newhonorListCnt > div:last-child {
        margin-right: 0
    }

    .newhonorBnrTxt {
        width: 75%;
        font-size: 2.125em;
        margin-left: 13px
    }

    .newhonorBnrTitle p {
        font-size: 1.25em;
        max-width: 255px;
        padding: 11px 0 4px 0;
        line-height: 1
    }

    .newhonorBnrTitle {
        max-width: 415px
    }

    .newhonorList .title {
        font-size: 1.5em
    }
}

@media(min-width:1200px) {
    .newhonorBnrTxt {
        font-size: 38px;
        width: 71%
    }

    .nutriTitle {
        font-size: 2.5em
    }
}

@media(max-width:767px) {
    .newhonor h1.nutriTitle {
        padding-left: 15px
    }

    .nrContainer.hnr-redesgn .newhonorBnr img {
        min-height: 252px
    }
}

@media(min-width:768px) {
    .hnr-redesgn .curve-hd-container {
        margin-top: 18px
    }

    .hnr-redesgn .newhonorCnt {
        margin-bottom: 32px
    }

    .hnr-redesgn .newhonorList p {
        margin-left: 5px
    }
}

@media(min-width:1024px) {
    .hnr-redesgn .newhonorBnrTxt {
        margin-left: 20px
    }

    .hnr-redesgn .newhonorList {
        width: 23.8%;
        margin-right: 17px;
        margin-top: 0
    }

        .hnr-redesgn .newhonorList :first-child {
            margin-left: 5px
        }

    .newhonor .hnr-redesgn h1.nutriTitle {
        font-size: 45px;
        margin-top: 29px;
        margin-bottom: 9px
    }

    .hnr-redesgn .newhonorBnrTxt p {
        font-size: 38px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width:767px) and (min-width:280px) {
    .newhonorBnrTitle {
        position: absolute;
        top: -50px;
        max-width: 290px;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto
    }

    .newhonorCnt .curve-hd-container {
        margin-top: 80px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    .newhonorBnrTitle {
        position: absolute;
        top: -50px;
        max-width: 290px;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto
    }

    .newhonorCnt .curve-hd-container {
        margin-top: 80px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .newhonorListCnt {
        width: 93%
    }
}

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

.center {
    text-align: center
}

.pagination {
    display: inline-block
}

    .pagination a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
        border: 1px solid #ddd
    }

        .pagination a.active {
            background-color: #303030;
            color: white;
            border: 1px solid #303030
        }

        .pagination a:hover:not(.active) {
            background-color: #ddd
        }

.carousel-inner.description {
    position: relative;
    width: 70%;
    overflow: hidden;
    margin: 0 auto;
    height: 400px
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    #myCarousel1 .item ul li {
        width: 300px !important;
        height: 225px !important
    }

    #popupCarousel a.right.carousel-control {
        right: -2% !important
    }

    #popupCarousel a.left.carousel-control {
        left: -15% !important;
        top: 33px;
        !important
    }
}

#popupCarousel {
    width: 400px !important;
    height: 300px !important;
    border: 0 !important;
    left: 450px !important;
    top: 130px !important;
    position: fixed !important
}

.expopimg {
    margin-left: 30px;
    margin-top: 10px
}

.item ul li.expopli {
    width: 100% !important
}

.citimgdesc p {
    font-family: Georgia;
    font-size: .95em;
    line-height: 1.45em
}

#citoverlayMaskdesc {
    z-index: 999;
    background: url(../Assets/img/black_1px_transparent.png);
    overflow: hidden;
    padding: 0;
    top: 0;
    position: absolute;
    margin: 0;
    left: 0
}

.citoverlayCloseBtndesc {
    background-color: #333;
    color: #fff;
    font-weight: 700;
    margin: 0;
    padding: 6px 9px;
    position: absolute;
    right: -27px !important;
    top: 0;
    z-index: 99999
}

.citoverlayPopUpdesc {
    width: 400px !important;
    height: 300px !important;
    border: 0 !important;
    left: 450px !important;
    top: 130px !important;
    position: fixed !important
}

    .citoverlayPopUpdesc img {
        width: 100%;
        height: 100%
    }

.item img {
    width: 100%
}

.mr-readdesc {
    display: none
}

.mr-subreaddesc {
    display: none
}

.trdesk-overlaydesc {
    position: absolute;
    background: rgba(0,0,0,0.6);
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: none
}

    .trdesk-overlaydesc.active {
        display: block
    }

.mr-readdesc.active {
    display: block;
    position: absolute;
    z-index: 10;
    font-size: 1.25em;
    color: #fff;
    top: 20px;
    left: 20px;
    font-family: "BrandonGrotesqueMedium"
}

.mr-subreaddesc.active {
    display: block;
    position: absolute;
    z-index: 10;
    font-size: 1.25em;
    color: #fff;
    top: 40px;
    left: 20px;
    font-family: "BrandonGrotesqueMedium"
}

.mr-whitereaddesc {
    display: none
}

    .mr-whitereaddesc.active {
        display: block;
        position: absolute;
        z-index: 10;
        font-size: 1.25em;
        color: #fff !important;
        top: 20px;
        left: 20px;
        font-family: "BrandonGrotesqueMedium"
    }

.arrow-next.popnext {
    top: 37%
}

@media only screen and (max-width:767px) and (min-width:280px) {
    .carousel-inner.description {
        position: relative;
        width: 70%;
        overflow: hidden;
        margin: 0 auto;
        height: 170px
    }

    .cit-container.withdesc {
        margin-bottom: 30px
    }

    #popupCarousel .carousel-control.left {
        left: -5% !important
    }

    #popupCarousel .carousel-inner {
        height: 250px;
        width: 300px !important
    }

    #popupCarousel {
        width: 330px !important;
        height: 300px !important;
        border: 0 !important;
        left: 22px !important;
        top: 130px !important;
        position: fixed !important
    }

    .expopimg {
        margin-left: 0;
        margin-top: 10px
    }

    .arrow-prev.popprev {
        top: 37%
    }

    .citoverlayCloseBtndesc {
        background-color: #333;
        color: #fff;
        font-weight: 700;
        margin: 0;
        padding: 6px 9px;
        position: absolute;
        right: 14px !important;
        top: -30px !important;
        z-index: 99999
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    #citoverlayMaskdesc {
        width: 415px !important
    }

    .citoverlayCloseBtndesc {
        background-color: #333;
        color: #fff;
        font-weight: 700;
        margin: 0;
        padding: 6px 9px;
        position: absolute;
        right: 0;
        top: -27px !important;
        z-index: 99999
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    #popupCarousel .carousel-inner {
        height: 250px
    }

    #citoverlayMaskdesc {
        width: 768px !important
    }

    .arrow-prev.popprev {
        top: 37%
    }

    #popupCarousel {
        width: 500px !important;
        height: 300px !important;
        border: 0 !important;
        left: 135px !important;
        top: 445px !important;
        position: fixed !important
    }

        #popupCarousel a.left.carousel-control {
            left: -5% !important
        }

        #popupCarousel a.right.carousel-control {
            right: -2% !important;
            top: -45px !important
        }

    .citoverlayPopUpdesc {
        width: 500px !important;
        height: 375px !important;
        border: 0 !important;
        left: 0 !important;
        top: 130px !important;
        position: fixed !important
    }

    .carousel-inner.description {
        position: relative;
        width: 76%;
        overflow: hidden;
        margin: 0 auto;
        height: 400px
    }

    .citoverlayCloseBtndesc {
        background-color: #333;
        color: #fff;
        font-weight: 700;
        margin: 0;
        padding: 6px 9px;
        position: absolute;
        right: 23px !important;
        top: 0;
        z-index: 99999
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    #citoverlayMaskdesc {
        width: 1024px !important
    }

    #popupCarousel {
        width: 500px !important;
        height: 300px !important;
        border: 0 !important;
        left: 270px !important;
        top: 290px !important;
        position: fixed !important
    }

        #popupCarousel a.left.carousel-control {
            left: -3% !important;
            top: 33px
        }

        #popupCarousel a.right.carousel-control {
            right: 8% !important;
            top: 0 !important
        }

        #popupCarousel .citoverlayCloseBtndesc {
            right: 20px !important
        }
}

.citi_popup_mask {
    width: 100% !important
}

@media only screen and (max-width:1920px) and (min-width:1380px) {
    .item ul li {
        height: 240px
    }
}

@media only screen and (min-width:2000px) {
    .citi_popup_mask {
        width: 100%
    }

    #popupCarousel a.right.carousel-control {
        right: -78% !important;
        top: 61px !important
    }

    #popupCarousel a.left.carousel-control {
        left: 52% !important
    }

    #popupCarousel .citoverlayCloseBtndesc {
        right: -310px !important;
        top: 53px !important
    }

    #dycarrouselimgcomp {
        top: 55px;
        left: 70%
    }

    #popupCarousel {
        left: 545px !important;
        top: 25% !important
    }
}

@media only screen and (min-width:1800px) and (max-width:1925px) {
    #popupCarousel a.right.carousel-control {
        right: 0 !important;
        top: 15px !important
    }

    #popupCarousel a.left.carousel-control {
        left: -50px !important;
        top: 48px
    }
}

@media only screen and (min-width:1930px) and (max-width:1999px) {
    #popupCarousel a.right.carousel-control {
        right: -50px !important;
        top: 15px !important
    }

    #popupCarousel a.left.carousel-control {
        left: -100px !important;
        top: -48px
    }
}

@media only screen and (min-width:1600px) and (max-width:1800px) {
    #popupCarousel a.right.carousel-control {
        right: -1% !important;
        top: 12px !important
    }

    #popupCarousel a.left.carousel-control {
        left: -15% !important
    }

    #popupCarousel {
        left: 650px !important;
        top: 35% !important
    }
}

.citsignful {
    position: relative;
    width: 100%;
    background-color: #6b6d70;
    padding-bottom: 60px
}

.citsignupform h1 {
    font-size: 28pt !important;
    line-height: 40px !important
}

.citsignupform a {
    text-decoration: none !important
}

.citsignformdiv span, .citsignformdiv input, .citsignupform p, .citsignupform h4 {
    font-size: 14pt !important;
    font-family: georgia !important
}

#signup_placeholder a {
    color: #68cbf5
}

.citi_disclaimertext {
    color: #fff;
    padding: 20px 0 !important;
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    font-family: Georgia Regular
}

#signup_placeholder a:hover {
    color: #fff !important
}

.citi_disclaimertext a {
    color: #68cbf5
}

    .citi_disclaimertext a:hover {
        color: #fff !important
    }

.citsignupform {
    display: table;
    max-width: 960px;
    margin: 0 auto;
    width: 80%;
    padding: 40px 0
}

.citsignformdiv {
    width: 30%;
    margin: 0 0 15px 0;
    float: left
}

.citsignupform h1 {
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    line-height: 28px;
    font-size: 24px;
    font-family: BrandonGrotesqueBold
}

.citsignupform h4 {
    color: #fff;
    padding: 20px 0 !important;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-family: Georgia Regular;
    font-weight: normal
}

.citinputbox {
    float: left;
    width: 95%;
    height: 32px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    padding-left: 15px;
    font-family: Georgia Regular
}

    .citinputbox:focus {
        outline: 0;
        border: rgba(24,149,215,1) 2px solid;
        color: rgba(24,149,215,1)
    }

.citsignsubmit {
    height: auto;
    width: 17.7%;
    background: #019cde;
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;
    border: 0;
    margin-right: 20px;
    font-family: 'BrandonGrotesqueBold';
    padding-top: 4px
}

    .citsignsubmit:hover {
        background: #fff;
        color: #019cde
    }

.signbuttontext {
    color: #fff;
    padding: 20px 0 !important;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-family: Georgia Regular
}

.error {
    display: none
}

.error_show {
    color: red;
    font-size: 14px;
    line-height: 18px;
    font-family: Georgia Regular
}

input.invalid, textarea.invalid {
    border: 2px solid red
}

input.valid, textarea.valid {
    border: 2px solid green
}

#citsignup_submit {
    float: left;
    width: 100%
}

@media only screen and (max-width:767px) and (min-width:280px) {
    .mbmargin {
        margin-top: -10px !important
    }

    .citsignformdiv span, .citsignformdiv input, .citsignupform p, .citsignupform h4 {
        line-height: 40px
    }

    .mb_success {
        display: block !important;
        margin-top: 5px !important
    }

    .citsignupform {
        width: 74%
    }

    .citsignformdiv {
        width: 100%;
        margin: 0 20px 15px 0;
        float: left
    }

    .citsignsubmit {
        width: 66%
    }

    .signbuttontext {
        float: left;
        left: 48px;
        z-index: 9999
    }

    .citsignful {
        padding-bottom: 0
    }

    .cit-emailtext h1 {
        font-family: BrandonGrotesqueBold;
        font-size: 26px
    }
}

@media only screen and (max-width:736px) and (min-width:414px) {
    .signbuttontext {
        float: left;
        left: 54px;
        z-index: 9999
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    .citsignful {
        padding-bottom: 0
    }

    .citsignupform {
        width: 74%
    }

    .citsignformdiv {
        width: 100%;
        margin: 0 20px 15px 0;
        float: left
    }

    .citsignsubmit {
        width: 66%;
        margin-top: 35px
    }

    .signbuttontext {
        float: left;
        position: absolute;
        left: 48px;
        bottom: 70px;
        z-index: 9999
    }

    .cit-emailtext h1 {
        font-family: BrandonGrotesqueBold;
        font-size: 26px
    }
}

.thankyoubuttons {
    height: auto;
    display: inline-block;
    background: #019cde;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    text-transform: uppercase;
    border: 0;
    text-align: center;
    font-family: 'BrandonGrotesqueBold';
    padding: 4px
}

    .thankyoubuttons:hover {
        color: #fff !important
    }

.cit-emailalertpage {
    position: relative;
    width: 100%;
    background-color: #f2f2f2
}

.cit-emailalert {
    display: table;
    max-width: 960px;
    margin: 0 auto;
    width: 80%;
    background-color: #fff
}

.cit-emailtext {
    width: 70%;
    margin: 10% 15%
}

    .cit-emailtext h1 {
        font-family: BrandonGrotesqueBold;
        font-size: 36px;
        font-weight: 500;
        line-height: 40px;
        color: #00417a;
        text-transform: uppercase
    }

    .cit-emailtext p {
        font-family: Georgia;
        font-weight: 400;
        font-size: 19px;
        line-height: 28px;
        color: #333;
        padding-top: 40px
    }

.thankbutton {
    height: 32px;
    width: 20%;
    background: #019cde;
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;
    border: 0;
    margin-right: 20px;
    font-family: 'BrandonGrotesqueBold';
    padding-top: 4px
}

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

@media all and (min-width:1023px) and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .rightCnt.newrsroomnew {
        height: 1350px !important
    }
}

@media all and (min-width:1900px) and (max-width:2000px) and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .rightCnt.newrsroomnew {
        top: auto !important;
        margin-top: -8% !important
    }
}

*::-ms-backdrop, .newrsroomnew.rightCnt {
    margin-top: -10% !important
}

.rightCnt.newrsroomnew .social {
    margin-top: 2px !important;
    margin-bottom: 10px
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .rightCnt.newrsroomnew .social .twitterFeed {
        height: 210px !important;
        overflow-y: auto
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .rightCnt.newrsroomnew .social .twitterFeed {
        height: 210px !important;
        overflow-y: auto
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) {
    .rightCnt.newrsroomnew .social .twitterFeed {
        height: 210px !important;
        overflow-y: auto
    }
}

@media screen and (device-width:320px) and (device-height:640px) and (orientation:portrait) {
    .rightCnt.newrsroomnew .social .twitterFeed {
        height: 210px !important;
        overflow-y: auto
    }
}

@media screen and (device-width:320px) and (device-height:640px) and (orientation:landscape) {
    .rightCnt.newrsroomnew .social .twitterFeed {
        height: 210px !important;
        overflow-y: auto
    }
}

@media all and (min-width:768px) {
    .rightCnt.newrsroomnew .social {
        width: 85% !important
    }
}

@media(max-width:2000px) and (min-width:1900px) {
    .rightCnt.newrsroomnew .social .bluBgTxt {
        max-width: 100% !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .leftCnt.newrsroomnew > div {
        max-width: 100% !important
    }

    #citarticlepagination .citpage {
        width: 100% !important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .leftCnt.newrsroomnew > div {
        max-width: 100% !important
    }

    #citarticlepagination .citpage {
        width: 100% !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .leftCnt.newrsroomnew > div {
        max-width: 100% !important
    }

    #citarticlepagination .citpage {
        width: 100% !important
    }
}

#riVideooverlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    display: none;
    z-index: 999
}

#riVideopopup {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 20px rgba(0,0,0,.8);
    width: 88%;
    max-width: 850px;
    text-align: center;
    height: 510px;
    z-index: 1010;
    background: #fff
}

#riVideoclose {
    color: #fff;
    font-weight: 1000;
    margin: 0;
    padding: 12px 6px;
    font-size: 22px;
    position: absolute;
    right: -7px;
    cursor: pointer;
    text-decoration: none;
    font-family: Arial;
    top: -31px;
    z-index: 99999;
    text-transform: uppercase
}

#riVideopopup #riVideoframe {
    border: 0;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    #riVideopopup {
        height: 250px !important
    }

    #riVideopopup {
        width: 75% !important
    }
}

@media only screen and (max-width:767px) {
    #riVideopopup {
        height: 300px
    }

    .infoVideoTitle {
        margin-top: 0 !important
    }
}

.ytp-title, .ytp-watch-later-button, .ytp-share-button {
    display: none
}

.riVideoTitle {
    z-index: 999;
    color: #fff;
    position: absolute;
    font-size: 20px;
    letter-spacing: 1px;
    top: 30px;
    left: 20px;
    font-weight: 700
}

.riVideoSubTitle {
    z-index: 999;
    color: #019cde !important;
    position: absolute;
    font-size: 12px;
    font-weight: 700;
    top: 57px;
    text-decoration: none !important;
    text-align: left;
    left: 21px;
    border: none !important
}

.trdesk-overlay.rivideo-overlay {
    background: rgba(0,0,0,.4) !important
}

.riVideoBtn {
    padding: 0 10px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    border: 0;
    font-size: 12px;
    text-align: center;
    color: #fff !important;
    border-radius: 0;
    background: #019cde !important;
    margin-top: 10px;
    right: 0;
    text-transform: uppercase;
    border: none !important;
    line-height: 32px !important
}

.riVideoBtn {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s
}

    .riVideoBtn::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        -moz-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        transition-duration: .3s
    }

    .riVideoBtn:hover {
        background-color: #fff !important;
        color: #019cde !important
    }

        .riVideoBtn:hover:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1)
        }

.rivideo-onlymob {
    display: none
}

.rivideo-overlay-text {
    position: absolute;
    color: #009cde;
    font-family: BrandonGrotesqueBold;
    top: 15px;
    left: 15px;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .rivideo-onlymob {
        display: none
    }

    .riPlayIcon {
        top: 32% !important;
        border-width: 13px 0 13px 14px !important
    }
}

.riVideoBtn {
    font-family: "BrandonGrotesqueBold";
    font-size: 14px;
    width: 188px !important;
    height: 32px;
    padding-top: 2px;
    position: absolute;
    bottom: -46px
}

@media only screen and (min-width:920px) {
    .riVideoTitle {
        font-family: "BrandonGrotesqueBold"
    }

    .riVideoSubTitle {
        font-family: "BrandonGrotesqueBold";
        font-size: 13px
    }

    #riVideopopup {
        max-width: 1280px
    }
}

.riPlayIcon {
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 12px;
    padding: 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    text-align: center;
    left: 50%;
    height: 25px;
    transform: translate(-50%,-50%);
    opacity: .6;
    border-color: transparent transparent transparent #fff;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: solid;
    border-width: 35px 0 35px 45px
}

.signUpContainer {
    position: absolute !important;
    width: 100% !important;
    display: block !important;
    max-width: 90% !important;
    height: 245px;
    background-image: url('../Assets/img/Nwsrm-bkgrd-963x226.jpg') !important;
    background-size: cover !important;
    left: 0;
    border: none !important
}

@media screen and (max-width:767px) {
    .signUpContainer {
        position: relative !important;
        max-width: 100% !important;
        padding: 20px 10px;
        margin-top: 20px;
        clear: both;
        height: auto !important;
        padding-bottom: 30px
    }

    .signUpWrapper {
        padding-left: 0 !important
    }

    .signUpContainer .signUpWrapper h1 {
        margin-top: 0 !important
    }
}

@media only screen and (max-width:980px) and (min-width:768px) {
    .leftCnt.newrsroomnew > div.signUpContainer {
        max-width: 500px !important
    }

    .signUpWrapper {
        padding-left: 42px !important
    }

    .signUpContainer .signUpWrapper h1 {
        font-size: 26px !important
    }

    .ipadView {
        display: block !important
    }
}

.ipadView {
    display: none
}

.signUpWrapper {
    padding-left: 86px
}

.signUpContainer .signUpWrapper h1 {
    margin-top: 30px;
    margin-bottom: 6px;
    font-size: 30px;
    font-family: "BrandonGrotesqueBold";
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    line-height: 34px
}

.signUpContainer .signUpWrapper p {
    margin-bottom: 14px;
    font-size: 18px;
    font-family: "BrandonGrotesqueRegular";
    line-height: 22px;
    color: #fff;
    width: 85%
}

.signUpContainer .signUpWrapper .signUpBtn {
    width: 171px !important;
    height: 32px;
    line-height: 36px;
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    font-family: "BrandonGrotesqueBlack";
    background: #fff;
    color: #019cde;
    border: 0
}

.rvCorpWrapper {
    position: relative;
    max-width: 960px;
    margin: 0 auto
}

.rvCorpLimelightVideo, .rvCorpYouTubeVideo {
    width: 100%
}

.rvCropImageWrapper:hover .rvCorp-overlay {
    display: block;
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: .5
}

.rvCorp-overlay {
    display: none
}

.rvCropImageWrapper {
    cursor: pointer
}

.rvCorpVideooverlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    display: none;
    z-index: 999
}

.rvCropEmbedVideo {
    display: none
}

.rvCorpVideopopup {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 20px rgba(0,0,0,.8);
    width: 88%;
    max-width: 850px;
    text-align: center;
    height: 510px;
    z-index: 1010;
    background: #fff
}

.rvCorpVideoclose {
    color: #fff;
    font-weight: 1000;
    margin: 0;
    padding: 12px 6px;
    font-size: 22px;
    position: absolute;
    right: -5px;
    cursor: pointer;
    text-decoration: none;
    font-family: Arial;
    top: -42px;
    z-index: 99999;
    text-transform: uppercase
}

.rvCorpVideopopup #rvCorpVideoframe {
    border: 0;
    width: 100%;
    height: 100%
}

.rvCropImageWrapper img {
    cursor: pointer
}

@media only screen and (max-width:767px) {
    .rvCorpVideopopup {
        height: 300px
    }
}

@media only screen and (max-width:767px) {
    .rvCorpPlayIcon {
        border-width: 20px 0 20px 30px !important
    }

    .secondary-nav .linksWrap {
        padding: 0 12px !important
    }

    .rvCorpContainer {
        margin-bottom: 14px
    }
}

.rvCorpPlayIcon {
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 12px;
    padding: 0;
    position: absolute;
    z-index: 10;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 25px;
    border-color: transparent transparent transparent #fff;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: solid;
    border-width: 30px 0 28px 45px
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@charset 'UTF-8';

.slick-loading .slick-list {
    background: #fff url('../../Assets/img/ajax-loader.gif') center center no-repeat
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: transparent
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: 0;
        background: transparent
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-prev:before, .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir='rtl'] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir='rtl'] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: 0;
            background: transparent
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: 0
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                font-family: 'slick';
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '•';
                text-align: center;
                opacity: .25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black
        }

.content span, .hero-panel .bx-viewport {
    visibility: visible !important
}

@media(min-width:768px) {
    .article-detail .secondary-nav.middle-aligned {
        padding: 15px 10% 0;
        width: 100%
    }

    .honor .secondary-nav.middle-aligned {
        padding: 15px 2% 0;
        width: 100%
    }

        .honor .secondary-nav.middle-aligned .linksWrap a {
            padding: 0 12.5px
        }

        .honor .secondary-nav.middle-aligned .linksWrap a, .honor .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
        }

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

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

.expert-advice .panelRotation {
    padding-bottom: 25px
}

.hero-panel {
    margin-top: -2px
}

.curve-hd-container {
    position: relative
}

.curve-hd-grey hr.cm-hr {
    border-bottom: 1px solid grey
}

.storyborderbottom {
    padding-bottom: 40px
}

.curve-hd-grey span {
    color: grey;
    border: 1px solid grey
}

.curve-hd-black span {
    color: #000;
    border: 1px solid #000
}

.curve-hd-white span {
    color: #fff;
    border: 1px solid #fff
}

    .curve-hd-black span:before, .curve-hd-grey span:before, .curve-hd-white span:before {
        right: 100%
    }

    .curve-hd-black span:after, .curve-hd-grey span:after, .curve-hd-white span:after {
        left: 100%
    }

.curve-hd-grey span:after, .curve-hd-grey span:before {
    border-top: 1px solid grey
}

.curve-hd-white span:after, .curve-hd-white span:before {
    /*border-top: 1px solid #fff*/
}

.curve-hd-black span:after, .curve-hd-black span:before {
    /*border-top: 1px solid #000*/
}

.curve-hd-black span:after, .curve-hd-black span:before, .curve-hd-grey span:after, .curve-hd-grey span:before, .curve-hd-white span:after, .curve-hd-white span:before {
    content: "";
    display: inline-block;
    float: left;
    width: 46px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 0
}

hr.cm-hr {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: auto;
    z-index: 10
}

.cm-title {
    background: 0;
    border-radius: 10px 0;
    font-family: BrandonGrotesqueBold;
    font-size: 1.25em;
    width: 60%;
    margin: 0 auto;
    display: block;
    padding: 14px 0 8px;
    text-align: center;
    text-transform: uppercase;
    max-width: 350px;
    position: relative;
    z-index: 11;
    line-height: 18px
}

.colorPalette_Fuscia .content a {
    margin-right: 0 !important
}

.addsecttitlepadding {
    padding-top: 50px
}

.toppadingval {
    margin-top: 40px
}

.sectionTitleWithMask.sectionTitleInside.noNotch .maskColorFiller {
    margin-top: -50px !important;
    padding-top: 14px !important
}

.sectionTitleWithMask.sectionTitleInside.noNotch .maskColorFiller2 {
    margin-top: -55px !important;
    padding-top: 14px !important
}

.careers-content-wrapper .sectionTitleWithMask[data-mask=none] .maskColorFiller {
    padding: 20px 0 50px !important
}

.margintopval {
    margin-top: 80px;
    margin-bottom: 50px
}

.contactFormSec .desc {
    color: #fff;
    font-family: Arial;
    font-size: 1em;
    line-height: 20px;
    text-transform: uppercase;
    width: 60%
}

.containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton.colorPalette_stkis-Primary-Blue {
    color: #000 !important
}

    .containerwithbg .career-cols .containerwithbg-leftcontent a.ctabutton.colorPalette_stkis-Primary-Blue:hover {
        color: #009cde !important
    }

.careers-container .career-cols .careers-col-left a.ctabutton.colorPalette_stkis-Primary-Blue {
    color: #000 !important
}

    .careers-container .career-cols .careers-col-left a.ctabutton.colorPalette_stkis-Primary-Blue:hover {
        color: #009cde !important
    }

.rc-anchor-light.rc-anchor-normal {
    border: 1px solid #333 !important
}

.careers-container[data-mask=none] {
    margin-top: -50px;
    min-height: 700px
}

.tnews ul {
    margin: 0 15px
}

    .tnews ul li {
        margin-bottom: 20px;
        float: left;
        position: relative;
        width: 100%;
        line-height: 0;
        overflow: hidden
    }

        .tnews ul li a {
            color: #333;
            display: inline-block;
            border: 1px solid #ccc;
            width: 100%;
            line-height: 1
        }

.tnews4 ul {
    margin: 0 15px
}

    .tnews4 ul li {
        margin-bottom: 20px;
        float: left;
        position: relative;
        width: 100%;
        line-height: 0;
        overflow: hidden
    }

        .tnews4 ul li a {
            color: #333;
            display: inline-block;
            border: 1px solid #ccc;
            width: 100%;
            line-height: 1
        }

.tnews6 ul {
    margin: 0 15px
}

    .tnews6 ul li {
        margin-bottom: 20px;
        float: left;
        position: relative;
        width: 100%;
        line-height: 0;
        overflow: hidden
    }

        .tnews6 ul li a {
            color: #333;
            display: inline-block;
            border: 1px solid #ccc;
            width: 100%;
            line-height: 1
        }

.tnews .tnews-content p {
    font-size: 1em;
    font-family: georgia;
    line-height: 1.2;
    display: none
}

.tnews4 .tnews4-content p {
    font-size: 1em;
    font-family: georgia;
    line-height: 1.2;
    display: none
}

.tnews6 .tnews6-content p {
    font-size: 1em;
    font-family: georgia;
    line-height: 1.2;
    display: none
}

.tnews4 .tnews8-content p {
    font-size: 1em;
    font-family: georgia;
    line-height: 1.2;
    display: none
}

.tnews .tnews-content {
    float: left;
    width: 50%
}

.tnews4 .tnews4-content {
    float: left;
    width: 50%
}

.tnews6 .tnews6-content {
    float: left;
    width: 50%
}

.tnews4 .tnews8-content {
    float: left;
    width: 90%      /*50%*/
}

.tnews .tnews-img {
    float: right;
    width: 50%
}

.tnews4 .tnews4-img {
    float: right;
    width: 50%
}

.tnews6 .tnews6-img {
    float: right;
    width: 50%
}

.tnews .trdesk-overlay, .trmob-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.tnews4 .trdesk-overlay, .trmob-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.tnews6 .trdesk-overlay, .trmob-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.textandimage .trdesk-overlay, .trmob-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.tnews .trdesk-overlay {
    background: rgba(0,0,0,.6);
    display: none
}

    .tnews .trdesk-overlay.active {
        display: block
    }

.tnews4 .trdesk-overlay {
    background: rgba(0,0,0,.6);
    display: none
}

    .tnews4 .trdesk-overlay.active {
        display: block
    }

.tnews6 .trdesk-overlay {
    background: rgba(0,0,0,.6);
    display: none
}

    .tnews6 .trdesk-overlay.active {
        display: block
    }

.textandimage .trdesk-overlay {
    background: rgba(0,0,0,.6);
    display: none
}

    .textandimage .trdesk-overlay.active {
        display: block
    }

.tnews-content h2 {
    padding: 10px 3px 0 4px;
    font-family: BrandonGrotesqueBold;
    font-size: .875em;
    text-transform: uppercase;
    margin: 0
}

.tnews4-content h2 {
    padding: 10px 3px 0 4px;
    font-family: BrandonGrotesqueBold;
    font-size: .875em;
    text-transform: uppercase;
    margin: 0
}

.tnews6-content h2 {
    padding: 10px 3px 0 4px;
    font-family: BrandonGrotesqueBold;
    font-size: .875em;
    text-transform: uppercase;
    margin: 0
}

.tnews8-content h2 {
    padding: 5px 3px 0 0px;    /*10px 3px 0 4px*/
    font-family: Georgia;       /*BrandonGrotesqueBold;*/
    font-size: .600em;
    /*text-transform: uppercase;*/
    margin: 0
}

.tnews-img img {
    float: right
}

.tnews4-img img {
    float: right
}

.tnews6-img img {
    float: right
}

.trmob-overlay {
    display: none;
    background: #000;
    opacity: .5
}

    .trmob-overlay.active {
        display: inline-block
    }

.tnews-content h2.active {
    position: absolute;
    top: 0;
    width: 50%;
    padding-top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 45px;
    z-index: 999;
    color: #0476b1
}

.tnews4-content h2.active {
    position: absolute;
    top: 0;
    width: 50%;
    padding-top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 45px;
    z-index: 999;
    color: #0476b1
}

.tnews6-content h2.active {
    position: absolute;
    top: 0;
    width: 50%;
    padding-top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 45px;
    z-index: 999;
    color: #0476b1
}

.tnews8-content h2.active {
    position: absolute;
    top: 0;
    width: 50%;
    padding-top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 45px;
    z-index: 999;
    color: #0476b1
}

.mr-read {
    display: none
}

.hero-panel .bx-wrapper {
    box-shadow: none;
    border: 0
}

.hero-panel .bx-viewport {
    height: auto !important
}

.bx-viewport {
    display: inline-block
}

.bx-controls {
    position: static;
    margin-top: 0
}

.bx-wrapper .bx-pager {
    display: block;
    position: absolute;
    bottom: 16px;
    z-index: 10
}

.bx-controls-direction {
    text-indent: -9999px;
    position: absolute;
    top: 70px;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 0
}

.inspBlock, .slick-initialized .slick-slide {
    position: relative
}

.slick-next, .slick-prev {
    top: 100px;
    text-indent: -100000px
}

.slick-prev {
    left: 30px
}

.slick-next {
    right: 30px
}

.slider .cta_more.align-left {
    float: left;
    clear: none
}

.hero-panel .slick-prev {
    background: url(../Assets/img/left-arrow.png) no-repeat
}

.hero-panel .slick-next {
    background: url(../Assets/img/right-arrow.png) no-repeat
}

.hero-panel .slick-next, .hero-panel .slick-prev {
    width: 34px;
    height: 54px;
    background-size: 100%;
    z-index: 10
}

.hero-panel .content a, .win.chrome .hero-panel .content a {
    color: #fff !important
}

.hero-panel .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    width: 14px;
    height: 14px;
    border-radius: 7px
}

    .hero-panel .bx-wrapper .bx-pager.bx-default-pager a.active, .hero-panel .bx-wrapper .bx-pager.bx-default-pager a:focus, .hero-panel .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #009de6
    }

.colorPalette_Blue .content a.all-text-wrap:hover span.cta_more, .colorPalette_Blue .content a.cta:hover, .colorPalette_Blue .content a.cta_more:hover {
    background: #fff;
    color: #004f71
}

.hero-panel .bx-wrapper .bx-next:focus, .hero-panel .bx-wrapper .bx-next:hover {
    background-position: 0 0
}

.colorPalette_vlightBlue.hero_navigation a {
    background-color: #019cde;
    color: #fff
}

    .colorPalette_vlightBlue.hero_navigation a:hover {
        background: #d9d9d6 !important
    }

    .colorPalette_vlightBlue.hero_navigation a p, .colorPalette_vlightBlue.hero_navigation h1, .colorPalette_vlightBlue.hero_navigation h3 {
        color: #fff !important
    }

    .colorPalette_vlightBlue.hero_navigation a:after {
        background-color: #fff !important
    }

    .colorPalette_vlightBlue.hero_navigation a:hover h3, .colorPalette_vlightBlue.hero_navigation a:hover p {
        color: #019cde !important
    }

.slick-dots li button:before {
    font-size: 65px;
    color: #fff;
    opacity: 1
}

.slick-dots li.slick-active button:before {
    color: #009cde
}

.slick-dots {
    top: 152px;
    bottom: auto;
    margin: auto;
    z-index: 10;
    height: 20px
}

.single-line-theme {
    padding: 25px 0 20px
}

    .single-line-theme h3 {
        color: #009cde;
        font-size: 1.25em
    }

    .single-line-theme .localcontacts-icon h3 {
        font-family: BrandonGrotesqueBold
    }

    .single-line-theme .localcontacts-icon {
        width: 100%;
        padding: 0
    }

        .single-line-theme .localcontacts-icon a {
            width: 100% !important;
            display: inline-block;
            text-align: center;
            font-size: 16px
        }

i {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.proffesional-prod {
    width: 75%;
    display: block;
    margin: 0 auto
}

.moreInfoContainer {
    font-size: 16px;
    padding-bottom: 120px
}

.proffesional-prod .curve-hd-container {
    margin-top: 20px
}

.single-line-theme.colorPalette_vlightBlue {
    background-color: #009cde;
    transition: all .5s
}

    .single-line-theme.colorPalette_vlightBlue h3 {
        color: #fff
    }

.prod-arrow {
    border: 0;
    padding: 0 0 0 23px;
    display: inline-block
}

.single-line-theme.colorPalette_vlightBlue:hover h3 {
    color: #009cde
}

.single-line-theme.colorPalette_vlightBlue:hover {
    background-color: #d9d9d6;
    transition: all .5s
}

.inspBlock:hover {
    background: 0
}

.inspBlock {
    float: left;
    width: 50%;
    border: 1px solid #fff;
    max-width: 468px
}

    .inspBlock img:first-child {
        width: 100%
    }

    .inspBlock:hover img:first-child {
        display: block
    }

.expert-advice .container-fluid-new {
    float: none;
    margin-bottom: 0
}

.inspBlock .read_story {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    display: block;
    background: 0
}

.inspBlock > a.read_story {
    background: 0;
    width: 100%
}

.expert-advice .panel-content:hover, .inspBlock:hover .read_story {
    background-color: rgba(0,0,0,.6)
}

.inspBlock > a.read_story h2 {
    color: #fff;
    font-size: 1.125em
}

.inspBlock:hover > a.read_story h2 {
    color: #009cde
}

.follow-cnt {
    margin-top: 25px;
    float: left
}

    .follow-cnt span img {
        vertical-align: middle;
        margin-right: 20px
    }

    .follow-cnt span {
        font-family: BrandonGrotesqueBold;
        font-size: 18px
    }

.expert-advice {
    display: inline-block;
    margin-top: 0;
    width: 100%
}

.hero_navigation h3, .hero_navigation_panel li h3 {
    font-family: BrandonGrotesqueBold
}

.titleredesign .curve-hd-container {
    margin-top: 0;
    padding-top: 80px;
    padding-bottom: 25px
}

    .titleredesign .curve-hd-container span {
        margin-bottom: 0
    }

.titleredesign.sectionTitleWithMask .maskColorFiller {
    padding-bottom: 0
}

.hero_navigation.dis-careers {
    margin-bottom: -17px
}

.ie .hero_navigation.dis-careers {
    margin-bottom: -22px
}

@media(min-width:768px) {
    .hero_car_sec .subText + a {
        margin-left: 0 !important
    }

    .expert-advice .panelRotation {
        padding-bottom: 90px
    }

    .pageFooter .footer-links div ul.social-nolabel li a {
        display: block !important
    }

    .hero_car_sec .content {
        top: 90px;
        left: 12.26%;
        width: 86%
    }

    .hero_car_sec .content8 {
        top: 90px;
        left: 2%; /*12.26%*/
        width: 100% /*86%*/
    }

    .content span {
        margin-top: 0
    }

    .hero_car_sec .content h1, .hero_car_sec .content h2 {
        font-size: 3.8em !important
    }

    .hero_car_sec .subText, .hero_car_sec span.subText {
        font-size: 1.25em !important;
        margin-bottom: 75px;
        font-family: BrandonGrotesqueBlack
    }

    .hero_car_sec .content a, .win.chrome .hero_car_sec .content a {
        font-size: .875em !important;
        margin-top: 0
    }

    .hero-panel .content h1, .hero-panel .content h2, .hero-panel .content > a.all-text-wrap span.text, .hero_car_sec .content h1, .hero_car_sec .content h2, .hero_car_sec .content > a.all-text-wrap span.text, .hero_car_sec .subText, .hero_car_sec span.subText {
        padding-left: 0
    }

    .hero-panel .content a, .hero-panel .content > a.all-text-wrap span.cta, .hero-panel .content > a.all-text-wrap span.cta_more, .hero_car_sec .content a, .hero_car_sec .content > a.all-text-wrap span.cta, .hero_car_sec .content > a.all-text-wrap span.cta_more {
        margin-left: 0
    }

        .hero_car_sec .content a.playButton {
            margin-left: 25px
        }

    .single-line-theme {
        padding: 30px 0
    }

        .single-line-theme h3 {
            font-size: 1.75em
        }

    .hero_car_sec .cta_more {
        width: 171px;
        height: 32px;
        text-align: center
    }

    .slick-dots {
        top: auto !important;
        bottom: 100px;
        z-index: 98
    }

    .slick-next, .slick-prev {
        top: 0;
        bottom: 0;
        margin: auto;
        text-indent: -100000px
    }

    .bx-controls-direction {
        top: 0
    }

    .cm-title {
        width: 80%
    }

    .curve-hd-black span:after, .curve-hd-black span:before, .curve-hd-grey span:after, .curve-hd-grey span:before, .curve-hd-white span:after, .curve-hd-white span:before {
        width: 170px
    }

    .hero-panel .bx-wrapper .bx-next, .hero-panel .bx-wrapper .bx-prev {
        width: 47px;
        height: 74px
    }

    .bx-wrapper .bx-pager {
        bottom: 40px
    }

    .mr-read.active {
        display: block;
        position: absolute;
        z-index: 10;
        font-family: BrandonGrotesqueMedium;
        font-size: 1.25em;
        color: #0688c8;
        top: 20px;
        left: 20px
    }

    .tnews {
        padding-bottom: 30px
    }

        .tnews .tnews-content {
            padding: 15px 15px 7px
        }

            .tnews .tnews-content.active {
                position: relative;
                z-index: 10;
                background: #d9d9d7
            }

    .tnews4 {
        padding-bottom: 30px
    }

        .tnews4 .tnews4-content {
            padding: 15px 15px 7px
        }

            .tnews4 .tnews4-content.active {
                position: relative;
                z-index: 10;
                background: #d9d9d7
            }

    .tnews6 {
        padding-bottom: 30px
    }

        .tnews6 .tnews6-content {
            padding: 15px 15px 7px
        }

            .tnews6 .tnews6-content.active {
                position: relative;
                z-index: 10;
                background: #d9d9d7
            }

    .tnews8 {
        padding-bottom: 30px
    }

        .tnews8 .tnews8-content {
            padding: 15px 15px 7px
        }

            .tnews8 .tnews8-content.active {
                position: relative;
                z-index: 10;
                background: #d9d9d7
            }

    .tnews-content h2 {
        font-size: 1em;
        margin-bottom: 5px;
        padding-left: 0
    }

    .tnews4-content h2 {
        font-size: 1em;
        margin-bottom: 5px;
        padding-left: 0
    }

    .tnews6-content h2 {
        font-size: 1em;
        margin-bottom: 5px;
        padding-left: 0
    }

    .tnews8-content h2 {
        font-size: 0.800em;
        font-weight: 600;
        margin-bottom: 5px;
        padding-left: 0
    }

    .tnews .tnews-content p {
        display: block;
        font-size: .875em
    }

    .tnews4 .tnews4-content p {
        display: block;
        font-size: .875em
    }

    .tnews6 .tnews6-content p {
        display: block;
        font-size: .875em
    }

    .tnews8 .tnews8-content p {
        display: block;
        font-size: .875em
    }

    .tnews-img img {
        width: 100%
    }

    .tnews4-img img {
        width: 100%
    }

    .tnews6-img img {
        width: 100%
    }

    .tnews ul {
        display: table;
        max-width: 960px;
        margin: 0 auto;
        width: 80%
    }

        .tnews ul li {
            width: 31.1%;
            margin-right: 20px
        }

            .tnews ul li:nth-child(3n) {
                margin-right: 0
            }

    .tnews4 ul {
        display: table;
        max-width: 960px;
        margin: 0 auto;
        width: 100%
    }

        .tnews4 ul li {
            width: 100%;
            margin-right: 20px
        }

            .tnews4 ul li:nth-child(3n) {
                margin-right: 0
            }

    .tnews6 ul {
        display: table;
        max-width: 960px;
        margin: 0 auto;
        width: 80%
    }

        .tnews6 ul li {
            width: 45%;
            margin-right: 20px
        }

            .tnews6 ul li:nth-child(3n) {
                margin-right: 0
            }

    .tnews .tnews-img {
        float: left;
        width: 100%;
        position: relative
    }

    .tnews4 .tnews4-img {
        float: left;
        width: 100%;
        position: relative
    }

    .tnews6 .tnews6-img {
        float: left;
        width: 100%;
        position: relative
    }

    .tnews .tnews-content {
        width: 100%;
        height: 100%
    }

    .tnews4 .tnews4-content {
        width: 100%;
        height: 100%
    }

    .tnews6 .tnews6-content {
        width: 100%;
        height: 100%
    }

    .tnews8 .tnews8-content {
        width: 100%;
        height: 100%
    }

    .hero_navigation .hero_navigation_panel, .tnews .tnews4 .tnews6 .curve-hd-container {
        margin-top: 0
    }

    .hero_car_sec .content a:nth-child(2) {
        margin-left: 0
    }

    .hero_car_sec .subText, .hero_car_sec span.subText {
        padding-right: 20%;
        box-sizing: border-box
    }

    .hero_navigation h3, .hero_navigation_panel li h3 {
        font-size: 1.25em
    }

    .hero-panel .slick-dotted.slick-slider {
        margin-bottom: 0
    }

    .proffesional-prod {
        margin-bottom: 90px
    }
}

@media(min-width:768px) and (max-width:980px) {
    .curve-hd-container, .dis-careers.hero_navigation[data-mask*=xlink-deep-curve] .heroNavContentWrapper {
        margin-top: 50px
    }

    .cm-title {
        margin-bottom: 30px
    }

    .hero_navigation_panel li, .hero_navigation_panel li a {
        height: 120px
    }

    .hero_car_sec .content {
        top: 35px
    }

    .hero_car_sec .subText, .hero_car_sec span.subText {
        margin-bottom: 20px
    }

    .slick-dots {
        bottom: 50px
    }
}

@media(min-width:1024px) {
    .bx-wrapper .bx-pager {
        bottom: 73px
    }
}

@media(max-width:767px) {
    .prodCnt ul li h4 a {
        font-size: 14px !important
    }

    .hero-panel .variable.slider .slick-next, .hero-panel .variable.slider .slick-prev {
        top: 25% !important
    }

    .titleredesign .curve-hd-container {
        padding-top: 40px
    }

    .single-line-theme {
        margin-bottom: 20px
    }

    .tnews ul li:last-child {
        margin-bottom: 30px
    }

    .tnews4 ul li:last-child {
        margin-bottom: 30px
    }

    .tnews6 ul li:last-child {
        margin-bottom: 30px
    }

    .cm-title {
        margin-bottom: 25px
    }

    .mobileSvgMask.curve {
        display: none
    }

    .hero-panel .content {
        min-height: 0;
        position: static
    }

        .hero-panel .content span {
            margin-top: 30px
        }

    .single-line-theme .localcontacts-icon a {
        padding-top: 0;
        margin-top: 0
    }

    .proffesional-prod {
        padding: 0 15px;
        margin: 0 auto 30px;
        width: 100%;
        box-sizing: border-box
    }

        .proffesional-prod .curve-hd-container {
            margin-top: 0
        }

    .expert-advice .curve-hd-container, .follow-careers .curve-hd-container {
        margin-top: 20px
    }

    .Xplore-stkis .cm-title {
        color: #000;
        border: 1px solid #000
    }

    .Xplore-stkis .curve-hd-white span:after, .Xplore-stkis .curve-hd-white span:before {
        border-top: 1px solid #000
    }

    .cm-title {
        width: 81%;
        max-width: 161px;
        padding: 8px 0 4px;
        font-size: .8em
    }

    .curve-hd-black span:after, .curve-hd-black span:before, .curve-hd-grey span:after, .curve-hd-grey span:before, .curve-hd-white span:after, .curve-hd-white span:before {
        width: 73px
    }

    .inspBlock {
        max-width: 100%
    }

    .tnews ul li a {
        border: 0
    }

    .tnews4 ul li a {
        border: 0
    }

    .tnews6 ul li a {
        border: 0
    }

    .tnews ul li {
        border: 1px solid #ccc
    }

    .tnews4 ul li {
        border: 1px solid #ccc
    }

    .tnews6 ul li {
        border: 1px solid #ccc
    }

    .localcontacts-icon h3 {
        margin-top: 0
    }

    .localcontacts {
        padding: 5px
    }

    .prod-arrow {
        padding-left: 10px;
        vertical-align: middle
    }

        .prod-arrow img {
            max-width: 12px
        }

    .prof-link-items .invest_ListItems {
        padding-top: 30px
    }

    .moreInfoContainer {
        padding-bottom: 60px
    }

    .curve-hd-container.curve-hd-white span {
        color: #fff;
        border: 1px solid #fff
    }

        .curve-hd-container.curve-hd-white span:after, .curve-hd-container.curve-hd-white span:before {
            border-top: 1px solid #fff
        }

    .expert-advice .container-fluid-new {
        background-color: #d9dadb !important;
        margin-bottom: 0 !important;
        padding-bottom: 20px;
        padding-top: 10px
    }

    .slick-dots {
        display: none !important
    }

    .hero-panel .slick-next, .hero-panel .slick-prev {
        width: 19px
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0
    }

    .hero_car_sec .subText, .hero_car_sec span.subText {
        padding-right: 10px
    }

    .tnews-img img {
        width: 75%
    }

    .tnews4-img img {
        width: 75%
    }

    .tnews6-img img {
        width: 75%
    }

    .tnews-content h2 {
        padding: 16px 3px 0 13px
    }

    .tnews4-content h2 {
        padding: 16px 3px 0 13px
    }

    .tnews6-content h2 {
        padding: 16px 3px 0 13px
    }

    .tnews8-content h2 {
        padding: 16px 3px 0 13px
    }

    .tnews .tnews-img {
        max-width: 180px
    }

    .tnews4 .tnews4-img {
        max-width: 180px
    }

    .tnews6 .tnews6-img {
        max-width: 180px
    }

    .webkit .hero_navigation_panel li h3 .icon-angle-right {
        top: -4px
    }

    section.socialMedia_Icon_Comp {
        float: left;
        padding-bottom: 30px;
        padding-top: 10px
    }

    .hero_car_sec .content.carouselRedesigntxt span h1 {
        margin-top: 5px !important
    }

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

@media(max-width:767px) and (orientation:portrait) {
    .hero_car_sec.colorPalette_stkis-Primary-Blue .content {
        background: 0
    }

    .mobileSvgMask.curve {
        display: none
    }

    .bx-wrapper {
        margin-bottom: 0
    }

        .bx-wrapper .bx-pager {
            position: absolute;
            top: 0;
            bottom: 25%;
            height: 0;
            margin: auto
        }

    .hero_car_sec .content {
        background-color: transparent !important
    }
}

@media(max-width:640px) and (min-width:451px) {
    .hero-panel .content {
        position: static
    }
}

@media only screen and (max-width:450px) and (min-width:280px) {
    .slider .colorPalette_Yellow.hero_car_sec .content .heroQuote {
        color: #ffd100 !important
    }

    .slider .colorPalette_DarkYellow.hero_car_sec .content .heroQuote {
        color: #ded548 !important
    }

    .slider .colorPalette_Green.hero_car_sec .content .heroQuote {
        color: #7ccc6c !important
    }

    .slider .colorPalette_DarkGreen.hero_car_sec .content .heroQuote {
        color: #00b140 !important
    }

    .slider .colorPalette_Fuscia.hero_car_sec .content .heroQuote {
        color: #aa0061 !important
    }

    .slider .colorPalette_DarkFuscia.hero_car_sec .content .heroQuote {
        color: #470a68 !important
    }

    .slider .colorPalette_Orange.hero_car_sec .content .heroQuote {
        color: #e4002b !important
    }

    .slider .colorPalette_DarkOrange.hero_car_sec .content .heroQuote {
        color: #eeb33b !important
    }

    .slider .colorPalette_Cyan.hero_car_sec .content .heroQuote {
        color: #5bc2e7 !important
    }

    .slider .colorPalette_Blue.hero_car_sec .content .heroQuote {
        color: #004f71 !important
    }

    .slider .colorPalette_Gray.hero_car_sec .content .heroQuote {
        color: #63666a !important
    }

    .slider .colorPalette_DarkGray.hero_car_sec .content .heroQuote {
        color: #222731 !important
    }

    .slider .colorPalette_White.hero_car_sec .content .heroQuote {
        color: #fff !important
    }

    .slider .colorPalette_LightGray.hero_car_sec .content .heroQuote {
        color: #d9d9d6 !important
    }

    .slider .colorPalette_stkis-Primary-Blue.hero_car_sec .content .heroQuote {
        color: #009cde !important
    }

    .slider .colorPalette_stkis-Dark-Blue.hero_car_sec .content .heroQuote {
        color: #002a3a !important
    }

    .slider .colorPalette_stkis-Mint.hero_car_sec .content .heroQuote {
        color: #64ccc9 !important
    }

    .slider .colorPalette_Yellow .content a.all-text-wrap span.text, .slider .colorPalette_Yellow .content h1.text, .slider .colorPalette_Yellow .content h2.text, .slider .colorPalette_Yellow.hero_car_sec .subText, .slider .colorPalette_Yellow.hero_car_sec span.subText {
        color: #ffd100 !important
    }

    .slider .colorPalette_Yellow .content a.all-text-wrap span.cta_more, .slider .colorPalette_Yellow .content a.cta, .slider .colorPalette_Yellow .content a.cta_more {
        background-color: #ffd100 !important;
        color: #222731 !important
    }

        .slider .colorPalette_Yellow .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_Yellow .content a.cta:hover, .slider .colorPalette_Yellow .content a.cta_more:hover {
            color: #ffd100 !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_DarkYellow .content a.all-text-wrap span.text, .slider .colorPalette_DarkYellow .content h1.text, .slider .colorPalette_DarkYellow .content h2.text, .slider .colorPalette_DarkYellow.hero_car_sec .subText, .slider .colorPalette_DarkYellow.hero_car_sec span.subText {
        color: #ded548 !important
    }

    .slider .colorPalette_DarkYellow .content a.all-text-wrap span.cta_more, .slider .colorPalette_DarkYellow .content a.cta, .slider .colorPalette_DarkYellow .content a.cta_more {
        background-color: #ded548 !important;
        color: #222731 !important
    }

        .slider .colorPalette_DarkYellow .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_DarkYellow .content a.cta:hover, .slider .colorPalette_DarkYellow .content a.cta_more:hover {
            color: #ded548 !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_Green .content a.all-text-wrap span.text, .slider .colorPalette_Green .content h1.text, .slider .colorPalette_Green .content h2.text, .slider .colorPalette_Green.hero_car_sec .subText, .slider .colorPalette_Green.hero_car_sec span.subText {
        color: #7ccc6c !important
    }

    .slider .colorPalette_Green .content a.all-text-wrap span.cta_more, .slider .colorPalette_Green .content a.cta, .slider .colorPalette_Green .content a.cta_more {
        background-color: #7ccc6c !important;
        color: #222731 !important
    }

        .slider .colorPalette_Green .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_Green .content a.cta:hover, .slider .colorPalette_Green .content a.cta_more:hover {
            color: #7ccc6c !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_DarkGreen .content a.all-text-wrap span.text, .slider .colorPalette_DarkGreen .content h1.text, .slider .colorPalette_DarkGreen .content h2.text, .slider .colorPalette_DarkGreen.hero_car_sec .subText, .slider .colorPalette_DarkGreen.hero_car_sec span.subText {
        color: #00b140 !important
    }

    .slider .colorPalette_DarkGreen .content a.all-text-wrap span.cta_more, .slider .colorPalette_DarkGreen .content a.cta, .slider .colorPalette_DarkGreen .content a.cta_more {
        background-color: #00b140 !important;
        color: #222731 !important
    }

        .slider .colorPalette_DarkGreen .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_DarkGreen .content a.cta:hover, .slider .colorPalette_DarkGreen .content a.cta_more:hover {
            color: #00b140 !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_Fuscia .content a.all-text-wrap span.text, .slider .colorPalette_Fuscia .content h1.text, .slider .colorPalette_Fuscia .content h2.text, .slider .colorPalette_Fuscia.hero_car_sec .subText, .slider .colorPalette_Fuscia.hero_car_sec span.subText {
        color: #aa0061 !important
    }

    .slider .colorPalette_Fuscia .content a.all-text-wrap span.cta_more, .slider .colorPalette_Fuscia .content a.cta, .slider .colorPalette_Fuscia .content a.cta_more {
        background-color: #aa0061 !important;
        color: #222731 !important
    }

        .slider .colorPalette_Fuscia .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_Fuscia .content a.cta:hover, .slider .colorPalette_Fuscia .content a.cta_more:hover {
            color: #aa0061 !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_DarkFuscia .content a.all-text-wrap span.text, .slider .colorPalette_DarkFuscia .content h1.text, .slider .colorPalette_DarkFuscia .content h2.text, .slider .colorPalette_DarkFuscia.hero_car_sec .subText, .slider .colorPalette_DarkFuscia.hero_car_sec span.subText {
        color: #470a68 !important
    }

    .slider .colorPalette_DarkFuscia .content a.all-text-wrap span.cta_more, .slider .colorPalette_DarkFuscia .content a.cta, .slider .colorPalette_DarkFuscia .content a.cta_more {
        background-color: #470a68 !important;
        color: #fff !important
    }

        .slider .colorPalette_DarkFuscia .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_DarkFuscia .content a.cta:hover, .slider .colorPalette_DarkFuscia .content a.cta_more:hover {
            color: #470a68 !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_Orange .content a.all-text-wrap span.text, .slider .colorPalette_Orange .content h1.text, .slider .colorPalette_Orange .content h2.text, .slider .colorPalette_Orange.hero_car_sec .subText, .slider .colorPalette_Orange.hero_car_sec span.subText {
        color: #e4002b !important
    }

    .slider .colorPalette_Orange .content a.all-text-wrap span.cta_more, .slider .colorPalette_Orange .content a.cta, .slider .colorPalette_Orange .content a.cta_more {
        background-color: #e4002b !important;
        color: #222731 !important
    }

        .slider .colorPalette_Orange .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_Orange .content a.cta:hover, .slider .colorPalette_Orange .content a.cta_more:hover {
            color: #e4002b !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_DarkOrange .content a.all-text-wrap span.text, .slider .colorPalette_DarkOrange .content h1.text, .slider .colorPalette_DarkOrange .content h2.text, .slider .colorPalette_DarkOrange.hero_car_sec .subText, .slider .colorPalette_DarkOrange.hero_car_sec span.subText {
        color: #eeb33b !important
    }

    .slider .colorPalette_DarkOrange .content a.all-text-wrap span.cta_more, .slider .colorPalette_DarkOrange .content a.cta, .slider .colorPalette_DarkOrange .content a.cta_more {
        background-color: #eeb33b !important;
        color: #222731 !important
    }

        .slider .colorPalette_DarkOrange .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_DarkOrange .content a.cta:hover, .slider .colorPalette_DarkOrange .content a.cta_more:hover {
            color: #eeb33b !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_Cyan .content a.all-text-wrap span.text, .slider .colorPalette_Cyan .content h1.text, .slider .colorPalette_Cyan .content h2.text, .slider .colorPalette_Cyan.hero_car_sec .subText, .slider .colorPalette_Cyan.hero_car_sec span.subText {
        color: #5bc2e7 !important
    }

    .slider .colorPalette_Cyan .content a.all-text-wrap span.cta_more, .slider .colorPalette_Cyan .content a.cta, .slider .colorPalette_Cyan .content a.cta_more {
        background-color: #5bc2e7 !important;
        color: #222731 !important
    }

        .slider .colorPalette_Cyan .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_Cyan .content a.cta:hover, .slider .colorPalette_Cyan .content a.cta_more:hover {
            color: #5bc2e7 !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_Blue .content a.all-text-wrap span.text, .slider .colorPalette_Blue .content h1.text, .slider .colorPalette_Blue .content h2.text, .slider .colorPalette_Blue.hero_car_sec .subText, .slider .colorPalette_Blue.hero_car_sec span.subText {
        color: #004f71 !important
    }

    .slider .colorPalette_Blue .content a.all-text-wrap span.cta_more, .slider .colorPalette_Blue .content a.cta, .slider .colorPalette_Blue .content a.cta_more {
        background-color: #004f71 !important;
        color: #222731 !important
    }

        .slider .colorPalette_Blue .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_Blue .content a.cta:hover, .slider .colorPalette_Blue .content a.cta_more:hover {
            color: #004f71 !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_Gray .content a.all-text-wrap span.text, .slider .colorPalette_Gray .content h1.text, .slider .colorPalette_Gray .content h2.text, .slider .colorPalette_Gray.hero_car_sec .subText, .slider .colorPalette_Gray.hero_car_sec span.subText {
        color: #63666a !important
    }

    .slider .colorPalette_Gray .content a.all-text-wrap span.cta_more, .slider .colorPalette_Gray .content a.cta, .slider .colorPalette_Gray .content a.cta_more {
        background-color: #63666a !important;
        color: #222731 !important
    }

        .slider .colorPalette_Gray .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_Gray .content a.cta:hover, .slider .colorPalette_Gray .content a.cta_more:hover {
            color: #63666a !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_DarkGray .content a.all-text-wrap span.text, .slider .colorPalette_DarkGray .content h1.text, .slider .colorPalette_DarkGray .content h2.text, .slider .colorPalette_DarkGray.hero_car_sec .subText, .slider .colorPalette_DarkGray.hero_car_sec span.subText {
        color: #222731 !important
    }

    .slider .colorPalette_DarkGray .content a.all-text-wrap span.cta_more, .slider .colorPalette_DarkGray .content a.cta, .slider .colorPalette_DarkGray .content a.cta_more {
        background-color: #222731 !important;
        color: #000 !important
    }

        .slider .colorPalette_DarkGray .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_DarkGray .content a.cta:hover, .slider .colorPalette_DarkGray .content a.cta_more:hover {
            color: #222731 !important;
            background-color: #000 !important
        }

    .slider .colorPalette_White .content a.all-text-wrap span.text, .slider .colorPalette_White .content h1.text, .slider .colorPalette_White .content h2.text, .slider .colorPalette_White.hero_car_sec .subText, .slider .colorPalette_White.hero_car_sec span.subText {
        color: #fff !important
    }

    .slider .colorPalette_White .content a.all-text-wrap span.cta_more, .slider .colorPalette_White .content a.cta, .slider .colorPalette_White .content a.cta_more {
        background-color: #fff !important;
        color: #222731 !important
    }

        .slider .colorPalette_White .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_White .content a.cta:hover, .slider .colorPalette_White .content a.cta_more:hover {
            color: #fff !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_LightGray .content a.all-text-wrap span.text, .slider .colorPalette_LightGray .content h1.text, .slider .colorPalette_LightGray .content h2.text, .slider .colorPalette_LightGray.hero_car_sec .subText, .slider .colorPalette_LightGray.hero_car_sec span.subText {
        color: #d9d9d6 !important
    }

    .slider .colorPalette_LightGray .content a.all-text-wrap span.cta_more, .slider .colorPalette_LightGray .content a.cta, .slider .colorPalette_LightGray .content a.cta_more {
        background-color: #d9d9d6 !important;
        color: #222731 !important
    }

        .slider .colorPalette_LightGray .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_LightGray .content a.cta:hover, .slider .colorPalette_LightGray .content a.cta_more:hover {
            color: #d9d9d6 !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_stkis-Primary-Blue .content a.all-text-wrap span.text, .slider .colorPalette_stkis-Primary-Blue .content h1.text, .slider .colorPalette_stkis-Primary-Blue .content h2.text, .slider .colorPalette_stkis-Primary-Blue.hero_car_sec .subText, .slider .colorPalette_stkis-Primary-Blue.hero_car_sec span.subText {
        color: #009cde !important
    }

    .slider .colorPalette_stkis-Primary-Blue .content a.cta_more, .slider .colorPalette_stkis-Primary-Blue.content a.all-text-wrap span.cta_more, .slider .colorPalette_stkis-Primary-Blue.content a.cta {
        background-color: #009cde !important;
        color: #222731 !important
    }

        .slider .colorPalette_stkis-Primary-Blue .content a.cta:hover, .slider .colorPalette_stkis-Primary-Blue .content a.cta_more:hover, .slider .colorPalette_stkis-Primary-Blue.content a.all-text-wrap:hover span.cta_more {
            color: #009cde !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_stkis-Dark-Blue .content a.all-text-wrap span.text, .slider .colorPalette_stkis-Dark-Blue.content h1.text, .slider .colorPalette_stkis-Dark-Blue.content h2.text, .slider .colorPalette_stkis-Dark-Blue.hero_car_sec .subText, .slider .colorPalette_stkis-Dark-Blue.hero_car_sec span.subText {
        color: #002a3a !important
    }

    .slider .colorPalette_stkis-Dark-Blue .content a.all-text-wrap span.cta_more, .slider .colorPalette_stkis-Dark-Blue .content a.cta_more, .slider .colorPalette_stkis-Dark-Blue.content a.cta {
        background-color: #002a3a !important;
        color: #fff !important
    }

        .slider .colorPalette_stkis-Dark-Blue .content a.cta:hover, .slider .colorPalette_stkis-Dark-Blue.content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_stkis-Dark-Blue.content a.cta_more:hover {
            color: #002a3a !important;
            background-color: #222731 !important
        }

    .slider .colorPalette_stkis-Mint .content a.all-text-wrap span.text, .slider .colorPalette_stkis-Mint .content h1.text, .slider .colorPalette_stkis-Mint .content h2.text, .slider .colorPalette_stkis-Mint.hero_car_sec .subText, .slider .colorPalette_stkis-Mint.hero_car_sec span.subText {
        color: #64ccc9 !important
    }

    .slider .colorPalette_stkis-Mint .content a.all-text-wrap span.cta_more, .slider .colorPalette_stkis-Mint .content a.cta, .slider .colorPalette_stkis-Mint .content a.cta_more {
        background-color: #64ccc9 !important;
        color: #222731 !important
    }

        .slider .colorPalette_stkis-Mint .content a.all-text-wrap:hover span.cta_more, .slider .colorPalette_stkis-Mint .content a.cta_more:hover, .slider .colorPalette_stkis-Mint.content a.cta:hover {
            color: #64ccc9 !important;
            background-color: #222731 !important
        }

    .colorPalette_Yellow .content a.all-text-wrap span.cta_more, .colorPalette_Yellow .content a.cta, .colorPalette_Yellow .content a.cta_more {
        background-color: #ffd100
    }

    .colorPalette_DarkYellow .content a.all-text-wrap span.cta_more, .colorPalette_DarkYellow .content a.cta, .colorPalette_DarkYellow .content a.cta_more {
        background-color: #ded548
    }

    .colorPalette_Green .content a.all-text-wrap span.cta_more, .colorPalette_Green .content a.cta, .colorPalette_Green .content a.cta_more {
        background-color: #7ccc6c
    }

    .colorPalette_DarkGreen .content a.all-text-wrap span.cta_more, .colorPalette_DarkGreen .content a.cta, .colorPalette_DarkGreen .content a.cta_more {
        background-color: #00b140
    }

    .colorPalette_Fuscia .content a.all-text-wrap span.cta_more, .colorPalette_Fuscia .content a.cta, .colorPalette_Fuscia .content a.cta_more {
        background-color: #aa0061
    }

    .colorPalette_DarkFuscia .content a.all-text-wrap span.cta_more, .colorPalette_DarkFuscia .content a.cta, .colorPalette_DarkFuscia .content a.cta_more {
        background-color: #470a68
    }

    .colorPalette_Orange .content a.all-text-wrap span.cta_more, .colorPalette_Orange .content a.cta, .colorPalette_Orange .content a.cta_more {
        background-color: #e4002b
    }

    .colorPalette_DarkOrange .content a.all-text-wrap span.cta_more, .colorPalette_DarkOrange .content a.cta, .colorPalette_DarkOrange .content a.cta_more {
        background-color: #eeb33b
    }

    .colorPalette_Cyan .content a.all-text-wrap span.cta_more, .colorPalette_Cyan .content a.cta, .colorPalette_Cyan .content a.cta_more {
        background-color: #5bc2e7
    }

    .colorPalette_Blue .content a.all-text-wrap span.cta_more, .colorPalette_Blue .content a.cta, .colorPalette_Blue .content a.cta_more {
        background-color: #004f71
    }

    .colorPalette_Gray .content a.all-text-wrap span.cta_more, .colorPalette_Gray .content a.cta, .colorPalette_Gray .content a.cta_more {
        background-color: #63666a
    }

    .colorPalette_DarkGray .content a.all-text-wrap span.cta_more, .colorPalette_DarkGray .content a.cta, .colorPalette_DarkGray .content a.cta_more {
        background-color: #222731
    }

    .colorPalette_White .content a.all-text-wrap span.cta_more, .colorPalette_White .content a.cta, .colorPalette_White .content a.cta_more {
        background-color: #fff
    }

    .colorPalette_LightGray .content a.all-text-wrap span.cta_more, .colorPalette_LightGray .content a.cta, .colorPalette_LightGray .content a.cta_more {
        background-color: #d9d9d6
    }

    .colorPalette_stkis-Primary-Blue .content a.all-text-wrap span.cta_more, .colorPalette_stkis-Primary-Blue .content a.cta, .colorPalette_stkis-Primary-Blue .content a.cta_more {
        background-color: #009cde;
        color: #222731
    }

    .colorPalette_stkis-Dark-Blue .content a.all-text-wrap span.text, .colorPalette_stkis-Dark-Blue .content h1.text, .colorPalette_stkis-Dark-Blue .content h2.text, .colorPalette_stkis-Dark-Blue.hero_car_sec .subText, .colorPalette_stkis-Dark-Blue.hero_car_sec span.subText {
        color: #002a3a
    }

    .colorPalette_stkis-Dark-Blue .content a.cta_more, .colorPalette_stkis-Dark-Blue.content a.all-text-wrap span.cta_more, .colorPalette_stkis-Dark-Blue.content a.cta {
        background-color: #002a3a;
        color: #222731
    }

        .colorPalette_stkis-Dark-Blue .content a.cta:hover, .colorPalette_stkis-Dark-Blue .content a.cta_more:hover, .colorPalette_stkis-Dark-Blue.content a.all-text-wrap:hover span.cta_more {
            color: #002a3a;
            background-color: #222731
        }

    .colorPalette_stkis-Mint .content a.all-text-wrap span.cta_more, .colorPalette_stkis-Mint .content a.cta, .colorPalette_stkis-Mint .content a.cta_more {
        background-color: #64ccc9
    }

        .colorPalette_stkis-Mint .content a.all-text-wrap:hover span.cta_more, .colorPalette_stkis-Mint .content a.cta:hover, .colorPalette_stkis-Mint .content a.cta_more:hover {
            color: #64ccc9;
            background-color: #222731
        }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_Yellow {
        background-color: #ffd100 !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_Fuscia {
        background-color: #aa0061 !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_DarkFuscia {
        background-color: #470a68 !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_Cyan {
        background-color: #5bc2e7 !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_Blue {
        background-color: #004f71 !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_Green {
        background-color: #7ccc6c !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_DarkGreen {
        background-color: #00b140 !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_Orange {
        background-color: #e4002b !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_DarkOrange {
        background-color: #eeb33b !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_DarkGray {
        background-color: #222731 !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_Gray {
        background-color: #63666a !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_White {
        background-color: #fff !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_LightGray {
        background-color: #d9d9d6 !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_stkis-Primary-Blue {
        background-color: #009cde !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_stkis-Dark-Blue {
        background-color: #002a3a !important
    }

    .hero_navigation.without_image.full-Banner-txt.m_colorPalette_stkis-Mint {
        background-color: #64ccc9 !important
    }
}

@media(min-width:1200px) {
    .hero_car_sec .content h1, .hero_car_sec .content h2 {
        font-size: 3.8em !important
    }

    .hero_navigation_panel li {
        height: 225px;
        padding-right: 20px;
        margin-bottom: 20px
    }

        .hero_navigation_panel li a {
            padding: 64px 20px 0;
            height: 225px
        }

    .pageHeader.makeStatic {
        position: fixed !important
    }
}

@media(max-width:480px) {
    .cm-title {
        font-size: .8em;
        line-height: 17px
    }
}

@media(max-width:767px) and (orientation:landscape) {
    .hero_car_sec .content a, .win.chrome .hero_car_sec .content a {
        margin-top: 0;
        padding: 1px 10px 0
    }

    .tnews {
        margin-top: 20px
    }

    .tnews4 {
        margin-top: 20px
    }

    .tnews6 {
        margin-top: 20px
    }

    .hero-carousel .content, .hero_car_sec .content {
        float: left
    }

    .proffesional-prod {
        margin-top: 25px
    }
}

@media only screen and (max-width:568px) and (min-width:568px) {
    .hero_car_sec .content > a.all-text-wrap span.cta, .iphone .hero-panel .content a, .iphone .hero-panel .content > a.all-text-wrap span.cta, .iphone .hero-panel .content > a.all-text-wrap span.cta_more, .iphone .hero_car_sec .content a, .iphone .hero_car_sec .content > a.all-text-wrap span.cta_more {
        padding-top: 0 !important
    }
}

@media only screen and (max-width:767px) and (min-width:345px) {
    .hero_navigation_panel ul.odd {
        padding-bottom: 0 !important
    }
}

@media(min-width:990px) and (max-width:1024px) {
    .hero_car_sec .subText, .hero_car_sec span.subText {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:1024px) and (min-width:769px) {
    .localcontacts-container.single-line-theme {
        padding: 25px 0 !important
    }
}

.curve-hd-container .redesign-tiles {
    display: none !important
}

.hero_car_sec .content h1.text.align-left.enableHeight {
    font-size: 37px !important;
    line-height: 50px !important;
    width: 960px;
    margin-top: -15px
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    .curve-hd-container .cm-title {
        max-width: 351px !important;
        line-height: 1
    }

    .hero-panel {
        min-height: initial
    }

    .hero_car_sec .content h1.text.align-left.enableHeight {
        font-size: 28px !important;
        line-height: 37px !important;
        width: 100%
    }

    .hero_car_sec .text.align-left.enableHeight + p {
        margin-bottom: 10px !important
    }
}

.nutrtion .titleredesign .curve-hd-container {
    padding-bottom: 10px
}

.nutrtion .redesign-left > div {
    background: 0
}

.nutrtion .redesign-left .prodCnt .dTime {
    border: 0;
    font-family: BrandonGrotesqueBold;
    color: #009cde;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 5px;
    padding: 0 !important
}

.article-detail .relCnt, .nutrtion .redesign-left .prodInno {
    border: 1px solid #d9d9d6
}

.nutrtion .arTitle {
    font-weight: 700;
    font-size: 13px;
    margin-top: 0;
    line-height: 1.2;
    margin-bottom: 5px
}

.nutrtion .arDesc {
    font-size: 14px;
    line-height: 1.2
}

.nutrtion .curved-left-cnt .curve-hd-container {
    padding-top: 10px !important
}

.nutrtion .redesign-wrapper {
    margin-bottom: 5% !important
}

@media(min-width:1024px) {
    .nutrtion .redesign-left {
        padding-left: 100px;
        padding-right: 55px
    }

        .nutrtion .redesign-left .prodInno {
            width: 45.5%
        }

    .nutrtion .redesign-right {
        padding-right: 45px
    }

    .nutrtion .secondary-nav.middle-aligned {
        padding-left: 9.7%;
        margin-bottom: 5px
    }

    .nutrtion .sectionTitleWithMask {
        padding-left: 70px
    }

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

@media only screen and (min-device-width :768px) and (max-device-width :1024px) {
    .nutrtion .secondary-nav.middle-aligned {
        width: 100%;
        padding-left: 2%
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    .nutrtion .curved-left-cnt {
        margin: 0 auto
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .hero_car_sec .content {
        top: 40px
    }

    .nutrtion .redesign-left {
        padding-left: initial;
        padding-right: initial
    }
}

@media only screen and (max-width:850px) and (min-width:768px) {
    .ipad .heroPanelShort .applyMask {
        position: absolute !important
    }

    .ipad .heroPanelShort h1 {
        padding: 45px 0 68px !important
    }
}

.article-detail .artBannerCnt .date, .article-detail .drTxt, .article-detail .relCnt .relTxt .date {
    font-family: BrandonGrotesqueBold;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    color: #009cde;
    letter-spacing: 1px;
    font-size: 13px
}

.article-detail .drTxt {
    margin-bottom: 10px
}

.article-detail .briefCnt {
    margin-top: 0
}

.article-detail .artBannerCnt .dwnPdf {
    margin-bottom: -15px
}

@media(min-width:768px) {
    .article-detail .relatedCnt {
        margin-top: 100px
    }
}

.article-detail .relTitle {
    font-size: 13px;
    font-weight: 700
}

.article-detail .relTxt {
    background: #fff;
    padding-bottom: 30px;
    padding-top: 20px
}

.article-detail .relCnt {
    margin-bottom: 14px
}

.article-detail .articleTitle {
    font-size: 45px;
    line-height: 1.2
}

.article-detail .briefCnt {
    font-size: 20px
}

.article-detail .relatedCnt h4 {
    font-size: 14px
}

.article-detail .drDetails p {
    font-size: 13px;
    font-family: georgia,Arial;
    padding-top: 0;
    color: #222731
}

@media(min-width:1024px) {
    .heroPanelShortText.redesign .heroBannr-redesignText {
        font-size: 45px;
        line-height: 1.2
    }

    .redesign-heropanel-short .heroPanelShortText {
        width: 80%
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .article-detail .secondary-nav.middle-aligned {
        padding: 0 12%
    }
}

@media only screen and (max-width:767px) and (min-width:280px) {
    .secondary-nav.middle-aligned .linksWrap {
        padding: 10px 10px 0 !important
    }

    .secondary-nav.middle-aligned .active-link {
        background: 0
    }

    .nutrtion .curved-left-cnt {
        width: 100%
    }

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

    .secondary-nav.middle-aligned {
        display: block !important
    }

        .secondary-nav.middle-aligned.redesign-fixed-header .linksWrap {
            padding-top: 0 !important
        }
}

@media(min-width:768px) {
    .article-detail .nrWrapper {
        padding-left: 70px;
        padding-right: 15px
    }

    .heroPanelShort.redesign-heropanel-short {
        z-index: 1;
        margin-top: -4px
    }
}

.redesign-video > div {
    width: 100% !important
}

@media(min-width:1600px) {
    .nutrtion .curve-hd-black span:after, .nutrtion .curve-hd-black span:before {
        width: 198px
    }

    .nutrtion .secondary-nav.middle-aligned {
        padding-left: 9%
    }
}

.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, .colorPalette_stkis-light-blue {
    color: #5bc2e7 !important
}

.redesign-fixed-header {
    position: fixed;
    z-index: 999;
    background: #fff;
    width: 100% !important;
    top: 130px !important;
    box-shadow: 0 0 3px #1d1d1d;
    padding-top: 5px !important
}

@media only screen and (min-width:1200px) {
    .secondary-nav.middle-aligned.redesign-fixed-header {
        margin-top: 8px;
        padding: 15px 10% 0;    /*added to align to artcl*/
        left: 0px;
        z-index: 9
    }
}

.slider i.icon-play-sign {
    border: 0
}

@media(min-width:768px) and (max-width:980px) {
    .hero_car_sec .subText, .hero_car_sec span.subText {
        padding-right: 11%;
        margin-bottom: 10px !important
    }

    .hero_car_sec .content h1, .hero_car_sec .content h2 {
        font-size: 2em !important
    }
}

@media(min-width:981px) and (max-width:1024px) {
    .hero_car_sec .subText, .hero_car_sec span.subText {
        padding-right: 11%
    }

    .hero_car_sec .content h1, .hero_car_sec .content h2 {
        width: 95%
    }
}

.listSec {
    width: 32.333%
}

.slick-dots, .slider .hero_car_sec .content {
    display: none !important
}

@media screen and (min-width:0\0) {
    .sectionTitleWithMask .maskColorFiller {
        padding-top: 0 !important
    }
}

.careers-content {
    padding-top: 0 !important
}

.colorPalette_Medium-blue {
    color: #004f71 !important
}

.colorPalette_stkis-Primary-Blue {
    color: #009cde !important
}

.colorPalette_stkis-Dark-Blue {
    color: #002a3a !important
}

.colorPalette_stkis-Mint {
    color: #64ccc9 !important
}

.colorPalette_LightGray {
    color: #d9d9d6 !important
}

.colorPalette_stkis-charcole {
    color: #222731 !important
}

.colorPalette_DarkGray {
    color: #63666a !important
}

.colorPalette_Yellow {
    color: #ffd100 !important
}

.colorPalette_stkis-gold {
    color: #eeb33b !important
}

.colorPalette_Light-Green {
    color: #7ccc6c !important
}

.colorPalette_Medium-Green {
    color: #00b140 !important
}

.colorPalette_stkis-Magenta {
    color: #aa0061 !important
}

.colorPalette_stkis-purple {
    color: #470a68 !important
}

.colorPalette_Black {
    color: #000 !important
}

.colorPalette_stkis-red {
    color: #e4002b !important
}

.colorPalette_White {
    color: #fff
}

.colorPalette_Medium-gray {
    color: #888b8d !important
}

@media only screen and (max-width:767px) and (min-width:280px) {
    .secondary-nav.middle-aligned .linksWrap {
        padding: 10px 10px 0 !important
    }
}