nav { text-align: center; width: 100%; padding: 0; margin: 0; height: 34px; position: relative; }

    nav ul {list-style: none; padding: 0 20px; margin: 0; }


        nav ul li {display: inline-block; }


            nav ul li a { color: #333333; display: block; padding: 0px 10px; text-decoration: none; float: left; height: auto; font-size: 14px; font-weight: bold; line-height: 17px; }

            nav ul li a:hover { text-decoration:underline; }


                nav ul li:hover > a { color: #000; text-decoration: underline; }

                nav ul li:hover > div { display: block; }

            nav ul li ul li a{padding-bottom:10px; font-weight:normal}

        nav ul div { background: #fff; padding: 0; display: none; width: 100%; position: absolute; top: 27px; left: 0px; z-index: 9999; padding: 0; margin: 0 auto }
            nav ul div ul { width: 1385px; text-align: left; margin: 0 auto; padding: 30px 0 20px 0 }
                    nav .firstcol{ float:left; width:50%}
                    nav .secondcol { float: right; width: 50% }
                        nav .firstcol li, nav .secondcol li { display: block; width: 100%; float: left;}
    .spacer { position: relative; font-weight: 300; height: 20px !important; width: 1px; display: inline-block; text-align: center; margin: 7px 0 0 0 !important; border-right: 1px solid #b2b2b2; }

/* LAYOUT DROPS*/
.splitter1 { float: left; width: 8.33333333%; }
.splitter2 { float: left; width: 16.66666667%; }
.splitter3 { float: left; width: 25%; }
.splitter4 { float: left; width: 33.33333333%; }
.splitter5 { float: left; width: 41.66666667% }
.splitter6 { float: left; width: 50% }
.splitter7 { float: left; width: 58.33333333% }
.splitter8 { float: left; width: 66.66666667% }
.splitter9 { float: left; width: 75% }
.splitter10 { float: left; width: 83.33333333% }
.splitter11 { float: left; width: 91.66666667% }
.splitter12 { float: left; width: 100% }
.specialcol2 { width: 19.666667% !important }

.specialcol li { width: 100% }
    .specialcol li b { padding: 0px 0px 20px 10px; text-transform: uppercase; font-size: 14px; display:block }
      
        .desktopnav { width: 100%; margin: 0 auto 20px auto; height: 40px; }
.desktopnavholder { height: 34px; float: left; width: 100%; border: 0px solid #b2b2b2; padding: 3px 0; text-align: center; }

.promoMessage { width: 100%; text-align: center; float: left; margin: 20px 0 0px 0; /* font-size: 14px; */ border-top: 1px solid #aeaeae; padding: 18px 0 15px 0; }
    .promoMessage .promoText { font-size: 14px; width: 1385px; text-align: center; margin: 0 auto; }
    .promoMessage .promoText a{float:none !important}
    .mobileDesktop, .mobilehamburger { display: none }
#page{background:white}
.logonavfloater{width:40px !important}


.navheadercontent { width: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; z-index: 9990; }
.navheadercontentfloat { position: fixed; background: white; top: 0; width: 100%; margin: 0px auto 0 auto; left: 0; right: 0; z-index: 82; }

.circlebasketdesktop { padding: 9px 0 0 0; text-align:center; margin: -11px 0px 0 -4px; color: white !important; position: absolute; text-align: center; font-size: 14px; background-image: url("../images/blue.png"); border: 0 !important; border-radius: 0 !important; width: 30px; height: 21px; }
.cartpc { margin-right: 30px }


.desktoplogin { font-size: 14px; float: right; margin: 27px 17px 0 0px !important }
    .desktoplogin img, .desktoplogin i{ vertical-align: middle; margin-right:5px }
    .desktoplogin i { margin-left: 30px }
        .searchtopinput { float: left !important; margin: 22px 0px 0 0px !important }
.searchtopinput img { vertical-align: middle; margin-right: 10px }
            .searchtopinput ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #565656; }
            .searchtopinput ::-moz-placeholder { /* Firefox 19+ */ color: #565656; }
            .searchtopinput :-ms-input-placeholder { /* IE 10+ */ color: #565656; }
            .searchtopinput :-moz-placeholder { /* Firefox 18- */ color: #565656; }
.floatcart { float: right; text-align: left; color: #000; padding: 0; font-size: 14px; margin: 20px 0 0 0; position: relative; }

.mlogo{margin:15px 0 0 0 !important}
.mlogo img { width: 189px !important }

.cartpc { float: right; margin: 24px 0px 0 0px !important;width: 56px; }
.currencybtns { font-size: 14px; float: left; margin: 19px 23px 0 0px !important }
.searchtopinput .input{font-size:14px !important}

/*PROMO BANNER */
.promobar { width: 100%; margin: 0 auto; height: auto; text-align: center; font-size: 14px; padding: 13px 0; }
.promobar .barcontent { width: 86%; max-width: 1385px; margin: 0 auto; }
.promoclose { position: absolute; right: 0; margin: 8px 5px 0 0; padding: 5px; }
.promoBanner { text-align: center; }


.spacerlogout { padding: 0 !important; margin: 12px 0 0 0 !important; flex-basis: unset !important; white-space: unset !important; display: inline-block !important; width: 10px !important; flex-grow: inherit !important; }

.saleblock { background-color: red; padding: 3px 5px; color: white; position: inherit;margin-top: -13px; right: 11px; }

.navblackout { position: fixed; z-index: 9; background-image: url(/images/trannav2.png); text-align: center; width: 100%; height: 100%; display: none }

.logo { float: none !important;  display: inline-block !important; }
.text-center{text-align:center}
.minlogo { display: none; vertical-align: middle; margin-top: -9px }
    .minlogo img{width:30px}

.extrapadd2 a:nth-child(1) { padding-right: 0px !important; flex: unset; flex-grow: unset; flex-basis: unset; }
.extrapadd2 a:nth-child(2) { padding-left: 0px !important }

.generalholder{margin-top:30px !important}
.ChangeCurrency br{display:none}

@media only screen and (max-width:1215px) { .splitter6{width:100%}
        .logonav { height: 50px !important; }
		.saleblock {right: 0px; }
        .desktoplogin, .cartpc, .currencybtns { display: none }
        #closemobilemenu img { width: 12px }
        .desktopnav { display: none }
        .logonavcontent { text-align: center }
        .mlogo { float: none !important; margin: 6px 0 0 0 !important; width: 100% !important; }
        .logo { float: none !important; width: 154px !important; display: inline-block !important; }
        .mobilehamburger { display: block; position: absolute; right: 0; margin: 14px 12px 0 0; }
        .circlebasket { margin: -36px 0 0 21px; border: 0px solid #fff !important; background: #58a8df !important; color: white !important; }
        .mobileDesktop { display: block; padding: 10px 0 0 10px; float: left; position: absolute; }
        .socialfb, .floatcart { display: none }
        #menu { font-size: 14px; }
        .mm-listitem b { color: #565656; font-weight: bold; margin: 10px 0 12px 20px; }
        .mm-listitem strong { color: #58a8df; font-weight: normal; margin: 10px 0 0 0; display: block }
        .desktopnavholder { display: none }
        .desktopnav { height: 60px; }
        .navioverride { width: 98%; max-width: 1385px; margin: 4px auto 0 auto; position: absolute; left: 0; right: 0; z-index: 9990; border: 1px solid #949494; background-color: white; }

        .mm-menu { --mm-color-background: #fff !important; --mm-color-border: #fff !important }
        .mm-btn:after, .mm-btn:before { border-color: #58a8df !important }
        .mm-menu_offcanvas { width: 90% !important }
        
        .mobilenavsearch { background: #ededed; text-align: left; padding: 8px 20px 0 17px !important; }
            .mobilenavsearch input { padding: 5px 0; background: #ededed; width: 90%; vertical-align: middle }
            .mobilenavsearch button { background: #ededed; font-size: 20px; vertical-align: middle }

        .ChangeCurrency img { vertical-align: middle; margin-right: 5px }
        .ChangeCurrency a { font-size: 16px }
        .extrapadd { margin-top: 25px !important }
        .extrapadd2 { margin-top: 6px !important }

        .ChangeCurrency, .contactmobile { font-weight: normal !important }
        .hiddenclosemenu { position: fixed !important; top: -1px !important; right: -1px !important; z-index: 999999 !important; display: block; font-size: 30px; height: 100%; text-align: right; width: 100%; padding: 0; }
            .hiddenclosemenu a { background-color: #fff; padding: 12px 13px 16px 0; display: block }
        .pageblackout { height: 100%; background: #000; width: 100%; opacity: 0.4; }

        .mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker { opacity: 0 !important; -webkit-transition: opacity .4s ease .4s; -o-transition: opacity .4s ease .4s; transition: opacity .4s ease .4s; }
        .detailscontact { padding-top: 5px; display: block }
        .contactmobile { margin-top: 16px !important }
        .mm-panel_has-navbar .mm-listview a { font-size: 14px !important; font-weight: 500; }
        .mm-listitem { font-size: 16px; font-weight: 500; }

        .mobilesocial { border-top: 1px solid #e6e6e6 !important; padding: 10px 0 0 0 !important; }
            .mobilesocial a { color: #58a8df !important; font-size: 20px; margin: 0 0 0 0px; flex: unset !important }
        .mm-panels > .mm-panel > .mm-listview { margin: 5px -20px 0 !important; }
        .mm-panel:after, .mm-panel:before { height: 0px !important; }
        .level2title { background: #f8f7f7; padding: 12px 19px !important; }
        .mm-navbar__title { text-align: left; font-size: 16px; color: #333333 !important }
        .mm-navbar input:focus { outline: none; }
    }

@media only screen and (max-width:768px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-57vw,0,0) !important; transform: translate3d(-57vw,0,0) !important; }
    .mobilenavsearch input{font-size:16px}
}

@media only screen and (max-width:415px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-90vw,0,0) !important; transform: translate3d(-90vw,0,0) !important; }
}