a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body{background:#f5f5f5;cursor:default;font-family:"Trebuchet MS, Helvetica", sans-serif;font-weight:600;background:url(../img/bg.png);margin:0;padding:0}
@font-face{font-family:impact;src: url("../fonts/impact.ttf")}
@font-face{font-family:trebuchet;src: url("../fonts/trebuc.ttf")}
.flx{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.cc{display:flex;flex-direction:column;justify-content:center;align-items:center}
html{position:relative;width:100vw;height:100vh}
body{margin:0;padding:0;cursor:default;position:relative;width:100vw;height:100vh;overflow-x:hidden;overflow-y:scroll}
#headerO{width:100%;position:fixed;top:0;left:0;z-index:999}
#header{width:100%;max-width:1500px;min-width:360px;height:76px;background:black;color:white;margin:0 auto;border-bottom-right-radius:8px;border-bottom-left-radius:8px;margin:0 auto;position:relative}
#toptit{width:100%;max-width:1490px;min-width:360px;height:38px;line-height:38px;background:black;color:white;margin:90px auto 15px auto;border-radius:6px;font-size:22px}
#content{width:100%;max-width:1490px;min-width:360px;background:#f5f5f5;margin:0 auto 0 auto;min-height:calc(100vh -  210px);height:auto;border-radius:6px}
#bottit{width:100%;max-width:1490px;min-width:360px;height:38px;background:black;color:white;margin:15px auto 15px auto;border-radius:6px}
#footer{width:100%;max-width:1500px;min-width:360px;height:152px;position:relative;background:black;color:white;margin:0 auto;border-top-left-radius:8px;border-top-right-radius:8px}
.footboxA{width:35%;height:100%;color:white;font-size:15px}                                                                
.footboxB{width:30%;height:100%;color:white;font-size:15px}
.footboxC{width:35%;height:100%;color:white;font-size:15px}
.sosh{width:108px;height:108px;margin-top:22px}
.fbtu{position:absolute;top:4px}
.fbp{text-align:center;line-height:22px}
.ob{border:2px solid #000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.ob:hover{border:2px solid #f60;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.ob img{width:48px;height:48px}
#copy{width:100%;max-width:1500px;min-width:360px;height:30px;background:black;color:white;margin:0 auto;border-top:1px solid white;text-align:center}

#menu{font-family:"trebuchet";display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;bottom:-16px;right:-16px;}
#menu .dd{z-index:1;position:relative;display:inline-block;position:absolute;top:20px;right:20px}
#menu .dd-a{font-size:28px;width:90px;height:34px;line-height:36px;text-align:center;position:relative;transition-duration:.2s;-webkit-transition-duration:.2s;border-radius:6px;margin-bottom:-3px;background:#000000;color:white}
#menu .dd input:after{content:"";width:100%;height:2px;position:absolute;display:block;background:#ff6600;bottom:0;left:0;transform:scaleX(0);transform-origin:bottom left;transition-duration:.2s;-webkit-transform:scaleX(0);-webkit-transform-origin:bottom left;-webkit-transition-duration:.2s}
#menu .dd input{top:0;opacity:0;display:block;padding:0;margin:0;border:0;position:absolute;height:100%;width:100%}
#menu .dd input:hover{cursor:pointer}
#menu .dd input:checked:after{transform: scaleX(1);-webkit-transform: scaleX(1)}
#menu .dd input:checked ~ .dd-c{transform: scaleY(1);-webkit-transform: scaleY(1)}
#menu .dd-a span{color:#ff6600}
#menu .dd-c{margin-left:-270px!important;display:block;position:absolute;height:auto;transform:scaleY(0);transform-origin:top left;transition-duration:.2s;-webkit-transform:scaleY(0);-webkit-transform-origin:top left;-webkit-transition-duration:.2s;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-bottomleft:6px;border-top-left-radius:6px;border-bottom-left-radius:6px;background:#333}
#menu .dd-c ul{margin:0;padding:0;list-style-type:none;cursor:default}
#menu .dd-c li{margin-bottom:5px;word-break:keep-all;white-space:nowrap;display:block;position:relative}
#menu a{display:block;position:relative;text-decoration: none;background:black;color:#ff6600;height:30px;line-height:30px;text-indent:4px;font-size:18px;width:360px;margin-bottom:5px}
#menu a:before{z-index:0;content:"";position:absolute;display:block;height:100%;width:100%;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;transform-origin:top left;-webkit-transform-origin:top left;background:#ff6600;top:0;left:0;transform: scaleX(0);-webkit-transform: scaleX(0)}
#menu a span{display:block;position:relative;-webkit-transition-duration: 0.2s;transition-duration: 0.2s}
#menu a:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1)}
#menu a:hover span{color:#ffffff}
#menu .mst{height:30px;line-height:30px;font-size:22px;color:white;text-indent:4px;text-decoration:underline;cursor:default}
#menu .blueB{width:116px;margin:2px;height:24px;text-align:center;line-height:24px;color:white;background:#1672bb;float:left}
#menu .blueB:hover{margin:0;border:2px solid white}
#menu .blackB{width:116px;margin:2px;height:24px;text-align:center;line-height:24px;color:white;background:#000000;float:left}
#menu .blackB:hover{margin:0;border:2px solid white}
#menu .brownB{width:116px;margin:2px;height:24px;text-align:center;line-height:24px;color:white;background:#b84000;float:left}
#menu .brownB:hover{margin:0;border:2px solid white}
#menu .buffB{width:116px;margin:2px;height:24px;text-align:center;line-height:24px;color:black;background:#ffce1a;float:left}
#menu .buffB:hover{margin:0;border:2px solid white}
#menu .greyB{width:116px;margin:2px;height:24px;text-align:center;line-height:24px;color:black;background:#d6d6d6;float:left}
#menu .greyB:hover{margin:0;border:2px solid white}
#menu .redB{width:116px;margin:2px;height:24px;text-align:center;line-height:24px;color:white;background:#e23a2c;float:left}
#menu .redB:hover{margin:0;border:2px solid white}
#menu .mifr{float:right;margin-right:2px}
#menu .brickrow{width:100%;height:24px;margin-bottom:5px;cursor:pointer}
#menu .stilltxt{width:360px;height:20px;line-height:20px;text-align:center;color:#f5f5f5;margin-bottom:5px;font-size:20px;cursor:default}
#menu .barA, .barC{color:#ff6600!important}
#menu .barB{color:#ff6600!important;margin-left:-6px!important;margin-right:-6px!important}
#menu .dd-a:hover{background:white!important}
#menu li{list-style:none;display:block}
#menu .brickrow a{transform:none;width:0;display:inline}
#menu .stilor{text-indent:4px;color:#ffffff;float:left;line-height:height:24px;line-height:24px;font-size:18px}

.cologo{position:absolute;top:8px;left:8px;width:139px;height:57px;z-index:999}
.pnum{color:#ffffff;font-size:26px;font-family:'Trebuchet MS';font-weight:700;position:absolute;top:8px;right:8px;z-index:999}
.pnum:hover{color:#ff6600}
.pnum a:link, .tiktok a:link{text-decoration:none;color:#ffffff;}
.pnum a:link:hover, .tiktok a:link:hover{text-decoration:none;color:#f66000}
.cPbox{width:100%;max-width:348px;min-width:348px;height:625px;border:1px solid silver;border-radius:6px;margin:10px;position:relative;z-index:1}
.cPimg{display:block;width:348px;height:348px}
.cPtit{width:340px;height:52px;border:4px solid black;background:black;color:white;font-family:'Trebuchet MS';font-size:24px;line-height:26px;text-align:center;user-select:none;border-top-left-radius:6px;border-top-right-radius:6px}
.cPvmd{width:100%;min-width:348px;max-width:348px;height:30px;line-height:30px;text-align:center;cursor:pointer;border-bottom:2px solid #f5f5f5}
.cPvmd::after{content:"VIEW IN MORE DETAIL";user-select:none}
.cPvmd:hover{background:#ff6600;color:white;}
.cPpb{width:100%;background:#f5f5f5;color:#333333;font-family:impact;height:60px;text-align:center;line-height:60px;font-size:50px;font-weight:200;position:absolute;top:438px;left:0}
.cPpb2{width:100%;background:url(../img/wasnow.png) no-repeat;background-color:#f5f5f5;background-position:center center;color:#333333;font-family:impact;height:60px;text-align:center;line-height:58px;font-size:50px}
.cPlhp{height:60px;width:94px;float:left;font-size:32px;margin-top:-13px;margin-left:4px!important;transform:scale(1,1.6);font-weight:200}
.cPrhp{height:60px;width:94px;float:right;font-size:32px;margin-top:-13px;margin-right:4px!important;transform:scale(1,1.6);font-weight:200}
.cPpoff{width:50px;height:14px;margin:0 auto;color:white;font-size:20px;font-weight:100}
s,strike{text-decoration:none;position:relative}
s::before,strike::before{top:50%;background:#f60;opacity:1;content:'';width:105%;position:absolute;height:4px;border-radius:4px;left:-5%;white-space:nowrap;display:block;transform:rotate(-15deg)}
s.straight::before,strike.straight::before{transform:rotate(0deg);left:-1%;width:102%}
.cPvat{width:100%;height:20px;line-height:20px;color:#f5f5f5;text-align:center;background:#333;font-weight:100;user-select:none;position:absolute;top:498px;left:0;border-top:2px solid #f5f5f5;z-index:1}
.vattxt{opacity:0.8}
.cPfb{width:100%;height:95px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;position:absolute;top:bottom:0;left:0}
.cPfb iframe{position:absolute!important;bottom:-1px!important;left:0!important;width:348px!important;background:#ffffff}
.cPdums{z-index:999!important;border:1px solid #d3dbe2;background:white;width:100%;width:278px;height:31px;color:#4b0000;font-size:14px;text-indent:7px;line-height:31px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-user-select: none;-ms-user-select: none;user-select: none;margin:0 auto;position:absolute;top:520px;left:34px}
.cPdums::after{content:"Each";font-weight:400;color:#220022}
.btn{color:white;font-size:30px}
.plogo{position:absolute!important;top:60px!important;right:0!important}
.si iframe{z-index:999;position:absolute;bottom:0;left:0}
.vi iframe{z-index:999;position:absolute;bottom:0;left:0}
.vma{text-decoration:none;color:white}
.cPbox .vmlink{width:348px;height:30px;background:#333333;color:white;line-height:30px;text-align:center!important;cursor:pointer}
.cPbox .vmlink::after{content:"VIEW IN MORE DETAIL"}
.cPvmd{background:black;color:white}

.fto{width:100%lheight:38px}
.foottit{width:100%;max-width:1490px;min-width:360px;background:black;color:white;text-decoration:none;text-align:center;height:38px;font-size:22px;line-height:38px;margin:15px auto 15px auto;border-radius:6px;color:white}
.foottit:hover{color:#ff6600}

.prinner{width:100%;max-width:1490px;min-width:360px;margin:0 auto}
.prinner iframe{width:500px!important}
.prinner{background:#fcfcfc}
.pmn{min-height:calc(100vh - 374px)}
.pob{position:relative}
.eostyle{overflow:hidden;width:500px;height:500px;margin:5px;border:1px solid silver;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius:5px}
.pboxB{width:500px;height:500px;overflow:hidden;border:1px solid silver;margin:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius:5px;position:relative}
.pboxB{width:100%;max-width:500px;min-width:350px;margin:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;border:1px solid silver;position:relative;overflow:hidden;}
.pboxB{width:100%;max-width:500px;min-width:350px;margin:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;border:1px solid silver;position:relative}
.pboxB:hover{box-shadow:0 0 20px rgba(33,33,33,.2)}
.ptit{width:100%;height:84px;min-height:84px;background:black;color:white;border:4px solid black;font-size:28px;line-height:24px;text-align:center;font-family:Trebuchet MS, Helvetica, sans-serif;font-weight: 600;position:absolute;top:0px;left:0}
.pdesc{width:100%;height:220px;background:#ffffff;position:absolute;top:84px;left:0;overflow-x:hidden;overflow-y:scroll!important;font-family:Trebuchet MS, Helvetica, sans-serif;font-weight:500;font-size:20px;line-height:22px;text-align:center}
.pPricebox{width:100%;height:64px;line-height:64px;text-align:center;color:#333;font-family:impact;font-size:40px;position:absolute;left:0;top:304px;background:#f6f5f5;border-top:2px solid #f6f5f5;border-bottom:2px solid #f6f5f5}
.pvattag{position:absolute;top:368px;left:0;width:100%;height:20px;line-height:20px;text-align:center;background:#333}
.ppvt{color:#ffffff;font-family:arial;font-size:14px;opacity:0.5;-webkit-user-select: none;-ms-user-select: none;user-select: none}
.fbox{width:100%;height:204px;position:absolute;left:0;bottom:0}
.fbox iframe{width:100%;position:absolute;bottom:0;left:0;height:104px;border-top:1px solid red;z-index:1}
#reto{width:100%;height:56px;line-height:28px;}
#reto{height:auto;position:relative!important}
.reti{height:auto;position:absolute;margin:0 auto}
.reti a{color:white;text-decoration:none}
.reti a:hover{color:#ff6600;text-decoration:none}
.pdumop{z-index:999!important;position:absolute;top:388px;left:110px;border:1px solid #d3dbe2;width:100%;height:30px;width:280px;height:33px;background:white;color:#4b0000;font-size:14px;text-indent:8px;line-height:31px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-user-select: none;-ms-user-select: none;user-select: none}
.pPriceL{float:left;margin-left:10px;width:130px;position:absolute;left:10px;top:0;font-size:50px}
.pPriceR{float:right;margin-right:10px;width:130px;position:absolute;right:10px;top:0;font-size:50px}
@media only screen and (max-width: 480px) {
.pPriceL{width:100px;position:absolute;left:-10px;top:0;font-size:34px}
.pPriceR{width:100px;position:absolute;right:-10px;top:0;font-size:34px}
.pdumop{left:34px}
.fbox iframe{width:360px!important}
.fspace{height:4px}
.easyzoom{margin:5px}
.pboxB{margin:5px}
}

.pPriceC{text-align:center;font-size:60px}
.poffout{width:100%;height:60px}
.poff{width:150px;height:60px;font-size:21px;line-height:60px;margin:0 auto;background:url('../img/wasnow.png');background-position:100% 100%;color:white}
s,strike{text-decoration:none;position:relative}
s::before,strike::before{top:50%;background:#f60;opacity:1;content:'';width:105%;position:absolute;height:4px;border-radius:4px;left:-5%;white-space:nowrap;display:block;transform:rotate(-15deg)}
s.straight::before,strike.straight::before{transform:rotate(0deg);left:-1%;width:102%}
.fspace{width:100%;height:20px}
.pimg{display:block;width:100%;height:auto}
.easyzoom{position: relative;display:inline-block;*display:inline;*zoom:1}
.easyzoom img{vertical-align: bottom}
.easyzoom.is-loading img{cursor:progress}
.easyzoom.is-ready img{cursor:crosshair}
.easyzoom.is-error img{cursor:not-allowed}
.easyzoom-notice{position:absolute;top:50%;left:50%;z-index:150;width:10em;margin:-1em 0 0 -5em;line-height:2em;text-align:center;background:#fff;box-shadow:0 0 10px #888}
.easyzoom-flyout{position:absolute;z-index:100;overflow:hidden;background:#fff}
.easyzoom--overlay .easyzoom-flyout{top:0;left:0;width:100%;height:100%}
.easyzoom--adjacent .easyzoom-flyout{top:0;left:100%;width:100%;height:100%;margin-left:20px}
.easyzoom:hover{box-shadow:0 0 20px rgba(33,33,33,.2)}
.dataline:nth-child(odd){background:#d6d6d6;color:black;font-size:14px;text-indent:4px;text-align:left;font-weight:600;opacity:0.7}
.dataline:nth-child(even){background:#b2b2b2;color:white;font-size:14px;text-indent:4px;text-align:left;font-weight:600;opacity:0.7}
.datalogo{width:100%;height:34px;color:white;background:#232b69;text-align:center}
.bdt{font-size:16px;height:20px;line-height:20px;font-weight:600;text-align:center;background:black;color:white}
.dlibstock{background:#222a69}   
.dlwienerberger{background:#c21c03;padding-top:2px;margin-bottom:-2px}        
.nonstandard{color:red;font-weight:700;font-size:13px}
.discon{background:yellow;color:red;opacity:1}
.dllondon{background:#f37120;padding-top:2px;margin-bottom:-2px}
.dlimperial{background:white;padding-top:2px;margin-bottom:-2px}

.oprice{background:#cd0000;color:white;padding:3px;border-radius:4px;text-align:center}
.yell{background:#ffcc00;color:black}
.thousave{background:#ffcc00;color:black}


#footbar{width:100%;max-width:1486px;min-width:348px;color:#fff;margin:0 auto;text-align:center;height:40px;line-height:40px;font-size:28px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#pagefoottit{width:100%;max-width:1486px;min-width:348px;color:#fff;background:black;margin:0 auto;text-align:center;min-height:40px;max-height:80px;height:auto;line-height:40px;font-size:28px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#pagefoottit a:link{color:white;text-decoration:none}
#pagefoottit a:visited{color:white;text-decoration:none}
#pagefoottit a:hover{color:#ff6600;text-decoration:none}
#pagefoottit a:active{color:white;text-decoration:none}

.Pcoff{font-weight:100}