/*
    DEBUG STYLES FOR MATCHING UP COMPS

* {
    background: transparent !important;
}

html {
    background-image: none;
    background-repeat: no-repeat !important;
    background-position: 50% 130px !important;
}
*/

/*  END DEBUG STYLES    */

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin:0;
    color:#333;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
}
body .container {
    padding:0 15px;
    width:100%;
    /*overflow-x: hidden;*/
}

/*JIRA 7083, work-around to remove extra padding on disclaimer*/
.container .container.fundDisclaimers{
    padding: 0;
    margin-top: 60px;
}

a {
    color: #16559a;
}

#at_hover.atm-s a:focus {
  outline: auto !important; /* Override AddThis' outline: 0 rule to restore focus state */
}

ul {
    list-style-position: outside;
    margin-left: 19px;
}

ul ul, ul ol, ol ol, ol ul {
    margin-left: 40px;
}



/* USEFUL HELPER STYLES */
.clearfix {
    overflow:hidden;
}

.clearLeft {
    clear: left;
}

.overflow-visible {
    overflow: visible;
    clear:both;
}

p#popups:active {
    box-shadow: none;
}


.btn, .btn:hover {
    padding:0px 10px;
    height: 28px;
    border: 0;
    font: 16px/33px 'PragmaticaSB', Helvetica, Verdana, sans-serif;
    color: #fff;
    display:inline-block;
    background-color: #59ade0;
    text-align:center;
    line-height: 28px !important;
}

.btn .btn-label {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    vertical-align: top;
}
.btn.disabled,
.btn.disabled:hover,
.btn[disabled],
.btn[disabled]:hover {
    background-color: #59ade0;
}

input.error,
textarea.error{
    background-color:#FFE5E6;;
}

html[lang="fr-CA"] .qFF .btnContainer .btn,
html[lang="fr-CA"] .formCarousel .viewall-link,
html[lang="fr-CA"] .formCarousel .qff-codesandfees-link{
    font-size:12px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    max-width: none;
}

html[lang="fr-CA"] .btnContainer {
    /*white-space:nowrap;*/
    overflow: visible;
}

.FRonly {
    display: none;
}

html[lang="fr-CA"] .FRonly {
    display: inline-block   ;
}

a.btn{
    color:#fff;
}

abbr[title] {
    border-bottom: none;
    cursor:pointer;
}

.hr {
    border-top: 1px dotted #cfd4d8;
    height: 1px;
    padding-top: 20px;
    margin-top:6px;
    max-width: 750px;
}

img.float-left {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}

 img.float-right {
    float: right;
    margin-left: 15px;
    margin-bottom: 5px;
}

.greyBtn, .greyBtn:hover {
    background-color:#888;
}

.dash_bottom{
    border-bottom:1px dashed #cfd4d8;
}
.solid_bottom{
    border-bottom:1px solid #cccccc;
}
.dotted-bottom{
    border-bottom: 1px dotted #CFD4D8;
    padding-bottom:20px;
}
.no-border {
    border:none!important;
    margin-bottom: 0;
}
.readerOnly {
    position:absolute;
    overflow:hidden;
    clip:rect(0,0,0,0);
    height:1px;
    width:1px;
    margin:-1px;
    padding: 0;
    border: 0;
}
.mobileOnly{
    display:block;
}
.desktopOnly{
    display:none;
}
.printOnly {
    display: none;
}
.no-wrap {
    white-space: nowrap;
}
.notBold {
    font-weight: normal;
}

@media screen and (min-width:480px), print and (min-width:480px){

    .mobileOnly{
        display:none;
    }
    .desktopOnly{
        display:block;
    }
    h2 .desktopOnly,
    .dropdown .desktopOnly{
        display:none;
    }
    .dropdown .desktopOnly.comma{
        display: inline;
    }

}
.overflow-ellipsis {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.moduleBreak {
    margin-bottom:20px;
}

/* END USEFUL HELPER STYLES */

::-webkit-input-placeholder { /* WebKit browsers */
    color:#555555!important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#555555!important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#555555!important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #555555!important;
    opacity: 1;
}

/* Hiding number input spinner arrows */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button{
    -webkit-appearance: none;
    margin:0;
}

/* MACKNZ0005-8602: force Safari to show the Save Changes button */
button#saveButton-ChangeProfile.btn.fundFindBtn {
    -webkit-backface-visibility: hidden;
}

/* MACKNZ0005-7916 & MACKNZ0005-7855: text styles on mostly-text pages are namespaced using .useTextStyles */
.useTextStyles ol ol {
    padding-bottom: 5px;
}
.useTextStyles ul ul li,
.useTextStyles ul ol li,
.useTextStyles ol li,
.useTextStyles ol ol li,
.useTextStyles > ul > li{
    margin-bottom: 5px;
}
.useTextStyles h2{
    margin: 20px 0 10px;
    font: 20px/20px "PragmaticaSB", "PragmaticaReg", helvetica, arial, sans-serif;
}
.useTextStyles h3{
    margin: 20px 0 10px;
    font: 18px/20px "PragmaticaSB", helvetica, arial, sans-serif;
}
.useTextStyles h4{
    margin: 20px 0 10px;
    font: 16px/20px "PragmaticaSB", helvetica, arial, sans-serif;
}
.useTextStyles h5{
    margin: 20px 0 10px;
    font: 14px/18px "PragmaticaSB", helvetica, arial, sans-serif;
}
.useTextStyles > h2:first-child,
.useTextStyles > h3:first-child,
.useTextStyles > h4:first-child,
.useTextStyles > h5:first-child,
.useTextStyles > h6:first-child{
    margin-top:0;
}
.useTextStyles ul{
    margin-left: 25px;
}
/* end .useTextStyles */

.table {
    font-size: 13px;
    color: #555555;
}

.table thead {
    border-top: 3px solid #616B72;
    color: #888888;
}

.table thead th {
    vertical-align: middle;
    text-align: left;
}

.table thead tr h1 {
    font-size: 20px;
    color: #333333;
}

.table tbody {
    border-top: 1px solid #cfd4d8;
    border-bottom: 1px solid #cfd4d8;
}

.table th, .table td {
    vertical-align: middle;
    border-top: 1px dotted #DDDDDD;
    padding: 0 30px 0 30px;
    text-align: right;
}

.table tr.market {
    background-color: #f6f6f6;
}

.table tr td:first-child {
    text-align: left;
}

.table td.red {
    color: #ff0000;
}

.table td.green {
    color: #25ac28;
}

/*Templates Styles*/
.content .mp-header h2 {
    line-height: 49px;
}

/*News and Commentary*/
.nav-tabs li span {
    padding-top: 10px;
}

.nav-tabs li a {
    /*padding-bottom: 10px;*/
    padding-top: 13px;
    background-color: #DFF2FD;
    border-radius: 0;
    border: none;
}

.nav-tabs li#com > a {
    padding: 17px 20px 12px;
    border-right: 1px solid #d0d5d9;
}

.nav-tabs li#com.active > a {
    padding: 12px 20px 12px;
}

.nav-tabs li.nw {
    float: left !important;
}

.nav-tabs li.nw > a {
    padding: 13px 20px 11px;
    border-left: 1px solid #d0d5d9;
}

.nav-tabs li.nw.active > a {
    padding: 12px 20px 12px;
    font-weight: bold;
    border-right: 0;
}

.nav-tabs li a,
.nav-pills > li > a {
    margin-right: 0;
}

.split h2.module-header-title,
h2.module-header-title {
    float: left;
}

.rightRailContainer h2.module-header-title {
    float: none;
    line-height: normal;
}
/*Related documents in main body styling*/

/*.content .rrMod.clearLeft{
    clear:both!important;
}

.content .rrMod.clearLeft .fund-materials .moduleHeader{
    border-top:0!important;
}

.content .rrMod.clearLeft .module.fund-materials {
    margin: 15px 0px!important;
}
.content .rrMod.clearLeft h2.module-header-title{
    border-bottom: 3px solid #666;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
}*/

.content .rightRailContainer .rrMod h2.module-header-title{
    border-bottom: 0!important;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

dt {
    font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
    font-weight: normal;
}
th,
strong {
    font-family: 'PragmaticaSB', helvetica, verdana, sans-serif;
    font-weight: normal;
}

html[lang="zh-CN"] strong {
    font-weight: bold;
}


/* Begin MFC Tables */

.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
/* .pinned table th, .pinned table td { white-space: nowrap; } */
.pinned td:last-child { border-bottom: 0; }

.scrollable { margin-left: 35%; }
.scrollable { overflow: scroll; overflow-y: hidden; }

/* Overrides */

.pinned {
  border: 0 none;
  overflow: auto;
  overflow-y: hidden;
}

/*.overthrow-enabled .overthrow {
  -webkit-overflow-scrolling: touch;
}
*/
/* END MFC Tables */

/* BEGIN Swipe Slides */

.swiping-nav {
    display: none;
    position: absolute;
    width: 50px;
    height: 100%;
    cursor: pointer;
    margin-top: 40px;
}





.swiping-nav.left.show {
    background: transparent url(/mi/assets/images/left_arrow.png) no-repeat center 124px;
    left: 0;
}

.swiping-nav.right.show {
    background: transparent url(/mi/assets/images/right_arrow.png) no-repeat center 124px;
    right: 0;
}

.swiping-nav.left.hide ,
.swiping-nav.right.hide {
    display: none;
}

@media screen and (max-width: 480px){
     .swiping-nav.left {
        background: transparent url(/mi/assets/images/left_arrow.png) no-repeat left 124px;
        left: 0px;
    }

    .swiping-nav.right {
        background: transparent url(/mi/assets/images/right_arrow.png) no-repeat left 124px;
        right: -10px;
    }

}

/* END Swipe Slides */

/*!
 *  Focal Point: Pure HTML/CSS Adaptive Images Framework
 *  Author: Adam Bradley, 2012
 *  License: MIT/GPLv2
 *  https://github.com/adamdbradley/focal-point
 *  http://www.cdnconnect.com/
*/

.focal-point {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.focal-point img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    min-height:250px;
}

.focal-point div {
    position: relative;
    max-width: none;
    height: auto;
}


/*Investor Education*/
.investorEducationLinks .pull-left,
.investorEducationLinks .pull-right{
    width:100%;
    float: none;
}

.investorEducationLinks h5 {
    margin-bottom: 5px;
}

/* Jira 7864 --> Force 2 columns to 1 -- */
@media all and (min-width: 480px) {
    .investorEducationLinks .pull-left,
    .investorEducationLinks .pull-right {
        width:48%;
    }

    .investorEducationLinks .pull-right {
        float:right;
    }

    .investorEducationLinks .pull-left {
        float:left;
        margin-right:2%;
    }
}

@media all and (max-width: 835px) {

    /* 4x3 Landscape Shape (Default) */
    .focal-point div {
        margin: -3em -4em;
    }

    /* Landscape down (Total 6em) */
    .down-1 div {
        margin-top:    -3.5em;
        margin-bottom: -2.5em;
    }
    .down-2 div {
        margin-top:    -4em;
        margin-bottom: -2em;
    }
    .down-3 div {
        margin-top:    -4.5em;
        margin-bottom: -1.5em;
    }
    .down-4 div {
        margin-top:    -5em;
        margin-bottom: -1em;
    }
    .down-5 div {
        margin-top:    -5.5em;
        margin-bottom: -0.5em;
    }
    .down-6 div {
        margin-top:    -6em;
        margin-bottom: 0;
    }

    /* Landscape up (Total 6em) */
    .up-1 div {
        margin-top:    -2.5em;
        margin-bottom: -3.5em;
    }
    .up-2 div {
        margin-top:    -2em;
        margin-bottom: -4em;
    }
    .up-3 div {
        margin-top:    -1.5em;
        margin-bottom: -4.5em;
    }
    .up-4 div {
        margin-top:    -1em;
        margin-bottom: -5em;
    }
    .up-5 div {
        margin-top:    -0.5em;
        margin-bottom: -5.5em;
    }
    .up-6 div {
        margin-top:    0;
        margin-bottom: -6em;
    }

    /* Landscape right (Total 8em) */
    .right-1 div {
        margin-left:  -4.66em;
        margin-right: -3.34em;
    }
    .right-2 div {
        margin-left:  -5.33em;
        margin-right: -2.67em;
    }
    .right-3 div {
        margin-left:  -6em;
        margin-right: -2em;
    }
    .right-4 div {
        margin-left:  -6.66em;
        margin-right: -1.34em;
    }
    .right-5 div {
        margin-left:  -7.33em;
        margin-right: -0.67em;
    }
    .right-6 div {
        margin-left:  -15.67em;
        margin-right: -3.33em;
    }

    /* Landscape left (Total 8em) */
    .left-1 div {
        margin-left:  -3.34em;
        margin-right: -4.66em;
    }
    .left-2 div {
        margin-left:  -2.67em;
        margin-right: -5.33em;
    }
    .left-3 div {
        margin-left:  -2em;
        margin-right: -6em;
    }
    .left-4 div {
        margin-left:  -1.34em;
        margin-right: -6.66em;
    }
    .left-5 div {
        margin-left:  -0.67em;
        margin-right: -7.33em;
    }
    .left-6 div {
        margin-left:  0;
        margin-right: -8em;
    }


    /* 3x4 Portrait Shape */
    .focal-point.portrait div {
        margin: -4em -3em;
    }

    /* Portrait down (Total 8em) */
    .portrait.down-1 div {
        margin-top:    -4.66em;
        margin-bottom: -3.34em;
    }
    .portrait.down-2 div {
        margin-top:    -5.33em;
        margin-bottom: -2.67em;
    }
    .portrait.down-3 div {
        margin-top:    -6em;
        margin-bottom: -2em;
    }
    .portrait.down-4 div {
        margin-top:    -6.66em;
        margin-bottom: -1.34em;
    }
    .portrait.down-5 div {
        margin-top:    -7.33em;
        margin-bottom: -0.67em;
    }
    .portrait.down-6 div {
        margin-top:    -8em;
        margin-bottom: 0;
    }

    /* Portrait right (Total 6em) */
    .portrait.right-1 div {
        margin-left:  -3.5em;
        margin-right: -2.5em;
    }
    .portrait.right-2 div {
        margin-left:  -4em;
        margin-right: -2em;
    }
    .portrait.right-3 div {
        margin-left:  -4.5em;
        margin-right: -1.5em;
    }
    .portrait.right-4 div {
        margin-left:  -5em;
        margin-right: -1em;
    }
    .portrait.right-5 div {
        margin-left:  -5.5em;
        margin-right: -0.5em;
    }
    .portrait.right-6 div {
        margin-left:  -6em;
        margin-right: 0;
    }

    /* Portrait up (Total 8em) */
    .portrait.up-1 div {
        margin-top:    -3.34em;
        margin-bottom: -4.66em;
    }
    .portrait.up-2 div {
        margin-top:    -2.67em;
        margin-bottom: -5.33em;
    }
    .portrait.up-3 div {
        margin-top:    -2em;
        margin-bottom: -6em;
    }
    .portrait.up-4 div {
        margin-top:    -1.34em;
        margin-bottom: -6.66em;
    }
    .portrait.up-5 div {
        margin-top:    -0.67em;
        margin-bottom: -7.33em;
    }
    .portrait.up-6 div {
        margin-top:    0;
        margin-bottom: -8em;
    }

    /* Portrait left (Total 6em) */
    .portrait.left-1 div {
        margin-left:  -2.5em;
        margin-right: -3.5em;
    }
    .portrait.left-2 div {
        margin-left:  -2em;
        margin-right: -4em;
    }
    .portrait.left-3 div {
        margin-left:  -1.5em;
        margin-right: -4.5em;
    }
    .portrait.left-4 div {
        margin-left:  -1em;
        margin-right: -5em;
    }
    .portrait.left-5 div {
        margin-left:  -0.5em;
        margin-right: -5.5em;
    }
    .portrait.left-6 div {
        margin-left:  0;
        margin-right: -6em;
    }

}

@media all and (max-width: 480px) {
    .right-6 div {
        margin-left:-24em;
    }
}

@media all and (max-width: 400px) {
    .right-6 div {
        margin-left:-29em;
    }
}


/* ----- END FOCAL POINT ----- */

/* ----- HOMEPAGE ----- */
.homepage.grid.hasRightRail {
    border-top: 1px solid #cfd4d8;
    padding-top: 16px;
}
.homepage #mfc-carousel{
    max-height: 329px;
}

.homepage.isNotLoggedIn .hoistRef {
    position: relative;
}

.homepage.isNotLoggedIn .hoistContainer{
    position:absolute;
    top:0;
    width:100%;
}
.homepage.isNotLoggedIn .news-commentary {
    margin-top: 616px ;
}

/*.homepage.isNotLoggedIn .rrMod.first-child{
    position:absolute;
    top: 0;
    width:100%;
}


.homepage.isNotLoggedIn .rrMod.second-child{
    position:absolute;
    top:337px;
    width:100%;
}*/

@media screen and (min-width: 615px) and (max-width: 960px)  {
/*    .homepage.isNotLoggedIn .rrMod.second-child {
        top:-20px;
        width:48%;
    }*/
}


select.qff-assetclass-dropdown {
    width: 100%;
    height: 25px;
}

@media screen and (max-width: 960px) {
    .homepage.isNotLoggedIn .related-media-widget .one-item-menu {
        width:96%;
        padding-right:4%;
    }
}


@media screen and (min-width:481px){
    .homepage.isNotLoggedIn .related-media-widget{
        width:50%;
        float:left;
        margin-top:41px;
        border-bottom:none;
    }
    .homepage.isNotLoggedIn .news-commentary {
        margin-top: 385px ;
    }
}
@media screen and (min-width:615px){
    html[lang="fr-CA"] .qFF .btnContainer .btn,
    html[lang="fr-CA"] .formCarousel .viewall-link,
    html[lang="fr-CA"] .formCarousel .qff-codesandfees-link{
        font-size:14px;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
        max-width: none;
    }

/*    .homepage.isNotLoggedIn .rrMod.first-child .module {
        float: left;
        top:-20px;
        width: 48%;
    }*/

/*    .homepage.isNotLoggedIn .rrMod.first-child{
        width: 50%;
    }*/

    .homepage .rightRailContainer .qFF .btnContainer {
        margin-bottom: 108px;
    }

/*    .homepage.isNotLoggedIn .rrMod.first-child .module + .module {
        float: left;
        margin-left: 2%;
    }
    */
/*    .homepage.isNotLoggedIn .rrMod.second-child{
        right: 0;
    }*/
    .homepage.isNotLoggedIn .news-commentary{
        margin-top:342px;
    }
}

@media screen and (min-width: 960px), print and (min-width: 960px){
    .homepage.isNotLoggedIn .news-commentary{
        margin-top:0;
    }

/*    .homepage.isNotLoggedIn .rrMod.first-child,
    .homepage.isNotLoggedIn .rrMod.second-child{
        position:static;
        width:100%;
    }*/
/*    .homepage.isNotLoggedIn .rightRailContainer .rrMod.first-child .module {
        position: static;
        float: none;
        width: auto;
        margin-left: 0px;
    }*/
    .homepage.isNotLoggedIn .related-media-widget{
        width:100%;
        float:none;
        margin-top:0;
    }
}

 @media screen and (min-width: 960px) and (max-width: 1019px) {
    .rightRailContainer .rrMod.odd,
    .rightRailContainer .rrMod.even,
    .homepage.isNotLoggedIn .rrMod.first-child,
    .homepage.isNotLoggedIn .rrMod.second-child,
    .rrMod.even {
        width:48%;
    }

    .rightRailContainer .rrMod.odd,
    .homepage.isNotLoggedIn .rrMod.first-child {
        padding-right: 2%;
    }
}
/* ----- END HOMEPAGE ----- */

/*Carousel*/
.carousel{
    /* cannot overflow:hidden here for widgets in carousel */
    margin-bottom:10px;

}
.carousel .item.initial:nth-child(1) {
    display: block;
}
.carousel a, #carousel-box a, .carousel-caption {
    color: #ffffff;
}
#mfc-carousel .carousel-control {
    z-index:2;
    width: 24px;
    height: 37px;
    top: 52%;
    border: none;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
    );
}

#mfc-carousel .carousel-control.left {
    /*background: url(/assets/images/left_arrow.png) no-repeat 0 0;*/
}

#mfc-carousel .carousel-control.right {
    /*background: url(/assets/images/right_arrow.png) no-repeat 0 0;*/
}

#carousel-nav {
    font-family:"PragmaticaSB", helvetica, verdana, sans-serif;
}

#carousel-nav span,
#carousel-nav button
{
    float: left;
    padding-right: 10px;
    color:#fff;
}

#carousel-nav button {
    border:none;
    background-color: #4E565C;
    display: inline-block;
    height: 19px;
    width: 19px;
    padding:0;
    margin:0;
}

#carousel-nav button {
    border:none;
    background-color: #4E565C;
    display: inline-block;
    height: 19px;
    width: 19px;
    padding:0;
    margin:0;
}

.carousel-paginate #carousel-nav span{
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAeklEQVQIHU3Bvw0BYQAH0N9FTqLj+quUImYwhkTFEFZ4O0gM4DZRaHR2UIry8zd4L28GWk1+1LaKojgb50nPSWeUqC0U4ySWDqp8WDgncTTPl1rRxMUkfxRtdFb5MlQMYuaqyYvK3i5PNm7WJuYOTvp5M9W5OFrq5eEOErM4VpC6FkUAAAAASUVORK5CYII=) no-repeat;
   height: 10px;
   margin-left: 17px;
}

.carousel-paginate #carousel-nav span:first-child{
    margin-left: 0;
}

#carousel-nav .active {
    color: #EA7625;
    font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
    font-size: 14px;
}

#carousel-nav .active,
#carousel-nav .next,
#carousel-nav .prev {
    position:relative;
}

.carousel-paginate #carousel-nav span.active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAPFBMVEUAAABXrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt76oiQFAAAAE3RSTlMAAQQIDQ4aJSYtNWJ1qq3P2uvt02R3rAAAAD1JREFUCB0FwQsCQgAAQLGHUsh3979rW9XrMw9VTQfutRovYK0NcA+dAHMPwLcd4N0COKofuKaqZX/Obaw/CFAFD3QtBc4AAAAASUVORK5CYII=) no-repeat;
}

.carousel-paginate #carousel-nav span:hover{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAPFBMVEUAAACIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIixA9GNAAAAE3RSTlMAAQQIDQ4aJSYtNWJ1qq3P2uvt02R3rAAAAD1JREFUCB0FwQsCQgAAQLGHUsh3979rW9XrMw9VTQfutRovYK0NcA+dAHMPwLcd4N0COKofuKaqZX/Obaw/CFAFD3QtBc4AAAAASUVORK5CYII=) no-repeat;
    cursor: pointer;
}

.carousel-paginate #carousel-nav .active:hover{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAPFBMVEUAAABXrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt5Xrt76oiQFAAAAE3RSTlMAAQQIDQ4aJSYtNWJ1qq3P2uvt02R3rAAAAD1JREFUCB0FwQsCQgAAQLGHUsh3979rW9XrMw9VTQfutRovYK0NcA+dAHMPwLcd4N0COKofuKaqZX/Obaw/CFAFD3QtBc4AAAAASUVORK5CYII=) no-repeat;
}

#carousel-nav .active.left, #carousel-nav .active.right {
    opacity:1;
}

.homepage-carousel .carousel-control,
.carousel-paginate .carousel-control{
    background: none!important;
    border: none!important;
}

.carousel-box {
    float: right;
    position: absolute;
    z-index:2;
    top: 15px;
    right:15px;
}

.carousel-box img {
    float: left;
}

.play-Button {
    float:left;
    display:inline;
}

.carousel-paginate .play-Button{
    display: none!important;
}

.play-Button button {
    background-color: #dff2fd;
    width:19px;
    height: 19px;
    border:none;
    margin:0;
    padding:0;
}

@media screen and (max-width: 615px){
    .play-Button button {
        position: relative;
        z-index: 1000;
        background: none;
    }

    .carousel-frame {
        top:0;
        position: relative;
        z-index: 500;
        bottom:43px;
    }

    .mfc-icon-carousel-pause, .mfc-icon-carousel-play {
        background: #dff2fd;
        position: relative;
    }

    .carousel-box {
        width: 20px;
        position: absolute;
    }
    .carousel-box .play-Button {
        top: 0;
        float: right;
    }

    #carousel-nav {
        display: block;
    }
    #carousel-nav button {
        float:none;
        display: block;
    }

    .carousel {
        width: 100% !important;
    }

    .carousel-caption h1 {
        font-size: 18px !important;
        line-height: 26px !important;
        margin-bottom: 5px !important;
    }

    .carousel-caption p {
        font-size: 13px;
        line-height: 17px;
    }

    .carousel-caption {
        left: 0 !important;
        right: 3px !important;
        padding: 6px !important;
        position: absolute;
        width: 100% !important;
        height: auto !important;
    }

    .carousel-caption .fund-manager-finder__find-button {
        display: inline-block !important;
        width:auto !important;
    }
    .carousel-caption .btn{
        display: none;
    }

    .carousel-caption-with-fund-manager-finder {
        height: inherit;
    }

    .carousel-caption-with-fund-manager-finder .btnContainer button {
        width: auto !important;
    }

    .carousel-caption-with-fund-manager-finder .btnContainer a {
        display: none !important;
    }

     .carousel-caption a{
        text-decoration:none;
     }

     .carousel-control {
        left: -50px;
    }

    .carousel-control.left {
        right: -50px;
    }

    .carousel-control.right {
        right: -50px;
    }

    .carousel-inner {
        width: 100%;

    }
    .carousel-inner .item img {
        position:absolute;
    }



}

.slide-right-arrow{
    background:url(/mi/assets/images/right-arrow.png) no-repeat;
    display: block;
    height: 28px;
    width: 22px;
}

.slide-left-arrow{
    background:url(/mi/assets/images/left-arrow.png) no-repeat;
    display: block;
    height: 28px;
    width: 22px;
}

.homepage-carousel .carousel-control{
    background: none!important;
}

.homepage-carousel .carousel-control.left{
    left: 6px!important;
}

.homepage-carousel .carousel-control.right{
    right: 2px!important;
}

.carousel-frame {
    float: right;
    background-color: #4E565C;
}

.carousel-paginate .carousel-frame{
    float: none!important;
}

.homepage-carousel .carousel-frame{
    background: none!important;
}

.carousel-paginate.carousel-box {
    float: none!important;
    top: -24px;
    text-align: center;
    right: 0!important;
}

.carousel-paginate .carousel-box-inner{
    display: inline-block;
}

.icon-double-right{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAVUlEQVQIHQXBsREBUQBAwSXwhcIzThd6uJbEWjFmlCL4oxvxs6t7C70bgI7NltZmA9Cxb+cuzQagU78O3ZqgXa+2RrMV7Xq2Nfq2gh5t9OkKaA/tAf4BXTNGdq5MgQAAAABJRU5ErkJggg==) no-repeat;
    height: 9px;
    vertical-align: middle;
}

@media screen and (min-width:615px){
    .carousel-box{
        width:auto;
        height: 19px;
        position: relative;
        right:26px;
        top: -40px;
    }

    #carousel-nav {
        padding:0 5px;
    }
}

/* Header
-------------------------------------------------- */
header {
    background-color: #fff;
    width: 100%;
}
.skipContent:focus,
.skipContent.focus
 {
    position:relative;
    overflow:auto;
    clip:auto;
    height:auto;
    width:auto;
    margin:auto;
    color:#fff;
}

.headerRow.hasMarginBottom {
    margin-bottom: 0px;
}

#header_widget{
    background:#fff;
    height: 86px;
    position: relative;
}

#mackLogo{
    display: block;
    height: 53px;
    top: 16px;
    width: 450px;
    position:relative;
    float:left;
}

html[lang="fr-CA"] #mackLogo{
    width:400px;
}

#mackLogo img {
    position:absolute;
}

html[lang="zh-CN"] #mackLogo{
    top: 13px;
}
/*
    Ours
        second size is roughly 90%
        third size is roughly 73%
        original // smaller screen 90% // smallest screen 73%
        100 x 30 // 90 x 27 // 73 x 22

    Samples
       LBC 155 x 50 // 140 x 45 // 113 x 36
       MD EN 128 x 56 //  //
       MD FR 175 x 78 // //
*/
#partnerLogo {
    display:block;
    max-height: 50px;
    max-width: 175px;

    position: absolute;
    top: 18px;
    left: 195px;
    overflow: visible;
    /* temporary!! */
    /*background-color: white;*/
    /*outline: 1px solid white;*/
    /*opacity: .25;*/
}
#partnerLogo img {
    height: 100%;
    width: 100%;
    max-width: none;
}
#partnerLogo img.md { margin-top: -3px; }

.hrw-menu {
    float:right;
    margin-top:15px;
    margin-left:0;
}

.hrw-menu > li {
    float:left;
    list-style:none;
    line-height: 13px;
    border-left:1px solid #fff;
    padding-left:7px;
    margin-left:7px;
}
.hrw-menu > li > a {
    font-size:11px;
}

.hrw-menu > li:first-child,
.hrw-menu li.dropdown{
    border-left:none;
}

.hrw-menu li.dropdown{
    white-space:normal;
    max-width:190px;
    display:inline-block;
    padding-left: 0;
    margin-left: 0;
    position:static;
}

li.dropdown.lang-menu{
    padding-left: 7px;
    margin-left: 7px;
}

.hrw-menu li.dropdown.open{
    position:relative;
}

.hrw-menu.notLoggedIn li.dropdown.open{
    position:relative;
    min-width: 120px;
}

html[lang="fr-CA"] .hrw-menu.notLoggedIn li.dropdown.open{
    min-width: 130px;
}

.login-dropdown .mfc-icon-utility-nav-collapse {
   
}

.hrw-menu > li > a:hover{
    text-decoration:none;
}

.hrw-menu > li.last-extra{
    font-weight: bold;
}

.hrw-uname.dropdown-toggle {
    display: inline-block;
    font-family: 'PragmaticaBold',helvetica,verdana,sans-serif;
    word-break: break-all;
    word-wrap: break-word;
}

.hrw-menu .dropdown-menu a{
    word-break: break-all;
    word-wrap:break-word;
}

.hrw-uname.dropdown-toggle .mfc-icon {
    margin-left: 2px;
    padding-top: 1px;
}
.hrw-menu .dropdown-toggle .mobileOnly{
    display:inline;
}

.hrw-login-menu {
    border-right: 1px solid #d5d6d8;
    border-left: 1px solid #d5d6d8;
    border-bottom: 1px solid #d5d6d8;
    border-top: 3px solid #aada6a;
    border-radius: 0;
    font-size: 12px;
    left: -5px;
    right:-8px;
    margin: 0 0 0 2px;
    min-width: 0;
    padding: 0;
    top: -15px;
    z-index: 2001;
}
.hrw-login-menu .mobileOnly{
    display:inline;
}
.header__login-menu__welcome {
    height: 28px;
    border-bottom: none !important;
}

.header__login-menu__settings a,
.header__login-menu__logout .logoutButton {
    color: #7286A4 !important;
}

.header__login-menu__welcome a:hover {
    text-decoration: none;
}

.header__login-menu__logout .logoutButton {
    text-align: left;
    width: 100%;
}
.header__login-menu__logout .logoutButton:hover,
.header__login-menu__logout .logoutButton.hover {
    text-decoration: underline;
}

.hrw-login-menu > li {
    height: 25px;
}

.hrw-login-menu > li > a,
.hrw-login-menu > li > form > .logoutButton {
    padding: 0;

}
.hrw-login-menu > li > a {
    margin: 5px 9px 0 9px;
    text-align: left;
}
.header__login-menu__logout {
    padding: 5px 9px 0 9px;
}

.hrw-login-menu > .header__login-menu__welcome {
    background: url(/mi/assets/images/icon-sprite.png) no-repeat bottom center;
    color: #333;
    height:auto;
    line-height:13px;
    font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
    padding-right: 2px;
    /*max-width: 130px;*/
}

.login-dropdown > .header__login-menu__welcome{
    margin-left: 67px;
}

.hrw-login-menu > .header__login-menu__welcome > a {
    margin-left:3px;
}

@media screen and (max-width:415px){
   .open .header__login-menu__welcome{
        margin-left: 67px;
   }

   .open .header__login-menu__welcome > a{
        text-align: right!important;
        border-bottom: 1px solid #cbd0d4;
        margin-left: -68px;
        margin-right: 63px!important;
   }

   .open .header__login-menu__welcome > a span{
        margin-right: -29px;
   }
}

@media screen and (min-width:481px){
     .desktopOnly.welcome,
     .desktopOnly.username {
        white-space: -moz-pre-wrap;
        white-space: pre-wrap;
        word-wrap: break-word;
        word-break: break-all;
        white-space:normal;
        display: inline;
    }
    .hrw-login-menu .mobileOnly,
    .hrw-menu .dropdown-toggle .mobileOnly{
        display:none;
    }
    .hrw-login-menu > .header__login-menu__welcome {
        padding-right:5px;
    }
    .hrw-login-menu > .header__login-menu__welcome > a {
        margin-left:9px;
    }
}

@media screen and (min-width: 615px){
    .hrw-login-menu > .header__login-menu__welcome {
        max-width:230px;
    }
    .hrw-menu li.dropdown {
        max-width:279px;
    }
}

@media screen and (min-width: 640px){
    .hrw-login-menu > .header__login-menu__welcome {
        max-width:none;
    }
    .hrw-menu li.dropdown {
        max-width:300px;
    }
}


@media screen and (min-width: 835px){
    .hrw-menu li.dropdown {
        max-width:86px;
    }

}
@media screen and (min-width: 875px){
    .hrw-menu li.dropdown {
        max-width:131px;
    }

}
@media screen and (min-width: 960px){
    .hrw-login-menu > .header__login-menu__welcome {
        max-width:none;
    }
    .hrw-menu li.dropdown {
        max-width:190px;
    }
    .desktopOnly.welcome,
    .desktopOnly.username {
        display: inline;
    }
}
@media screen and (min-width: 1020px){
    .hrw-login-menu > .header__login-menu__welcome {
        max-width:none;
    }
    .hrw-uname .username {
        display: inline;
    }
}

.hrw-login-menu > .header__login-menu__welcome > a {
    margin-right: 0;
    padding-bottom:10px;
    color: #333;
    text-align: left;
    font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
    white-space: normal;
    line-height:13px;

}
.hrw-menu .open .header__login-menu__welcome > a:hover,
.hrw-menu .open .header__login-menu__welcome > a:focus {
    color:#333;
}
.hrw-login-menu > .header__login-menu__welcome > a > .mfc-icon {
    margin-left: 5px;
    position: relative;
    top: -1px;
}

.hrw-menu .open li > a:hover, .hrw-menu .open li > a:focus {
    background-color: transparent;
}

.open .hrw-login-menu{
    padding-top:10px;
}

.open .hrw-login-menu.login-dropdown {
    padding-top: 8px!important;
}

.open .login-dropdown > .header__login-menu__welcome > a{
    text-align: right!important;
    border-bottom: 1px solid #cbd0d4;
    margin-left: -68px;
    margin-right: 63px;
}

.open .login-dropdown > .header__login-menu__welcome > a span{
    margin-right: -60px;
}

.hrw-login-menu > li:last-child {
    border-top: 1px dotted #d5d6d8;
}


form.form-search.hrw-form-search {
    display: none;
    float:right;
    clear:right;
    margin: 0px 0 8px 0px;
    padding:0;
    position: absolute;
    right: 0px;
    top: 39px;
}

.mobile-dn{
    display:none;
}

@media screen and (min-width: 835px), print and (min-width: 835px) {

    form.form-search.hrw-form-search {
        display: block;
	}

}

.filterBox .text input[name="query"],
.hrw-form-search input.headerSearchInput {
    border-width: 0px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance:none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #818181;
    border-color: #16559a;
    width:167px;
    height: 27px;
    margin-right: 3px;
    padding-left: 9px;
    /*padding-top:0px;
    padding-top:0px\9; /* for IE9 */
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus{
    outline:none;
    border-color: #59ade0;
    box-shadow: 0 0 10px #59ade0;
}

.hrw-form-search .headerSearch.btn {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #E5F4F9;
    border-color: #16559a;
    color: transparent;
    height: 27px;
    margin-left: -5px;
    overflow: hidden;
    padding: 0;
    width: 27px;
}
.hrw-form-search .headerSearch.btn:before {
    content: url('/mi/assets/images/icon-sprite.png');
    display: inline-block;
    margin-left: -62px;
    margin-top: -34px;
}

.field.submit button img {
    vertical-align: top;
}


@-moz-document url-prefix() {
    .headerSearch .icon-search {
        margin-top:0;
    }
}

/* end Header
-------------------------------------------------- */

/* Fund Finder
-------------------------------------------------- */

input.fundSearchInput {
    border-radius: 0;
    -webkit-border-radius: 0;
    border-color: #CCC;
    width:213px;
    *width:228px;
    width:228px\9;
}

.customSelect > .btn.custom {
    position: relative;
    bottom:auto;
    left:auto;
    float: left;
    margin-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #CCC;
    background-color: white;
    width: 214px;
    text-align: left;
    color:#999;
    font-family: "PragmaticaReg", helvetica, verdana, sans-serif;
}

button.fundSearch {
    border-radius: 0;
    -webkit-border-radius: 0;
    background-image: none;
    background-color: #DFF2FD;
    border-color: #CCC;
    margin-top:-5px;
    margin-left: -5px;
    width: 33px;
    padding: 4px 8px;
}

#fundFinderForm{
    min-height: 160px;
}

#fundFinderForm .custom {
    color: #999;
    padding-left: 14px;
    padding-right: 14px;
}
.dropdown-menu {
    padding: 0;
    max-height:330px;
    -webkit-overflow-scrolling:touch;
}

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background-color: #1d5a9c;
    background-image: none;
    filter: none;
}

.dropdown-menu.typeahead {
    width: 310px;
}
@media screen and (max-width: 320px){
    .dropdown-menu.typeahead {
        width: 290px;
    }
}
@media screen and (min-width: 480px){
    .dropdown-menu.typeahead {
        width: 330px;
    }
}
.dropdown-menu a,
.dropdown-menu .logoutButton {
    color:#999;
    padding: 5px 15px;
    font-size:12px;
    white-space:normal;
}
.dropdown-menu .logoutButton {
    background-color: transparent;
    border: none;
}
.dropdown-menu li{
    border-bottom: 1px dotted #ccc;
}
.dropdown-menu li:last-child {
    border:none;
}

@-moz-document url-prefix() {
    #fundFinderForm{
        min-height: 170px;
    }
}

#fundFinderForm .control-group{
    margin-bottom: 18px;
}

.customSelectBox .btn.custom {
    /* Current selection on custom dropdowns */
    padding-top: 4px;
    line-height: 20px;
    height: 28px;
    width: 100%;
    left: auto;
    right: 0px;
    border-right:28px solid transparent;
    overflow:hidden;
    text-overflow:ellipsis;
}


.customSelectBox.focus {
    -webkit-box-shadow: inset 0 0 0 1px #59ade0, 0 0 10px #59ade0;
    -moz-box-shadow: inset 0 0 0 1px #59ADE0, 0 0 10px #59ade0;
    box-shadow: inset 0 0 0 1px #59ADE0,  0px 0px 10px #59ade0;

    transition: box-shadow .5s;
    -webkit-transition: box-shadow .5s;
}

.customSelectBox {

    transition: box-shadow .5s;
    -webkit-transition: box-shadow .5s;

    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}

.series-dropdown__form select.customSelectBox {
    position: absolute !important;
    left: 0;
    width: 100%;
    line-height: 1;
    height: 28px;
}

#header_widget .open > .dropdown-menu {
    margin-left: -5px;
}

.open > .dropdown-menu {
    margin-top:-1px;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    background-clip: border-box;
    -moz-background-clip:border-box;
    -webkit-background-clip:border-box;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    display: block;
}
.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a {
    color: #ffffff;
    background-color: #59ade0;
    background-image:none;
}

form.well {
    padding: 10px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    margin-bottom: 10px;
}

form.form-search {
    padding: 15px 10px 0px 10px;
}

.divider {
    border-bottom: 1px solid #CCC;
    position: relative;
    margin-top: -5px;
    margin-bottom: 17px;
}

.dividerText {
    color: #888;
    font-size: 11px;
    background: #F6F6F6;
    width: 28px;
    position: relative;
    left: 50%;
    margin-left:-11px;
    bottom: -7px;
    text-align: center;
}


.seriesFindBtn {
    float: right;
    display: inline;
}


/* Fund Finder ends
-------------------------------------------------- */

/* Market Indices begins
-------------------------------------------------- */
#marketIndicesModule-homepage {
    width:100%;
    background:#f6f6f6;
    border-top:3px solid #666;
    position:relative;
    margin-bottom: 20px;
}

.marketIndices-date {
    color:#888;
    position: absolute;
    font-size: 11px;
    top: 16px;
    right: 9px;
}
html[lang="fr-CA"] .marketIndices-date {
    font-size: 10px;
    top: 17px;
}
.market_indices_table {
    width:100%;
    margin-left:0px;
    color: #555555;
    margin-bottom: 0;
    border-collapse: separate;
    table-layout: fixed;
}

.market_indices_table td {
    padding: 10px 10px;
    line-height: 14px;
    text-align: left;
}

.market_indices_table td .padlock {
    margin-right: 5px;
    margin-bottom: 5px;
}

.market_indices_table td input[type='checkbox'] {
    margin-top: 2px;
}

.market_indices_table thead {
    border-top: 3px solid #616B72;
    color: #888888;
}

.market_indices_table thead th {
    vertical-align: middle;
    text-align: left;
}

.market_indices_table thead tr h1 {
    font-size: 20px;
    color: #333333;
}

.market_indices_table tbody {
    border-top: 1px solid #cfd4d8;
    border-bottom: 1px solid #cfd4d8;
}

.market_indices_table td .links {
     word-break: break-word;
     word-wrap: break-word;
     /* Non standard for webkit */
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
        margin: 0 50px 0 0;
}

.market_indices_table tr td {
    padding:10px;
}

.market_indices_table tr td .right {
    font-weight: normal;
    float: right;
}

.market_indices_table tr {
     background-color: #f6f6f6;
}

/*.market_indices_table tr:nth-child(odd) {
    background-color: #fcfcfc;

}
*/
.market_indices_table tr.odd {
    background-color: #fcfcfc;
}

.market_indices_table tr.even {
    background-color: #f6f6f6;
}

/*.market_indices_table tr.even {
    background-color: #f6f6f6;
}*/

.market_indices_table tr td {
    border:0;
    border-bottom:1px dotted #ccc;
    border-collapse: collapse;
    padding:9px;
}

.market_indices_table tr th {
    font-size: 14px;
    font-family: "PragmaticaSB", helvetica, verdana, sans-serif;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    text-align: left;
    padding: 7px 9px 7px 9px;

}

.market_indices_table tr td.lastTrade,
.market_indices_table tr th.lastTrade,
.market_indices_table tr td.change,
.market_indices_table tr th.change  {
    text-align: right;
}

.market_indices_table tr.white td {
    border:none
}

.market_indices_table tr td.icons {
    text-align:right;
    width: 75px;
    padding-right: 7px;
}

.market_indices_table td .icons {
    float:right;
    padding-top:5px;
}

.market_indices_table td .icons a {
    display: block;
    width:18px;
    height: 18px;
    float:left;
    margin-right:5px;
}

.market_indices_table tr td.icons img:first-child{
    margin-right: 5px;
}

.delayedFooter{
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
    color:#555;
    text-align:center;
}

.barchart-disclaimer{
    background-color: #fff;
    padding: 10px 0; 
}

.rightRailContainer ul.ul_striped {
    margin: 0;
    padding: 0;
    line-height: 1.1;
}

.rightRailContainer ul.ul_striped li.odd,
.rightRailContainer ul.ul_striped li.even {
    padding: 9px;
    list-style-type: none;
    border-bottom: 1px dotted #ccc;
}

.rightRailContainer ul.ul_striped li.odd {
    background-color: #fcfcfc;
}

.rightRailContainer ul.ul_striped li.even {
    background-color: #f6f6f6;
}

.rightRailContainer ul.ul_striped li.last {
    border-bottom: none;
}

@media screen and (min-width: 481px){
    .marketIndices h2.module-header-title{
        font-size:16px;
        line-height:23px;
    }
}
@media screen and (min-width:615px){
    .marketIndices h2.module-header-title{
        font-size:18px;
        line-height:normal;
    }
}

@media screen and (min-width: 768px) and (max-width: 768px){
    html[lang="fr-CA"] .homepage-module-header.valueOfXheader h2{
        max-width: 200px!important;
    }
    html[lang="fr-CA"] .fancybox-inner  .homepage-module-header.valueOfXheader h2{
        max-width:100%!important;
        margin-top: 0px;
    }
} 

/* Market Indices ends
-------------------------------------------------- */

/* advisorLoginModule
-------------------------------------------------- */

.advisorLogin{
    position:relative;
}



.advisorLogin .terms{
    margin: 6% 4%;
}

.advisorLogin form {
    clear: left;
    min-height: 0px;
    padding: 10px 10px 0 10px;
}

.rightRailContainer .advisorLogin .btnContainer {
    margin-right: 0px;
}
.advisorLogin .i-pipe {
    display: none;
}
.advisorLogin .module-header-title {
    float: none;
}

.advisorLogin .rgw-field > span > input[type="text"],
.advisorLogin .rgw-field > span > input[type="password"],
.advisorLogin .rgw-field > span > input[type="email"] {
    width: 100%;
    height: 26px;
}

.advisorLogin .i-pwd-reset {
    margin-bottom: 15px;
}

.advisorLogin .rgw-field.checkbox input{
    margin: 1px 0 5px 0;
    vertical-align: middle;
    border: none !important;
    height:12px !important;
    width:12px !important;
}

.advisorLogin .rgw-field .invalid .message,
.advisorLogin .rgw-field .message {
    bottom: auto;
    position: static;
    left: auto;
    right: auto;
    top: auto;
}

.drw-login .advisorLogin form {
    padding: 0px;
}
.drw-login .advisorLogin .rgw-field > span:first-child {
    margin-top: 0px;
    margin-bottom: 0px;
}

.drw-login .advisorLogin .rgw-field > .invalid > .message {
    font-size: 12px;
}

.alf-buttons-ui > .floatLink > a {
    padding-left: 1px;
}

.floatLink {
    width:82px;
    height:20px;
    float:left;
    margin-left:10px;
    padding-top:5px;
    color:#CCC;
}

.floatLink a{
    font-size: 13px;
    color: #16559a;
    font-weight: normal;
    margin-left: 3px;
}


.infoLabel{
    float:left;
    clear:both;
}

a.infoBtn{
    float:left;
    margin: -1px 0 0 7px;
}

.advisorLogin .help-block {
    color:#16559a;
    font-size:12px;
    margin:3px 0;
    text-decoration: none;
}

input.blockClear{
    display: block;
    clear: left;
    margin-bottom: 4px;
    width:259px !important;
}

.module-footer {
    width: 100%;
    min-height: 41px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background:#dff2fd;
    clear: both;
}

.module-footer-title {
    padding: 10px;
}

.module-footer-title a {
    font-size:13px;
    color:#16559a;
    font-weight:normal;
    display: inline;
}

.module-footer-title .link_divider {
    margin-top: -3px;
}

/* advisorLoginModule ends
-------------------------------------------------- */

body {
    padding-top: 0px;
    background-position: 0 0px;
}

.homepage-module-footer {
    width:100%;
    height:46px;
    border-top:1px dotted #cfd4d8;
    position:relative;
}

.homepage-module-header {
    width: inherit;
    min-height: 38px;
    margin-bottom: 15px;
    border-bottom:1px solid #cfd4d8;
}

.homepage-module-header.with-panel {
    margin-bottom: 0px;
}

.i-widget .module-header-title, .news-commentary .module-header-title, .moduleHeader .module-header-title {
    padding-left: 0;
}

.module-header-title h2 {
    float: left;
    line-height: 44px;
    color: #333;
    padding-top: 2px;
}

#view-all-videos.module-footer-title {
    border-top: 1px dotted #CFD4D8;
    padding-top: 10px;
    margin-bottom: 20px;
    padding-bottom:0;
}

.viewall {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.mp-article.media-last {
    border-bottom: 1px dotted #cfd4d8;
    padding-bottom: 15px;
}

.module-footer-title {  top:-20px;
    width:100%;
}

.module-footer-title h2 a {
    font-size:13px;
    color:#16559a;
    font-weight:normal;
}

.navBtn-container{
    margin-top:1px;
    width: 106px;
    height: 44px;
    float:right;
    display:block;
}

.item-counter{
    width: 106px;
    position: absolute;
    right: 110px;
    text-align: right;
    top: 50%;
    margin-top:-10px;
    letter-spacing: 0.1em;
}

p.timeDate{
    font-size:11px;
}

.featured {
    width:105px;
    height:106px;
    background:url(/mi/assets/images/featured_ribbon.png) no-repeat;
    position:absolute;
    top:-9px;
    left:-9px;
}

/* Video carousel ends
-------------------------------------------------- */


/* FAQs
-------------------------------------------------- */
.rightRailContainer ul.faqs{
    padding: 10px;
    margin-left: 15px;
}
.faqs{
/*  padding:10px 10px 0 10px;
    margin: 0 0 10px 17px;*/
    clear: both;
}

.faqs li {
    line-height:16px;
    color:#555;
    margin-bottom:20px;
}

.faqs li a, .faqs li a:hover {
    color:#16559a;
}

.faqs-footer{
    background:none;
}

/*FAQs ends
-------------------------------------------------- */


/* Header
-------------------------------------------------- */
@media screen and (min-width: 835px), print and (min-width: 835px) {
    .headerTitle{
        margin-bottom:13px;
    }
}
/* Header ends
-------------------------------------------------- */
/* Breadcrumbs
-------------------------------------------------- */
#breadcrumb_widget {

    display: none;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #cfd4d8;
    color: #333;
    font: bold 12px/22px 'PragmaticaReg', helvetica, verdana, sans-serif;
    height: 24px;
    margin-bottom: 25px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: baseline;
    white-space: nowrap;
}

#breadcrumb_widget .breadcrumbs  {
    display:none;
    width: 100%;
    margin: 0;
}

#breadcrumb_widget .breadcrumbs li,
#breadcrumb_widget span {
    list-style: none;
    margin: 0px 3px 3px 0;
    display: inline-block;
    font-weight: normal;
}

#breadcrumb_widget span{
    font-weight:bold;
}


/* Breadcrumbs ends
-------------------------------------------------- */


/* Fund Detail
-------------------------------------------------- */
/* Look in funddetail.css */
/* Fund Detail ends
-------------------------------------------------- */

.hide{display:none;}
/* My Funds  */

.increase,.green{color: #25ac28;}
.decrease,.red{color: #ff0000;}
.drt-myfunds .drt-status {
    background-color:#dff2fd;
    font-size:13px;
    line-height:30px;
    color:#333;
}

.drt-myfunds .drt-status a, .drt-myfunds .drt-status a:hover {
    color: #16559a;
}

/* My Funds ends */



/* Landscape phones and down*/
@media (max-width: 677px) {
    .moduleHeader{width:100%;}
    .carousel-inner {width:100%;}
}

@media (max-width: 677px) {
    #mfc-carousel .carousel-inner {
        max-width: none;
    }
}

/* Landscape phone to portrait tablet*/
@media (max-width: 767px) {

    .carousel-caption h1,
    .carousel-caption h1.hero {
        font-size: 23px;
        line-height: 22px;
    }

    [class*="span"], .row-fluid [class*="span"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .moduleHeader {
        width: 100%;
    }

    .news-commentary {
        max-width: none;
    }
}


.separatorWithFooter{height:100px;}

/* Defect:GLIM00094140 */
a.drwb-toggle:hover{text-decoration:none;}
/* Defect:GLIM00094140 ends */

.absolute {
    position:absolute;
}

.disclaimer {
    position:relative;
    margin-bottom:-30px;
    font-size:12px;
    color:#888;
}

.well .select_class {
    z-index:2;
}

.collapse li {
    border-bottom-style:dotted !important;
}

.detail_page_header{
    padding: 11px 0;
    display:inline-block;
    max-width:45%;
}

.fund-complete-holdings table.pretty {
    float: left;
}

.company-profile .bio-images img {
    border: none;
}

.company-profile .company-profile-detail p {
   padding-left: 220px;
}

@media screen and (max-width: 480px){
    .related-media-widget .detail_page_header{
        font-size: 15px
    }
    .related-media-widget .item-counter {
        font-size: 13px;
    }
    .company-profile .company-profile-detail p {
       padding-left: 0;
    }
}


/* Executive Bios - Start */

    .company-profile-funds {
        margin-bottom:30px;
        margin-top:20px;
    }

    .executive-bio{
        margin-bottom: 30px;
    }

/* Executive Bios - End */
/* Video Page spacing fix -- Jira 8305 */
    .backVideosSpace a{
        margin-bottom:20px;
        display: inline-block;
    }

    .backVideosSpace .articleShareBar a{
        display:inline;
    }
/* Manager Profile - Start */
/* jira 8305 --> fixing spacing issue- added margin-top */
    .managerProfile{
        margin: 0px 0 30px 0;
        overflow:hidden;
    }
    .managerProfile h4 {
        /*margin: 17px 0 9px;*/
        font-size:16px;
    }
    .managerProfile span{
        margin-bottom:8px;
        display:block;
    }
    .managerProfile .experience{
        margin-bottom:0;
    }
    .managerProfile em{
        font-size:16px;
    }
    @media screen and (min-width: 835px){
        .managerProfileContent {
            margin-left:218px;
        }
    }

    .managerProfileContent h2 {
        font-size: 20px;
        font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
    }

    .managerProfileContent h4 {
        font-size: 16px;
    }

    .managerProfileContent .company,
    .managerProfileContent .experience {
        font-size: 16px;
    }

/* Manager Profile - End */

/* Group Plans page template - begin */
    .promo-area__article__text {
        float: left;
    }

    .promo-area__article .fundFindBtn {
        position: absolute;
        bottom: 20px;
        left: 15px;
    }

    .group-plans__promo .carousel-inner {
        margin-left: 0 !important;
    }

/* Group Plans page template - end */


/* Management Companies page template - begin */
    .company-profile{
        margin-bottom:30px;
        margin-top:20px;
    }
    .company-profile-logo {
        margin:15px 0 20px;
    }

/* Management Companies page template - end */


/* Help page template - begin */

    .content .full.linksModule {
        border-bottom: none;
    }

    .linksModule .mackenzie-pro > h3 {
        margin-bottom: 35px;
    }

    .linksModule .topicTitle {
        width: 100%;
        float: left;
        margin-bottom: 35px;
    }

    @media screen and (min-width: 480px) {
        .linksModule .topicTitle {
            float: none;
        }
    }

/* Help page template - end */


/* Fund Detail - Portfolio - Major/Complete Holdings template - begin */
    div.funds-major-toggle {
        display: block;
    }
    div.funds-complete-toggle {
        display: none;
    }

    .fund-complete-holdings.clearfix {
        overflow: visible;
    }

    .module.fund-major-holdings>.row {
        margin-top: 15px;
        background-color: #f6f6f6;
    }

    .module.fund-major-holdings .export-options {
        margin-top: -8px;
    }

    div#totals {
        float: left;
        max-width:18%;
        margin: 26px 15px;
    }

    div#totals div {
        position: relative;
        display: block;
        font-size: 13px;
    }
    
    @media screen and (max-width: 480px) {
        div#totals {
            max-width: inherit;
            width: inherit;
        }

        div#totals div {
            margin-top:0;
            line-height: 19px;
        }

        div#totals div span {
            /*line-height: 117px;*/
        }

        .fund-major-holdings .info-actions div{
            float:left;
            width:48%;
        }
    }


    div#totals div strong {
        font-size: 17px;
    }

    div#totals div dfn {
        font-style: normal;
        width: 120px;
    }

    div#totals div span {
        display: block;
        border-top: solid 1px #cfd4d8;
        border-bottom: solid 1px #cfd4d8;
        padding: 0;
        margin: 14px 0 70px 0;
        font-size: 65px;
    }
    div#equity span {
        color: #abddd5;
    }

    div#fixed_income span {
        color: #abddd5;
    }

    .module.fund-major-holdings table {
        width: 71%;
        margin: 30px 10px 20px 0;
        float: right;
    }

    .module.fund-major-holdings table td.name {
        height: 23px;
        color: #555;
        font-weight: bold;
        font-size: 13px;
       /* position: relative;*/
        padding-bottom: 10px;
    }

    .module.fund-major-holdings table td.name span.equity {
        display: block;
        height: 35px;
        margin: -10px 0 -15px -5px;
    }

    .module.fund-major-holdings table td.name span.equity {
        background-color: #abddd5;
    }

    .module.fund-major-holdings table td.name div.equity {
        background-color: #abddd5;
        height: 35px;
        position: absolute;
        top:0;
    }

    .module.fund-major-holdings table td.name div.equity.no-overlay{
        background: none!important;
    }

     .module.fund-major-holdings table td.name div.labelOverlay {
        background-color: none;
        width: 100%;
     }

    .module.fund-major-holdings table td.name div.labelOverlay .centerVertical {
        display: table-cell;
        vertical-align: middle;
        height: 35px;
        padding-left: 5px;
        position: relative;
    }

    .module.fund-major-holdings table td.name span.fixed-income {
        background-color: #96eced;
    }

    .module.fund-major-holdings table td.percentage {
        height: 23px;
        font-size: 18px;
        padding-left: 15px;
        padding-top: 4px;
        vertical-align: top;
        white-space: nowrap;
    }

    /* Jira 7604 --> 2 line align left on span -- */
    .module.fund-major-holdings table td div.country-sector {
        height: 29px;
        color: #555;
        font-size: 11px;
        font-weight: normal;
        vertical-align: top;
        padding: 5px 0 0 5px;
    }




    a.holdings-toggle {
        font-size: 13px;
        float: right;
        color: #16559a;
        font-weight: normal;
        margin: 0;
        display: inline-block;
    }


    .fund-major-holdings .info-actions{
        overflow: hidden;
    }

    .fund-major-holdings .info-actions div{
        float:left;
    }

    .fund-complete-holdings .label {
        min-height: 30px;
        vertical-align: top;
    }

    .fund-detail .content .fund-complete-holdings .content {
        margin-top: 0px;
    }

    .fund-complete-holdings a.holdings-toggle {
        float: right;
        font-size: 13px;
        color: #16559a;
        font-weight: normal;
        margin: 0px;
    }

/* Fund Detail - Portfolio - Major/Complete Holdings template - end */

/* Fund Detail - Portfolio - Sector/Region Allocation - begin */

    .pie_row_color {
        width:10px;height:40px;
        border-right:1px solid #cfd4d8;
    }

    .pie_legend {
        border:1px solid #cfd4d8;
        color:#808080;
        font-size:13px;
    }

    .pie_legend table {
        width:100%;
    }

    .pie_legend table tr {
        border-bottom:1px dotted #cfd4d8;
    }

    .pie_legend table td {
        padding-top: 7px;
        padding-bottom: 7px;
        white-space: nowrap;
    }

    .pie_legend table .sector_pie_row_content {
        white-space: normal;
    }

    .pie_legend table tr:nth-child(odd) .region_pie_row_content,
    .pie_legend table tr:nth-child(odd) .pie_row_total,
    .pie_legend table tr:nth-child(odd) .sector_pie_row_content
    {
        background:#f6f6f6;
    }

    .pie_row {
        border-bottom:1px dotted #cfd4d8;
    }

    .region_pie_row_content {
        border-left:1px solid #cfd4d8;
        padding-left:10px;
        padding-top:10px;
        padding-bottom:10px;
    }

    .sector_pie_row_content {
        padding-left:10px;
        width:250px;
        padding-bottom:0px;
    }

    .pie_row_total {
            border-left:1px solid #cfd4d8;
            padding-left:10px;
            width:22%;
            padding-right:20px;
            text-align:right
    }

    .pie_row_percent {
    }

    .legend_title {
        font-size:16px;
        display:block;
        padding:10px 0;
    }

    .pie_row_summary {
        border-top:2px solid #000000;
    }

    .pie_row_summary_etf td {
        border-top:2px solid #000000!important;
    }

    .regionalAllocation_container {
        height: 300px;
        min-width: 100%;
    }

    .sectorAllocation_container {
        height: 300px;
        min-width: 100%;
    }

    @media all and (max-width: 350px) {
        .regionalAllocation_container {
            min-width: 200px;
            height: 300px;
            margin: 0 auto
        }

        .sectorAllocation_container {
            min-width: 200px;
            height: 300px;
            margin: 0 auto
        }
    }

/* Fund Detail - Portfolio - Sector/Region Allocation - end */

/* Fund Detail - Portfolio - Credit Allocation - begin */

    .credit_alocation .bold_td {
        font-weight: bold;
    }

    .credit_alocation .align_left_td {
        text-align: left;
    }

    .credit_alocation .align_right_td {
        text-align: right;
    }

/* Fund Detail - Portfolio - Credit Allocation - end */

/* Fund Detail - Portfolio - Bond Portfolio Details - begin */

.bond_portfolio_details .bold_td {
    font-weight:bold;
}

/* Fund Detail - Portfolio - Bond Portfolio Details - end */

/* Fund Detail - Historical Data - begin */


/* Fund Detail - Historical Data - end*/

/* NEW GRIDS */
.grid .carousel,
.grid .heroImg{
    margin-top:30px;
}


/*Global Carousel*/
.grid .carousel {
    margin-bottom: 30px;
}

@media screen and (min-width:835px){
    .grid .carousel,
    .grid .heroImg{
        margin-top:0;
    }
}

/* LEFT NAV */

.hasLeftNav #mfc-carousel,
.hasLeftNav #ar-carousel{
    width: 100%;
    max-height: 250px;
    margin-top: 0;
}

/* This is a hack to fix an issue with Grails outputting empty strings that break the alignment of the page, unfortunately.
   There's probably a better way to do this somehow. */
.content {
    line-height: 0;
}
.content > * {
    line-height:normal;
}

.content .full {
    margin-bottom:20px;
    padding-bottom:20px;
    width:100%;
}


.content .full .row > .full {
    margin:20px 0 0 0;
    padding:20px 0 0 0;
    width:100%;
    border-top: 1px solid #cfd4d8;
    border-bottom: none;
}

.content .full .row > .dotted-bottom {
    border-bottom:0;
}

.content .full .row:first-child .full {
    margin-top:0;
    padding-top:0;
    width:100%;
    border-top:none;
}


.content .full {
    border-bottom: 1px dotted #cfd4d8;
    padding-bottom: 20px;
}

.content .full.border-bottom-none {
    border-bottom: none;
}

.content .full.no-border{
    margin-bottom: 0;
}

.content .full.single {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.content .full > .splitContainer:last-child,
.content .full > .splitContainer.last,
.content .full > .splitContainer:last-child .split {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.company-profile .dotted-bottom,
.managerProfile .dotted-bottom {
    border-bottom: 1px solid #cfd4d8;
}

.content .full.border-bottom {
    border-bottom: 1px solid #cfd4d8;
}

.content .full.hero {
    padding-bottom:0;
    border-bottom: 3px solid #616b72;
}
.ps-ad {
    display:none;
}

.split, .split.full, .pull-left, .pull-right {
    width:100%;
    margin-right:0;
}
.split {
    padding-bottom: 20px;
    float:left;
    border-bottom:1px dotted #cfd4d8;
}
.split1of2,
.split2of2 {
    margin-bottom: 20px;
}

.article_div img {
    margin-bottom: 20px;
}
.split h2 {
    font:18px/normal 'PragmaticaReg', helvetica, verdana, sans-serif;
}
.split ul{
    margin:10px 0 0 0;
    list-style: none;
    clear:left;
}
.split img {
    float:left;
}
.split p:last-child {
    margin-bottom:0;
}
.splitContainer,
.full.clearfix.splitContainer {
    margin-bottom: 0;
    padding-bottom:0;
    border-bottom: none;
}

.article_div .utils img {
    margin-bottom:0;
}
.article_div .thumb {
    float:left;
    margin-right:15px;
    margin-bottom:0;
}

.leftNavContainer .relatedLinks{
    display:none;
}
.content > .relatedLinks {
    display:block;
}
.leftNavContainer .moduleHeader {
    padding: 10px 0;
}

/* RIGHT RAIL */

.rightRailContainer .module {
    background: #f6f6f6;
    width:100%;
    margin-bottom:20px;
}
.rightRailContainer .rrMod{
    width:100%;
}
.rightRailContainer .rrMod .table, .rightRailContainer .rrMod form, .rightRailContainer .rrMod ul, .rightRailContainer .rrMod .moduleContent{
    font-size: 13px;
}
.rightRailContainer .moduleHeader .module-header-title{
    font-family:"PragmaticaSB", helvetica, verdana, sans-serif;
}
.rightRailContainer .moduleContent {
    padding:13px 10px 5px 10px;
}
.rightRailContainer .moduleContent .customSelect .btn.custom {
    left: 0 !important;
}
.rightRailContainer .btnContainer {
    margin: 15px 10px;
    overflow: hidden;
}
.rightRailContainer .btnContainer .btn {
    width:100%;
}
.rightRailContainer input[type="text"] {
    width: 100%;
    padding-left: 10px;
    height: 28px;
}
.rightRailContainer .qFF input[type="text"]{
    border-right:28px solid transparent;
    height: 28px;

    line-height: normal;
    vertical-align: middle;

    padding-top: 1px;
}
.rightRailContainer .searchBtn{
    position: absolute;
    right:10px;
}

.rightRailContainer .select-wrapper {
    position: static;
}

.rightRailContainer .customSelectBox .custom{
/*  left:10px;
    right:35px;*/
    right:25px;
}
.rightRailContainer .customSelectBox .dropdown-toggle{
    right:0;
}
.rightRailContainer .help {
    border-bottom: solid 1px #cfd4d8;
}


.textToBtn {
    background-color: #888;
    border: 0;
    color: #fff;
    display: inline-block;
    font: 16px/28px 'PragmaticaSB', Helvetica, Verdana, sans-serif;
    height: 28px;
    margin-left: 0;
    padding: 0px 10px;
    text-align: center;
}
.textToBtn:hover {
    color: #fff;
    text-decoration: none;
}
@media screen and (min-width: 835px) {
    .textToBtn{
        background-color: transparent;
        color: #16559a;
        font: inherit;
        height: auto;
        padding: 0;
    }
    .textToBtn:hover {
        color: #16559a;
        text-decoration: underline;
    }
}

.rightRailContainer .module,
.rightRailContainer .module-footer {
    padding-bottom:1px;

}
.rightRailContainer .module {
    margin-bottom:20px;
    position:relative;
}
.rightRailContainer .moduleHeader {
    padding:10px;
    border-bottom: 1px solid #ccc;
}
.rightRailContainer ul {
    padding: 10px 0px 0 0;
}
.rightRailContainer ul.unstyled{
    margin-bottom:0;
    padding:0;
}
.rightRailContainer .dropdown, .rightRailContainer .dropdown-menu{
    padding-top:0;
}

.hasRightRail .rightRailContainer,
.hasLeftNav .hasRightRail .content,
.hasRightRail .content,
.carousel-caption {
    width:100%;
    margin:0;
}

.carousel-caption {
}

/* THREE COLUMN LAYOUTS */

.threeCol .content .full {
    border-bottom: none;
    margin-bottom:0;
}
.threeCol .hasRightRail .content {
    padding-top:0;
}
.threeCol .homepage-module-header{
    min-height:43px;
}
.threeCol .mp-header{
    /*height:46px;*/
}
.threeCol .carousel,
.threeCol .heroImg {
    margin-top:0;
}

/* TABBED LAYOUTS */

.panes {
    margin-top: 15px;
}
.panes .paneHeader{
    position: absolute;
    top: -48px;
    display: none;
}
.pane .content {
    color: #555;
}
.pane .content .module {
    margin-bottom:40px;
}
.pane .content h4{
    margin-bottom:20px;
    line-height:48px;
    border-bottom:1px solid #cfd4d8;
}

.mobile-flag {
    display:block;
    position:absolute;
}



@media screen and (min-width:481px), print and (min-width:481px){
    .rightRailContainer .rrMod {
        width:50%;
        padding-right:2%;
        float:left;
    }

    .homepage .rightRailContainer .rrMod {
        padding-left: 0;
    }
    .rightRailContainer .rrMod.odd{
        padding-left: 0;
    }



    #totals div .oneDigit{
        font-size: 70px;
    }
    #totals div .twoDigit{
        font-size: 70px;
    }
    #totals div .threeDigit{
        font-size: 50px;
    }
    #totals div .fourDigit{
        font-size: 37px;
    }


    footer .footerInner {
        margin-left: -30px;
    }
    footer .module {
        width:50%;
        float:left;
        padding-left:30px;
    }
    .footer-logo-container .copyright {
        width: 60%;
    }

}
@media screen and (min-width:615px), print and (min-width:615px){


        #totals div .oneDigit{
        font-size: 90px;
        }
        #totals div .twoDigit{
            font-size: 90px;
        }
        #totals div .threeDigit{
            font-size: 80px;
        }
        #totals div .fourDigit{
            font-size: 60px;
        }

        .article_div img{
            margin-right:15px;
        }
        .split .article_div img.thumb {
            margin-bottom:0;
        }

        div#totals div .fourDigit{
            font-size:55px;
        }
}
@media screen and (max-width: 835px), print and (max-width: 835px) {

    .grid.hasLeftNav .row {
        width: 100%;
    }

    .table-container.responsive table thead th {
        height: 36px;
    }

}

/*custom radio boxes*/
.radio-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin: 2px;
}

.radio-wrapper.focus {
    -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.75);
    border-radius: 10px;
}

.radio-wrapper input[type="radio"] {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 16px;
    width: 16px;
    margin: 0px;
filter: alpha(opacity=50); /* internet explorer */
    opacity: 0;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
}

.radio-wrapper img {
    width: 16px;
    height: 32px;
    position: absolute;
}

/* dropdown, v2 */
select {
    border:0;
}
.select-wrapper {
    position: relative !important;
    overflow: hidden;
    background-color: white;
    height: 28px;

    -webkit-box-shadow:inset 0 0 0 1px #ccc;
    -moz-box-shadow:inset 0 0 0 1px #ccc;
    box-shadow: inset 0 0 0 1px #CCC;
}

.select-wrapper select {
    position: absolute !important;
    left: 0;
    width: 100%;
    line-height: 1;
    height:28px;

/*    line-height: 1;
    color: #555555;
    font-size: 12px;
*/
    /*adjustments due to the fact that the wrapper has a border that messes up the width*/
/*  margin-left: 0px;
    width: 100%;

    background: transparent;
    border: 0;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;*/
}

.select-wrapper select {
    filter: alpha(opacity=50); /* internet explorer */
    opacity: 0;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
}

.select-wrapper .customSelectLabelContainer {
    color: #555555;
    float: left;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    padding: 7px 30px 7px 10px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lt835only {
    display: block;
}

.gt835only {
    display: none;
}

.select-wrapper .customSelectLabel {
        white-space: nowrap;
    }

/* Webkit hack to unset Mozilla specific styling in the select menu */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .select-wrapper select {
        /*line-height: 28px;*/
        padding-top: 0px;
    }
    .select-wrapper .customSelectLabel {
        font-size: 12px;
        color: #555555;
        white-space: nowrap;
    }
}
/* end of dropdown v2 styles */


@media screen and (min-width: 835px), print and (min-width: 835px) {
    .lt835only {
        display: none;
    }

    .gt835only {
        display: block;
    }

    .panes .paneHeader{
        display: block;
        font-family: "PragmaticaSB", "PragmaticaReg", helvetica, verdana, sans-serif;
    }

    #totals div .oneDigit{
        font-size: 50px;
    }
    #totals div .twoDigit{
        font-size: 50px;
    }
    #totals div .threeDigit{
        font-size: 40px;
    }
    #totals div .fourDigit{
        font-size: 49px;
    }

    .hasLeftNav .leftNavContainer {
        margin-right: 30px;
        width: 180px;
        float: left;
    }
    .hasLeftNav .content.full, .hasLeftNav .content{
        width:auto;
        float:none;
        margin-left:210px;
    }
    .hasLeftNav .content > .clearfix {
        clear:none;
        width:auto;
    }/* might be problematic*/

/*    .hasRightRail .rightRailContainer .module {
        float:left;
    }*/
    .homepage.isNotLoggedIn.hasRightRail .content{
        float:none;
    }

/*  .hasRightRail .rightRailContainer{
        width:100%;
        margin-left:0;
    }*/
    .hasRightRail .content,
    .hasLeftNav .hasRightRail .content {
        width:100%;
        margin-left:0;
    }
    .headerRow {
        border-bottom: 3px solid #616b72;
    }
    .topRow {
        background: #616b72;
        margin-bottom: 30px;
        padding-top: 3px;
    }
    .split {
        width:48%;
        border-bottom:none;
        padding:0;
    }
    .split1of2{
        margin-right:4%;
    }
    .ps-ad{
        padding:30px 0;
        background:#fff;
    }
    .content .article_div img {
        margin-bottom:15px;
    }

    .ps-ad,
    .related-links,
    #breadcrumb_widget {
        display: block;
    }

    #breadcrumb_widget .breadcrumbs {
        display: inline-block;
        width: auto;
    }

    .splitContainer,
    .full.clearfix.splitContainer {
        margin-bottom:20px;
        border-bottom:1px dotted #cfd4d8;
    }

    .content > .relatedLinks{
        display:none;
    }
    .leftNavContainer .relatedLinks{
        display:block;
    }

    .pull-left,
    .pull-right{
        float:none;
    }

    .headerRow.hasMarginBottom {
        margin-bottom:30px;
    }
    .headerRow.hasMarginBottom + .oneCol .hero .carousel,
    .headerRow.hasMarginBottom + .oneCol .content,
    .headerRow.hasMarginBottom + .threeCol .content,
    .headerRow.hasMarginBottom + .hasLeftNav .content{
        margin-top:0;
    }

    .leftNavContainer .relatedLinks-list li .relatedLink{
        max-width:88%;
    }
    div#totals div .fourDigit{
        font-size:35px;
    }


/*  .hasRightRail .rightRailContainer {
        margin-left:0;
    }*/
    footer {
        text-align: center;
    }
    footer .footerContainer {
        margin: 0 auto;
        max-width: 960px;
        text-align: left;
    }
    footer .footerInner {
        margin-left: -30px;
    }
    footer .module {
        width: 33.3333%;
    }
    footer .footer-separated {
        margin-top: 40px;
        padding-top: 40px;
    }
    .footer-logo-container .copyright {
        bottom: -45px;
    }
}

@media screen and (min-width: 1020px), print and (min-width: 1020) {
    body .container {
        padding: 0 15px;
        width:auto;
    }
    .hasLeftNav .content {
        width:750px;
        /*float:left;*/
    }
    .hasRightRail .content {
        width: 630px;
    }
    .hasRightRail .content {
        float:left;
    }
    .hasLeftNav .hasRightRail .content {
        width:420px;
    }
    .hasRightRail .rightRailContainer {
        width:300px;
        float:right;
    }
    .rightRailContainer .rrMod {
        width:100%;
        padding: 0;
    }
    .hasLeftNav .split {
        width:360px;

    }
    .hasLeftNav .split.full {
        width: 465px
    }
    .hasLeftNav .split1of2,
    .hasLeftNav .split1of2.full{
        margin-right:30px;
    }
    .split h4 {
    }
    .split ul{
        margin:10px 0 0 0;
    }
    .split img {
        float:left;
    }
    .mobile-flag{
        display:none;
    }
    .homepage.isNotLoggedIn.hasRightRail .content{
        float:left;
    }
    .homepage.isNotLoggedIn .hoistContainer{
        position:relative;
    }
}

@media screen and (max-width: 960px), print and (max-width: 960px){
    /* BEGIN Swipe Slides */

    .swiping-nav {
        display: inline-block;
    }

    .swiping-slide-container {
        overflow: hidden;
        margin-left: -10px;
    }

    .swiping-slide-container {
        margin-left: -10px;
        overflow-x: hidden;
        width:100%;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
        -webkit-transform-style: preserve-3d;
    }

    #asset_allocation {
        margin-bottom: 30px;
    }



    .swiping-slide-container ul.animate {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .swiping-slide-container ul {
        transform: translate3d(0%,0,0) scale3d(1,1,1);
        -o-transform: translate3d(0%,0,0) scale3d(1,1,1);
        -ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
        -moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
        -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        position: relative;
    }

    .swiping-slide-container ul {
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
        box-shadow: 0 0 20px rgba(0,0,0,.2);
        position: relative;
    }

    .swiping-slide-container li {
        display: inline-block;
        float: left;
        overflow: hidden;
        -webkit-transform-style: preserve-3d;
        -webkit-transform: translate3d(0,0,0);
    }

    /* END Swipe Slides */
}

/* MODAL DIALOG */

.modal-backdrop {
    background-color: #FFF;
    z-index: 2999;
}
.modal {
    background-color: #f6f6f6;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-top: 4px solid #616b72;
    z-index: 5501;
}
.modal-header {
    padding: 6px 45px 6px 15px;
    border-bottom: 1px solid #d3d7db;
    position: relative;
}
.modal-header .close {
    background-color: #dff2fe;
    border-left: 1px solid #d3d7db;
    color: #174777;
    font-size: 33px;
    line-height: 42px;
    height: 42px;
    margin: 0;
    padding: 0 11px 0;
    position: absolute;
    right: 0px;
    top: 0px;
}
.modal-header .close:hover {
    text-decoration: none;
}
.modal-footer {
    border-top: 1px solid #d3d7db;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
}
.modal-footer .btn {
    display: block;
    height: auto;
    line-height: normal !important;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px 10px;
}
.modal-footer .btn+.btn {
    margin-bottom: 0px;
    margin-left: 0px;
}
/* Fix for Jira MACKNZ0005-6758 where buttons are too big to fit on 1 line */
html[lang="fr-CA"] .modal-footer .btn {
        font-size: 17px;
}
#drawerModal {
    top: 41%;
    display:none;
}

@media (min-width: 600px) {

    .modal-footer .btn {
        display: inline-block;
        font-size: 20px;
        height: 45px;
        line-height: 45px !important;
        margin-bottom: 0px;
        margin-right: 10px;
        padding: 0 10px;
    }
    .modal-footer .btn+.btn {
        margin-right: 0px;
    }

}

.emailForm textarea {
    width: 280px;
    height: 60px;
}

.emailForm .btnContainer {
    margin-left: 0;
}

.emailForm .btnContainer .formSubmit{
    margin-right: 2%;
}

.emailForm input[type="text"],
.emailForm input[type="email"],
.emailForm input[type="number"],
.emailForm input[type="tel"],
.emailForm textarea{
    padding-left:4px;
    margin-right: 5px;
    width: 100%;
    float: left;
}

#fundFinderForm label.error,
#fundFinderForm .serverError {
    display: inline;
    color: #F00;
    margin: 10px;
}

.hrw-form-search label.error {
    color: #FFFFFF;
    padding-left: 9px;
}

.qff-fundname-form label.error {
   display:inline;
}

#topNavSearchMobile label.error,
#topNavSearchMobile .serverError {
    color: #F00;
    margin-top: 2px;
    margin: 10px;
}

#emailForm label.error,
#emailForm .serverError {
    display: block;
    color: #F00;
    margin-top: 2px;
}

@media screen and (min-width: 480px) {
    .emailForm input[type="text"],
    .emailForm input[type="email"],
    .emailForm input[type="number"],
    .emailForm input[type="tel"],
    .emailForm textarea{
        max-width: 300px;
    }

    #emailForm label.error {
        margin-left: 305px;
    }
}


#emailForm .serverError ul{
    list-style-type: none;
    margin-left: 0;
}

.emailForm a.cancelButton {
    position:   relative;
    top:    15px;
}

@media (max-width: 767px) {
    .modal.fade.in {
        top: 20px;
    }
}

.row .faq-selector {
    margin-top: 8px;
}

.row .faq-selector .faqGoButton {
    float: right;
    display: inline;
    margin-left: 10px;
}

.row .faq-selector .faq-selector-label {
    display:inline-block;
    vertical-align: middle;
}

.row .faq-selector .faq-selector-dropdown {
    display:inline-block;
    width: 40%;
    min-width: 250px;
    vertical-align: middle;
}

#questions_list div{
    padding-top: 25px;
}

#questions_list ul{
    margin-top: 25px;
}

#questions_list ul li{
    margin-top: 4px;
}

#questions_content {
    margin-top:40px;
}

#questions_content h2 {
    padding-bottom:15px;
    margin-bottom:20px;
    border-bottom:solid #ccc 1px;
}

#questions_content h3 {
    margin-bottom: 20px;
}

#questions_content > div {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: dotted 1px #ccc;
}

#questions_content div {
    margin-top: 25px;
}

#questions_content div.last {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#questions_content div p {
    margin-top: 10px;
}

#questions_content .row + div {
    margin-top: 0px;
}

#questions_content .row {
    border-top:1px dashed #cfd4d8;
    margin-top:20px;
}

.printIframe {
    height: 1px;
    width: 1px;
    margin-top: 100px;
}

/*Date Picker*/
.ui-datepicker {
    z-index: 700 !important;
}

/* ICONS */

.mfc-icon {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.mfc-icon:before {
    content: url('/mi/assets/images/icon-sprite.png');
    display: inline-block;
}

.mfc-icon-my-funds,
.mfc-icon-my-funds-disabled,
.mfc-icon-my-bookmarks,
.mfc-icon-my-bookmarks-disabled,
.mfc-icon-my-cart {
    height: 17px;
    width: 17px;
}
.mfc-icon-my-funds:before {
    margin-left: -200px;
    margin-top: -8px;
}
.mfc-icon-my-funds-disabled:before {
    margin-left: -232px;
    margin-top: -8px;
}
.mfc-icon-my-bookmarks:before {
    margin-left: -8px;
    margin-top: -8px;
}
.mfc-icon-my-bookmarks-disabled:before {
    margin-left: -40px;
    margin-top: -8px;
}
.mfc-icon-my-cart:before {
    margin-left: -104px;
    margin-top: -8px;
}

.mfc-icon-my-sales-team-drawer {
    height: 18px;
    width: 22px;
}
.mfc-icon-my-sales-team-drawer:before {
    margin-left: -293px;
    margin-top: -7px;
}
.mfc-icon-my-funds-drawer {
    height: 18px;
    width: 15px;
}
.mfc-icon-my-funds-drawer:before {
    margin-left: -265px;
    margin-top: -6px;
}
.mfc-icon-my-bookmarks-drawer {
    height: 18px;
    width: 13px;
}
.mfc-icon-my-bookmarks-drawer:before {
    margin-left: -74px;
    margin-top: -6px;
}
.mfc-icon-my-cart-drawer {
    height: 18px;
    width: 16px;
}
.mfc-icon-my-cart-drawer:before {
    margin-left: -168px;
    margin-top: -6px;
}

.mfc-sort-indicator {
    height: 10px;
    width: 10px;
}
.mfc-sort-indicator:before {
    margin-left: -90px;
    margin-top: -32px;
}
.sorting_asc .mfc-sort-indicator:before {
    margin-top: -42px;
}
.sorting_desc .mfc-sort-indicator:before {
    margin-top: -52px;
}

.mfc-icon-carousel-pause,
.mfc-icon-carousel-play {
    height: 19px;
    vertical-align: baseline;
    width: 19px;
}
.mfc-icon-carousel-pause:before {
    margin-left: -61px;
    margin-top: -82px;
}
.mfc-icon-carousel-play:before {
    margin-left: -80px;
    margin-top: -82px;
}

.mfc-icon-captcha-audio,
.mfc-icon-captcha-refresh {
    height: 25px;
    width: 26px;
}
.mfc-icon-captcha-audio:before {
    margin-left: -223px;
    margin-top: -35px;
}
.mfc-icon-captcha-refresh:before {
    margin-left: -255px;
    margin-top: -35px;
}

.mfc-icon-share {
    height: 17px;
    width: 17px;
}
.mfc-icon-share:before {
    margin-left: -242px;
    margin-top: -65px;
}
/*Fix for MACKNZ0005-7588 */
.news-commentary.tabModule .mfc-icon-share {
    margin-top: -3px;
}

.mfc-icon-contextual-help {
    height: 14px;
    width: 14px;
    vertical-align: baseline;
}
.mfc-icon-contextual-help:before {
    margin-left: -223px;
    margin-top: -67px;
}

.mfc-icon-arrow-breadcrumb,
.mfc-icon-textual-arrow-next,
.mfc-icon-textual-arrow-back {
    height: 10px;
    width: 10px;
}
.mfc-icon-textual-arrow-next,
.mfc-icon-textual-arrow-back {
    vertical-align: baseline;
    width: 13px;
}
.mfc-icon-textual-arrow-next {
    padding-left: 3px;
}
.mfc-icon-textual-arrow-back {
    padding-right: 3px;
}
.mfc-icon-arrow-breadcrumb:before {
    margin-left: -284px;
    margin-top: -53px;
}
.mfc-icon-textual-arrow-next:before {
    margin-left: -284px;
    margin-top: -41px;
}
.mfc-icon-textual-arrow-back:before {
    margin-left: -284px;
    margin-top: -32px;
}

.mfc-icon-select-arrow {
    background-color: #dff2fd;
    border-left: 1px solid #CCC;
    float: right;
    height: 26px;
    right: 1px;
    position: absolute;
    top: 1px;
    width: 26px;
}
.mfc-icon-select-arrow:before {
    margin-left: -297px;
    margin-top: -35px;
}
.mfc-icon-select-arrow-white {
    height: 10px;
    width: 15px;
}
.mfc-icon-select-arrow-white:before {
    margin-left: -335px;
    margin-top: -43px;
}

.mfc-icon-carousel-arrow-left,
.mfc-icon-carousel-arrow-right {
    height: 20px;
    width: 13px;
}
.mfc-icon-carousel-arrow-left:before {
    margin-left: -269px;
    margin-top: -70px;
}
.mfc-icon-carousel-arrow-right:before {
    margin-left: -302px;
    margin-top: -70px;
}

.mfc-icon-utility-nav-collapse,
.mfc-icon-utility-nav-expand {
    height: 7px;
    width: 7px;
    margin-left:5px;
    vertical-align: baseline;
}
.mfc-icon-utility-nav-collapse:before {
    margin-left: -102px;
    margin-top: -93px;
}
.mfc-icon-utility-nav-expand:before {
    margin-left: -112px;
    margin-top: -95px;
}

.mfc-icon-date-picker {
    height: 15px;
    width: 19px;
}
.mfc-icon-date-picker:before {
    margin-left: -7px;
    margin-top: -100px;
}

.mfc-icon-radio {
    height: 16px;
    width: 16px;
    vertical-align: baseline;
}
.mfc-icon-radio:before {
    content: url('/mi/assets/images/icon-sprite.png#off');
    margin-left: -142px;
    margin-top: -94px;

}
.mfc-icon-radio.selected:before {
    content: url('/mi/assets/images/icon-sprite.png#on');
    margin-left: -162px;
}

/* Begin .content-table styles */

.contentTable {
    overflow: auto;
    margin-bottom: 10px;
}

.contentTable table {
    background: white;
    border: 1px solid #CFC4d8;
    border-top-width: 3px;
    min-width: 640px;
    text-align: left;
}

.contentTable thead {
    background-color: #f7f7f7;
    border-bottom: 1px solid #CFC4d8;
}

.contentTable thead th {
    vertical-align: top;
}

.contentTable tbody tr {
    border-top: 1px dotted #CFC4d8;
}

.contentTable th,
.contentTable td {
    border-bottom: 1px dotted #CFC4d8;
    border-left: 1px solid #CFC4d8;
    font-size: 10px;
    padding: 5px 10px;
}

@media screen and (min-width: 855px) {
    .contentTable th,
    .contentTable td {
        font-size: 14px;
    }
}

/* Content Tables for Merged Cells */

/* Handling the border issues caused by collapsing rows and columns */
.contentTable table.rowColCollapse{
    border-collapse: separate;
    border:none;
}
.contentTable .rowColCollapse thead tr:first-child th {
    border-top: 3px solid #CFC4D8;
}
.contentTable .rowColCollapse tbody tr:first-child th, .contentTable .rowColCollapse tbody tr:first-child td{
    border-top: 1px solid #CFC4D8;
}
.contentTable .rowColCollapse th.noBottomBorder, .contentTable .rowColCollapse td.noBottomBorder {
    border-bottom: none;
}
.contentTable .rowColCollapse th:last-child, .contentTable .rowColCollapse td:last-child {
    border-right: 1px solid #CFD4D8;
}
.contentTable .rowColCollapse tbody tr:last-child th, .contentTable .rowColCollapse tbody tr:last-child td {
    border-bottom: 1px solid #CFC4D8;
}
/* Handling the new text-align issues */
.contentTable.rowColCollapse tbody th {
    text-align: left;
}


.smgrid-group,
.smgrid,
.smgrid-group:after,
.smgrid:after,
.smgrid-group:before,
.smgrid:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.smlist,
.smlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.smlist h2 { margin-top: 20px; }
.smgrid-group { margin: 0; padding: 0; }
.smgrid {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media (min-width: 560px){
    .smgrid-group { margin: 0 0 0 -20px; padding: 0; }
    .smcol {
        width: 50%;
        padding: 0 0 0 20px;
    }
}
/*
    The following came from Dylan
    https://keystone.roundarch.com/jira/browse/MACKNZ0005-7390
*/
ul.smlist li ul {
    margin-left: 17px;
    /*margin-bottom: 8px;*/
}
ul.smlist li ul li {
    margin-bottom: 5px;
}
ul.smlist li ul li h2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    margin-top: 8px;
}
ul.smlist li ul li:first-child > h2{
    margin-top:0;
}
ul.smlist li ul li ul li ul {
    margin-bottom: 0;
}
ul.smlist li ul li ul li h2 {
    font-weight: normal;
    margin-top:0px;
}
.row.bookmarkRightAlign{
    position: relative;
}
.bookmarkShareRightAlign{
    position: absolute;
    right:0;
}


.caption-text .icon-double-right{
    margin-top: 2px;
}

@media screen and (max-width: 800px){
    .mobile-slide-left-arrow{
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAe1BMVEUAAABOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlzNYpRYAAAAKHRSTlMABgkLDxAREhMUFRcaHB4fICYoLjA4OkJFXMfK3ubr7e/x8/X3+fv9j+IWqgAAAGxJREFUGBldwesWgUAYhtFXRahBznSgw4zn/q/QWv6Yr731d5ucrAvUMk7QJIpVH9pUsX2gyxQrJ/q1YpuBsVBs+cI7GU94yFq98U7WdmAsZJWePpd1CHSZrCO0qawzNImsK9SauYed5hb6+QK8RAgh49X75AAAAABJRU5ErkJggg==) no-repeat;
        display: block;
        height: 23px;
    }

    .mobile-slide-right-arrow{
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAdVBMVEUAAABOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlxOVlyN466MAAAAJnRSTlMABggJCw4PERIWFxobHCEjKCowMzo9RUlcxcfM3uTm6+/x9fn7/e/K9p4AAABoSURBVBgZXcHbFsEwFEXRjSJCXOpOqSS6/v8TDW/ndE79rctFI3c4yZt10Mpr3rCXt+j5buWFTN3Ii4Wykpcqn6W8GzzlpEoOsmKhRFkhU5Osec+wk9W84CBr2sFRzgPO8lK9amwi4weOwAfk07INvwAAAABJRU5ErkJggg==) no-repeat;
        display: block;
        height: 23px;
    }

    .carousel-paginate .carousel-control{
       border: none!important;
       background: none!important;
       margin-top: -6px;
       right:-6px!important;
    }

    .homepage-carousel .slider-contorls{
        display: none;
    }
}

@media all and (max-width: 415px){
    .carousel-paginate.carousel-box{
        width: 100%!important;
        position: relative!important;
        float: left;
        text-align: center;
        top:-15px;
    }

    .carousel-inner-container{
        display: inline-block;
    }

    .carousel-paginate .carousel-box-inner{
        float: left;
        margin: 0 25px;
    }

    .carousel-paginate .carousel-control{
        position: relative;
        float: left;
        display: inline-block;
        width: 18px;
        margin-top: -3px;
    }

    .carousel-paginate .carousel-control.left{
        left:0px;
        /*margin-left: 55px;*/
    }

    .carousel-paginate .carousel-control.right{
        right: 0px!important;
    }

    .homepage-carousel .learn-more{
        display: none!important;
    }

    .homepage-carousel .carousel-caption p{
        display: none;
    }
}

@media screen and (min-width: 568px) and (max-width: 569px){
    .carousel-paginate.carousel-box{
        width: 100%!important;
        position: relative!important;
        float: left;
        text-align: center;
        top:-15px;
    }

    .carousel-inner-container{
        display: inline-block;
    }

    .carousel-paginate .carousel-box-inner{
        float: left;
        margin: 0 25px;
    }

    .carousel-paginate .carousel-control{
        position: relative;
        float: left;
        display: inline-block;
        width: 18px;
        margin-top: -3px;
    }

    .carousel-paginate .carousel-control.left{
        left:0px;
        /*margin-left: 55px;*/
    }
    .carousel-paginate .carousel-control.right{
        right: 0px!important;
    }

    .homepage-carousel .learn-more{
        display: none!important;
    }

    .homepage-carousel .carousel-caption p{
        display: none;
    }
}

@media screen and (min-width: 569px) and (max-width: 768px){
    .homepage-carousel .caption-text{
        height: auto!important;
        min-height: 190px;
    }

}

@media screen and (min-width: 569px){
    .caption-text .icon-double-right{
        display: none!important;
    }
}

li.dropdown.lang-menu.open{
    min-width: 60px!important;
}

.lang-menu .hrw-login-menu > li > a{
    margin-right: 2px!important;
}

.hrw-menu .lang-menu.open li > a:hover, .hrw-menu .open li > a:focus{
    /*background-color: none;*/
}

.lang-menu.open .login-dropdown > .header__login-menu__welcome > a span{
    margin-right: 0!important;   
}

.lang-menu .login-dropdown > .header__login-menu__welcome{
    margin-left: 0!important;
}

.lang-menu.open .login-dropdown > .header__login-menu__welcome > a{
    margin-left: 6px!important;
}