.original .carousel-navigation {
    padding: 30px 0
}

.original .grid-container {
    position: relative;
    border: 1px solid #DDD
}

.original .consultant-grid-1 {
    width: 100%;
    height: 360px;
    overflow: hidden;
    padding: 1px
}

.original .sqr-quote-grid-1 {
    width: 25%;
    height: 360px;
    background: url(carouselnavigation/source/images/bg-top-left-box-1.jpg) no-repeat;
    color: #404041;
    float: left
}

.original .sqr-quote-grid-1 p {
    font: bold 27px/35px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    padding: 50px 25px
}

.original .sqr-xpt-1 {
    width: 240px;
    height: 240px;
    float: left
}

.original .sqr-xpt-2 {
    width: 120px;
    height: 120px;
    float: left
}

.original .sqr-1 {
    width: 120px;
    height: 120px;
    color: #e5d1b5;
    float: left;
    position: relative
}

.original .sqr-2 {
    width: 120px;
    height: 120px;
    color: #e5d1b5;
    float: left;
    position: relative
}

.original .sqr-7 {
    width: 120px;
    height: 120px;
    color: #c7bcb1;
    float: left;
    position: relative
}

.original .sqr-9 {
    width: 120px;
    height: 120px;
    color: #e8c4b2;
    float: left;
    position: relative
}

.original .sqr-p {
    font: bold 13px/18px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    text-transform: uppercase;
    margin: 0;
    padding: 8px 12px 12px;
    width: 80%
}

.original .solution-page {
    height: 346px;
    overflow: hidden;
    width: 100%
}

.original .general-info {
    float: left;
    height: 362px;
    position: relative;
    width: 50%
}

.original.bi .general-info {
    height: auto
}

.original .general-info h1 {
    font: normal 30px/31px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    margin: 20px 30px 13px
}

.original .general-info a {
    text-decoration: none;
    color: gray;
    text-transform: uppercase
}

.original .expert-shot {
    width: 120px;
    height: 120px;
    float: left;
    position: relative;
    font: normal 12px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    color: #fafafa;
    margin: 0 3% 1%
}

.original .expert-shot h3 {
    bottom: 70px;
    left: 10px;
    text-transform: uppercase;
    font: bold 13px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    margin: 0;
    position: relative
}

.original .expert-shot p {
    bottom: 80px;
    left: -10px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 15px;
    margin: 0;
    padding: 10px 0 0 20px;
    position: relative
}

.original .expert-info {
    width: 50%;
    height: 362px;
    float: right;
    position: relative;
    background-color: #d3d3d3
}

.original .expert-info .expert-shot img {
    width: 120px;
    height: 120px
}

.original .expert-info a.menu {
    float: right;
    height: 23px;
    text-decoration: none;
    background: url(../../phoenix/responsiveclientlib/source/images/menu-icon.png) no-repeat 40px 5px;
    font: bold 12px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    color: gray;
    text-align: right;
    text-transform: uppercase;
    padding: 9px 30px 0 0;
    margin-left: 160px
}

.original .expert-info h2 {
    text-decoration: none;
    font: normal 17px/21px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    color: #333;
    margin: 1% 3% 3%;
    padding-top: 5%
}

.original .expert-info p {
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    color: #6e6e6e;
    margin: 0 3% 1%
}

.original .expert-info a.fullbio {
    background: url(../../phoenix/responsiveclientlib/source/images/right-arrow-grey.png) no-repeat 0 0;
    font: bold 12px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    color: gray;
    text-transform: uppercase;
    text-decoration: none;
    float: left;
    margin: 0 20px 20px 0;
    padding: 0 0 10px 21px;
    background-position: 0 2px
}

.original .expert-presentation {
    height: 81px;
    position: absolute;
    bottom: 2px;
    right: 1px;
    left: 0;
    background-color: #898989;
    color: #fff;
    font: bold 12px ff-meta-web-pro, "Myriad Pro", Arial, Helvetica, sans-serif;
    padding-left: 20px
}

.original .expert-presentation a {
    display: block;
    text-decoration: none;
    font: bold 12px ff-meta-web-pro, "Myriad Pro", Arial, Helvetica, sans-serif;
    color: #fafafa;
    text-transform: uppercase
}

.original .expert-presentation a img {
    margin-left: 5px;
    vertical-align: bottom;
    padding-bottom: 3px
}

.original .expert-presentation p {
    font: italic 12px Arial, Helvetica, sans-serif;
    color: #fafafa;
    padding: 0;
    margin: 0;
    padding: 5px 11px 0 0;
    width: 98%
}

.original .expert-solution-bottom {
    width: 100%;
    height: 81px;
    bottom: 2px;
    left: 1px
}

.original .expert-solution-bottom-bg-2 {
    background: url(../../phoenix/responsiveclientlib/source/images/bg-solution-2.jpg) repeat-x
}

.original .expert-solution-bottom-bg-3 {
    background: url(../../phoenix/responsiveclientlib/source/images/bg-solution-3.jpg) repeat-x
}

.original .expert-solution-bottom-bg-4 {
    background: url(../../phoenix/responsiveclientlib/source/images/bg-solution-4.jpg) repeat-x
}

.original .expert-solution-bottom p.related-expert-solution {
    font: normal 15px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    color: #fafafa;
    padding-top: 12px;
    text-transform: none;
    float: left;
    margin: 0 30px 0
}

.original .expert-solution-bottom p.solution-title {
    font: bold 13px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    color: #fafafa;
    text-transform: none;
    float: left;
    margin: 0 0 0 30px;
    clear: left
}

.original .plus-icon {
    right: 17px;
    top: 15px;
    height: 20px!important;
    width: 20px!important;
    float: right;
    padding: 15px 10px 0 0
}

.carouselnavigation .original {
    width: 100%
}

#CarouselNavigationPane.original {
    background-color: #eee;
    height: 361px;
    padding: 0 6.3636364%;
    overflow: hidden;
    width: 87.27272%
}

.grid-top {
    font-family: ff-meta-web-pro
}

.grid-top .grid-title {
    font-size: 106.25%;
    margin-bottom: 10px
}

.grid-top .subTitle {
    padding: 2.2% 2.5% 2.2% 2.1%;
    font-size: 150%;
    line-height: 1.3em;
    color: #fff;
    background-color: #084962
}

.grid-top .subTitle p {
    display: inline-block;
    width: 75%;
    vertical-align: top
}

.grid-top .subTitle .slide-grid-down {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    margin-top: .4%;
    color: #6b92a1;
    font-size: 58.33%;
    text-align: right;
    text-indent: 9999px;
    background: url("carouselnavigation/source/images/menu_icon.png") no-repeat center right transparent
}

.original .expert-pane {
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    position: relative;
    width: 100%
}

.original .general-info h3 {
    font: normal 30px/31px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    font-size: 30px;
    margin: 0
}

.original .general-info h1.color-1,
.general-info h3.color-1 {
    color: #52300c
}

.original .general-info h1.color-2,
.original .general-info h3.color-2 {
    color: #b23c00
}

.original .general-info h1.color-3,
.original .general-info h3.color-3 {
    color: #c75300
}

.original .original .general-info h1.color-4,
.original .general-info h3.color-4 {
    color: #2f5680
}

.original .general-info h1.color-4,
.original .general-info h3.color-4 {
    color: #a66200
}

.original .general-info h1.color-5,
.original .general-info h3.color-5 {
    color: #744e3d
}

#CarouselNavigationPane.original .right-arrow {
    float: left;
    position: absolute;
    right: 11px;
    bottom: 10px
}

#CarouselNavigationPane.original .up-arrow {
    float: left;
    position: absolute;
    right: 11px;
    top: 10px
}

.carouselnavigation .original .grid-top {
    position: relative;
    width: 87.27272%;
    padding: 15px 6.3636364% 0;
    margin: 0
}

.grid-title {
    font: normal 14px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    color: #474747;
    text-transform: uppercase
}

.greydots a {
    display: inline-block;
    height: 54px;
    width: 28px;
    margin: 0 0 0 5px;
    z-index: 2
}

.greydots a#grid1 {
    position: absolute;
    top: 231px;
    left: 0;
    margin: 0;
    background: url(../../phoenix/responsiveclientlib/source/images/prev.png) no-repeat scroll 0 0 transparent
}

.greydots a#grid2 {
    position: absolute;
    top: 231px;
    right: 0;
    background: url(../../phoenix/responsiveclientlib/source/images/next.png) no-repeat scroll 0 0 transparent
}

.greydots a#grid2.selected.hover,
.greydots a#grid2.selected:hover {
    background: url(../../phoenix/responsiveclientlib/source/images/next_hover.png) no-repeat scroll 0 0 transparent
}

.greydots a#grid1.selected.hover,
.greydots a#grid1.selected:hover {
    background: url(../../phoenix/responsiveclientlib/source/images/prev_hover.png) no-repeat scroll 0 0 transparent
}

.greydots a#grid1:hover {
    background: url(../../phoenix/responsiveclientlib/source/images/prev.png) no-repeat scroll 0 0 transparent
}

.greydots a#grid2:hover {
    background: url(../../phoenix/responsiveclientlib/source/images/next.png) no-repeat scroll 0 0 transparent
}

.greydots {
    padding: 0
}

.original .general-info-2 {
    width: 100%;
    position: relative
}

.original .general-info-2 h1 {
    font: normal 30px/31px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    padding-top: 95px;
    margin: 30px 30px 13px
}

.original .general-info-2 a {
    text-decoration: none;
    color: gray
}

.original .expert-solution-top-2 {
    width: 100%;
    height: 81px;
    left: 1px;
    margin-top: 50px
}

.original .expert-solution-top-2 p.related-expert-solution {
    font: normal 15px ff-meta-web-pro, "Myriad Pro", Arial, Helvetica, sans-serif;
    color: #fafafa;
    padding-top: 15px;
    text-transform: none;
    float: left;
    margin: 0 30px 0
}

.original .expert-solution-top-2 p.solution-title {
    font: bold 20px ff-meta-web-pro, "Myriad Pro", Arial, Helvetica, sans-serif;
    color: #fafafa;
    text-transform: none;
    float: left;
    clear: left
}

.original .expert-solution-top-2 p.solution-title.srini {
    font-size: 18px
}

.original .indexItem:hover {
    cursor: pointer
}

.original .sqr-3,
.sqr-8 {
    width: 120px;
    height: 120px;
    color: #efceb6;
    float: left;
    position: relative
}

.original .sqr-4,
.sqr-5,
.sqr-11 {
    width: 100%;
    height: 120px;
    color: #e8c4b2;
    position: relative
}

.original .sqr-6,
.sqr-10 {
    width: 240px;
    height: 120px;
    color: #e5d1b5;
    float: left;
    position: relative
}

.original .solution-page li,
ul#indexCards li {
    list-style: none
}

.original .general-info p,
.general-info-2 p {
    color: #6e6e6e;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin: 0 30px 6px
}

.original .general-info ul li,
.original .general-info-2 ul li {
    background: url(../../phoenix/responsiveclientlib/source/images/right-arrow-grey.png) no-repeat 0 10px;
    border-bottom: 1px solid #eaeaea;
    color: gray;
    font: bold 12px ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    margin: 0 30px;
    padding: 10px 0 10px 21px;
    text-transform: uppercase
}

.original .general-info ul li a:hover,
.general-info ul li.last a:hover,
.original .expert-info a.menu:hover,
.expert-info a.fullbio:hover,
.original .general-info-2 ul li a:hover,
.general-info-2 ul li.last a:hover {
    color: #b2b2b2;
    font: bold 12px ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif
}

.original .general-info ul li.last,
.original .general-info-2 ul li.last {
    border-bottom: 0
}

.original .expert-solution-bottom a,
.expert-solution-top-2 a {
    display: block;
    height: 81px
}

.original .consultant-grid-1 p,
.original .consultant-grid-2 p,
.original p.grid-title {
    margin: 0
}

#CarouselNavigationPane.original .left-arrow,
#CarouselNavigationPane .original .down-arrow {
    bottom: 10px;
    float: right;
    left: 11px;
    position: absolute
}

#CarouselNavigationPane.original img {
    border: 0
}

.original .general-info .panel1 {
    height: 259px;
    min-height: 259px;
    padding-top: 5px
}

.original .expert-shot div {
    background-color: #898989;
    bottom: 0;
    height: 82px;
    opacity: .8;
    position: absolute;
    width: 100%
}

.original .indexItem.pos1 {
    line-height: 0
}

.original .indexItem.pos1 img,
.original .indexItem.pos2 img,
.original .indexItem.pos3 img {
    height: 120px!important;
    width: 120px!important
}

.original .indexItem.pos2 img {
    float: left
}

.original .linktedinimg {
    height: 20px!important;
    width: 20px!important;
    margin-bottom: -7px;
    margin-top: 9px
}

.original .originaloImg {
    height: 20px!important;
    margin: 12px 0 -5px 10px;
    width: 20px!important
}

.original .posx img {
    height: 240px!important;
    width: 238px!important
}

.original .indexItem.posx {
    float: left;
    line-height: 0;
    width: 240px
}

#CarouselNavigationPane.original .left-arrow,
#CarouselNavigationPane.original .right-arrow {
    height: 8px!important;
    width: 5px!important
}

#CarouselNavigationPane.original .down-arrow,
#CarouselNavigationPane.original .up-arrow {
    height: 4px!important;
    width: 7px!important
}

.original .col {
    float: left;
    width: 25%
}

.original .big img {
    width: 100%
}

.original .big.indexItem {
    line-height: 0
}

.original .linkedinLink {
    padding-top: 0!important
}

.original .bigIndexDes {
    bottom: 15px;
    left: 30px;
    position: absolute
}

.original .bigIndexDes h3 {
    color: #fff;
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.original .pane-link.indexItem {
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    background: url("carouselnavigation/source/images/link-bg.gif") repeat-x scroll 0 0 #eee;
    clear: both;
    float: left;
    margin-bottom: 4px;
    margin-top: 2px;
    opacity: .8;
    padding: 6px 6px 6px 0;
    width: 141px
}

.original .pane-link.indexItem a {
    background: url(../../phoenix/responsiveclientlib/source/images/right-arrow-grey.png) no-repeat scroll 7px 50% transparent;
    color: #1e1e1e;
    font-size: 16px;
    font-weight: normal;
    padding: 0 0 0 28px;
    position: relative;
    text-transform: uppercase
}

.original .link1.indexItem {
    height: 109px;
    padding: 39px 20px 0 20px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 6px
}

.original .link2.indexItem {
    color: #fff;
    height: 109px;
    padding: 39px 20px 0 20px;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase
}

.original .detail-image-content {
    background: url("carouselnavigation/source/images/image-link-background.gif") repeat scroll 0 0 #eee;
    height: 38px;
    margin-left: 500px;
    margin-top: -84px;
    opacity: .8;
    padding: 13px 15px;
    position: absolute;
    width: 406px
}

.original .detail-image-text {
    color: #2f5680;
    float: left;
    font-size: 13px;
    font-weight: normal;
    margin-top: 2px;
    width: 200px
}

.original .menu-text {
    color: #fff;
    padding: 14px 28px 2px 2px;
    text-transform: uppercase
}

.original .detail-image-links {
    float: right;
    margin-top: -1px;
    width: 200px
}

.original .detail-image-link-item {
    background: url(../../phoenix/responsiveclientlib/source/images/right-arrow-grey.png) no-repeat scroll left center transparent;
    height: 15px;
    margin-bottom: 7px;
    padding-left: 24px;
    text-align: left;
    width: 210px
}

.original .detail-image-links a,
.original .detail-image-links a:hover {
    color: #3b3b3b;
    display: block;
    font-size: 14px;
    font-size: 13px\9;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    line-height: 18px
}

.original .expertDss {
    margin-top: 3px!important
}

.original .expertDss .solution-page {
    height: 360px!important;
    background: url(../../phoenix/responsiveclientlib/source/images/bg-solutions-page.jpg) no-repeat
}

.bi .general-info ul li,
.general-info-2 ul li {
    padding: 0 0 10px 21px!important;
    background-position: 0 3px
}

.bi #DetailBox .detail-content h3 {
    color: #2f5680!important
}

.bi .detail-image-links a,
.detail-image-links a:hover {
    display: inline
}

.original .last.linkedinLink {
    background-position: 0 10px;
    border-top: 1px solid #eaeaea
}

@media screen and (max-width:768px) {
    .grid-top .subTitle {
        padding: 2.7% 4.5% 3.2% 2.1%
    }
    .grid-top .subTitle p {
        font-size: 83.33%
    }
    .grid-top .subTitle .slide-grid-down {
        margin-top: 1.1%
    }
    .greydots a#grid1 {
        top: 226px
    }
    .greydots a#grid2 {
        top: 226px
    }
}

#CarouselNavigationPane.bi {
    height: auto;
    margin: 0 0 30px;
    overflow: hidden;
    position: relative;
    width: 87.2727272%;
    background: 0
}

#CarouselNavigationPane.bi #ExpertBox {
    background: #dedfdf;
    border: 1px solid #ddd
}

#CarouselNavigationPane.bi #ExpertBox .jcarousel-item {
    background: #eee
}

#CarouselNavigationPane.bi #ExpertBox.visible {
    height: auto;
    visibility: visible
}

#CarouselNavigationPane.bi .jcarousel-container {
    background: transparent
}

#CarouselNavigationPane.bi .jcarousel-container-horizontal {
    display: block;
    position: relative
}

#CarouselNavigationPane.bi .jcarousel-clip {
    overflow: hidden
}

#CarouselNavigationPane.bi .jcarousel-clip-horizontal {
    position: relative;
    width: 960px
}

#CarouselNavigationPane.bi .jcarousel-clip-horizontal ul {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0
}

#CarouselNavigationPane.bi .jcarousel-item:hover,
#CarouselNavigationPane.bi .jcarousel-item:focus {
    border-color: #808080
}

.grid-container {
    position: relative
}

.solution-page {
    overflow: hidden;
    padding: .25%
}

#CarouselNavigationPane.bi .general-info {
    float: left;
    margin-right: 3.125%;
    position: relative;
    width: 48.4375%
}

#CarouselNavigationPane.bi .general-info h1 {
    font: normal 30px/31px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    font-size: 30px;
    margin: 0
}

#CarouselNavigationPane.bi .general-info a {
    color: gray;
    text-transform: uppercase
}

#CarouselNavigationPane.bi .general-info h1.color-4,
#CarouselNavigationPane.bi .general-info h3.color-4 {
    color: #2f5680
}

#CarouselNavigationPane.bi .solution-page {
    height: auto;
    width: 99.5%
}

#CarouselNavigationPane.bi .grid-top p {
    font-family: ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    font-size: 1.125em;
    color: #808080;
    text-transform: uppercase;
    float: left;
    line-height: 1.5em;
    margin-bottom: 1.25em;
    padding: 0;
    width: 100%
}

#CarouselNavigationPane.bi .solution-page li {
    list-style: none
}

#CarouselNavigationPane.bi .general-info p {
    color: #6e6e6e;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin: 1.25em 0 6px
}

#CarouselNavigationPane.bi .general-info ul {
    margin: 20px 0 0 0
}

#CarouselNavigationPane.bi img {
    border: 0
}

#CarouselNavigationPane.bi .indexItem-bottom {
    background-color: #898989;
    background: -moz-linear-gradient(90deg, #fff -315px, #898989 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #fff -315px, #898989 100%);
    background: -o-linear-gradient(top, #fff -315px, #898989 100%);
    background: -ms-linear-gradient(top, #fff -315px, #898989 100%);
    background: linear-gradient(to bottom, #fff -315px, #898989 100%);
    display: table;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#898989', endColorstr='#FFFFFF', GradientType=0)
}

#CarouselNavigationPane.bi .indexItem-top {
    background-color: #30a0a2;
    background: -moz-linear-gradient(90deg, #fff -315px, #30a0a2 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #fff -315px, #30a0a2 100%);
    background: -o-linear-gradient(top, #fff -315px, #30a0a2 100%);
    background: -ms-linear-gradient(top, #fff -315px, #30a0a2 100%);
    background: linear-gradient(to bottom, #fff -315px, #30a0a2 100%);
    display: table;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30A0A2', endColorstr='#FFFFFF', GradientType=0);
    margin-bottom: 5px
}

#CarouselNavigationPane.bi .indexItem img {
    filter: gray;
    -webkit-filter: grayscale(100%)
}

#CarouselNavigationPane.bi .indexItem:hover {
    cursor: pointer
}

#CarouselNavigationPane.bi .indexItem:hover img {
    filter: none;
    -webkit-filter: grayscale(0%)
}

#CarouselNavigationPane.bi .indexItem:hover .arrow {
    visibility: hidden
}

#CarouselNavigationPane.bi .general-info .panel1 {
    height: auto;
    margin: 4.5% 5%
}

#CarouselNavigationPane.bi .landing-surfaces {
    background-color: #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 1em .25% .5% .25%
}

#CarouselNavigationPane.bi .biIndexRow1 {
    float: left;
    height: 300px;
    margin: 0 .35% 0 .25%;
    position: relative;
    width: 39.5%
}

#CarouselNavigationPane.bi .biIndexRow1.second-child {
    margin: 0 .2%
}

#CarouselNavigationPane.bi .biIndexRow1 img {
    height: 100%;
    width: 100%
}

#CarouselNavigationPane.bi .biIndexDes {
    bottom: 15px;
    left: 7%;
    position: absolute;
    max-width: 86%;
    width: auto
}

#CarouselNavigationPane.bi .biIndexDes h3 {
    color: #fff;
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    font-size: 1.875em;
    font-weight: normal;
    text-transform: uppercase
}

#CarouselNavigationPane.bi .biIndexRow1 .indexItem {
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    background: url("carouselnavigation/source/images/link-bg.gif") repeat-x scroll 0 0 #eee;
    clear: both;
    float: left;
    margin-bottom: 4px;
    margin-top: 2px;
    opacity: .8;
    padding: 6px 14px 6px 0;
    width: 95%
}

#CarouselNavigationPane.bi .biIndexRow1 .indexItem a {
    background: url(../../phoenix/responsiveclientlib/source/images/right-arrow-grey.png) no-repeat scroll 7px 50% transparent;
    color: #1e1e1e;
    float: left;
    font-size: 16px;
    font-weight: normal;
    padding: 0 0 0 28px;
    position: relative;
    text-transform: uppercase
}

#CarouselNavigationPane.bi .biIndexRow2 {
    float: left;
    height: 300px;
    margin: 0 0 0 .25%;
    width: 19.45%
}

#CarouselNavigationPane.bi .biIndexRow2 .indexItem {
    color: #fff;
    display: table;
    font-size: 18px;
    font-weight: normal;
    height: 49%;
    width: 80%;
    padding: 0 10%;
    text-transform: uppercase
}

#CarouselNavigationPane.bi .biIndexRow2 .indexItem div {
    display: table-cell;
    line-height: 1.25em;
    vertical-align: middle
}

#CarouselNavigationPane.bi .residential-shot {
    float: left;
    height: 360px;
    overflow: hidden;
    position: relative;
    width: 48.4375%
}

#CarouselNavigationPane.bi .residential-shot img {
    height: auto;
    min-height: 100%;
    min-width: 100%;
    width: auto
}

#CarouselNavigationPane.bi .detail-image-content {
    background: #dedfdf;
    bottom: 5%;
    height: auto;
    left: 3%;
    margin: 0;
    min-height: 38px;
    opacity: .8;
    padding: 3%;
    position: absolute;
    width: 88%
}

#CarouselNavigationPane.bi .detail-image-content-mobile {
    background: #dedfdf;
    display: none;
    float: left;
    padding: 2% 3%;
    width: 94%
}

#CarouselNavigationPane.bi .detail-image-text {
    float: left;
    margin-right: 5%;
    width: 43.4375%
}

#CarouselNavigationPane.bi .detail-image-text p {
    color: #2f5680;
    font-size: .8125em;
    font-weight: normal;
    line-height: 18px;
    margin-right: 5%
}

#CarouselNavigationPane.bi .menu-link {
    background: rgba(0, 0, 0, .5);
    color: #808080;
    float: right;
    font-family: ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    margin: 3px 0 0;
    padding: 0 5px 0 0;
    position: absolute;
    right: .25%;
    text-transform: uppercase;
    top: 0;
    opacity: 1;
    z-index: 1
}

#CarouselNavigationPane.bi .menu-link a {
    color: #fff;
    float: left;
    font-size: 10px;
    padding: 8.5px 25px 8.5px 11px;
    text-transform: uppercase;
    background: url(../../phoenix/responsiveclientlib/source/images/menu.gif) no-repeat scroll right 4px;
    *background-color: #808080;
    background-color: #808080 \9
}

#CarouselNavigationPane.bi .detail-image-links {
    float: left;
    width: 48.4375%
}

#CarouselNavigationPane.bi .detail-image-link-item {
    height: auto;
    margin-bottom: 7px;
    max-width: 210px;
    text-align: left;
    width: 100%
}

#CarouselNavigationPane.bi .detail-image-link-item img {
    height: auto;
    min-height: 0;
    position: relative;
    top: 3px;
    width: auto
}

#CarouselNavigationPane.bi .detail-image-links a {
    color: #3b3b3b;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-align: right;
    text-transform: uppercase
}

#CarouselNavigationPane.bi .landing-pane {
    color: #2f5680;
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    font-size: 1.375em;
    font-weight: normal;
    line-height: 1.3em;
    padding: 0 10px .75em 10px
}

#CarouselNavigationPane.bi .dss .general-info .panel1 {
    height: 259px!important;
    min-height: 259px!important;
    padding-top: 0
}

#CarouselNavigationPane.bi .general-info ul li {
    background: url(../../phoenix/responsiveclientlib/source/images/right-arrow-grey.png) no-repeat;
    color: gray;
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 .5em 0;
    min-height: 15px;
    padding: 0 0 0 20px;
    text-transform: uppercase
}

#CarouselNavigationPane.bi .detail-image-links a {
    display: inline
}

@media screen and (max-width:768px) {
    #CarouselNavigationPane.bi .biIndexRow1 {
        height: 230px;
        margin: 0 .25% 5px .25%;
        width: 49.5%
    }
    #CarouselNavigationPane.bi .biIndexRow2 {
        height: auto;
        margin: 0 .25%;
        width: 99.5%
    }
    #CarouselNavigationPane.bi .landing-pane {
        font-size: 1.25em;
        margin-bottom: 1em
    }
    #CarouselNavigationPane.bi .biIndexRow2 .indexItem {
        height: 60px;
        width: 80%
    }
    #CarouselNavigationPane.bi .detail-image-content {
        display: none
    }
    #CarouselNavigationPane.bi .detail-image-content-mobile {
        display: block
    }
    #CarouselNavigationPane.bi .solution-page {
        padding: 0;
        width: 100%
    }
    #CarouselNavigationPane.bi .menu-link {
        margin: 0
    }
}

@media screen and (max-width:600px) {
    .carouselnavigation {
        display: block!important
    }
    #CarouselNavigationPane.bi #ExpertBox #BaseballCards>li {
        display: none;
        float: none
    }
    #CarouselNavigationPane.bi #ExpertBox {
        border: 0
    }
    #CarouselNavigationPane.bi #ExpertBox.borders {
        border: 1px solid #ddd
    }
    #CarouselNavigationPane.bi .jcarousel-prev-horizontal,
    #CarouselNavigationPane.bi .jcarousel-next-horizontal {
        display: none
    }
}

@media screen and (max-width:480px) {
    #CarouselNavigationPane.bi .biIndexRow1,
    .biIndexRow1.second-child {
        margin: 0 .25% 5px;
        width: 99.5%
    }
    #CarouselNavigationPane.bi .general-info {
        width: 100%
    }
    #CarouselNavigationPane.bi .residential-shot {
        width: 100%
    }
    #CarouselNavigationPane.bi .detail-image-text {
        width: 100%
    }
    #CarouselNavigationPane.bi .detail-image-links {
        margin-top: 8px;
        width: 100%
    }
    #CarouselNavigationPane.bi .jcarousel-prev-horizontal,
    #CarouselNavigationPane.bi .jcarousel-next-horizontal {
        display: none!important
    }
    #CarouselNavigationPane.bi .detail-image-content-mobile {
        padding: 5%;
        width: 90%
    }
    #CarouselNavigationPane.bi .general-info .panel1 {
        margin: 10% 5% 5%
    }
}

#CarouselNavigationPane.in {
    background: transparent;
    float: left;
    height: auto;
    margin: 0 0 30px;
    padding: 0 6.3636364%;
    position: relative
}

#CarouselNavigationPane.in.detail-view {
    border: 0;
    overflow: visible
}

#CarouselNavigationPane.in #GridBox {
    border: 1px solid #ddd
}

#CarouselNavigationPane.in #ExpertBox {
    border: 1px solid #ddd
}

#CarouselNavigationPane.in #ExpertBox.visible {
    height: auto;
    visibility: visible
}

#CarouselNavigationPane.in .jcarousel-container {
    background: transparent
}

#CarouselNavigationPane.in .jcarousel-container-horizontal {
    display: block;
    position: relative
}

#CarouselNavigationPane.in .jcarousel-clip {
    overflow: hidden
}

#CarouselNavigationPane.in .jcarousel-clip-horizontal {
    position: relative;
    width: 960px
}

#CarouselNavigationPane.in .jcarousel-clip-horizontal ul {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0
}

#CarouselNavigationPane.in .jcarousel-item:hover,
#CarouselNavigationPane.in .jcarousel-item:focus {
    border-color: #808080
}

#CarouselNavigationPane.in .grid-container {
    position: static;
    border: 0
}

#CarouselNavigationPane.in .solution-page {
    height: auto;
    width: auto;
    overflow: hidden;
    padding: .25%;
    position: relative
}

#CarouselNavigationPane.in .general-info {
    float: left;
    height: auto;
    margin-right: 5%;
    position: relative;
    width: 45%
}

#CarouselNavigationPane.in .general-info h1 {
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    font-size: 30px
}

#CarouselNavigationPane.in .expert-pane {
    width: 99.9%
}

.grid-top {
    margin: 23px 6.3636364% 20px;
    width: 87.272727%
}

.grid-top .greydots {
    display: none
}

#CarouselNavigationPane.in .grid-top p {
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    font-size: 1.125em;
    color: #808080;
    text-transform: uppercase;
    float: left;
    line-height: 1.5em;
    margin-bottom: 1.25em;
    padding: 0;
    width: 100%
}

#CarouselNavigationPane.in .solution-page li {
    list-style: none
}

#CarouselNavigationPane.in .general-info p {
    color: #6e6e6e;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin-top: 1.25em
}

#CarouselNavigationPane.in .general-info ul {
    margin: 20px 0 0 0
}

#CarouselNavigationPane.in .indexItem img {
    filter: gray;
    -webkit-filter: grayscale(100%)
}

#CarouselNavigationPane.in .indexItem:hover {
    cursor: pointer
}

#CarouselNavigationPane.in .indexItem:hover img {
    filter: none;
    -webkit-filter: grayscale(0%)
}

#CarouselNavigationPane.in .detail-image-text {
    float: left;
    width: 48.4375%
}

#CarouselNavigationPane.in .detail-image-text p {
    color: #2f5680;
    font-size: .8125em;
    font-weight: normal;
    line-height: 18px;
    margin-right: 5%
}

#CarouselNavigationPane.in .consultant-grid-1 {
    height: auto;
    padding: 0 .25% .25%;
    width: 99.5%
}

#CarouselNavigationPane.in .general-info h1 {
    font: normal 30px/31px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    margin: 20px 30px 13px
}

#CarouselNavigationPane.in .general-info a {
    text-decoration: none;
    color: gray;
    text-transform: uppercase
}

#CarouselNavigationPane.in #title p {
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    font-size: 30px;
    color: #474747;
    margin: 13px 0 0 17px
}

#CarouselNavigationPane.in .grid-title {
    font: normal 14px ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    color: #474747;
    text-transform: uppercase;
    float: left;
    margin: 0;
    padding: 0
}

#CarouselNavigationPane.in .indexItem:hover {
    cursor: pointer
}

#CarouselNavigationPane.in .general-info p {
    color: #6e6e6e;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin: 0 30px 6px
}

#CarouselNavigationPane.in .general-info ul li {
    background: url(../../phoenix/responsiveclientlib/source/images/right-arrow-grey.png) no-repeat 0 2px;
    border-bottom: 0;
    color: gray;
    font: bold 12px ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    margin-left: 0;
    padding: 0 0 10px 21px;
    text-transform: uppercase
}

#CarouselNavigationPane.in .general-info ul li a {
    display: block;
    margin-left: 10px
}

#CarouselNavigationPane.in .general-info ul li a:hover,
#CarouselNavigationPane.in .general-info ul li.last a:hover,
#CarouselNavigationPane.in .general-info ul li.last {
    border-bottom: 0
}

#CarouselNavigationPane.in .indexItem img {
    filter: gray;
    -webkit-filter: grayscale(100%)
}

#CarouselNavigationPane.in .indexItem:hover img {
    filter: none;
    -webkit-filter: grayscale(0%)
}

#CarouselNavigationPane.in .general-info .panel1 {
    height: 259px;
    min-height: 259px;
    padding-top: 5px
}

#CarouselNavigationPane.in .col {
    height: auto;
    overflow: hidden;
    position: relative
}

#CarouselNavigationPane.in .col .landing-thumb {
    float: left
}

#CarouselNavigationPane.in .link1.indexItem {
    height: 109px;
    padding: 39px 20px 0 20px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 3px
}

#CarouselNavigationPane.in .link2.indexItem {
    color: #fff;
    height: 109px;
    padding: 39px 20px 0 20px;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase
}

#CarouselNavigationPane.in .detail-image-text {
    color: #2f5680;
    float: left;
    font-size: 13px;
    font-weight: normal;
    margin-top: 2px;
    width: 200px
}

#CarouselNavigationPane.in .jcarousel-skin-dss-expert {
    width: 100%
}

#CarouselNavigationPane.in .jcarousel-skin-dss-expert .jcarousel-item-horizontal {
    margin-left: 0!important
}

#CarouselNavigationPane.in .title {
    color: #474747;
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    font-size: 30px;
    margin: 17px 0 16px 19px
}

#CarouselNavigationPane.in img {
    height: auto;
    width: 100%
}

#CarouselNavigationPane.in .indexCardInfo {
    bottom: 0;
    color: #fff;
    left: -1px;
    min-height: 100px;
    padding: 5% 6% 0;
    position: absolute;
    width: 90%
}

#CarouselNavigationPane.in .indexItem {
    clear: both;
    display: block;
    font-size: 63.63%;
    line-height: 14px;
    margin: 0;
    padding: 0
}

#CarouselNavigationPane.in .indexCardInfo .iicolor {
    bottom: -1px;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

#CarouselNavigationPane.in .indexCardInfo .iitext {
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    font-size: 137.5%;
    position: relative;
    width: 100%
}

#CarouselNavigationPane.in .indexCardInfo a {
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    color: #fff
}

#CarouselNavigationPane.in .indexCardInfo a.challenge-iii {
    margin-top: 7px
}

#CarouselNavigationPane.in .indexCardInfo .iicolor {
    opacity: .90
}

#CarouselNavigationPane.in .indexCardInfo img {
    max-width: 40px;
    max-height: 40px;
    position: absolute!important;
    right: 0;
    top: 0;
    width: auto
}

#CarouselNavigationPane.in .ii-panel {
    float: left
}

#CarouselNavigationPane.in .ii-shot {
    float: left;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%
}

#CarouselNavigationPane.in .ii-shot img {
    float: left
}

#CarouselNavigationPane.in .ii-icon img {
    height: auto;
    width: auto
}

#CarouselNavigationPane.in .panel1 {
    margin: 66px 0 0 20px
}

#CarouselNavigationPane.in .general-info p {
    color: #474747;
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 20px 0 0;
    text-align: justify;
    width: 100%
}

#CarouselNavigationPane.in .bbItem {
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    color: #474747;
    font-size: 14px;
    margin: 13px 0;
    display: block
}

#CarouselNavigationPane.in .panel1 h1 {
    color: #3d4909;
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    font-size: 30px;
    line-height: 30px;
    margin: 4px 0 0 0
}

#CarouselNavigationPane.in .panel1 h2 {
    color: #929974;
    font-family: ff-meta-web-pro, "Myriad Pro", Segoe UI, Arial, Sans-Serif;
    font-size: 14px
}

#CarouselNavigationPane.in .ii-icon {
    margin: 18px 0 0 20px
}

#CarouselNavigationPane.in .menu-link {
    font-family: ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    position: absolute;
    right: 29px;
    top: 22px;
    z-index: 2
}

#CarouselNavigationPane.in .menu-link a {
    background: url(carouselnavigation/source/images/global-challenges-menu.png) no-repeat right;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding: 8.5px 25px 8.5px 11px
}

#CarouselNavigationPane.in .ii-science-image img {
    position: absolute;
    top: 0;
    right: 0
}

#CarouselNavigationPane.in .piiscience {
    margin-bottom: 16px!important
}

#CarouselNavigationPane.in .jcarousel-item li {
    border-bottom: 0;
    padding: 12px 16px 2px 10px
}

#CarouselNavigationPane.in .jcarousel-item .last a {
    margin-left: 10px;
    display: block
}

@media screen and (max-width:768px) {
    #CarouselNavigationPane.in .general-info .panel1 {
        margin: 8% 5% 5%
    }
    #CarouselNavigationPane.in .general-info ul {
        margin: 10px 0
    }
    #CarouselNavigationPane.in .col {
        width: 100%;
        float: none
    }
    #CarouselNavigationPane.in .col .landing-thumb {
        height: auto;
        position: relative;
        width: 20%;
        z-index: 1
    }
    #CarouselNavigationPane.in .indexCardInfo {
        float: left;
        height: 85%;
        left: auto;
        padding: 5% 5% 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 70%
    }
    #CarouselNavigationPane.in #GridBox img {
        float: left;
        position: relative;
        width: 20%;
        z-index: 1
    }
    #CarouselNavigationPane.in .general-info,
    #CarouselNavigationPane.in .ii-shot {
        margin-right: 0;
        position: relative;
        width: 100%
    }
    #CarouselNavigationPane.in .ii-science-image img {
        position: relative
    }
    #CarouselNavigationPane.in .ii-science-image img:first-child {
        display: none
    }
    #CarouselNavigationPane.in .indexCardInfo .iicolor {
        bottom: 0;
        left: -1%;
        width: 101%
    }
    #CarouselNavigationPane.in .consultant-grid-1 {
        padding-bottom: .5%
    }
    #CarouselNavigationPane.in .indexCardInfo .iitext {
        font-size: 156.5%
    }
    #CarouselNavigationPane.in .indexCardInfo a {
        padding-top: 15px
    }
    #CarouselNavigationPane.in .menu-link a {
        color: #474747;
        background: url(carouselnavigation/source/images/global-challenges-menu-black.png) no-repeat right
    }
    #CarouselNavigationPane.in .indexCardInfo a {
        margin-top: 0;
        padding-top: 5px
    }
    #CarouselNavigationPane.in #ExpertBox {
        border: 0
    }
    #CarouselNavigationPane.in .solution-page {
        border: 1px solid #ddd
    }
}

@media screen and (max-width:600px) {
    #CarouselNavigationPane.in .carouselnavigation {
        display: block!important
    }
    #CarouselNavigationPane.in .solution-page {
        padding: 0
    }
    #CarouselNavigationPane.in .ii-shot {
        padding-bottom: 0
    }
    #CarouselNavigationPane.in .detail-image-text {
        width: 100%
    }
    #CarouselNavigationPane.in .jcarousel-prev-horizontal,
    #CarouselNavigationPane.in .jcarousel-next-horizontal {
        display: none
    }
    #CarouselNavigationPane.in .indexCardInfo {
        min-height: 80px;
        width: 65%
    }
    #CarouselNavigationPane.in #GridBox img {
        width: 25%
    }
    #CarouselNavigationPane.in .col .landing-thumb {
        width: 25%
    }
    #CarouselNavigationPane.in #ExpertBox #BaseballCards>li {
        display: none;
        float: none
    }
}

@media screen and (max-width:480px) {
    #CarouselNavigationPane.in .general-info,
    #CarouselNavigationPane.in .ii-shot {
        margin-right: 0;
        width: 100%
    }
    #CarouselNavigationPane.in .ii-shot {
        position: relative
    }
    #CarouselNavigationPane.in .detail-image-text {
        width: 100%
    }
    #CarouselNavigationPane.in .jcarousel-prev-horizontal,
    #CarouselNavigationPane.in .jcarousel-next-horizontal {
        display: none!important
    }
    #CarouselNavigationPane.in .general-info .panel1 {
        margin: 8% 5% 5%
    }
    #CarouselNavigationPane.in .indexCardInfo {
        min-height: 80px;
        width: 65%
    }
    #CarouselNavigationPane.in .indexCardInfo .iitext {
        font-size: 131.25%
    }
    #CarouselNavigationPane.in .indexCardInfo a.challenge-iii {
        padding-top: 0
    }
}

.carouselnavigation .dssExpertPanel * {
    font-family: ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif
}

.carousel-navigation .dssExpertPanel {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    width: 100%
}

.carousel-navigation .dssExpertPanel .grid-container {
    border: 0;
    padding: 0 6.3636364%;
    position: relative;
    top: 0;
    transition: top .5s
}

.carousel-navigation .dssExpertPanel .grid-container.notransition {
    transition: none
}

.carousel-navigation .dssExpertPanel .grid-container .baseBallCardExpert {
    margin-top: 4px
}

.carousel-navigation .dssExpertPanel .grid-container.showBBCards .baseBallCardExpert {
    margin-top: 0
}

.carousel-navigation .dssExpertPanel .grid-container.showBBCards .indexExpert .navigation,
.carousel-navigation .dssExpertPanel .grid-container .baseBallCardExpert .navigation {
    display: none
}

.carousel-navigation .dssExpertPanel .grid-container.showBBCards .baseBallCardExpert .navigation {
    display: block
}

.carousel-navigation .dssExpertPanel .grid-container .indexExpert,
.grid-container .baseBallCardExpert {
    border-bottom: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd
}

.carousel-navigation .dssExpertPanel .grid-container.showBBCards .indexExpert {
    border: 0
}

.carousel-navigation .dssExpertPanel .carousel-wrapper .carousel-content .item-carousel {
    padding: 0
}

.carousel-navigation .grid-top-Expert {
    margin: 0;
    padding: 15px 6.3636364% 0;
    position: relative;
    width: 87.27272%
}

.carousel-navigation .grid-top-Expert .grid-title {
    font-size: 106.25%;
    margin-bottom: 10px
}

.carousel-navigation .grid-top-Expert .subTitle {
    background-color: #084962;
    color: #fff;
    font-size: 150%;
    line-height: 1.3em;
    padding: 2.2% 2.5% 2.2% 2.1%
}

.carousel-navigation .grid-top-Expert .subTitle p {
    display: inline-block;
    vertical-align: top;
    width: 75%;
    font-family: ff-meta-web-pro, "Myriad Pro", Arial, Sans-Serif
}

.carousel-navigation .grid-top-Expert .subTitle .slide-grid-down {
    color: #6b92a1;
    display: inline-block;
    float: right;
    font-size: 58.33%;
    margin-top: .4%;
    padding-right: 9px;
    text-align: right;
    text-indent: 0;
    vertical-align: top;
    width: 22%
}

.carousel-navigation .grid-top-Expert .subTitle .slide-grid-down:after {
    background: url("carouselnavigation/source/images/menu_icon.png") no-repeat center right transparent;
    content: ' ';
    display: inline-block;
    height: 11px;
    margin-left: 5px;
    width: 29px
}

.carousel-navigation .dssExpertPanel .expertslide,
.carousel-navigation .dssExpertPanel .firstIndex {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 25%
}

.carousel-navigation .dssExpertPanel .carousel-wrapper .carousel-content .item-carousel.firstIndex {
    background-color: #e7e7e7;
    line-height: 1.1;
    padding: 3%
}

.carousel-navigation .dssExpertPanel .firstIndex .meet-title {
    color: inherit;
    font-size: 100%;
    font-weight: bold
}

.carousel-navigation .dssExpertPanel .firstIndex .meet-content {
    font-size: 100%
}

.carousel-navigation .dssExpertPanel .firstIndex .meet-content {
    color: inherit
}

.carousel-navigation .dssExpertPanel .expertslide .boxExpert {
    color: #fff;
    height: auto;
    padding: 9% 10%;
    position: relative;
    width: auto
}

.carousel-navigation .dssExpertPanel .expertslide .boxExpert .expert-name {
    color: #fff;
    font-size: 100%;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 5px;
    padding: 0;
    text-transform: uppercase;
    white-space: normal;
    width: 100%
}

.carousel-navigation .dssExpertPanel .top .border {
    top: -10px
}

.carousel-navigation .dssExpertPanel .bottom .border {
    bottom: -10px
}

.carousel-navigation .dssExpertPanel img.indexImage {
    vertical-align: top;
    width: 100%
}

.carousel-navigation .dssExpertPanel .border {
    height: 10px;
    left: 0;
    opacity: .5;
    position: absolute;
    width: 100%
}

.carousel-navigation .dssExpertPanel .solution-page {
    height: auto
}

.carousel-navigation .dssExpertPanel .solution-page .general-info {
    box-sizing: border-box;
    display: inline-block;
    float: none;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 50%
}

.carousel-navigation .dssExpertPanel .baseBallCardExpert .solution-page {
    padding: 0
}

.carousel-navigation .dssExpertPanel .baseBallCardExpert .carousel-content.notransition {
    transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    -webkit-transition-property: none
}

.carousel-navigation .dssExpertPanel .solution-page .general-info .panels .panel1 {
    height: auto;
    min-height: 0;
    padding: 0;
    position: relative
}

.carousel-navigation .dssExpertPanel .solution-page .general-info .panel1 .expert-bottom {
    bottom: 0;
    position: absolute
}

.carousel-navigation .dssExpertPanel .solution-page .general-info .panels {
    transition: transform .5s
}

.ext-ie8 .carousel-navigation .dssExpertPanel .solution-page .general-info .panels {
    position: relative
}

.carousel-navigation .dssExpertPanel .solution-page .general-info .panels.move {
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%)
}

.carousel-navigation .dssExpertPanel .solution-page .general-info .panels .panelInfo {
    padding: 20px 30px 0 30px
}

.carousel-navigation .dssExpertPanel .solution-page .general-info h3 {
    font-size: 200%;
    margin: 0
}

.carousel-navigation .dssExpertPanel .solution-page .general-info p {
    color: #6e6e6e;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 80%;
    line-height: 18px;
    margin: 4px 0 6px 0
}

.carousel-navigation .dssExpertPanel .solution-page .general-info .linktedinimg img {
    width: 20px
}

.carousel-navigation .dssExpertPanel .solution-page .slideLinks li {
    border: 0;
    font: inherit;
    margin: 0;
    padding: 10px 0 10px 0
}

.carousel-navigation .dssExpertPanel .solution-page .slideLinks li.linktedinimg {
    border-top: 1px solid #eaeaea
}

.carousel-navigation .dssExpertPanel .solution-page ul.slideLinks li * {
    color: #808080;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}

.carousel-navigation .dssExpertPanel .solution-page .slideLinks a.grayarrow:before {
    background: url(../../phoenix/responsiveclientlib/source/images/right-arrow-grey.png) no-repeat 0 10px;
    content: '';
    padding: 10px 0 10px 21px
}

.carousel-navigation .dssExpertPanel .solution-page a.grayarrowend:after {
    background: url(../../phoenix/responsiveclientlib/source/images/right-arrow-grey.png) no-repeat 0 10px;
    content: '';
    padding: 10px 0 10px 21px
}

.carousel-navigation .dssExpertPanel .solution-page .slideLinks a:hover {
    color: #b2b2b2
}

.carousel-navigation .dssExpertPanel .solution-page .general-info .expert-bottom {
    box-sizing: border-box;
    color: #fafafa;
    cursor: pointer;
    height: 81px;
    padding: 15px 10px 0 30px;
    text-transform: none;
    width: 100%
}

.carousel-navigation .dssExpertPanel .solution-page .general-info .expert-bottom img {
    float: right;
    padding: 0;
    width: 20px
}

.carousel-navigation .dssExpertPanel .solution-page .general-info .expert-bottom .related-expert-solution {
    display: block;
    font-size: 100%;
    margin: 0 0 6px 0
}

.carousel-navigation .dssExpertPanel .solution-page .general-info .expert-bottom .solution-title {
    font-size: 90%;
    font-weight: bold
}

@media screen and (max-width:1024px) {
    .carousel-navigation .dssExpertPanel .solution-page .general-info .expert-bottom .solution-title {
        font-size: 15px
    }
}

.carousel-navigation .dssExpertPanel .solution-page .expert-info {
    background-color: #d3d3d3;
    box-sizing: border-box;
    display: inline-block;
    float: none;
    height: auto;
    position: relative;
    vertical-align: top;
    width: 50%
}

.carousel-navigation .dssExpertPanel .solution-page .expert-info .container-expert {
    padding: 4% 6% 4% 6%
}

.carousel-navigation .dssExpertPanel .solution-page .expert-info .container-expert h2 {
    margin: 1% 3% 3%;
    padding-top: 0
}

.carousel-navigation .dssExpertPanel .solution-page .expert-info .container-expert .expertImage {
    display: inline-block;
    width: 33%
}

.carousel-navigation .dssExpertPanel .solution-page .expert-info .container-expert .expert-bio {
    display: inline-block;
    vertical-align: top;
    width: 64%
}

.carousel-navigation .dssExpertPanel .solution-page .expert-info .container-expert .slideLinks li {
    padding-left: 10px
}

.carousel-navigation .dssExpertPanel .solution-page .expert-info p {
    color: #6e6e6e;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    margin: 0 3% 1%
}

.carousel-navigation .dssExpertPanel .solution-page .expert-info .expert-presentation {
    background-color: #898989;
    bottom: 0;
    box-sizing: border-box;
    color: #fafafa;
    height: 81px;
    padding: 20px 0 0 20px;
    position: absolute;
    width: 100%
}

.carousel-navigation .dssExpertPanel .solution-page .expert-info .expert-presentation a {
    color: #fafafa;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase
}

.carousel-navigation .dssExpertPanel .solution-page .expert-info .expert-presentation p {
    color: #fafafa;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    margin: 0;
    padding: 5px 11px 0 0
}

.carousel-navigation .dssExpertPanel .solution-page .expert-info .expert-presentation img {
    width: auto
}

@media screen and (max-width:768px) {
    .carousel-navigation .dssExpertPanel .solution-page .expert-info p {
        margin: 0 7% 1%
    }
}

@media screen and (max-width:600px) {
    .carousel-navigation .dssExpertPanel .indexExpert.carousel-wrapper .carousel-content .item-carousel {
        display: block;
        width: 100%
    }
    .carousel-navigation .dssExpertPanel img,
    .carousel-navigation .dssExpertPanel img.indexImage {
        display: inline-block;
        width: 20%;
        height: 101px
    }
    .carousel-navigation .dssExpertPanel .expert-presentation img {
        height: auto
    }
    .carousel-navigation .dssExpertPanel .expertslide .boxExpert {
        display: inline-block;
        padding: 8% 10%;
        width: 80%;
        box-sizing: border-box;
        height: 101px
    }
    .carousel-navigation .dssExpertPanel .expertslide .boxExpert .border {
        display: none
    }
    .carousel-navigation .grid-top-Expert .subTitle .slide-grid-down {
        color: #fff;
        margin-top: 2%
    }
    .carousel-navigation .grid-top-Expert .subTitle .slide-grid-down:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-left: 0
    }
    .carousel-navigation .dssExpertPanel .indexExpert .navigation {
        display: none
    }
    .carousel-navigation .dssExpertPanel .carousel-wrapper .carousel-content .item-carousel.firstIndex {
        padding: 3% 3% 1.5%
    }
    .carousel-navigation .dssExpertPanel .carousel-wrapper .carousel-content .item-carousel.firstIndex img {
        width: 20%
    }
    .carousel-navigation .dssExpertPanel .firstIndex .meet-title {
        width: 50%;
        display: inline-block;
        text-align: right;
        padding: 3%
    }
    .carousel-navigation .dssExpertPanel .firstIndex .meet-content {
        display: none
    }
    .carousel-navigation .dssExpertPanel .solution-page .general-info .linktedinimg img,
    .carousel-navigation .dssExpertPanel .solution-page .general-info .expert-bottom img.plus-icon {
        height: auto
    }
    .carousel-navigation .dssExpertPanel .baseBallCardExpert .solution-page .expert-info .container-expert .expertImage {
        display: block;
        width: 80%;
        height: auto
    }
    .carousel-navigation .dssExpertPanel .solution-page .expert-info .container-expert .expert-bio {
        width: 95%;
        margin-top: 10px
    }
    .carousel-navigation .dssExpertPanel .solution-page .expert-info p,
    .carousel-navigation .dssExpertPanel .solution-page .expert-info .container-expert h2 {
        margin-left: 0
    }
    .carousel-navigation .dssExpertPanel .solution-page .expert-info .container-expert .slideLinks li {
        padding-left: 0
    }
}

@media screen and (max-width:480px) {
    .carousel-navigation .dssExpertPanel .solution-page .general-info,
    .carousel-navigation .dssExpertPanel .solution-page .expert-info {
        display: block;
        width: 100%
    }
    .carousel-navigation .dssExpertPanel .expertslide .boxExpert {
        padding: 4% 10%
    }
    .carousel-navigation .dssExpertPanel .expertslide .boxExpert .expert-name {
        font-size: 90%
    }
    .carousel-navigation .dssExpertPanel .grid-container.showBBCards .baseBallCardExpert .navigation {
        display: none
    }
    .carousel-navigation .grid-top-Expert .subTitle p {
        width: 65%;
        font-size: 100%
    }
    .carousel-navigation .grid-top-Expert .subTitle .slide-grid-down {
        margin-top: 8%;
        width: 29%
    }
    .carousel-navigation .dssExpertPanel .indexExpert.carousel-wrapper .carousel-content .item-carousel {
        height: 101px
    }
    .carousel-navigation .dssExpertPanel .solution-page .general-info .expert-bottom .solution-title {
        font-size: 13px
    }
    .carousel-navigation .dssExpertPanel img,
    .carousel-navigation .dssExpertPanel img.indexImage {
        width: 25%
    }
    .carousel-navigation .dssExpertPanel .expertslide .boxExpert {
        width: 75%
    }
}

@media screen and (max-width:320px) {
    .carousel-navigation .dssExpertPanel img,
    .carousel-navigation .dssExpertPanel img.indexImage {
        width: 25%
    }
    .carousel-navigation .dssExpertPanel .expertslide .boxExpert {
        width: 75%
    }
}