.btn,
.nCrossSellItem .sku,
.ribbon_text,
.theader,
.togglInfo {
    font-weight: 700
}

.header-bar .closeButtonWrapper,
.header-bar .menuWrapper .mainMenu,
.header-bar .subcategories,
.header-bar nav,
.tcontent span,
.theader span,
ul.form-list li>div input {
    box-sizing: border-box;
    box-sizing: border-box
}

.header-bar nav .menuToggler .shop {
    font-size: 16px;
    padding: 10px
}

.header-bar a,
.header-bar a:hover {
    text-decoration: none;
    color: #141237
}

.confidence-bar a,
.confidence-bar a:hover {
    text-decoration: none;
    color: #fff
}

.ribbon_text,
.ribbon_text a {
    color: #fcff00
}

#accessoriesList .nCrossSellItem a.accdetail,
.header-bar .category .backButtonWrapper .seeAll:hover,
.ribbon_text a span.text_deliver {
    text-decoration: underline
}

.header-bar ul {
    list-style-type: none
}

.header-bar .categoryName {
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 100%;
    display: block;
    display: flex;
    justify-content: space-between;
    padding-left: 8px;
    background-color: #333;
}

.header-bar .categoryName i {
    line-height: 2.5em;
    padding-right: 10px;
    transition: padding-right .2s
}

.header-bar .hover .categoryName {
    box-shadow: 0 0 5px rgba(0, 0, 0, .45)
}

.header-bar .hidden {
    transform: translateX(-100%)
}

.header-bar nav .menuToggler {
    display: flex;
    border-radius: 0;
    align-items: center
}

.header-bar .menuWrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media screen and (min-width:769px) {
    .header-bar .mobile-menu-hide {
        display: block !important
    }

    .header-bar .hover i {
        padding-right: .5em
    }

    .header-bar .index,
    .header-bar .slide-out {
        transform: translateX(calc(-1 * (205% + 300px)))
    }

    .header-bar nav .menuToggler .menuText {
        display: block
    }

    .header-bar .menuWrapper {
        width: calc(276px + 2px);
        top: calc(-100vh - 520px);
        left: 0;
        position: absolute;
        display: block;
        height: auto;
        padding: 0;
        border: thin solid rgba(0, 0, 0, .2);
        border-left: none;
        border-top: none
    }

    .header-bar .menuWrapper .mainMenu {
        width: 276px;
        height: auto;
        padding: 0;
        overflow: hidden
    }

    .header-bar .category .backButtonWrapper .backButton {
        font-size: 24px
    }

    .header-bar .category .backButtonWrapper .backButton i {
        padding-right: 10px
    }

    .header-bar .subcategories {
        left: 276px;
        display: none;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: start;
        width: 600px;
        box-sizing: border-box;
        overflow: hidden;
        border: thin solid rgba(0, 0, 0, .2);
        border-top: none;
        height: calc(90vh - 70px);
        box-shadow: 0 0 10px rgba(0, 0, 0, .45);
        min-height: 450px;
        transform: translateX(0);
        padding: 3em 0 0
    }

    .header-bar .subcategories .subcategory {
        margin: 0;
        width: 216px;
        display: block;
        padding: 10px;
        box-sizing: border-box;
        line-height: 1.8em
    }

    .header-bar .subcategories .subcategory .links .link>a {
        font-size: 13px;
        color: #999
    }

    .header-bar .closeButtonWrapper {
        display: none
    }

    .header-bar .category .backButtonWrapper {
        height: 2.5em;
        width: 100%;
        background-color: #f9a00e
    }
}

@font-face {
    font-family: icomoon;
    src: url(/assets/themes/mygenerator/css/fonts/icomoon.eot);
    src: url(/assets/themes/mygenerator/css/fonts/icomoon.eot?#iefix) format('embedded-opentype'), url(/assets/themes/mygenerator/css/fonts/icomoon.woff) format('woff'), url(/assets/themes/mygenerator/css/fonts/icomoon.ttf) format('truetype'), url(/assets/themes/mygenerator/css/fonts/icomoon.svg#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li>a:not(:only-child):after {
    /*! line-height: 44px; */
    speak-as: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000"
}

.dl-menuwrapper .dl-menu,
.dl-menuwrapper .menu-info {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ribbon_text {
    padding: 7px 15px;
    text-align: center;
    font-size: 1.3em;
    background: #203864;
    border-bottom: 3px solid #fcff00;
    position: relative
}

.ribbon_text span {
    display: inline-block;
    vertical-align: top
}

.ribbon_text span.ic_deliver {
    width: 70px;
    height: 70px;
    background: url('https://www.mygenerator.com.au/skin/frontend/ultimo/default/images/icon_delivery_mygen.png') 0 0/contain no-repeat;
    margin-bottom: -48px
}

.ribbon_text span.ic_xmas {
    width: 48px;
    height: 48px;
    background: url('https://www.mygenerator.com.au/assets/themes/mygenerator/img/xmas-myg.svg') 0 0/contain no-repeat;
    margin-bottom: -48px;
    position: absolute;
    top: -5px
}

@media all and (min-width:320px) and (max-width:780px) {
    .alert.alert-success.bonus-new .wrapper-thumbnail {
        width: 49%
    }
}

.alert.alert-success.bonus-new .wrapper-thumbnail {
    vertical-align: top;
    width: 25%;
    display: inline-block;
    float: none
}

@media all and (min-width:320px) and (max-width:780px) {
    .alert.alert-success.bonus-new .wrapper-thumbnail {
        width: 49%;
        padding: 0
    }
}

.n-wrapper-form-control .col-sm-12 {
    padding: 0 8px
}

.n-wrapper-form-control .btn[disabled] {
    opacity: 1
}

.n-wrapper-form-control .col-sm-12:last-child {
    padding-right: 15px
}

.addMultipleCartItems i.fa-shopping-cart {
    font-size: 1.5em;
    margin-right: 10px;
    vertical-align: top
}

.btn {
    text-transform: uppercase
}

.nCrossSellItem label {
    cursor: pointer;
    display: block
}

#accessoriesList {
    border: 1px solid #f3f3f3;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5px;
    max-height: 196px;
    overflow: hidden
}

#accessoriesList.showall {
    max-height: 100%;
    margin-bottom: 30px
}

#accessoriesList h3.panel-title {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 3em;
    background: #f3f3f4;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #14123d;
    cursor: pointer
}

#accessoriesList h3.panel-title:after {
    content: "+";
    position: static;
    float: right;
    font-size: 1.65em
}

#accessoriesList h3.panel-title.open:after {
    content: "-";
    position: static;
    float: right;
    font-size: 1.65em
}

#accessoriesList .nCrossSellItem {
    float: none;
    border-bottom: 1px solid #f3f3f3
}

#accessoriesList .nCrossSellItem:last-child {
    border-bottom: none
}

#accessoriesList .nCrossSellItem p,
.contact-us .form-group label {
    margin: 0
}

#accessoriesList .nCrossSellItem a.accdetail,
#accessoriesList .nCrossSellItem p {
    color: #333
}

#accessoriesList .nCrossSellItem a.accdetail:hover {
    color: #55ba47;
    text-decoration: none
}

.nCrossSellItem .col-xs-1,
.nCrossSellItem .col-xs-2,
.nCrossSellItem .col-xs-3,
.nCrossSellItem .col-xs-6,
.nCrossSellItem .col-xs-7 {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.nCrossSellItem .col-xs-2 {
    max-width: 15%
}

.nCrossSellItem .sku {
    display: block;
    text-align: center;
    font-size: .9em
}

.togglInfo {
    text-align: center;
    margin-bottom: 5px;
    cursor: pointer
}

.row.btn-stack {
    margin-top: 25px
}

.acc-desc,
.tabbable.home .tab-content p {
    line-height: 1.5em
}

.alert.alert-success.bonus-new,
.button-set,
.contact-us .btn-set {
    text-align: center
}

#n_category span.bonus-sku,
#n_checkout .fa-close::before,
#n_checkout .fa-remove::before,
#n_checkout .fa-times::before,
.bonus-new .wrapper-thumbnail .price span,
.bonus-new .wrapper-thumbnail .savings-container,
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subview>a,
.dl-menu.dl-subview li.dl-subviewopen>a,
.header-bar nav .menuToggler .menuText,
.no-js .dl-menuwrapper li.dl-back,
.visible-mobile,
div#dl-menu2 {
    display: none
}

.bonus-new .wrapper-thumbnail .price:after {
    content: "FREE";
    color: red
}

#daRefCode {
    text-align: left;
    color: #fff;
    margin-top: 0;
    text-transform: uppercase
}

.theader {
    background: #777;
    border-bottom: 5px solid #555;
    color: #fff;
    font-size: 1.2em
}

.tcontent span,
.theader span {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    text-align: center
}

form#quotepopup .tfooter {
    padding: 10px;
    background: #bbb;
    text-align: center;
    display: block !important
}

.grid12-10 {
    width: 83%
}

.grid12-8 {
    width: 66%
}

.grid12-6 {
    width: 49%
}

.grid12-4 {
    width: 33%
}

.grid12-2 {
    width: 16%
}

ul.form-list {
    margin: 20px 0;
    padding: 0
}

ul.form-list li {
    list-style: none;
    padding: 10px 0
}

.flex-grid>div,
ul.form-list li>div {
    display: inline-block
}

ul.form-list li>div label {
    font-size: .9em
}

ul.form-list li>div label em {
    color: red
}

ul.form-list li>div input {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 2px
}

form#quotepopup {
    width: 95%;
    margin: 0 auto
}

.button-set .required {
    color: red;
    font-size: .8em;
    text-align: right
}

.button-set button {
    border: none;
    background: #58b847;
    padding: 12px 20px;
    border-radius: 2px
}

.button-set button>span,
i.fa.fa-search {
    color: #fff
}

.label-info {
    background-color: #0076cc
}

.main-image .label {
    padding: .4em 1.5em .5em;
    font-size: 90%;
    font-weight: 400;
    display: block;
    margin: 2px 0
}

.tabbable.home .tab-content ul {
    margin-bottom: 15px;
    margin-left: 18px
}

.tabbable.home .tab-content ul li {
    line-height: 1.5em;
    margin-bottom: 5px
}

.tabbable.home .tab-content ul li::before {
    color: #333;
    font-weight: 700;
    width: 10px;
    margin-left: -15px
}

.tabbable.home .tab-content h2 {
    font-size: 1.8em;
    font-weight: 700
}

.contact-us {
    display: block;
    margin: 40px auto 0
}

.contact-us h3 {
    width: 99%;
    border-bottom: 1px solid #ddd
}

.contact-us .form-group {
    width: 99%;
    margin: 0;
    padding: 10px 0;
    display: inline-block
}

.contact-us .form-group.short {
    width: 32%;
    margin-right: 1%
}

.contact-us .btn-set input.btn.btn-lg.btn-default {
    background: #006;
    color: #fff;
    font-size: 1em;
    padding: 8px 20px
}

.nostock {
    font-weight: 700;
    color: #e82f2f !important
}

@media all and (max-width:767px) {
    .fancybox-inner>div {
        min-width: 240px !important
    }

    .nCrossSellItem>.row>.col-xs-4,
    .nCrossSellItem>.row>.col-xs-8 {
        float: none;
        display: block;
        width: 100%;
        margin: 0 0 10px;
        text-align: justify;
        padding: 0
    }

    .nCrossSellItem>.row>.col-xs-4 img {
        margin: 0 auto
    }

    .contact-us .form-group.short {
        width: 99%;
        margin-right: 0
    }
}

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

    #n_category .thumb .wrapper-thumbnail.col-xs-6.col-sm-6.col-md-3.col-lg-2,
    #n_category .thumb .wrapper-thumbnail.col-xs-6.col-sm-6.col-md-3.col-lg-2 .thumbnail,
    #n_content .thumb .wrapper-thumbnail.col-xs-6.col-sm-6.col-md-3.col-lg-2 {
        min-height: 390px
    }
}

@media(min-width:768px) {

    #n_category .thumb .wrapper-thumbnail.col-xs-6.col-sm-6.col-md-3.col-lg-2,
    #n_category .thumb .wrapper-thumbnail.col-xs-6.col-sm-6.col-md-3.col-lg-2 .thumbnail,
    #n_content .thumb .wrapper-thumbnail.col-xs-6.col-sm-6.col-md-3.col-lg-2 {
        min-height: 552px
    }
}

@media(min-width:1024px) {

    #n_category .thumb .wrapper-thumbnail.col-xs-6.col-sm-6.col-md-3.col-lg-2,
    #n_category .thumb .wrapper-thumbnail.col-xs-6.col-sm-6.col-md-3.col-lg-2 .thumbnail,
    #n_content .thumb .wrapper-thumbnail.col-xs-6.col-sm-6.col-md-3.col-lg-2 {
        min-height: 425px
    }
}

@media(min-width:1200px) {

    #n_category .thumb .wrapper-thumbnail.col-xs-6.col-sm-6.col-md-3.col-lg-2,
    #n_category .thumb .wrapper-thumbnail.col-xs-6.col-sm-6.col-md-3.col-lg-2 .thumbnail,
    #n_content .thumb .wrapper-thumbnail.col-xs-6.col-sm-6.col-md-3.col-lg-2 {
        min-height: 370px
    }
}

.label.label-important {
    background-color: #e82f2f
}

.ecom-data.slick-slide,
.header-bar .mobile-menu-hide,
.hide,
.mobile-only {
    display: none !important
}

.close,
.floatright {
    float: right
}

.header-bar *,
.slick-slider {
    -webkit-tap-highlight-color: transparent
}

.header-bar * {
    margin: 0;
    padding: 0
}

.header-bar .index,
.header-bar .slide-out {
    transform: translateX(0) !important
}

.header-bar .slide-in-v {
    transform: translateY(calc(100vh + 500px + 70px)) !important
}

.header-bar .slide-in {
    transform: translateX(301px)
}

.header-bar .slide-out-v {
    transform: translateY(0)
}

.header-bar .show,
.show {
    display: block !important
}

.header-bar .dflex {
    display: flex !important
}

.header-bar .transitioning {
    left: -301px;
    top: calc(-100vh - 500px - 70px)
}

.header-bar nav {
    position: absolute;
    height: 50;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 1
}

.header-bar nav .menuToggler {
    font-size: 2em;
    cursor: pointer;
    display: flex;
    color: #fff;
    background: #000166;
    width: 100px;
    height: 50px;
    align-items: center
}

.header-bar nav .menuToggler i {
    padding-right: .5em
}

.header-bar .menuWrapper {
    position: fixed;
    top: 100px;
    left: -301px;
    width: 300px;
    max-width: 70%;
    height: 100vh;
    min-height: 500px;
    background: #333;
    z-index: 90000;
    padding-top: 70px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, .45)
}

.header-bar .menuWrapper .mainMenu {
    width: 300px;
    height: 100vh;
    overflow-y: auto;
    background: #000166;
    z-index: 191
}

.header-bar .backdrop {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .6);
    z-index: 200;
    display: none
}

.header-bar .category {
    width: 100%;
    height: 2.75em;
    line-height: 2.75em;
    margin: 0
}

.header-bar .category .backButtonWrapper {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    right: 0;
    width: 100%;
    height: 70px;
    background: #333
}

.header-bar .category .backButtonWrapper .backButton,
.header-bar .closeButtonWrapper .closeButton {
    position: absolute;
    right: 1em;
    font-size: 1.5em;
    color: #fff
}

.header-bar .category .backButtonWrapper .seeAll {
    padding-left: 1em;
    color: #fff
}

.header-bar .subcategories {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 100%;
    padding-top: 80px;
    padding-bottom: calc(70px + .5em + 64px);
    background: #fff;
    overflow-y: auto;
    overflow-x: overlay;
    transition: transform .2s;
    transform: translateX(-105%);
    padding-left: 16px;
    z-index: 194;
    text-align: left
}

.header-bar .subcategories .subcategory {
    width: 100%;
    height: auto
}

.header-bar .subcategories .subcategory .links {
    width: 100%;
    height: 100%;
    padding: 0;
    white-space: normal;
    overflow: hidden
}

.header-bar .subcategories .subcategory .links .link>a {
    color: #000;
    transition: color .3s
}

.header-bar .subcategories .subcategory .links .link>a:hover {
    color: #141237;
    text-decoration: underline
}

.header-bar .subcategories .subcategory .title {
    font-size: 14px;
    line-height: 2.5em
}

.header-bar .closeButtonWrapper {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: inherit;
    height: 70px;
    padding: 0 1em;
    margin: 0;
    z-index: 193;
    overflow: visible;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
    background: #333
}

.header-bar .closeButtonWrapper .closeButton {
    background-color: transparent;
    border: none;
    line-height: 2.5em;
    cursor: pointer
}

@media screen and (min-width:769px) {
    .header-bar .mobile-menu-hide {
        display: block !important
    }

    .header-bar .hover i {
        padding-right: .5em
    }

    .header-bar .index,
    .header-bar .slide-out {
        transform: translateX(calc(-1 * (205% + 300px)))
    }

    .header-bar .slide-in {
        transform: translateY(calc(100vh + 500px + 70px))
    }

    .header-bar nav .menuToggler .menuText {
        display: block
    }

    .header-bar nav {
        width: calc(240px + 2px);
        z-index: 1
    }

    .header-bar .menuWrapper {
        width: calc(223px + 2px);
        top: calc(-100vh - 520px);
        left: 0;
        position: absolute;
        display: block;
        height: auto;
        padding: 0;
        border: thin solid rgba(0, 0, 0, .2);
        border-left: none;
        border-top: none
    }

    .header-bar .menuWrapper .mainMenu {
        width: 225px;
        height: auto;
        padding: 0;
        overflow: hidden
    }

    .header-bar .category .backButtonWrapper .backButton {
        font-size: 24px
    }

    .header-bar .category .backButtonWrapper .backButton i {
        padding-right: 10px
    }

    .header-bar .subcategories {
        left: 225px;
        display: none;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: start;
        width: 600px;
        box-sizing: border-box;
        overflow: hidden;
        border: thin solid rgba(0, 0, 0, .2);
        border-top: none;
        height: calc(90vh - 70px);
        box-shadow: 0 0 10px rgba(0, 0, 0, .45);
        min-height: 450px;
        transform: translateX(0);
        padding: 3em 0 0
    }

    .header-bar .subcategories .subcategory {
        margin: 0;
        width: auto;
        display: block;
        padding: 10px 5px 10px 15px;
        box-sizing: border-box;
        line-height: 1.8em;
    }

    .header-bar .subcategories .subcategory .title {
        font-size: 14px;
        color: #141238;
        line-height: 100%;
        padding-bottom: .3em;
        font-weight: 700;
        margin-bottom: 8px
    }

    .header-bar .subcategories .subcategory li.link {
        line-height: 1.5em
    }

    .header-bar .subcategories .subcategory .links .link>a {
        font-size: 13px;
        color: #141237
    }

    .header-bar .closeButtonWrapper {
        display: none
    }

    .header-bar .category .backButtonWrapper {
        height: 2.5em;
        width: 100%;
        background-color: #f9a00e
    }

    iframe#webWidget {
        width: 280px !important;
        height: 400px !important
    }
}

.header-bar,
.login-bar,
sub,
sup {
    position: relative
}

@media screen and (min-width:1000px) {
    .header-bar .subcategories {
        width: 916px;
        padding-left: 4px;
    }
}

.flex-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.flex-grid-space.nowrap-mobile {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    overflow: auto
}

.header-bar {
    height: 50p
}

.menu-burger-container {
    cursor: pointer;
    padding: 14px;
    position: absolute;
    top: 0;
    left: 0
}

.menu-burger-bar1,
.menu-burger-bar2,
.menu-burger-bar3 {
    width: 35px;
    height: 3px;
    border-radius: 1px;
    background-color: #161440;
    margin: 8px 0;
    -webkit-transition: .3s;
    transition: .3s
}

.menu-burger-change .menu-burger-bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    -ms-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px)
}

.menu-burger-change .menu-burger-bar2 {
    opacity: 0
}

.menu-burger-change .menu-burger-bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    -ms-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px)
}

.menu-burger-change,
.menu-burger-container:hover {
    background: #262626
}

#main-menu {
    background-color: #f2f2f2;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 30px 0;
    margin: 0;
    display: none
}

.close {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    -ms-filter: "alpha(opacity=20)"
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)"
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

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

    .feedback-grey-section a:nth-of-type(3),
    .footer-copy,
    footer .footer-right {
        display: none
    }

    .limit-content-width {
        padding: 0 5px
    }
}

.header-bar .category .backButtonWrapper,
.menu-burger-container:hover {
    background-color: #333
}

.header-bar,
.header-bar nav {
    background: #000166;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

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

    .header-bar,
    .header-bar nav {
        display: none
    }

    .navbar-header {
        padding-top: 20px
    }
}

@media screen and (min-width:768px) {
    .slide-out .subcategory .title {
        height: 2em !important;
        font-size: 14px !important
    }
}

.category.hover a.categoryName {
    color: #333;
    background: #ccc;
}

.menu-last {
    right: 0;
    position: absolute
}

.menu-last .header-login,
.menu-last .header-register {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.menu-last .header-login {
    margin-right: 20px
}

@-webkit-keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg)
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5
    }

    to {
        -webkit-transform: translateZ(-500px) rotateY(0);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimOut2 {
    to {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimOut3 {
    to {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimOut4 {
    to {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimOut5 {
    to {
        -webkit-transform: translateY(40%);
        opacity: 0
    }
}

@keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg)
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5
    }

    to {
        -webkit-transform: translateZ(-500px) rotateY(0);
        transform: translateZ(-500px) rotateY(0);
        opacity: 0
    }
}

@keyframes MenuAnimOut2 {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes MenuAnimOut3 {
    to {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0
    }
}

@keyframes MenuAnimOut4 {
    to {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0
    }
}

@keyframes MenuAnimOut5 {
    to {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0);
        opacity: 0
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: .5
    }

    to {
        -webkit-transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0);
        transform: translateZ(-500px) rotateY(0);
        opacity: 0
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: .5
    }

    to {
        -webkit-transform: translateZ(0) rotateY(0);
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(50%);
        opacity: 0
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(100%);
        opacity: 0
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-200px);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0
    }
}

@keyframes scroll {

    0%,
    25%,
    to {
        margin-top: -5px
    }

    35%,
    60% {
        margin-top: -68pt
    }

    70%,
    95% {
        margin-top: -131pt
    }
}

@-webkit-keyframes scroll {

    0%,
    25%,
    to {
        margin-top: -5px
    }

    35%,
    60% {
        margin-top: -68pt
    }

    70%,
    95% {
        margin-top: -131pt
    }
}

.dl-menuwrapper {
    width: 100%;
    float: left;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    /*! font-family: Ubuntu; */
    z-index: 1000;
    background-color: #404040;
    text-align: left
}

.dl-menuwrapper button.dl-trigger {
    background: #ccc;
    border: 0;
    width: 24%;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: 0
}

.dl-menuwrapper button.dl-trigger.dl-active,
.dl-menuwrapper button.dl-trigger:hover,
.dl-menuwrapper ul {
    background: #54ba47
}

.dl-menuwrapper button.dl-trigger:after {
    content: '>';
    width: 40%;
    height: 4px;
    background: #fff;
    top: 10px;
    left: 35%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.dl-menuwrapper li {
    position: relative;
    border-bottom: 1px solid #f0f0f0
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 14.5px 20px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    outline: 0;
    /*! font-family: Ubuntu; */
    text-decoration: none;
    font-weight: 400
}

.dl-menuwrapper li.dl-back>a {
    padding-left: 30px;
    background: #3934d5
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li>a:not(:only-child):after {
    position: absolute;
    top: 37%;
    /*! line-height: 44px; */
    font-family: icomoon;
    speak-as: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000";
    font-size: 13px;
    color: #fff
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #fff
}

.dl-menuwrapper li>a:after {
    right: 10px;
    color: rgba(0, 0, 0, .15)
}

.dl-menuwrapper .dl-menu,
.dl-menuwrapper .menu-info {
    margin: 10px 0 0;
    position: absolute;
    width: 80%;
    opacity: 0;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.dl-menuwrapper .dl-menu {
    -webkit-transform: translateX(-140px);
    transform: translateX(-140px);
    transition: .3s
}

.dl-menuwrapper .dl-menu.dl-menu-toggle,
.dl-menuwrapper .menu-info.dl-menu-toggle {
    transition: .3s
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: .3s
}

.dl-menuwrapper .menu-info {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.dl-menuwrapper .menu-info.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.dl-menuwrapper li .dl-submenu {
    display: none;
    font-size: 13px
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
    display: block;
    padding-left: 0
}

.dl-menuwrapper>.dl-submenu {
    position: absolute;
    width: 80%;
    top: 5px;
    left: 0;
    margin: 0
}

.dl-menu.dl-animate-out-1 {
    -webkit-animation: .4s MenuAnimOut1;
    animation: .4s MenuAnimOut1
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: .3s ease-in-out MenuAnimOut2;
    animation: .3s ease-in-out MenuAnimOut2
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: .4s MenuAnimOut3;
    animation: .4s MenuAnimOut3
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: .4s MenuAnimOut4;
    animation: .4s MenuAnimOut4
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: .4s MenuAnimOut5;
    animation: .4s MenuAnimOut5
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: .3s MenuAnimIn1;
    animation: .3s MenuAnimIn1
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: .3s ease-in-out MenuAnimIn2;
    animation: .3s ease-in-out MenuAnimIn2
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: .4s MenuAnimIn3;
    animation: .4s MenuAnimIn3
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: .4s MenuAnimIn4;
    animation: .4s MenuAnimIn4
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: .4s MenuAnimIn5;
    animation: .4s MenuAnimIn5
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-1 {
    -webkit-animation: .4s SubMenuAnimIn1;
    animation: .4s SubMenuAnimIn1
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-2 {
    -webkit-animation: .3s ease-in-out SubMenuAnimIn2;
    animation: .3s ease-in-out SubMenuAnimIn2
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-3 {
    -webkit-animation: .4s SubMenuAnimIn3;
    animation: .4s SubMenuAnimIn3
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-4 {
    -webkit-animation: .4s SubMenuAnimIn4;
    animation: .4s SubMenuAnimIn4
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-5 {
    -webkit-animation: .4s SubMenuAnimIn5;
    animation: .4s SubMenuAnimIn5
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-1 {
    -webkit-animation: .4s SubMenuAnimOut1;
    animation: .4s SubMenuAnimOut1
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-2 {
    -webkit-animation: .3s ease-in-out SubMenuAnimOut2;
    animation: .3s ease-in-out SubMenuAnimOut2
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-3 {
    -webkit-animation: .4s SubMenuAnimOut3;
    animation: .4s SubMenuAnimOut3
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-4 {
    -webkit-animation: .4s SubMenuAnimOut4;
    animation: .4s SubMenuAnimOut4
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-5 {
    -webkit-animation: .4s SubMenuAnimOut5;
    animation: .4s SubMenuAnimOut5
}

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block
}

.no-js .dl-menuwrapper li>a:not(:only-child) {
    background: rgba(0, 0, 0, .1)
}

.no-js .dl-menuwrapper li>a:not(:only-child):after {
    content: ''
}

.demo-2 .dl-menuwrapper button,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper ul {
    background: #404040
}

@media(max-width:767px) {
    .navbar-default #dl-menu.navbar-collapse {
        padding: 0
    }
}

.navbar-default #dl-menu.navbar-collapse {
    padding: 0
}

.navbar-default #dl-menu.navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.header-top {
    height: 60px
}

.confidence-bar {
    width: 100%
}

.confidence-bar div.conf-1,
.confidence-bar div.conf-2,
.confidence-bar div.conf-3 {
    width: 33%;
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

.confidence-bar div:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle
}

.confidence-bar div.conf-1:before {
    background: url(/assets/images/value-bar/top_delivery.svg) center center/30px no-repeat
}

.confidence-bar div.conf-2:before {
    background: url(/assets/images/value-bar/top_australia.svg) center center/30px no-repeat
}

.confidence-bar div.conf-3:before {
    background: url(/assets/images/value-bar/top_brand.svg) center center/30px no-repeat
}

div.new-theme h3.product-heading {
    font-size: 22px;
    color: #333;
    text-transform: uppercase;
    vertical-align: middle;
    background: #fff;
    border: 0
}

.new-theme h3.product-heading:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 50px;
    vertical-align: middle;
    margin-right: 0
}

.new-theme h3.product-heading.category:before {
    background: url(/assets/themes/mygenerator/img/icon_category.svg) 0 0/50px no-repeat
}

h3.product-heading.product-guide::before {
    background: url(/assets/themes/mygenerator/img/guide_item.svg) 0 0/40px no-repeat;
    margin-right: 0
}

h3.product-heading.review-home::before {
    background: url(/assets/themes/mygenerator/img/testi_icon.svg) 0 0/40px no-repeat;
    margin-right: 0
}

.col-xs-6.col-sm-6.col-md-3.c_categoryWrapper a.c_categoryImg {
    background-size: 135px
}

.col-xs-6.col-sm-6.col-md-3.c_categoryWrapper:first-child a.c_categoryImg {
    background-image: url(/assets/themes/mygenerator/img/thumbnail_appliance.png) !important
}

.col-xs-6.col-sm-6.col-md-3.c_categoryWrapper:nth-child(2) a.c_categoryImg {
    background-image: url(/assets/themes/mygenerator/img/thumbnail_power.png) !important
}

.col-xs-6.col-sm-6.col-md-3.c_categoryWrapper:nth-child(3) a.c_categoryImg {
    background-image: url(/assets/themes/mygenerator/img/thumbnail_awning.png) !important
}

.col-xs-6.col-sm-6.col-md-3.c_categoryWrapper:nth-child(4) a.c_categoryImg {
    background-image: url(/assets/themes/mygenerator/img/thumbnail_toilet.png) !important
}

.col-xs-6.col-sm-6.col-md-3.c_categoryWrapper:nth-child(5) a.c_categoryImg {
    background-image: url(/assets/themes/mygenerator/img/thumbnail_car_acc.png) !important
}

.col-xs-6.col-sm-6.col-md-3.c_categoryWrapper:nth-child(6) a.c_categoryImg {
    background-image: url(/assets/themes/mygenerator/img/thumbnail_door.png) !important
}

.col-xs-6.col-sm-6.col-md-3.c_categoryWrapper:nth-child(7) a.c_categoryImg {
    background-image: url(/assets/themes/mygenerator/img/thumbnail_gas.png) !important
}

.col-xs-6.col-sm-6.col-md-3.c_categoryWrapper:nth-child(8) a.c_categoryImg {
    background-image: url(/assets/themes/mygenerator/img/thumbnail_4wd.png) !important
}

.col-xs-6.col-sm-6.col-md-3.c_categoryWrapper:nth-child(9) a.c_categoryImg {
    background-image: url(/assets/themes/mygenerator/img/thumbnail_camping.png) !important
}

.col-xs-6.col-sm-6.col-md-3.c_categoryWrapper:nth-child(10) a.c_categoryImg {
    background-image: url(/assets/themes/mygenerator/img/thumbnail_sale.png) !important
}

.header-new-search {
    margin-left: 14px
}

@media screen and (max-width:912px) {
    .visible-mobile {
        display: block !important;
        margin-left: 0
    }

    .confidence-bar,
    .wrapper-header.headerx,
    .wrapper-header.headery {
        display: none !important
    }

    .navigation-list li {
        width: 10%;
        vertical-align: bottom;
        position: relative
    }

    .wrapper-navigation.c-new-menu {
        background-color: transparent;
        margin-bottom: 0 !important
    }

    .navbar-default {
        background-color: #fff
    }

    .header-new-search {
        margin-bottom: 0
    }

    .header-new-search .input-group-btn>button {
        padding: 0;
        margin: 0;
        height: 40px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 4px
    }

    .header-new-search .input-group .form-control {
        height: 40px;
        border-right: none
    }

    .menutoggl {
        display: flex;
        height: 40px;
        margin: 4px 0;
        width: 40px;
        align-items: center
    }

    .no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .header-new-search form {
        display: inline-block;
        text-align: left;
        width: 86%;
        vertical-align: middle
    }

    i.fa.fa-bars {
        color: #fff
    }

    .headerx .header-top {
        height: auto
    }

    .wrapper-header.headerx .one-third {
        width: calc(100% + 30px) !important;
        margin: 0 -15px !important;
        padding: 0 15px
    }

    .headerx .header-top .one-third .mid-phone-num,
    .headerx .header-top .one-third div#daRefCode {
        width: 50%;
        float: right;
        line-height: 40px
    }

    .headerx .header-top .one-third .mid-phone-num {
        text-align: right !important
    }

    .headerx .header-top .one-third div#daRefCode {
        text-align: left !important
    }

    .headerx .header-top .one-third .mid-phone-num a {
        color: #141138;
        font-size: 1em;
        background: url(/assets/mobile-new/phone_icon_crc.svg) center left/18px no-repeat
    }

    .cart-items {
        top: -12px
    }

    div#mobile_confidence_bar {
        margin: 0
    }
    div#dooTrigger {
        height: 0;
    }
    .confidence-bar.visible-mobile {
        background: #404040;
        height: 40px;
        overflow: hidden;
        border-radius: 20px;
        margin-top: 5px
    }

    .confidence-bar.visible-mobile a {
        color: #fff;
        display: inline-block;
        line-height: 40px;
        padding-left: 30px
    }

    .confidence-bar div.conf-1>:before,
    .confidence-bar div.conf-2:before,
    .confidence-bar div.conf-3:before {
        background: 0 0/0
    }

    .confidence-bar div:before {
        display: none;
        height: 0;
        width: 0
    }

    .confidence-bar div.conf-1>a {
        background: url(/assets/images/value-bar/top_delivery.svg) left center/24px no-repeat
    }

    .confidence-bar div.conf-2>a {
        background: url(/assets/images/value-bar/top_australia.svg) left center/24px no-repeat
    }

    .confidence-bar div.conf-3>a {
        background: url(/assets/images/value-bar/top_brand.svg) left center/24px no-repeat
    }

    div#dl-menu {
        top: -70px
    }

    div#dl-menu2 {
        position: absolute;
        top: 50%;
        border: none;
        background: #006;
        /*! border: 1px solid #ccc; */
        /*! padding: 0 10px; */
        max-width: 60%;
        right: 0
    }

    .dl-menuwrapper .info-menu {
        margin: 0 0 -1px;
        width: 100%;
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0;
        background: #006
    }

    .dl-menuwrapper .info-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .info-menu li {
        padding-left: 32px
    }

    li.info-1 {
        background: url(/assets/media/wysiwyg/about_us.svg) no-repeat
    }

    li.info-2 {
        background: url(/assets/media/wysiwyg/buyers-guide.svg) no-repeat
    }

    li.info-3 {
        background: url(/assets/media/wysiwyg/delivery.svg) no-repeat
    }

    li.info-4 {
        background: url(/assets/media/wysiwyg/warranty.svg) no-repeat
    }

    li.info-5 {
        background: url(/assets/media/wysiwyg/FAQ.svg) no-repeat
    }

    li.info-6 {
        background: url(/assets/media/wysiwyg/contact_us.svg) no-repeat
    }

    li.info-7 {
        background: url(/assets/media/wysiwyg/testimonials_grey.svg) no-repeat
    }

    li.info-8 {
        background: url(/assets/media/wysiwyg/promo_grey.svg) no-repeat
    }

    li.info-9 {
        background: url(/assets/media/wysiwyg/home_grey.svg) no-repeat
    }

    li.info-10 {
        background: url(/assets/media/wysiwyg/login_icon_grey.svg) no-repeat
    }

    li.info-1,
    li.info-10,
    li.info-2,
    li.info-3,
    li.info-4,
    li.info-5,
    li.info-6,
    li.info-7,
    li.info-8,
    li.info-9 {
        background-position: 8px;
        background-size: 32px
    }

    .mobile-float.fixpos {
        position: fixed;
        top: -1px;
        z-index: 100;
        width: 100%;
        background: #fff;
        left: 0;
        padding: 5px 10px
    }

    [ss-autocomplete] {
        top: 50px !important
    }

    .navbar-default #dl-menu.navbar-collapse {
        top: -5px
    }

    .dl-menuwrapper ul {
        background: #006
    }
}

@media screen and (max-width:320px) {
    div#mobile_confidence_bar {
        padding: 0
    }

    .confidence-bar.visible-mobile a {
        font-size: .8em
    }

    .navigation-list li {
        margin-right: 5px
    }

    .navigation-list li:first-child {
        width: 50% !important
    }

    .navigation-list li:first-child>a>img {
        width: 100%
    }

    .header-new-search form {
        width: 85%
    }
}

/** Live site css **/