p{font-family:'Maven Pro',sans-serif;color:#999;}
hr{display:block;position:relative;width:65vw;left:-10px;border:2px solid #333;}
html[xmlns].clearfix {display:block;}
* html.clearfix {height:1%;}
#outer{width:100%;height:auto;display:block;/* Firefox */display:-moz-box;-moz-box-pack:center;-moz-box-align:center;/* Safari and Chrome */display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;/* W3C */display:box;box-pack:center;box-align:center;}	
#inner{width:90%;z-index:1;}
:root{--main-bg-image:url("");}
.images:nth-child(1n+0){image-rendering:pixelated;background-image: var(--main-bg-image);background: red;z-index:2;}
.d-img-contain{overflow:hidden;border:5px solid #fff;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
float: left; width: 30%; margin-right: 1%; margin-bottom: 0.5em; border: 5px solid #333}
.d-SpecialZoom{transition:all 10s;}
.d-SpecialZoom:hover{transform:scale(1.1);}
img{position:initial;width:100%;height:auto;}
#content {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 70.5%; line-height: 1; }
#bp{position:relative;width:75%;margin-left:7%;height:50px;line-height: 30px;text-align:center;margin-bottom:10px;}
ul #breadcrumbs{overflow:hidden;width:100%;z-index:1;display:flex;justify-content:center;align-items: center;}
.wrapper{margin-left:5%;margin-bottom:3em;}
.shop:nth-child(1){visibility:hidden}
.shop:nth-child(2){visibility:hidden}
.shop:nth-child(3){visibility:hidden}
.shop:nth-child(4){visibility:hidden}
.shop:nth-child(5){visibility:hidden}
.shop:nth-child(6){visibility:hidden}
#breadcrumbs li{position:relative;}
#breadcrumbs a{background:#669966;padding:0.4em 1em;margin-left:5px;float:left;text-decoration:none;color:white;position:relative;border-radius:5px;font-family:'elephant';font-size:1em;}
#breadcrumbs a:hover{background: #668866;}
#breadcrumbs a::before,
#breadcrumbs-four a::after{content:'';position:absolute;top:0;bottom:0;}
#breadcrumbs a::before{left:-.5em;border-radius: 5px 0 0 5px;}
#breadcrumbs a:hover::before{background:#669966;}
#breadcrumbs a::after{border-radius: 0 5px 5px 0;}
#breadcrumbs-four a:hover::after{background: #668866;}
#breadcrumbs .current,
#breadcrumbs .current:hover{background: #668866;border-radius: 5px;}
#breadcrumbs .current::after,
#breadcrumbs .current::before{content: normal;}
 ul {list-style: none;}
/** element paginate structure **/
#inside-paginate{display:block;width:100%;height:auto;margin-bottom:6em;}
#inside-paginate #content{position:absolute;display:inline-block;width:75%;left:50%;transform:translateX(-17.5%);}
.paginate{display:block;width:100%;font-size:1.2em;}
.paginate.pag{font-size:1.4em;}
.paginate.pag li{font-weight:bold;}
.paginate.pag li a{display:block;float:left;color:#a2c49e;text-decoration:none;padding:9px 12px;margin-right:6px;border-radius:16px;background:#363842;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
.paginate.pag li a:hover{color:#fff;}
.paginate.pag li a:active{-webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);-moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);color: #fff;}
.paginate.pag li.navpage a{padding:9px 13px;background:#607c5d;color: #fff;}
.paginate.pag li.navpage a:hover{background:#486f43;}
.paginate.pag li.single, .paginate.pag li.current{display:block;float:left;padding:9px 12px;margin-right:6px;border-radius:16px;color:#607c5d;background:#d0dfcf;}
/** clearfix **/
.clearfix:after{ content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
#footer{position:absolute;bottom:0;height:50px;/* Height of the footer */width:100%;margin:0 auto;background:#333;}		
#footer p{margin-top:10px;text-align:center;}
@media screen and (max-width:680px){
hr{border:none;}
#breadcrumbs{display:none;}
.wrapper{margin-top:5%;}
#outer{width:100%;height:auto;display:block;/* Firefox */display:-moz-box;-moz-box-pack:center;-moz-box-align:center;/* Safari and Chrome */display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;/* W3C */display:box;box-pack:center;box-align:center;padding-bottom:10px;}	
#inside-paginate{display:block;width:100%;height:auto;margin-bottom:6em;}
#inside-paginate #content{position:absolute;display:inline-block;width:100%;left:50%;transform:translateX(-25%);}	
#footer{position:absolute;bottom:0;height:150px;/* Height of the footer */width:100%;margin:0 auto;background:#333;}
}
@media screen and (max-width: 600px){
#content{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:70.5%;line-heigth:1;}
.paginate{display:block;width:100%;font-size:0.5em;}
.paginate.pag{font-size:0.7em;}
.paginate.pag li a{display:block;float:left;color:#a2c49e;text-decoration:none;padding:4px 7px;margin-right:3px;border-radius:9px;background:#363842;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
.paginate.pag li.single, .paginate.pag li.current{display:block;float:left;padding:4px 7px;margin-right:3px;border-radius:9px;color:#607c5d;background:#d0dfcf;}
}