html{
scroll-behavior:smooth;
}
body{
background:url(images/logo.gif) top center no-repeat;
background-color:transparent;
background-color:rgba(0,0,0,0.0);
font-family:Verdana;
color:#555;
font-size:10pt;
}
img{
max-width:100%;
height:auto;
}
table,th,td{
text-align:center;
border:none;
}
table td{
font-size:10pt;
width:200px;
}
table td.p_price{
padding-top:0px;
padding-bottom:25px;
}
table.previews{
border:1px solid #bd2424;
width:95%;
margin-left:auto;
margin-right:auto;
}
table.previews th{
background-color:#fff4f4;
}
table.previews td{
text-align:left;
}
h1{
font-size:18pt;
font-weight:bold;
background:inherit;
color:#bd2424;
letter-spacing:5px;
padding-top:10px;
}
h2{
font-size:9pt;
font-weight:bold;
}
h3{
font-size:11pt;
font-weight:bold;
text-align:center;
}
.color_bd2424{
font-size:10pt;
color:#bd2424;
font-weight:bold;
}
strong{
font-size:10pt;
background:inherit;
color:#bd2424;
}
a:link,a:visited,a:active{
background-color:inherit;
text-decoration:none;
color:#555;
}
a:hover{
background-color:inherit;
text-transform:uppercase;
font-weight:bold;
text-decoration:underline;
color:#bd2424;
}
.link_navy{
color:navy;
font-weight:bold;
}
ul {
list-style:none;
margin-left:10px;
padding:1px;
}
li{
padding:0 0 8px 15px;
background:url(images/arw.gif) 0 0 no-repeat;
}
#header{
height:200px;
margin:auto;
}
#main{
width:800px;
margin:auto;
clear:both;
}
#content{
width:600px;
float:right;
padding:0 10px;

background-color:transparent;
background-color:rgba(0,0,0,0.0);
color:inherit;
text-align:justify;
}
#content a:link{
color:#bd2424;
text-decoration:underline;
font-weight:normal;
}
#content a:visited{
color:#bd2424;
text-decoration:underline;
}
#content a:hover{
color:#bd2424;
text-decoration:underline;
}
#content a:active{
color:#000;
text-decoration:underline;
}
#inset a:link{
color:#bd2424;
text-decoration:underline;
}
#inset a:visited{
color:#bd2424;
text-decoration:underline;
}
#inset a:hover{
color:#bd2424;
text-decoration:underline;
}
#inset a:active{
color:#000;
text-decoration:underline;
}
.w_wrapper{
text-align:center;
width:600px;
min-height:140px;
}
#sidebar{
width:160px;
height:auto;
float:left;
padding:5px;
font-size:80%;
text-align:justify;
}
#sidebar a{
display:block;
padding:10px 5px;
border-bottom:#bd2424 1px dashed;
text-align:center;
}
#sidebar a:hover{
background-color:#fff4f4;
color:#bd2424;

text-decoration:none;
}
#footer img,
#sidebar img{
border:none;
float:none;
}
#footer{
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
padding:10px;
font-size:80%;
border-top:#bd2424 1px solid;
text-align:center;
clear:both;
}
.header{
float:right;
text-align:right;
padding:30px 15px 0 0;
}
.footer{
height:1px;
clear:both;
}
.topside{
padding-bottom:10px;
font-size:8pt;
font-weight:bold;
border-bottom:#bd2424 2px solid;
text-align:center;
}
.inset{
float:right;
width:200px;
padding:10px;
border:#bd2424 1px solid;
margin:5px 0 0 5px;
background:#fff4f4;
color:inherit;
font-size:90%;
}
.inset-bg{
-webkit-box-flex:1;
-webkit-flex:auto;
-ms-flex:auto;
flex:auto;
border:#bd2424 1px solid;
float:right;
color:inherit;
font-size:90%;
}
.inset-bg table{
border:#bd2424 1px solid;
}
.inset_left-bg{
-webkit-box-flex:1;
-webkit-flex:auto;
-ms-flex:auto;
flex:auto;
border:#bd2424 1px solid;
color:inherit;
font-size:90%;
}
.inset_left-bg table{
border:#bd2424 1px solid;
}
.img_right{
float:right;
}
.img_left{
float:left;
max-width:70%;
height:auto;
}
.indent{
padding-left:1.8em }
.jsondata table{
border-collapse:collapse;
border:#bd2424 3px solid;
}
.jsondata td{
border-bottom:#bd2424 1px solid;
}
html{
min-width:800px;
}
.mobile_logo{
display:none;
}
.mobile_menu_btn_wrapper{
display:none;
}
.hamburger{
padding:15px 15px;
display:inline-block;
cursor:pointer;
-webkit-transition-property:opacity,-webkit-filter;
transition-property:opacity,-webkit-filter;
-o-transition-property:opacity,filter;
transition-property:opacity,filter;
transition-property:opacity,filter,-webkit-filter;
-webkit-transition-duration:0.15s;
-o-transition-duration:0.15s;
transition-duration:0.15s;
-webkit-transition-timing-function:linear;
-o-transition-timing-function:linear;
transition-timing-function:linear;
font:inherit;
color:inherit;
text-transform:none;
background-color:transparent;
background-color:rgba(0,0,0,0.0);
border:0;
margin:0;
overflow:visible;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after{
background-color:rgb(255,255,255);
}
.hamburger-box{
width:40px;
height:24px;
display:inline-block;
position:relative;
}
.hamburger-inner{
display:block;
top:50%;
margin-top:-2px;
}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{
width:40px;
height:4px;
background-color:#c82828;
background-color:rgba(200,40,40,1.0);
-webkit-border-radius:4px;
border-radius:4px;
position:absolute;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
-o-transition-property:transform;
transition-property:transform;
transition-property:transform,-webkit-transform;
-webkit-transition-duration:0.15s;
-o-transition-duration:0.15s;
transition-duration:0.15s;
-webkit-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease;
}
.hamburger-inner::before,.hamburger-inner::after{
content:"";
display:block;
}
.hamburger-inner::before{
top:-10px;
}
.hamburger-inner::after{
bottom:-10px;
}
.hamburger--squeeze .hamburger-inner{
-webkit-transition-duration:0.075s;
-o-transition-duration:0.075s;
transition-duration:0.075s;
-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
-o-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--squeeze .hamburger-inner::before{
-webkit-transition:top 0.075s 0.12s ease,opacity 0.075s ease;
-o-transition:top 0.075s 0.12s ease,opacity 0.075s ease;
transition:top 0.075s 0.12s ease,opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after{
-webkit-transition:bottom 0.075s 0.12s ease,-webkit-transform 0.075s cubic-bezier(0.55,0.055,0.675,0.19);
transition:bottom 0.075s 0.12s ease,-webkit-transform 0.075s cubic-bezier(0.55,0.055,0.675,0.19);
-o-transition:bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(0.55,0.055,0.675,0.19);
transition:bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(0.55,0.055,0.675,0.19);
transition:bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform 0.075s cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--squeeze.is-active .hamburger-inner{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition-delay:0.12s;
-o-transition-delay:0.12s;
transition-delay:0.12s;
-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
-o-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
}
.hamburger--squeeze.is-active .hamburger-inner::before{
top:0;
opacity:0;
-webkit-transition:top 0.075s ease,opacity 0.075s 0.12s ease;
-o-transition:top 0.075s ease,opacity 0.075s 0.12s ease;
transition:top 0.075s ease,opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after{
bottom:0;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
-webkit-transition:bottom 0.075s ease,-webkit-transform 0.075s 0.12s cubic-bezier(0.215,0.61,0.355,1);
transition:bottom 0.075s ease,-webkit-transform 0.075s 0.12s cubic-bezier(0.215,0.61,0.355,1);
-o-transition:bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(0.215,0.61,0.355,1);
transition:bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(0.215,0.61,0.355,1);
transition:bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.075s 0.12s cubic-bezier(0.215,0.61,0.355,1);
}	
.main_menu{
font-size:9pt;
font-weight:bold;

}
.main_menu .left_menu{
display:none;
}
.overlay{
display:none;
}
.product_wrapper{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}
.scrollup{
position:fixed;

padding:15px 10px 10px;

background:#aaa;
border-radius:5px;

-webkit-border-radius:5px;
-moz-border-radius:5px;
left:10px;

bottom:10px;

cursor:pointer;
opacity:0;
transition-property:opacity;
-webkit-transition-property:opacity;
-o-transition-property:opacity;
transition-duration:200ms;
-webkit-transition-duration:200ms;
-o-transition-duration:200ms;
transition-timing-function:ease;
-webkit-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-delay:0s;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
}
.scrollup:after{
content:"";
display:block;
width:12px;
height:12px;
border-top:2px solid #ddd;
border-left:2px solid #ddd;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
position:relative;
}
@media only screen and (max-width:640px){
html{
min-width:320px;
}	
body{
margin:0;
background:none !important;
}
*{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#header,#main,#footer{
width:100%;
}
#main{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
#main #sidebar{
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2;
width:100%;
}
#main #content{
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1;
width:100%;
}
.mobile_logo{
display:block;
padding-top:30px;

}	
.header{
float:none;
text-align:left;
padding:10px 0 0;
}
.mobile_menu_btn_wrapper{
display:block;
text-align:right;
position:fixed;
top:0;
left:0;
right:0;
z-index:40;
width:100%;
}
#header{
height:auto;
}	
.main_menu > span{
display:none;
}
.main_menu .left_menu{
display:block;
}	
.main_menu{
position:fixed;
left:-100%;
height:100vh;
overflow-y:auto;
top:0;
width:240px;
background:#BD2424;
bottom:0;
-webkit-transition:left 0.3s;
-o-transition:left 0.3s;
transition:left 0.3s;
z-index:900;
-webkit-box-shadow:3px 0px 18px 0px rgba(0,0,0,0.37);
box-shadow:3px 0px 18px 0px rgba(0,0,0,0.37);
}
.open_menu{
left:0;
}
.main_menu{
padding:10px 0 20px;
}
.main_menu a{
display:block;
color:#fff;
padding:8px 10px;
font-size:14px;

border-bottom:1px solid rgba(255,255,255,0.15);
}
.main_menu a:hover{
text-decoration:none;
text-transform:none;
}
.main_menu .color_bd2424{
color:#000;
}
.main_menu .color_bd2424 br{
display:none;
}	
.overlay{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
opacity:0;
background:rgb(0,0,0);
transition-property:opacity;
-webkit-transition-property:opacity;
-o-transition-property:opacity;
transition-duration:300ms;
-webkit-transition-duration:300ms;
-o-transition-duration:300ms;
transition-timing-function:ease;
-webkit-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-delay:0s;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
}	
#sidebar .left_menu{
display:none;
}
#sidebar,#footer{
font-size:12px;
}
.product_wrapper{
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:30px;
}
.product_wrapper .jsondata,.product_wrapper .product_thumnail{
width:100% !important;
max-width:100% !important;
}
.product_wrapper .product_thumnail{
margin-left:0 !important;
margin-bottom:0;
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1;
}
.product_wrapper .jsondata{
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2;
}
.product_wrapper .jsondata table{
margin:auto;
}
.product_thumnail p{
margin:10px auto;
}
}