/* = Scaffolding
----------------------------------------------------------------------------------------------------------------- */
.container { background: #fff; }
.section { padding: 0 15px; border-bottom: solid 1px #e5e5e5; }
.siteHead { height: 100px; position: relative; padding: 0 15px; border-bottom: solid 1px #e5e5e5; }
.main { border-top: 1px solid #e5e5e5; margin: 35px 0 0; padding-top: 29px; }
.siteFoot { text-align: center; padding: 40px 15px; background: #f5f5f5; }
.siteFoot p{padding-bottom: 25px; display:block;}
.zoneOne, .zoneTwo { padding-bottom: 40px; }

/* = Header
----------------------------------------------------------------------------------------------------------------- */
.logo { position: absolute; right: 15px; margin: 15px 0 0 0; height: 65px; width: 83px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(/_img/logo-demilo-sml2.jpg?v4) no-repeat left top; }
.menuIcon { float: left; text-transform: uppercase; margin-top: 40px; padding-left: 35px; font-size: 1.14em; background: url(/_img/menu.svg) no-repeat left center; }

/* = Primary Navigation
----------------------------------------------------------------------------------------------------------------- */
.primaryNav { position: absolute; z-index: 5; top: 0; left: -400px; width: 75%; padding: 0 20px; height: 100%; background: #0d0d0d url(/_img/menu-logo.svg) no-repeat 20px 30px; color: #fff; }
.primaryNav.exposed { left: 0; }
.primaryNav a { color: #fff; }
.primaryNav a:hover { color: #777; }
.primaryNav ul { margin: 95px 0 0; list-style: none; }
.primaryNav li { margin-bottom: 20px; font-size: 1.14em; }
.primaryNav li a { display: block; text-transform: uppercase; }
.primaryNav .closeMenu { position: absolute; top: 30px; right: 50px; height: 19px; width: 19px; background: url(/_img/menu-close.svg) no-repeat center center; cursor: pointer; }

.csstransforms3d .primaryNav { left: 0; -webkit-transition: -webkit-transform 350ms ease; -moz-transition: -moz-transform 350ms ease; transition: transform 350ms ease; -webkit-transform: translate3d(-400px, 0, 0); -moz-transform: translate3d(-400px, 0, 0); transform: translate3d(-400px, 0, 0); }
.csstransforms3d .primaryNav.exposed { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }


/* = Footer
----------------------------------------------------------------------------------------------------------------- */
.footerNav ul { margin: 0 0 40px; list-style: none; }
.footerNav ul li { margin: 0 0 15px; text-transform: uppercase; font-size: 0.85em; }
.footerNav ul:last-child { margin: 0; }

/* = Hero
----------------------------------------------------------------------------------------------------------------- */
.hero { padding: 35px 0 0; position: relative; border-bottom: solid 1px #e5e5e5; }
.hero .carousel { width: 100%; }
.hero .text { padding: 25px 36px 75px; overflow: hidden; text-align: center; }
.hero .text .item { display: none; }
.hero .text .item.active { display: block; }
.hero .controls { position: absolute; left: 50%; margin-left: -40px; bottom: 30px; background: #fff; }
.hero .controls span { float: left; height: 19px; width: 20px; cursor: pointer; }
.hero .controls .prev { background: url(/_img/hero-arrow-left.svg) no-repeat; margin-right: 40px; }
.hero .controls .next { background: url(/_img/hero-arrow-right.svg) no-repeat; }


/* = Poster Module
----------------------------------------------------------------------------------------------------------------- */
.poster { margin: 40px auto 0; position: relative; text-align: center; }
.poster h3 { margin: 0 0 17px; display:none;  }
.poster p { margin-bottom:0; }
.poster .clip { display: none; }
.poster .banner { margin-bottom: 25px;  -webkit-box-shadow: 10px 10px 30px rgba(0,0,0,0.3); -moz-box-shadow: 10px 10px 30px rgba(0,0,0,0.3); box-shadow: 10px 10px 30px rgba(0,0,0,0.3); }
.poster .shopNowTitle { margin-top: 0; margin-bottom: 25px; }


/* = Cover Sheet
----------------------------------------------------------------------------------------------------------------- */
.coverSheet { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; background: url(/_img/lens.png) repeat left top; display: none; }
.coverSheet.onShow { display: block; }

/* = Carousel
----------------------------------------------------------------------------------------------------------------- */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }

/* = Store
----------------------------------------------------------------------------------------------------------------- */
.catList { margin: 0 0 20px; }
.catList ul { margin: 0; list-style: none; }
.catList ul li { width: 48%; float: left; margin-right: 4%; }
.catList ul li:nth-child(2n) { margin-right: 0; }
.catList ul li .thumb { margin: 0 0 10px; padding: 10px; text-align: center; border: 1px solid #dbdbdb; background: #fff; -moz-box-shadow: 0 0 5px #dbdbdb; -webkit-box-shadow: 0 0 5px #dbdbdb; box-shadow: 0 0 5px #dbdbdb; }
.catList ul li .thumb img { max-width: 100%; }
.catList ul li .cont h3 { margin: 0; text-align: center; }
.catList ul li .cont h3 a { font-weight: normal; }

.prodList { text-align: center; position: relative; margin:35px 0; }
.prodList ul { margin: 0; list-style: none; padding: 0 20px; }

.prodList ul {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px 35px; }
.prodList ul li { margin:0; }

.prodList ul li .thumb { margin: 0 0 10px; }
.prodList ul li .thumb img { max-width: 100%; }
.prodList ul li .cont h3 { margin: 0 0 5px; font-size: 1.2em; }
.prodList ul li .cont h3 a { font-weight: normal; }
.prodList ul li .cont .price { margin: 0 0 10px; }
.prodList ul li .prodSummary { display: none; }
.prodListSidebar ul li { width: 100% !important; float: none !important; margin-right: 0 !important; }
.prodListBasket h2 { text-align: left; }

.prod { margin: 0 0 30px; }
.prodImages { margin: 0 0 20px; text-align: center; border: 1px solid #dbdbdb; background: #fff; -moz-box-shadow: 0 0 5px #dbdbdb; -webkit-box-shadow: 0 0 5px #dbdbdb; box-shadow: 0 0 5px #dbdbdb; }
.prodImages .main { padding-bottom: 0; }

.prodView { margin: 0; }
.prodView h1 { font-size: 2em; }
.prodView ul { margin-bottom: 0; list-style: disc; }
.prodView ul li { margin: 0 0 5px; list-style-type: disc; }

.prodStock { padding: 15px 15px 30px; background: #f5f5f5; }
.prodStockItem h3 { display: none; }
.prodStockAvailability { margin: 0 0 10px; }
.prodStockPrice { font-size: 2em; font-weight: bold; }
.prodStockQty { display: none; }

.stockAvailability { display: block; margin: 0 0 10px; font-weight: bold; color: #149fb3; }

.coDeliveryOptions, .prodStockClassification { display: none; }
.prodStockFormat { display: none; }