/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 26 February 2018 08:24:23
*/


@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/* Mobile */
/* width < 480px */
@media screen and (max-width: 479px) {
    #nav #navHm:hover, #nav navHm:active, #nav #navHm.HM_selected {
        background: url("https://www.energysuper.com.au/__data/assets/image/0008/2033/menu-home.png?v=0.1.2") no-repeat center center;
        height: 44px;
    }

    #innercontentwrap #innercontentcopy .youtube-player {
        height: 230px;
    }

    .innermobileheader .title {
        display: none;
    }

    span.highcharts-title {
        white-space: normal !important;
        top: 0 !important;
        left: 0 !important;
    }
}
/* width betweens 480px and 766px */
@media screen and (min-width: 480px) and (max-width: 767px) {
}

.visible-xs {
    display: none;
}

@media screen and (max-width: 767px) {
    
    /* as see in #5998 */
    #lastestPerformance td, #lastestPerformance th,
    #investmentOption td, #investmentOption th
    {
        padding:3px;
    }
    
    .hidden-xs {
        display: none;
    }

    .visible-xs {
        display: block;
    }

    tr.visible-xs {
        display: table-row;
    }
    
    
    #leftalignformWrap fieldset .cbDisclaimerVal {
        margin-left: 0;
    }

    body {
        padding: 0;
    }

    #logo {
        width: 176px;
        margin-right: 10px;
    }

    .container-fluid.main-nav {
        position: inherit;
    }

    .navbar .btn-navbar:hover {
        background: #000000;
    }

    #nav .custom-nav {
        max-width: 100%;
    }

    #nav ul {
        margin-left: 0;
    }

    #nav li {
        width: 100%;
        border-bottom: 1px solid #ffffff;
    }

    #nav #navIP, #nav #navEA, #nav #navFP, #nav #navAU {
        background: none;
        padding-left: 20px;
        width: 100%;
        margin: 0;
    }

        #nav #navIP:hover, #nav #navIP:active, #nav li:hover #navIP, #nav #navEA:hover, #nav #navEA:active, #nav li:hover #navEA, #nav #navFP:hover, #nav #navFP:active, #nav li:hover #navFP, #nav #navAU:hover, #nav #navAU:active, #nav li:hover #navAU {
            background: #000000;
        }

        #nav #navIP.IP_selected, #nav #navEA.EA_selected, #nav #navFP.FP_selected, #nav #navAU.AU_selected {
            background: #f15a22;
            width: 100%;
            margin: 0;
        }

    #nav .primary {
        background: #000000;
        margin: 0;
    }

        #nav .primary:hover {
            background: #f15a22;
        }

        #nav .primary.Selected {
            background: #f15a22;
        }

    .navbar-inner {
        min-height: 0;
    }

    #nav #navHm {
        display: none;
    }

    .container-fluid.home-body {
        top: 0;
        padding-top: 0;
        margin-bottom: 0;
    }

        .container-fluid.home-body .home-banner-wrapper {
            margin: 0;
            background: inherit;
        }

    .content-background {
        top: 0px;
    }

    .container-fluid.home-body .homepage-background {
        margin: 0;
        top: 0;
        background: #000;
    }

    .homepage-banner .orangeButton {
        left: 0;
        width: 100%;
        border-left: 0;
        border-right: 0;
    }

    .r-column.home-body-icon-bar .span2 {
        width: 100%;
    }

    .r-tactical {
        padding-bottom: 10px;
        border-bottom: 2px solid white;
        border-right: 0;
        height: 48px;
        margin: 10px 20px 0px;
        background: url("https://www.energysuper.com.au/__data/assets/image/0021/1965/arrow-forward.png?v=0.1.2") no-repeat right 16px;
    }

        .r-tactical.my-super {
            margin-left: 20px;
        }

        .r-tactical.last {
            border: 0px;
        }

        .r-tactical a {
            height: auto;
        }

            .r-tactical a .linkText {
                float: left;
                margin-left: 10px;
                max-width: 200px;
                height: 48px;
                padding-top: 14px;
            }

    .rtjoin, .rtrollover, .rtperformance, .rtseminars, .rtfindout {
        float: left;
    }

    #innercontent {
        min-height: inherit;
    }

    #innercontent, .innerRightmenu {
        margin: 0;
    }


    #campaignTiles, .campaignTilesBtmCorners {
        margin: 0;
        padding: 0;
    }

    .campaignTilesBtmCorners {
        height: 0;
    }

    .campaignContent {
        max-height: none;
        height: auto;
        min-height: 225px;
        margin-bottom: 5px;
    }

    #campaignTiles .campaignContent .middle {
        padding-bottom: 30px;
    }

    #innercontent {
        background: none !important;
    }

    .carousel {
        margin: 0;
    }

    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        width: 100%;
        height: auto;
    }

    .innerRightmenuNav {
        margin: 5px 0 20px;
    }

        .innerRightmenuNav ul {
            margin: 0;
        }

    .innerRightmenuBanner a img {
        width: auto;
    }

    .innerRightmenuNav li:first-child {
        border-top: 1px solid #e1e1e1;
    }

    body #innercontentwrap #innercontent .greypublicationBox {
        background: #f8f8f8 url("https://www.energysuper.com.au/__data/assets/image/0012/2028/landing-page-forms.png?v=0.1.2") -30px 0 no-repeat;
    }

        body #innercontentwrap #innercontent .greypublicationBox .title_box {
            width: 120px;
        }

        body #innercontentwrap #innercontent .greypublicationBox .publications_list {
            width: 50%;
            margin-left: 10px;
        }

    body #innercontentcopy .greylistBox ul.content-list li {
        width: 90%;
    }

    #flowpanes {
        height: 215px;
    }

    .flowpane-controls {
        background: #ffffff;
    }

    thead th.title {
        padding: 5px 10px 10px;
    }

    .table th, .table td {
        padding: 3px 0;
    }

    .footerNav .column.col1, .footerNav .column.col2, .footerNav .column.col3, .footerNav .column.col4 {
        width: 90%;
    }

    #flowpanes div.newscontent {
        width: 264px;
        padding: 0 20px;
        max-height: none;
    }

    .footerNav li.top {
        width: 50%;
        height: auto;
        min-height: 130px;
    }

    .container-fluid.page-header {
        margin-top: 10px;
    }

    .container-fluid.main-nav .span12 {
        min-height: 0px;
    }

    /*.container-fluid.home-body-bottom {
        background: #e6e6e6;
    }*/
    .homepage-slider {
        margin: 0px;
    }

    #meltwater #flowpanes #newsfeed h2 {
        width: 65%;
    }

    .container-fluid.footer {
        margin-top: 0;
        padding-right: 20px;
        padding-left: 20px;
    }

    #innercontent #innercontentcopy .sitemapcol1 {
        width: 100%;
    }

    body #innercontentwrap #innercontent .greyfeatureBox .greyfeatureBox_content .darkButton {
        position: relative;
    }

    body #innercontentwrap #innercontent .greypublicationBox .span4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    dl.faqQuestion dd {
        padding-left: 0px;
    }

    .ShareThis {
        float: none;
        top: 0;
        right: 0;
        text-align: right;
        height: 30px;
        margin-right: 20px;
    }

    #innercontentwrap #innercontentcopy .mediacentre .mc_others ul li {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        text-align: center;
    }

        #innercontentwrap #innercontentcopy .mediacentre .mc_others ul li:hover {
            background: none;
            box-shadow: none;
            border: 0;
        }

    #innercontent.employerPage {
        padding: 20px;
    }

    body #innercontentcopy div.table.investmentMix th.title, .employerSeminarTableLabels thead th, .employerSeminarTableLabels td, .employerSeminarTable thead th, .employerSeminarTable td {
        font-size: 11px;
        padding: 5px;
    }

        .employerSeminarTableLabels th.seminar, .employerSeminarTableLabels td.seminar, .employerSeminarTable th.seminar, .employerSeminarTable td.seminar {
            width: 26%;
        }

        .employerSeminarTableLabels th.presenter, .employerSeminarTableLabels td.presenter, .employerSeminarTable th.presenter, .employerSeminarTable td.presenter {
            width: 24%;
        }

    #navEmployer {
        height: auto;
        background: none;
    }

        #navEmployer ul {
            padding: 0;
        }

            #navEmployer ul li {
                width: 100%;
                border-bottom: 1px solid #e1e1e1;
            }

                #navEmployer ul li a, #navEmployer ul li a:link, #navEmployer ul li a:visited {
                    padding: 12px 40px 12px 10px;
                    background: url("https://www.energysuper.com.au/__data/assets/image/0024/1959/arrow-Orangecircle.png?v=0.1.2") 94% center no-repeat;
                    color: #f58220;
                    font-size: 13px;
                    display: block;
                }

                    #navEmployer ul li a:hover {
                        color: #f15a22;
                    }

                    #navEmployer ul li a span {
                        background: none;
                    }
}

@media screen and (min-width: 768px) {
    #mobileddown {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 869px) {
    #nav .custom-nav {
        width: 106px;
    }

    #nav .primary {
        margin-left: 0px;
    }
}

@media screen and (min-width: 870px) and (max-width: 979px) {
    #nav .custom-nav {
        width: 120px;
    }
}

/* Tablets */
@media screen and (min-width: 768px) and (max-width: 979px) {
    .r-tactical {
        padding-bottom: 20px;
    }

    .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }

        .container-fluid.home-body .homepage-background {
            padding-right: 10px;
        }

    #nav li a {
        font-size: 12px;
    }

    #nav #navIP, #nav #navIP.IP_selected {
        width: 210px;
    }

    #nav #navEA, #nav #navEA.EA_selected {
        width: 155px;
    }

    #nav #navFP, #nav #navFP.FP_selected {
        width: 175px;
    }

    #nav #navAU, #nav #navAU.AU_selected {
        width: 90px;
    }

    #nav #navIP, #nav #navEA, #nav #navFP, #nav #navAU {
        padding: 10px 0 9px 10px;
    }

    #nav li.navLast ul {
        right: 14px;
        width: 200px;
    }

    .r-tactical a {
        height: 100px;
    }

    .features ul {
        margin: 10px;
    }

    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        height: 100%;
        width: 100%;
    }

    .container-fluid.home-body .home-banner-wrapper {
        margin-right: -10px;
    }


    body #innercontentcopy .greylistBox ul.content-list li {
        width: 43%;
    }

    #nav #navHm {
        height: 39px;
    }

        #nav #navHm:hover, #nav navHm:active, #nav #navHm.HM_selected {
            height: 39px;
        }

    .footerNav .column.col1, .footerNav .column.col2, .footerNav .column.col3, .footerNav .column.col4 {
        width: auto;
    }

    .footerNav li.top {
        width: 25%;
    }


    .container-fluid.main-nav {
        padding: 0;
    }

    dl.faqQuestion dd {
        padding-left: 20px;
    }
}
/* width < 980px */
@media screen and (max-width: 979px) {
    a {
        font-size: 12px;
    }

    #innercontentcopy {
        width: auto;
    }

    #calculator-landing .landing-page-tile {
        width: 100%;
    }

    .r-tactical span.linkText {
        font-size: 12px;
    }

    .question {
        width: 100%;
    }

    .leftCol, .rightCol {
        width: 100%;
    }

    .footerNav .footerNav-header {
        font-size: 12px;
    }

    #footer_disclosure_statement p {
        font-size: 12px;
    }
}
/* width > 980px */
@media screen and (min-width: 979px) {
    .carousel-inner, .carousel-inner > .item {
        height: 100%;
    }
}
/* width betweens 980px and 1199px */
@media screen and (min-width: 980px) and (max-width: 1199px) {

    #nav .custom-nav {
        width: 130px;
    }
}

/* width < 1200px */
@media screen and (max-width: 1199px) {
}
/* width > 1200px */
@media screen and (min-width: 1200px) {
}