.primary-header{height:240px;z-index:900;position:absolute;left:0;right:0;-webkit-backface-visibility:hidden;-webkit-perspective:1000}@media screen and (max-width: 979px){.primary-header{position:relative;width:auto;height:auto}}.primary-header #head{position:relative}.primary-header #head .layout{position:relative;height:240px}@media screen and (max-width: 979px){.primary-header #head .layout{height:auto}}.primary-header #head .logo{width:219px;position:absolute;height:auto;top:48px;left:0;z-index:970}@media screen and (max-width: 1199px){.primary-header #head .logo{width:150px}}.primary-header #head .logo a{display:block}.primary-header #head .logo a:focus{outline:1px dotted #ccc}.primary-header .mobile-menu{position:absolute;right:0;top:78px;width:auto;height:30px;overflow:hidden;display:none;z-index:999}@media screen and (max-width: 979px){.primary-header .mobile-menu{display:block}}.primary-header .mobile-menu button{display:block;width:auto;padding:0;border:none;height:auto;outline:none;background:none;text-decoration:none;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;color:#fff;font-size:15px;cursor:pointer;line-height:1em}.primary-header .mobile-menu button svg{fill:#fff}.primary-header .mobile-menu button:hover,.primary-header .mobile-menu button:focus{opacity:0.8}@media screen and (max-width: 979px){.primary-header #menubar{visibility:hidden}}#menubar{z-index:950;clear:both;position:absolute;right:0;left:50px;top:76px}@media screen and (max-width: 979px){#menubar{width:0;position:fixed;top:0;bottom:0;background:#eee;-webkit-box-shadow:0 0 12px 12px rgba(0,0,0,0.2);box-shadow:0 0 12px 12px rgba(0,0,0,0.2)}}@media screen and (max-width: 479px){#menubar{-webkit-box-shadow:none;box-shadow:none}}#menubar .close{display:none;position:absolute;right:20px;top:25px}@media screen and (max-width: 979px){#menubar .close{display:block}}#menubar .close button{display:block;width:auto;padding:0;border:none;height:auto;outline:none;background:none;text-decoration:none;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;color:#fff;font-size:15px;cursor:pointer;line-height:1em}#menubar .close button svg{fill:#000}#menubar .close button:hover svg,#menubar .close button:focus svg{fill:#27d693}.ecomm-bar{position:absolute;right:0;top:22px}@media screen and (max-width: 979px){.ecomm-bar{top:10px}}.ecomm-bar ul{list-style-type:none;margin:0;padding-left:0 !important}.ecomm-bar ul li{padding:0 .91em 0 1.1em;margin:0;display:inline-block;vertical-align:top}.ecomm-bar ul li img{height:30px;width:auto}.ecomm-bar ul li a{position:relative;text-decoration:none}.ecomm-bar ul li a:hover,.ecomm-bar ul li a:focus{opacity:.7}.ecomm-bar ul li .basketcount{display:block;border-radius:50%;background:#29f592;text-align:center;color:#324157;font-size:16px;font-weight:700;position:absolute;top:12px;left:-12px;width:25px;height:25px;line-height:26px}.ecomm-bar ul li.with-border{background:url("../images/nav-line.png") left 10px no-repeat}.ecomm-bar ul li.searchboxWrapper{padding-right:0;overflow-x:hidden;width:0;opacity:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.ecomm-bar ul li.searchboxWrapper.reveal{width:190px;opacity:1}@media screen and (max-width: 479px){.ecomm-bar ul li.searchboxWrapper.reveal{width:120px}}.ecomm-bar ul li:first-child{padding-left:0}.ecomm-bar ul li:last-child{padding-right:0}.ecomm-bar .searchbox{width:190px}@media screen and (max-width: 479px){.ecomm-bar .searchbox{width:120px}}.ecomm-bar .searchbox label,.ecomm-bar .searchbox input[type="submit"]{display:none}.ecomm-bar .searchbox input[type="text"]{width:100%;border-radius:5px;padding:.1em .3em;border:none;line-height:1.75em;font-size:16px !important;background:#fff}@media screen and (min-width: 980px){.scrolling .primary-header{position:fixed;background:#324157 url("../images/banner-dots-minimised.png") 0 0 no-repeat;top:-150px;-webkit-transition:top 0.75s ease-out;transition:top 0.75s ease-out;height:116px}}@media screen and (min-width: 980px){.scrolling .primary-header #head .layout{height:116px}}@media screen and (min-width: 980px){.scrolling .primary-header #head .logo{width:150px;top:9px}}@media screen and (min-width: 980px){.scrolling .primary-header.minimised{top:0}}@media screen and (min-width: 980px){.scrolling #menubar{top:57px}}@media screen and (min-width: 980px){.scrolling .ecomm-bar{top:10px}}#main .the-content{overflow:hidden}