.msmrkt-legacy.header {
    box-shadow: none;
}
.msmrkt-legacy section {
    overflow: hidden;
}
.msmrkt-legacy section .innerText {
    width: 33%;
    position: absolute;
    top: 53%;
    left: 67%;
    transform: translate(-100px, -50%);
    text-align: left;
    height: 52%;
}
.screen {
    display: block;
}

.ipadscreen {
    display: block;
}

.displayNone {
    display: none;
}

.capabilities-section {
    display: none;
}
.capabilities-section section {
    height: 100vh;
}
.intro-text{
    position: absolute;
    top: 25%;
    width: 36%;
    left: 60%;
}
.laptop {
    position: absolute;
    top: 27.5%;
    left: 10%;
    width: 45vw;
}

.ipad {
    position: absolute;
    top: 27.5%;
    left: 10%;
    width: 45vw;
}

.laptop img {
    width: inherit;
}

.ipad img {
    width: inherit;
}

.laptop-fixed {
    position: fixed;
    top: 27.5%;
    left: 10%;
    width: 45vw;
}

.ipad-fixed {
    position: fixed;
    top: 27.5%;
    left: 10%;
    width: 45vw;
}

.laptop-fixed img {
    width: inherit;
}

.ipad-fixed img {
    width: inherit;
}

.side-icons{
    position: absolute;
    top: 34%;
    left: 3%;
    z-index: 7;
}
.side-icons a {
    border-style: none !important;
}
.side-icons a:hover {
    border-style: none !important;
}
.side-icons-docked {
    position: fixed;
    top: 34%;
    left: 3%;
    display: block;
    z-index: 7;
}
.side-icons img {
    width: 50px;
}
.side-icons li {
    margin-bottom: 10px;
}
.side-icon-analytics {
    background: url("../morningstar-corporate/img/analytics-inactive.svg");
}
.side-icon-analytics-active {
    background: url("../morningstar-corporate/img/analytics-active.svg") !important;
}
.side-icon-communications {
    background: url("../morningstar-corporate/img/communications-inactive.svg");
}
.side-icon-communications-active {
    background: url("../morningstar-corporate/img/communications-active.svg"); !important;
}
.side-icon-data {
    background: url("../morningstar-corporate/img/data-inactive.svg");
}
.side-icon-data-active {
    background: url("../morningstar-corporate/img/data-active.svg"); !important;
}
.side-icon-research {
    background: url("../morningstar-corporate/img/research-inactive.svg");
}
.side-icon-research-active {
    background: url("../morningstar-corporate/img/research-active.svg"); !important;
}
.side-icon-advisor {
    background: url("../morningstar-corporate/img/advisor-inactive.svg");
}
.side-icon-advisor-active {
    background: url("../morningstar-corporate/img/advisor-active.svg") !important;
}
.side-icon-assetManager {
    background: url("../morningstar-corporate/img/asset-manager-inactive.svg");
}
.side-icon-assetManager-active {
    background: url("../morningstar-corporate/img/asset-manager-active.svg"); !important;
}
.side-icon-investor {
    background: url("../morningstar-corporate/img/investor-inactive.svg");
}
.side-icon-investor-active {
    background: url("../morningstar-corporate/img/investor-active.svg"); !important;
}
.side-icon-goal {
    background: url("../morningstar-corporate/img/RM_Goal_Inactive.svg");
}
.side-icon-goal-active {
    background: url("../morningstar-corporate/img/RM_Goal_Active.svg"); !important;
}
.side-icon-ma {
    background: url("../morningstar-corporate/img/RM_MA_Inactive.svg");
}
.side-icon-ma-active {
    background: url("../morningstar-corporate/img/RM_MA_Active.svg"); !important;
}
.side-icon-portcon {
    background: url("../morningstar-corporate/img/RM_PortCon_Inactive.svg");
}
.side-icon-portcon-active {
    background: url("../morningstar-corporate/img/RM_PortCon_Active.svg"); !important;
}
.side-icon-recs {
    background: url("../morningstar-corporate/img/RM_Recs_Inactive.svg");
}
.side-icon-recs-active {
    background: url("../morningstar-corporate/img/RM_Recs_Active.svg"); !important;
}
.laptop-screens {
    height: 40%;
    overflow-y: overlay;
    margin-top: 1.8%;
    overflow: hidden;
    width: 39.5%;
}

.ipad-screens {
    height: 40%;
    overflow-y: overlay;
    margin-top: 1.8%;
    overflow: hidden;
    width: 44.5%;
}

.lp-screen img {
    position: absolute;
    top: 170px;
    left: 217px;
}
.myslider {
    overflow: hidden;
    margin-left: 15%;
}

.ipadmyslider {
    overflow: hidden;
    margin-left: 9%;
}

.slideimages {
    height: auto;
    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    -o-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}

.ipadslideimages {
    height: auto;
    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    -o-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}

.slideimages img {
    padding: 0;
    margin: 0;
    clear: both; /* All the images are in a row next to each other. */
}

.ipadslideimages img {
    padding: 0;
    margin: 0;
    clear: both; /* All the images are in a row next to each other. */
}

.morningstar-box .tile-image {
    width: 100%;
}

.tile-hover-gradient{
    background: linear-gradient(#5050CB, #04AFD2);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5050CB, endColorstr=#04AFD2);
}

.ms-tile {
    margin-top: 0;
    margin-bottom: 0;
}

.speaker-image-container {
    position: relative;
    top: 4px;
}

.morningstar-box .cta-wrapper {
    margin-top: 0;
}

.morningstar-box p img, .morningstar-box h1 img, .morningstar-box h2 img, .morningstar-box h3 img {
    width: auto;
}

#quotes {
    margin: 0 auto;
    width: 90%;
    max-width: 950px;
}

#quotes .heading{
    margin-bottom: 40px;
}

#quotes .peopleQuote img{
    height: 25px;
}

#quotes .peopleQuote h2 img {
    height: 48px;
}

#quotes .peopleQuote img.endQuote{
    position: relative;
    top:7px;
}

#quotes .peopleQuote h2 img.endQuote{
    top:15px;
}

#quotes .peopleQuote {
    margin-bottom: 30px;
}

#quotes .people {
    float: left;
    margin-right: 15px !important;
    height: 120px;
}

#quotes .people img {
    height: 90px;
}

#quotes .peopleDesgn {
    margin-bottom: 40px;
}

@media screen and (max-width: 1080px) {
    .side-icons-docked {
        top : 26%;
        left: 2%;
    }

    .side-icons {
        top : 30%;
        left: 2%;
    }
}
@media screen and (max-width: 800px) {
    .laptop-screens {
        margin-top: 1.8%;
    }
    
    .ipad-screens {
        margin-top: 1.8%;
    }

    .side-icons-docked {
        left: 2%;
    }

    .side-icons {
        left: 2%;
        top : 26%;
    }

    section .innerText {
        left: 70%;
    }
}

@media only screen and (max-device-width : 1024px) and (orientation : landscape) {

    .msmrkt-legacy .desktopHidden {
        display: inherit !important;
    }

    .capabilities-section > section:first-child {
        margin: 90px 0 0 0 !important;
    }
    .capabilities-section section {
        height: auto;
    }
    .capabilities-section .intro-text {
        position: relative;
        top: auto;
        left: auto;
    }
    .capabilities-section .innerText{
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        transform: none !important;
        height: auto !important;
    }

    .capabilities-section .innerText label {
        display: none;
    }

    .capabilities-section > section .laptop-oddeven img {
        width: 55vw;
        display: block;
    }

    .capabilities-section > section:nth-child(even) .laptop-oddeven {
        float: right;
        margin-left: 15px;
        margin-right: 15px;
    }

    .capabilities-section > section:nth-child(odd) .laptop-oddeven {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }

    .capabilities-section > section:nth-child(even)  .text-evenodd {
        float: left;
        margin-left: 25px;
        margin-right: 15px;
    }

    .capabilities-section > section:nth-child(odd)  .text-evenodd {
        float: right;
        margin-left: 15px;
        margin-right: 15px;
    }

    .msmrkt-legacy section .innerText {
        width: 35% !important;
    }

    .capabilities-section .mobile-icons {
        width: 80%;
        margin: 5px 0 0 25px;
        padding-bottom: 30px;
    }

    .capabilities-section .mobile-icons img {
        margin-right: 5px;
        width: 30px;
        vertical-align: middle;
    }

    .ms-tile{
        width:calc(29.33% - 2px);
    }

    .speaker-tile {
        width:calc(24.33% - 2px);
    }

    .tile-image-container {
        height: auto;
    }

    .speaker-image-container {
        height: auto;
    }

    #quotes{
        max-width: 650px;
    }

    #quotes .heading{
        margin-bottom: 30px;
    }

    #quotes .peopleQuote {
        margin-bottom: 20px;
    }

    #quotes .people {
        margin-right: 10px !important;
        height: 90px;
    }

    #quotes .peopleDesgn {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 979px ) {
    #quotes .peopleQuote h2 img {
        height: 35px;
    }

    #quotes .peopleQuote h2 img.endQuote{
        top: 10px;
    }
}
/*Tablets*/
@media screen and (max-width: 768px ) {

    .capabilities-section > section:first-child {
        margin: 90px 0 0 0 !important;
    }
    .capabilities-section section {
        height: auto;
    }
    .capabilities-section .intro-text {
        position: relative;
        top: auto;
        left: auto;
    }
    .capabilities-section .innerText{
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        transform: none !important;
        height: auto !important;
    }

    .capabilities-section .innerText label {
        display: none;
    }

    .capabilities-section > section .laptop-oddeven img {
        width: 400px;
        display: block;
    }

    .capabilities-section > section:nth-child(even) .laptop-oddeven {
        float: right;
        margin-left: 15px;
        margin-right: 15px;
    }

    .capabilities-section > section:nth-child(odd) .laptop-oddeven {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }

    .capabilities-section > section:nth-child(even)  .text-evenodd {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }

    .capabilities-section > section:nth-child(odd)  .text-evenodd {
        float: right;
        margin-left: 15px;
        margin-right: 15px;
    }

    .capabilities-section .mobile-icons {
        width: 80%;
        margin: 5px 0 0 25px;
        padding-bottom: 30px;
    }

    .capabilities-section .mobile-icons img {
        margin-right: 5px;
        width: 30px;
        vertical-align: middle;
    }

    .ms-tile{
        width:calc(29.33% - 2px);
    }

    .speaker-tile {
        width: calc(45.5% - 2px);
    }

    .tile-image-container {
        height: auto;
    }

    .speaker-image-container {
        height: auto;
    }

    #quotes{
        max-width: 650px;
    }

    #quotes .heading{
        margin-bottom: 30px;
    }

    #quotes .peopleQuote {
        margin-bottom: 20px;
    }

    #quotes .people {
        margin-right: 10px !important;
        height: 100px;
    }

    #quotes .people img {
        height: 75px;
    }

    #quotes .peopleDesgn {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 719px) {
    .capabilities-section > section .laptop-oddeven img {
        width: 51vw;
        display: block;
    }
}

/*Mobile*/
@media screen and (max-width : 480px) {

    .capabilities-section > section:first-child {
        margin: 60px 0 0 0 !important;
    }

    .capabilities-section section > .holistic-textborder {
        width: auto !important;
        margin: 0 30px !important;
    }

    .capabilities-section > section .laptop-oddeven {
        float: unset !important;
        margin: unset !important;
    }

    .capabilities-section > section .laptop-oddeven img {
        width: 260px;
        margin: 0 auto;
        display: block;
    }

    .capabilities-section .intro-text {
        width: 260px;
        margin : 0 auto !important;
    }

    .capabilities-section .mobile-icons {
        width: auto;
        margin: 0 30px;
        padding : 5px 0 30px 0;
    }

    .capabilities-section > section .text-evenodd {
        float: unset !important;
    }

    .capabilities-section .innerText {
        width: auto;
        margin : 0 30px !important;
    }

    .ms-tile{
        width: auto;
        margin-bottom: 20px;
    }

    .speaker-tile {
        width: calc(60.33%);
        margin-left: 18%;
        margin-bottom: 20px;
    }

    .tile-image-container {
        height: 190px;
    }

    .morningstar-box .tile-image {
        width: auto;
    }

    .ms-tile-wrapper {
        padding-left: 20%;
    }

    #quotes .peopleQuote img{
        height: 21px;
    }

    #quotes .peopleQuote h2 img {
        height: 26px;
    }

    #quotes .peopleQuote h2 img.endQuote{
        top:7px;
    }
}

@media screen and (max-width : 600px) {
    .logo-component img {
        height: 24px !important;
    }
}

@media screen and (max-width : 320px) {
    .logo-component img {
        height: 21px !important;
    }
}

@media screen and (max-width : 1200px) {
    #quotes .holistic-textborder.desktopHidden {
        display: inherit!important;
    }

}

@media only screen and (min-width: 769px) and (max-width: 1256px) {
    .speaker-tile{
        width: calc(29.33% - 2px);
    }
}

@media screen and (max-width : 400px) {
    .speaker-tile{
        width: calc(74.33%);
        margin-left: 12%;
    }
}

/* Overriding Bootstrap CSS in iPhone5&6 popover issue */
@media screen and (max-width : 320px) {
    .popover.bottom > .arrow {
        margin-left: -44px;
    }
    .popover_homepage {
        margin-left: -88px;
    }
}

/*section {
    overflow-x: hidden;
}*/
section .customColContol .col img {
    border: #CCCCCC 1px solid;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    max-width: 85%;
}

.col.text-center .morningstar-box {
    margin: 0 auto;
}

.morningstar-box .box-text.text-center > *{
    margin: 0 auto !important;
}

.morningstar-box .box-text.centerText > *{
    margin: 0 auto !important;
}

.morningstar-box .box-text > *{
    max-width: 1200px;
}

.text-image-box .box-text > * {
    max-width: 650px;
}

@media only screen and (max-width: 768px) {

    .text-image-box .box-image img {
        max-width: 70vw;
    }

    .col.text-center .morningstar-box .box-text {
        text-align: center;
    }

    .col.text-center .morningstar-box {
        width: 90%;
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 769px) {
    .floatImageRight.text-image-box {
        height: 80vh;
        overflow: hidden;
        position: relative;
    }

    .floatImageRight.text-image-box .box-text {
        width: 40%;
    }

    .floatImageRight.text-image-box .box-image {
        position: absolute;
        width: 95%;
        right: -30%;
    }
    .floatImageRight.text-image-box .box-image img {
        max-height: 65vh;
    }

    section .customColContol .col img {
        width: 85%;
    }

    .customColContol .col .morningstar-box  {
        max-width: 88%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 980px) {

    .floatImageRight.text-image-box .box-image img {
        max-height: 50vh;
    }

    .floatImageRight.text-image-box {
        height: 60vh;
    }

}