@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "Sans";
	src: local('Product Sans'),url("Sans.woff2") format("woff2"),url("Sans.woff") format("woff"), url("Sans.ttf") format("ttf");
}

:root {
	--gray:#666;
	--bordergray:#eee;
	--lightgray: #fafafa;
	--fontsize:14px;
	--red:#C24641;
	--gold:#c19d56;
	--blue: #0b57d0;
	/* c59c6c , bc8c34 , f4ba18 */
	--red2: #E24641;
	font-family: Arial,Sans,Helvetica,sans-serif;
	font-size:14px; letter-spacing: 1.6px;line-height: 1.5; 
	transition: color 0.5s ease 0s, background-color 0.5s ease 0s;
}
body{margin:0; padding:0;color:#4c4c4c;}

.price { color:var(--red); }
.price::before {content:'$';  vertical-align:top; }

.pricecut { text-decoration:line-through; color:var(--gray); font-size:2rem;}
.pricecut::before {content:'$'; font-size:1rem; vertical-align:text-top;}
.pct {padding-right:20px; color:var(--gray);}
.pct::after{content:'% OFF'; font-size:0.75rem; }

#topsummary2 .price {font-size:1.6rem;}
#topsummary2 .price::before {font-size:1rem;}

body > header {background:linear-gradient(#fafafa,#fefefe, #f0f0f0); border-bottom:1px solid #efe0e0; box-shadow:0px 1px 1px #eee; margin-bottom:1px; }
body > header #logo {float:left; display:inline-block; margin:16px 40px 4px 40px;}
body > header #logo a {display:inline-block;}
body > header #logo img {height:30px; width:auto;}



#meniu { display:inline-block; float:left; padding:23px 20px 12px; cursor:pointer;border-right: 1px solid #eee; }
#meniu:hover, #meniu:focus, #meniu:active {background-color:#fff;padding:21px 20px 12px; border-top:2px solid var(--red);}
#meniu img { height:15px; width:auto; }

input#menuopen + nav{}
input#menuopen:checked + nav{  display:block;}

nav { float:left; display:none;   }
nav ul {padding:0; margin:0; list-style:none;}
nav ul li {float:left; display:inline-block; border-top:2px solid var(--lightgray); min-width:100px;}

nav ul li > span {display:block; padding:18px 15px 15px; text-transform:uppercase; color:var(--gray); text-align:center;border-left:1px solid #eee; font-weight:bold; cursor:pointer;}
nav ul li:first-child > a { }
nav ul li > div {display:none; width:220px; position:absolute; box-shadow:0px 2px 1px #aaa;}
nav ul li > div a {display:block; padding:8px 15px ; border-top:1px solid #fff; border-bottom:1px solid #fff;}
nav ul li > div a:hover {background-color:var(--lightgray); border-top:1px solid #eee;border-bottom:1px solid #eee;}
nav > ul > li:focus, nav > ul > li:hover{ background-color:#fff; border-top:2px solid var(--red); }
nav > ul > li:focus > div, nav > ul > li:hover > div { display:block; background-color:#fff; }


header #right {float:right; display:inline-block;}
header #right > a {display:block; width:40px; float:left; padding:15px 15px 10px 15px; text-transform:uppercase;border-top:2px solid var(--lightgray); text-align:center;}
header #right > a.bag {background:url(images/icon-bag.svg) 10px center no-repeat; font-size:1.4rem; padding-left:30px; background-size:auto 18px; min-width:inherit; }
header #right a#wishlistcount {background:url(images/icon-heart.svg) 10px center no-repeat; font-size:16px; padding-left:30px; background-size:auto 15px; min-width:inherit; border-right:1px solid #eee; }
header #right > a:focus, header #right > a:hover, header #right > a#wishlistcount:hover { background-color:#fff; border-top:2px solid var(--red); }

header #right div#user {display:inline-block; float:left; cursor:pointer; padding:16px 15px 12px; border-top:2px solid var(--lightgray); border-right:1px solid #eee;line-height:1.8;}
header #right div#user img {height:18px; width:auto; padding:0px 20px;}
header #right div#user > div {display:none; width:220px; margin-left:-140px; margin-top:10px; position:absolute; box-shadow:0px 2px 1px #aaa;}
header #right div#user > div span {font-size:0.8rem; text-align:center; background-color:var(--lightgray); border-bottom:1px solid #eee;}
header #right div#user > div a {display:block; padding:8px 15px ;}
header #right div#user > div a:hover {background-color:var(--lightgray); border-top:1px solid #eee;}

header #right div#user:focus, header #right div#user:hover{ background-color:#fff; border-top:2px solid var(--red); }
header #right div#user:focus > div, header #right div#user:hover > div { display:block; background-color:#fff; }
header #right div#user > div span {display:block;}

div.sep {
    width: 1px;
    height: 25px;
    float: left;
    border-right: 1px solid 
    #DADADA;
    margin: 22px 0;
    line-height: 30px;
	display:block;
}

a {text-decoration:none; color:#4c4c4c;	transition: color 0.5s ease 0s, background-color 0.5s ease 0s;}
a.link {color:var(--blue); text-decoration:none;}
a.link:after {content:'»'; padding-left:4px;}
.text a, .content a, a.link {text-decoration:underline;}
.notice {padding:20px; background-color:#FFe; color:#000;}
 a.disable {pointer-events:none}
img  {border:none; 
/*
	image-rendering: crisp-edges;
	image-rendering: -webkit-optimize-contrast;
*/
}
img.figure {float:right; padding:5px 0px 4px 4px;}

figure {max-width:320px; width:100%; background-color:#eee; border:1px solid #ddd; padding:5px; margin:15px; display:inline-block;}
figure img {width:100%; transition: filter 0.5s ease 0s;}
figure img:hover , figure img:focus {filter: grayscale(100%);  -webkit-filter: grayscale(100%); }
figure figcaption {text-align:center; text-shadow:0px 0px 3px #888; font-size:16px; }
figure figcaption span {font-size:14px; color:#00d; }


img.full {width:100%}
.strike {color:#888; text-decoration:line-through;}
.wrap {margin:0px auto; clear:both;}
.Error {background-color:#eb3800; padding:10px; border:1px solid #b82c00; color:#fff; text-transform:uppercase; margin:10px; text-align:center; display:none;}
.error {color:#F45C19 !important; content:normal; }
.clearleft {clear:left}
.clear {clear:both}
.hide{display:none}
.block {display:block}


.dim {color:#aaa;}
.space {margin:5px 0px; display:block;}
label.space span {display:inline-block; background-color:#ccc; color:#000; width:80px; padding:7px; text-align:left; border:1px solid #bbb; border-radius:5px; border-top-right-radius:0px; border-bottom-right-radius:0px;}
label.space input {border-top-left-radius:0px; border-bottom-left-radius:0px;}
label.space select { border-radius:5px; border-top-left-radius:0px; border-bottom-left-radius:0px; margin:1px;}
.margin {margin:15px;}
table {border-collapse:collapse}
table caption {background-color:#4c4c4c; color:#fff; font-size:18px;}
tr {vertical-align:top; line-height:2;}
th{background-color:#4c4c4c; color:#fff; font-weight:normal; }

.table {display:table; width:100%; }
.table.hide {display:none;}
.table .caption {display:table-caption;text-transform:uppercase; font-size:16px; padding:15px; color:#fff; background-color:#9c9c9c;}
.table .th {display: table-cell; line-height:2; text-align:left; color:#888;}
.table .th:after {content:':';}
.table .col {display:table-cell;}

.table .col.vt { vertical-align:top;}
.table .row {display:table-row;}
.table .col.detail {text-align:left; padding-left:10px;}


h1 {text-align:center; font-size:2rem; color:var(--red); font-weight:normal;line-height:normal;}
.Home h1 {text-transform:none; line-height:normal}
h2 {font-weight:normal; text-transform:uppercase;  font-size:22px;font-weight:normal;line-height:normal }
h3 { background-color:transparent; font-weight:normal;letter-spacing:2px; text-transform:uppercase;font-size:18px; color:#000;}
h4 {text-align:center; color:#C24641; letter-spacing:2px; text-transform:uppercase; font-size:18px;}


#testimonial img {width:100px; padding:10px;}
ul.MenuT {list-style:none; padding:0px; margin-top:30px; float:right}
ul.MenuT li {list-style:none; float:left; color:#888; line-height:13px;text-shadow:-1px -1px 1px rgba(100, 100, 100, 0.4);}
ul.MenuT li a {padding:13px 10px;color:#888;white-space:nowrap; display:block; text-decoration:none; text-align:center}
ul.MenuT li.last a {padding:2px;}



#TSteps {background-color:#50524f; }
#TSteps a {padding:10px; text-decoration:none; color:#fff; display:inline-block; width:35%}
#TSteps a.sell {border-right:4px solid #0c0c0e; background-color:#c6c8c8; color:#0c0c0e}
#TSteps a.selr {border-left:4px solid #0c0c0e; background-color:#c6c8c8; color:#0c0c0e}


div.steps {  margin:0 auto; text-align:center; }
div.steps div {display:inline-block; padding:0px 4px;border-bottom:2px solid #bbaaa1; margin-right:1px; text-align:center; text-transform:uppercase;}
div.steps div.active {border-bottom:2px solid #181818; }
div.steps div span { padding:10px; color:#bbaaa1; display:block; }
div.steps div span a { color:#bbaaa1; display:block; }
div.steps div.active span { color:#181818;}

.white {color:#fff;}
.gray {color:#666;}
.text {padding:1%; padding-right:0px; font-weight:normal; line-height:20px; letter-spacing:0.5px; word-spacing:5px;} /*  box-shadow:0px 0px 5px #CCCCCC; padding:5%; border-radius:6px; */
.content  { padding:10px; min-height:400px; margin:10px;}
.smallcontent {text-align:center;padding:30px 50px; max-width:1000px; font-size:18px; color:#b1b3b6}
.smallcontent em {color:#f2f2f2}
.bg {background:#c6c8c8;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center}
.cap {text-transform:uppercase;}
.css-button {
display: inline-block;
line-height: 14px;
font-size: 16px;
padding:12px;
text-align: center;
border-radius: 3px;
text-decoration: none;

cursor: pointer;
border: 0px none;
letter-spacing: 0.1em;
background-color:var(--blue);
 color:#fff; 
 transition: color 0.5s ease 0s, background-color 0.5s ease 0s;
 box-shadow:0px 0px 3px #fff;
-webkit-appearance: none;
}
.css-button:hover {background-color:var(--gold); color:#000;}
/*

.css-button {
display: inline-block;
line-height: 14px;
font-size: 16px;

padding:10px;
text-align: center;
border-radius: 3px;
text-decoration: none;

cursor: pointer;
border: 0px none;
letter-spacing: 0.1em;
background-color:#444;
 color:#fff; vertical-align:bottom;
 transition: color 0.5s ease 0s, background-color 0.5s ease 0s;
 box-shadow:0px 0px 3px #fff;
-webkit-appearance: none;
}
*/

.css-buttond {
font-size:14px;
display: inline-block;
line-height: 14px;
padding: 12px 15px 10px;
text-align: center;
border-radius: 3px;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
border: 0px none;
letter-spacing: 0.025em;
background-color:#ccc;
 color:#333; vertical-align:bottom;
 transition: color 0.5s ease 0s, background-color 0.5s ease 0s;
-webkit-appearance: none;
}
.css-buttond:hover {background-color:#888; color:#fff;}


.bag { background:url(images/bagwb.webp) 10px center no-repeat var(--red); background-size:auto 25px; padding:15px 20px 15px 50px; text-align:left; font-size:1.3rem; }
.bag:hover { background:url(images/bagb.webp) 10px center no-repeat var(--gold); background-size:auto 25px; }

.wishlist { background:url(images/sprite.png) 10px -312px no-repeat #aaa; padding-left:35px;min-width:190px; text-align:left;}
.wishlist:hover { background:url(images/sprite.png) 10px -284px no-repeat #ddd; color:#4c4c4c}
.text a.button,.text a.css-button {text-decoration:none;}
.button, form.inline {background-color:#50524f; max-width:300px; border:1px ridge #50524f;padding: 8px 10px; text-decoration:none; display:inline-block;border-radius:4px; font-weight:bold;

box-shadow:inset 1px 1px 0 rgba(198,200,200,0.3);
text-shadow: -1px -1px 1px rgba(0,0,0,0.75); color: #c6c8c8; border-radius:5px; margin:2px;


}
form.inline {white-space:nowrap; padding-right:50px;}
form.inline input[type=number] {width:50px}
label.Field input,label.Field textarea{
	width:100%;
}
label p {margin-bottom:4px;font-size:14px; font-weight:normal; text-transform:uppercase}
fieldset {max-width:99%; border:1px solid #ddd; clear:both;  }
legend {font-size:14px; padding:10px; color:#000; text-align:center;}
input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=password]{
padding:8px;border:1px solid #bbb;border-radius:5px; max-width:90%; width:230px; margin:1px;  -webkit-appearance: none; background-color:#f8f8f8;
}
input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus{ background-color:#fff;}
input[type=search],input[type=date],input.normal{
padding:3px;border:1px solid #bbbbbb;border-radius:5px;   -webkit-appearance: none;
}
input[type=date] {font-size:18px;}
textarea {
padding:8px;border:1px solid #bbb;border-radius:5px; background-color:#eee;
	color:#333333; max-width:97%;width:230px;  min-height:70px; -webkit-appearance: none; font-size:12px; margin:1px;
}
input#FirstName,input#LastName {width:70px; border-radius:0px;}
input#LastName {border-top-right-radius:5px; border-bottom-right-radius:5px;}
input#MiddleName {width:50px; border-radius:0px;}

/*input,select,option,optgroup,textarea {font-family: "montserratregular" !important; } */
select { height:33px !important; background-color:#fff; border:1px solid #ddd; border-radius:5px; width:250px; -webkit-appearance:menulist; }
select option {background-color:#eee; margin:1px 5px 0px 5px !important; padding:10px !important; -webkit- appearance:button;}
select option:hover {background-color:#ddd !important;}
select option:first-child{ }
select option:nth-child(2) {border-top-left-radius:4px; border-top-right-radius:4px;}
input[type=number]{  -moz-appearance:textfield !important; -webkit-appearance: none;  margin: 0px;}
input.Submit {margin-top:10px;margin-bottom:10px;padding:5px; color:#fff;font-weight:bold;border:1px solid #334664;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;}

input.auto {width:auto;}
select.auto {min-width:inherit;}

.button span {font-size:11px; color:#a6a8a8; display:block; text-shadow:none;}
.button:hover{background-color:#c6c8C8; border:1px dashed #888; color:#000}



.button span {font-size:11px; color:#a6a8a8; display:block; text-shadow:none;}
.button:hover{background-color:#c6c8C8; border:1px dashed #888; color:#000}
/*
.tel {background:url(images/call.png) left no-repeat; padding-left:30px;}
.email { background:url(images/email.png) left no-repeat; padding-left:30px; font-size:16px}
*/
.floatr {float:right}
.banner img {width:100%;}
/*---------- Divide in 10 blocks -------*/


.grid1 {width:10%; float:left;}
.grid2 {width:20%; float:left;}
.grid3 {width:30%; float:left;}
.grid4 {width:40%; float:left;}
.grid5 {width:50%; float:left;}
.grid6 {width:60%; float:left;}
.grid7 {width:70%; float:left;}
.grid8 {width:80%; float:left;}
.grid9 {width:90%; float:left;}

.Two { width:49.5%; float:left;}
.Five {width:20%; float:left;}
.Three {width:33%; float:left;}
.Five h3 {padding-left:25px;border-top:none; border-bottom:none; text-align:left; font-weight:normal;  }
.Five a {display:block; padding:5px 25px; border-left:1px solid #ddd; color:#444; text-transform:uppercase; font-size:10px}
.Five a:hover {color:#888;}
.Five a.noborder {border:none}
.Five.logo {text-align:right;padding-top:20px;}
.TwoThree {width:40%; float:left; text-align:right; padding:18px 0px;}
.shadow {-webkit-box-shadow: 0px 0px 5px rgba(220, 220, 220, 0.75);
-moz-box-shadow:    0px 0px 5px rgba(220, 220, 220, 0.75);
box-shadow:         0px 0px 5px rgba(220, 220, 220, 0.75); 
}
.Pics {clear:left; margin:10px 0px;}
	#header
	{
		min-height:83px; margin-bottom:10px;
/*
		box-shadow: inset 0px -1px 0px 0px #272d30, inset 0px -2px 0px 0px #51575a;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.75);min-height: 100px; color: #c6c8c8;*/
	}	
	#header a {color:#111; text-decoration:none;display:inline-block}


#account input {background-color:#9c9b9b; color:#111; margin:2px; border:none; padding:2px;}

#headercart {max-width:420px; line-height:normal; position:absolute; z-index:100; background-color:#c6c8c8; border:1px solid #E6E8e8; font-size:12px; display:none}
#grad { height:38px; text-align:right;padding:0px 20px; line-height:2; font-size:20px; color:#fff; text-transform:uppercase }
#grad a {margin:0px 20px;}


.qtybox {height:25px; width:90px; border:1px solid #fff;}
.qtybox a {display:inline-block; text-align:center; width:30px; height:25px; background-color:#444; font-size:18px; line-height:25px; vertical-align:baseline; color:#fff;}
.qtybox a.disable {background-color:#888; pointer-events:none}
.qtybox input {display:inline-block; text-align:center; width:30px; height:25px; border:none; margin:0px; padding:0px;border-radius:0px; vertical-align:top; background-color:#fff;}


/*--------------- Top Bar -------------- */

.topbar{
	 text-align:right; background-color:#000; margin-left:182px;
} 
.topbar img{  }
.topbar a {padding: 11px 20px 10px 15px; display:inline-block; border-left:1px solid #eee; color:#000; text-align:center;  }
.topbar a:hover {color:#ddd;}
.topbar a#itemscount {background:url(images/sprite.png) left -243px no-repeat; padding-left:40px; }
.topbar a#itemscount:hover,.topbar a#itemscount.sel {background:url(images/sprite.png) left -196px no-repeat #ddd; color:#222}
.topbar a#wishlistcount {background:url(images/sprite.png) left -314px no-repeat; padding-left:35px;  }
.topbar a#wishlistcount:hover,.topbar a#wishlistcount.sel {background:url(images/sprite.png) left -286px no-repeat #ddd; color:#222}

.topbar div.tb { display:inline-block;background:url(images/sprite.png) right -630px no-repeat; margin-right:5px; text-transform:uppercase; }
.topbar div.tb > a { display:inline-block }
.topbar div.tb div {background-color:#4c4c4c; position:absolute; height:0px; transition: height 0.4s ease-in-out;  }
.topbar div.tb#sign div { }
.topbar div.tb:hover div { height:28px;}
.topbar div.tb div a { color:#fff; display:none; border:none; font-size:10px; padding:7px 14px;}
.topbar div.tb:hover div a {display:inline-block;  }

.topbar a:first-child{border-left:none}
.topbar form {display:inline-block; padding:0px; margin:0px;}
#Auth form{
	display:inline-block; margin:0px;
}
 /* 

-------- New Header Menu ------*/
#nav { background-color:#aaa; border-top:1px solid #eaeaea; padding:0px; list-style:none; margin-left:182px;}
#nav div.maincat {display:inline-block; padding:0px 20px; }
#nav div.maincat > a {color:#222; text-transform:uppercase;text-decoration:none; padding:10px 0px 8px 0px;display:inline-block;}
#nav div.maincat:hover > a {color:#fff; padding:10px 0px 4px 0px; border-bottom:4px solid #4c4c4c;} 
#nav div.maincat div.subcat{ display:none; position:absolute; margin-left:-10px; }
#nav div.maincat:hover div.subcat { display:block; background-color:#4c4c4c;}
#nav div.maincat div.subcat a { color:#fff; padding:10px; display:inline-block; font-size:10px; text-transform:uppercase; }
#nav div.maincat div.subcat a:hover {color:#ddd;}
#nav .tel {float:right;margin-right:10px; padding-left:25px;  background:url(images/icon-call-white.svg) left center no-repeat; background-size:15px 15px;}
#nav .tel a {padding: 10px 0px 8px;color:#fff; display:inline-block;  }
.whatsapp img {width:18px; height:auto;}
/*---------- Top Slide ------*/
#topslide2 {width:280px; background-color:#fff; height:80%; position:fixed; right:10px; top:100px; overflow:hidden; color:#000; box-shadow:0px 0px 3px #888; display:none; z-index:102;}
#slideclosebutton2 {position:absolute; top:0px; right:0px; }
#topdata2 { width:calc(100% - 10px); height:calc(100% - 120px); margin:10px 0px 0px 10px; overflow:auto; }
#topdata2 table tr { vertical-align:middle; line-height:normal; }
#topdata2 > table > tr { border-bottom:1px solid #ddd; }
#topdata2 table tr td { font-size:12px; }
#topdata2 table tr td div.prodname { margin-bottom:5px; font-size:11px; }
#topdata2 table tr td div.extra { margin-bottom:5px; }
#topdata2 table tr td div.extra span { color: var(--gray);}
#topdata2 table tr td a.rem {border-bottom:1px solid var(--gray); color:var(--gray); padding:2px 1px; display:inline-block; margin-top:10px; }
#topdata2 table tr td:first-child img {width:100px; height:auto;}
#topsummary2 {background-color:#ddd; padding:5px 0px; border-top:1px solid var(--gray); height:100px; text-align:center }
#topsummary2 .Price { font-weight:bold; font-size:15px; }

/* ----------- LEFT BAR ---------- */
#leftbar { padding:1.5%; width:17%;

/*
-webkit-box-shadow: 0px 0px 5px rgba(220, 220, 220, 0.75);
-moz-box-shadow:    0px 0px 5px rgba(220, 220, 220, 0.75);
*/
box-shadow:         3px 0px 3px -2px rgba(220, 220, 220, 0.75); 
border-right:1px solid #ddd;
position:fixed; top:81px;
height:calc(100% - 110px);
 z-index:0;
}
#leftbar {width:160px; padding:10px;}
#leftbar ul {list-style:none; padding:0px; margin:0px;}
#leftbar ul.subcat {margin-top:10px; font-size:10px}
#leftbar li.border-top {border-top:1px solid #ddd; margin-top:15px;}
#leftbar a {text-transform:uppercase;display:block;padding:3px 0px; color:#888;}
#leftbar a:hover { color:#ddd}
#leftbar a.topcat {padding-top:15px; color:#000 }
#leftbar hr {color:#ddd; margin:15px 0px;}
#leftbar .topcat {pointer-events:none;cursor:pointer;}
#leftbar ul.subcat li ul {margin-left:20px;}
#footer { background-color:#fff; z-index:10; margin-left:240px;}
#footer.full { margin-left:0px;}


.rightcol {margin-left:190px; min-height:500px;}
.rightcol.Home{margin-left:220px;}


/*------------ General Styling -- */
input[type="search"]{
	width:140px;
	background:url(images/sprite.png) left -125px no-repeat  #4c4c4c;
	border:none;
	border-radius:0px;
	padding:12px 0px 11px 40px; 
	margin:0px;
	color:#fff; font-size:12px;  text-transform:uppercase;
	transition:width 0.7s ease-in-out;	
}
input[type="search"]:focus {
	width:210px;
}

input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}


#bottombar{border-top:1px solid #ddd; padding:15px 0px;}
#bottombar #lefts {  margin-top:18px; text-align:center; padding-left:10%;}
#bottombar #rights {text-align:center}
#bottombar #rights img {width:50px; height:auto;}
#bottombar #rights a {padding:0px 5px;}
#bottombar #lefts a {border-left:1px solid #ddd; color:#666; padding:5px 13px; margin:10px 2px; text-transform:uppercase; font-size:10px;}
#bottombar #lefts a:hover{color:inherit}
#bottombar #lefts a:first-child{margin-right:40px;padding:0px;}
#bottombar #lefts a.noborder { border-left:none; }

#heading {border-top:1px solid #ddd;padding-top:15px; margin:15px 0px; }
#logobottom {text-align:right;  margin:60px 0px 10px 0px;}
#logobottom img {width:290px}

#signup {display:block}
#signup input[type=email]{ background-color:#aaa; width:220px; color:#fff; border:2px solid #999; padding:5px; }
#BB {border:1px solid #ddd; padding:5px; background-color:#ddd;color:#333}
/*------------ end of navigation --------*/
.inline {display:inline-block}
.float {float:left}
.floatright {float:right}
.Home img {width:100%; display:block;}
.f20 {width:20%;}
.f25 {width:25%;}
.f30 {width:30%;}
.f33 {width:33.33%;}
.f40 {width:40.8%; vertical-align:top;}
.f45 {width:45%;}
.f50 {width:49.9%; }
.f55 {width:55%;}
.f60 {width:59%;vertical-align:top;}
.f70 {width:69%;}
.f67 {width:66.66%;}
.f80 {width:77%;}
.f100 {width:100%;vertical-align:top;}
.f100 img,img.f100 {width:100%;}

#Home {width:930px; float:right; margin-top:5px;}
#Home a,#Home div {display:inline-block; float:left;  }
#Home a img { width:100%;}
#Home a img.no {display:none}
.bright {border-right:1px solid #fff;}
.bbottom {}
.Home .dress {border-left:1px solid #fff; border-right:2px solid #666; vertical-align:bottom;}
.Home .fashion{ vertical-align:bottom;}
.Home .casual {border-left:1px solid #fff; border-right:2px solid #666; border-top:2px solid #666;vertical-align:top; }
.Home .accessories {vertical-align:top;border-top:2px solid #666;}
/*
#Home a.D1 {width:33.3%}
#Home a.D2 {width:33.4%}
#Home a.D3 {width:33.26%}
*/
#Home a.D0 {width:100%}
#Home a.D1 {width:33.33%}
#Home a.D2 {width:33.95%}
#Home a.D3 {width:32.7%}
#Home a.D4 {width:66.66%}

#Home a:hover img {display:none}
#Home a:hover img.no {display:block}
#kandoratypes a {display:inline-block;width:23%; margin:0.5%; min-width:100px}

#kandoratypes img {width:100%}

.SubCategory { border-bottom:1px solid #ddd; }
.SubCategory a { display:inline-block; padding:10px; background-color:#f0f0f0; }
.Product  { width:160px; height:130px; text-align:center; display:inline-block;margin:3px; font-size:12px;}
.Product img { width:100%;}

.boxs { width:420px; background-color:#fff; padding:10px; border:1px solid #D3CAB5; color:#4a382c; border-radius:6px; -moz-border-radius: 6px; margin:10px auto; }
.boxs div:first-child{float:left; width:65px;}
.boxs div.cont {width:330px; float:right; text-align:left}
div.cont select {width:120px}
.size {float:left; width:33%; height:50px; font-size:12px; margin-top:10px}
.PCT66 {float:left; width:66%;}
.PCT33 {float:left; width:32%;}
#sizeimg img {width:100%;}


.bcontent {	font-size:12px;	background:#FFF;color:#666;	padding:10px;}
.bcontent img {width:100%}
.b1 {width:45%; padding:0px 10px; float:left; text-align:right }
.b1 input {width:96%; height:25px; background:#EBEBEB; color:#666; margin-bottom:10px; border:none; padding:2px 10px}

.b1 input[type=submit] {padding:10px 40px 10px 10px; height:auto; background:#77787b; width:auto; border-radius:2px; color:#FFF; margin:5px;}
.b1 input[type=reset] {padding:10px 40px 10px 10px; height:auto; background:#bcbec0; width:auto; border-radius:2px; color:#FFF; margin:5px;}

.b1 textarea {width:100%; height:130px; background:#EBEBEB; color:#666; border:none;padding:5px}
.b1 select.s {width:30%; height:20px; background:#EBEBEB url(images/select-bg.jpg) no-repeat right; color:#666; margin-bottom:10px; border:none;-webkit-appearance: none;-moz-appearance: none;text-indent: 0.01px;text-overflow: ""; margin-right:10px}
.b1 select.s1 {width:30%; height:20px; background:#EBEBEB url(images/select-bg.jpg) no-repeat right; color:#666; margin-bottom:10px; border:none;-webkit-appearance: none;-moz-appearance: none;text-indent: 0.01px;text-overflow: ""; margin-right:0px}
.b1 select.t {width:27%; height:20px; background:#CCC url(images/select-bg.jpg) no-repeat right; color:#666; margin:-35px 0px 0px 0px; float:right; border:none;-webkit-appearance: none;-moz-appearance: none;text-indent: 0.01px;text-overflow: ""; position:relative}
.b1 a {display:block; text-decoration:none; padding:10px; background:#CCC; width:20%; float:right; border-radius:2px; color:#FFF; margin:10px 0px 0px 20px}
.timing {border-left:1px solid #fff; padding-left:20px; margin-left:10px; min-height:750px; color:#fff; font-weight:bold}
.timing h2 {color:#b9beb5; margin-bottom:5px;}


.cart {color:#111}

.minw {min-width:290px; text-align:left}

input#togglemenu {display:none;}

#nav-opener { padding:0px 10px;  border-right:1px solid #eee; display:none; float:left;  color:#fff; line-height:1;   }
#nav-opener img {height:33px; width:33px}
/*
#nav-opener {width:40px;text-align:center; padding:3px; height:29px;  border-right:1px solid #888; display:none; float:left;  color:#fff;}
#nav-opener:before {
  content: "\2630";
  font-size:20px;
  vertical-align:middle;
  color:#fff; 
}
*/
.Breadcrumb { padding:0px; text-align:left; background-color:#fafafa; border-bottom:1px solid #ccc; }
.Breadcrumb a {display:inline-block; padding:10px 10px 10px 20px; text-decoration:none; background: url(images/accordion-heading-r.png) left center no-repeat #fafafa; }
.Breadcrumb a:first-child {background:none;}



.flex {display:flex; box-sizing:border-box;align-items: flex-start;}

.prodlist { padding:10px; }
ul.Products {list-style:none; padding:0px;}
ul.Products li { float:left; width:calc(25% - 8px); margin:3px; padding:5px 1px; background-color:#f7f7f7;}
ul.Products li picture {background-color:#f7f7f7; display:block; text-align:center; padding:10px;}
ul.Products li img { height:auto; width:250px; max-width:100%; }
ul.Products li a {padding:0px; margin:0px;}
ul.Products li strike {font-size:0.8rem; color:#f00;}
ul.Products li div.pr2 { font-size:0.8rem; text-align:right; padding-right:5px; position:relative;   margin-bottom:-1.5rem; line-height:1; color:#888;}
ul.Products li div.pr3 { font-size:0.8rem; text-align:right; padding-right:5px; position:relative; margin-top:0.8rem;   margin-bottom:-3.1rem; line-height:1; color:#888;}
ul.Products li div.pr2 span,ul.Products li div.pr3 span { font-size:1.2rem; background-color:rgba(255,255,255,0.5); display:inline-block; padding:5px 10px; color:#000; border-radius:6px; }
ul.Products li a.desc {padding:0px 10px; display:block; color:#666; font-size:0.9rem; min-height:2.2rem;line-height: 1; }

.SubCat ul.Products li { box-shadow:none;}
.SubCat h2 {color:#C24641;}

#product {width:1000px; margin:0px auto;}

.product-img-box {width:540px; float:left; background-color:#f7f7f7; }
.product-img-box picture {display:block;}
.product-image img {width:100%;}
.more-views { }
.more-views a {display:inline-block; width:100px; margin:2px;}
.more-views img { height:100%; width:auto;}
.product-detail {background-color:#f0f0f0;  width:400px; min-height:670px; padding:30px; float:left;}


div#rate ul,div#rate ul li {list-style:none; padding:0; margin:0;}
div#rate li {width:30px; height:25px; float:left;}
div#rate li a {display:block; width:29px; height:24px; background:url(images/star.png) no-repeat;}
div#rate li a.no {filter: gray;
filter: grayscale(1);
-webkit-filter: grayscale(1);
opacity: .5\9;
filter: alpha(opacity = 50);
-khtml-opacity: 0.5;}
div#rate li a:hover,div#rate li a.active {filter: none;
-webkit-filter: none;
}
div.rate.main {cursor:pointer; float:right; white-space:nowrap; display:inline-block;}
div.rate span { display:inline-block; line-height:18px; margin-left:10px; color:#666;}
div.rate ul,div.rate ul li {list-style:none; padding:0; margin:0;}
div.rate li {width:20px; height:18px; float:left; display:inline-block; background:url(images/star.png) no-repeat; background-size:auto 18px;}
div.rate li.no {filter: gray;
filter: grayscale(1);
-webkit-filter: grayscale(1);
opacity: .5\9;
filter: alpha(opacity = 50);
-khtml-opacity: 0.5;}

#ReviewsDetail {border-top:1px solid #ccc; margin-top:20px; }
#ReviewsDetail .review {border-bottom:1px solid #ccc; padding:20px 0px;}


.Home {background-color:var(--lightgray);}
.Home dl {margin:5px 0px; padding:0px; float:left;}
.Home dt {font-weight:normal; font-size:14px; text-transform:uppercase; color:#fff; border-bottom:1px solid #ddd; line-height:2;}
.content dt {color:#000;}
.Home dd { margin:1px}
.Home dd a {text-decoration:none; display:block; color:#888}

.Home dl.colr {margin:5px 0px; padding:0px; width:800px; float:left;}
.Home dl.colr dd { margin:1px; width:190px; float:left}
.Home dl.colr dd a {text-decoration:none; display:block; color:#888}
.Home .FL { height:480px; border-top:1px solid #fff; padding-right:20px; width:calc(66.66% - 20px); float:left; background-color:#eaeaea;}
.Home .FL img {height:480px; width:auto; }

.feature{background:url(images/footer-mid3.jpg); background-position:center; color:#2b2b29; padding:10px 20px;}
.feature h2{color:#38596c;border-bottom:dotted #2e2c2d; margin-top:0px}
.feature h2:hover{color:#333;}

#feature1{width:22%;max-width:248px; padding:0px 4px; float:left; margin-top:25px; clear:left; border-left:dotted #2e2c2d; border-right:dotted #2e2c2d;}
#feature1 img {width:100%; max-width:190px;}
#feature1 h3 {margin:2px 0px; border-bottom:1px dotted #38596c; boder-top:1px dotted #38596c}

#feature2{max-width:330px; width:39%; padding:29px 5px 0px 15px;float:left}
.feature3{max-width:330px; width:39%; padding:29px 5px 0px 15px;float:left}
#feature4{max-width:930px; width:100%; padding-top:10px;float:left;}

section dl {margin:5px 0px; padding:1px; border:1px solid #3a5f6f; width:100%;background-image:url(images/bg-body2.jpg);}
section dt {font-weight:bold; color:#EAE5DB; background-color:#3a5f6f;background:url(images/topbg.jpg); padding:2px;  padding-left:10px;}
section dd { margin:1px;padding-left:15px; background:url(images/ul-bg.png) left no-repeat;}
section dd a {text-decoration:none; display:block; color:#888}

section dl.float {float:left; width:32%; margin:4px;}

section.boxa {margin:3px; padding:1px; border:1px solid #3a5f6f; background-image:url(images/bg-body2.jpg);width:154px;padding:1px; float:left; min-height:360px;}
section.boxa a {color:rgb(125,125,125); text-decoration:underline}
section.boxa h4 {color:#EAE5DB; background:url(images/topbg.jpg) #3a5f6f; padding:2px;  padding-left:10px; margin:0px}
section.boxa h4 a {color:#EAE5DB; text-decoration:none}
section.boxa p {margin:5px;} 

section.box3 {width:calc(33.3% - 21px);padding:10px;border-left:1px solid #fff;  float:left; border-top:1px solid #fff; min-height:173px; color:#000;}
section.box3 header {font-size:28px; color:#c24641; background-color:transparent;  text-shadow:1px 1px 1px #FFF;  }
section.box3.r2, section.box2.r2 { background-color:#dfdfdf;}
section.box3.r1, section.box2.r1 { background-color: #efefef; }
section.box3.r3, section.box2.r3 { background-color:#cfcfcf;}
section.box3 div {display:inline-block; float:right;}
section.box3 img {height:100px; width:auto;}

section.box2 {width:calc(29.33% - 1px);padding:10px 2%;border-left:1px solid #fff;  float:left; border-top:1px solid #fff; min-height:139px; }
section.box2 header { font-size:28px; color:#c24641;  text-shadow:1px 1px 1px #FFF; background-color:transparent;  }
section.box2 .price {font-size:24px; margin:12px 0px; color:#000;}
section.box2 .price span {color:#aaa;}
section.box2 .css-button {border:2px solid #f0f0f0; border-radius:5px; float:right;}
ul.list {margin:0px; padding:0px;}
ul.list li {list-style:'- '; line-height:1.5;}

/* Login Screen */
#logindiv { margin-top:30px; padding-top:20px;}
#forgotdiv { border-top:2px dotted #888; display:none;}
#registerdiv { background:url(images/or.png) 0px center no-repeat; padding-left:40px; margin-top:30px; padding-top:20px;}


@media (max-width: 1242px) {	

	#bottombar #lefts a:first-child{display:none}

	#nav .tel {display:none;}
	#leftbar {width:160px; }
	.rightcol {width: calc(99% - 170px);margin-left: 170px; }
	.rightcol.Home{margin-left:150px; width:calc(100% - 150px);}
	
	ul.Products li{ width:calc(24.5% - 10px); text-align:left;margin:15px 5px;}
	
	section.box2 {width:calc(31.33% - 1px);padding:10px 1%;border-left:1px solid #fff;  float:left; border-top:1px solid #fff; min-height:139px; }
	section.box2 header { font-size:26px; color:#c24641;  text-shadow:1px 1px 1px #FFF;  }
}
@media (max-width: 1242px){

	ul.Products li{ width:calc(24.5% - 10px); text-align:left;margin:15px 5px;}

	section.box2 {width:calc(31.33% - 1px);padding:10px 1%;border-left:1px solid #fff;  float:left; border-top:1px solid #fff; min-height:139px; }
	section.box2 header { font-size:26px; color:#c24641; text-shadow:1px 1px 1px #FFF;  }
}
@media (max-width: 999px) {
	body { }	
	#falcondiv,.topbar div.tb,.topbar input[type=search],#header > div.wrap, #leftbar {display:none;}
	#header {min-height:0px;}
	.rightcol {float:none; width:100%; margin-left:0px;}
	.rightcol.Home{margin-left:0px; width:100%;}
	
	.Home .FL {float:none; width:100%;}
	.Home .FL img { width:auto; }
	ul.list {display:block;}
	section.box2 {width:calc(29.33% - 1px);padding:10px 2%;border-left:1px solid #fff;  float:left; border-top:1px solid #fff; min-height:205px; }
	section.box2 header { font-size:26px; color:#c24641;  text-shadow:1px 1px 1px #FFF;  }
	section.box3 {min-height:286px;}
	section.box3 div {display:block; text-align:center; width:100%; float:none;}
	section.box3 img { display:inline-block}	
	

	#ww #logo {float:left; padding:3px 5px 0px; height:30px;text-align:center; box-shadow:none; border:none; margin:0px;}

	#logo img { height:30px;}
	.topbar{ text-align:right; background-color:#fafafa;  margin-left:0px;} 

	#nav-opener {display:inline-block; cursor:pointer;}

	#leftbar {display:none;}
	
	#nav * { transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); }
	#nav.wrap {margin:0px;}

	input#togglemenu {display:inherit; visibility:hidden; position:absolute; top:-10px;}
	input#togglemenu + #nav { position:fixed; display:block; max-height:0px; margin:0px; top:37px; transition: max-height 0.5s ease 0s; background-color:#444; width:100%; color:#222; border:none;  z-index:100; -webkit-overflow-scrolling:touch; -webkit-transform:translate3d(0, 0, 1); overflow:scroll; overflow-y:scroll; overflow-scrolling:touch;  transform:translate3d(0, 0, 1);   } /*  position:fixed; */
	input#togglemenu:checked + #nav {max-height:100%;padding-bottom:60%;top:37px;} /* top:35px; height:100%; padding-bottom:25%;  */
/*	
	#nav { display:none; position:fixed; left:-400px; margin-left:0px; top:35px; background-color:#000; width:100%; height:100%; max-height:calc(100% - 35px); color:#222; border:none;overflow: scroll;-webkit-overflow-scrolling: touch;overflow-scrolling: touch; transition: all 0.8s ease-in-out;-webkit-transform: translateZ(0); z-index:999; }
	#nav.wrap {margin:0px;}
	input#togglemenu {display:inherit; visibility:hidden; position:absolute; left:-100px;}
	input#togglemenu:checked + #nav {display:block; left:0px;}
*/	
header #logo {float:left; width:150px;margin:10px 150px 0px 10px;}
header #logo img {height:25px; width:auto;}

#meniu { display:inline-block; float:left; padding:20px 15px 5px; cursor:pointer;border-right: 1px solid #eee; }
#meniu img { height:13px; width:auto; }

input#menuopen + nav{}
input#menuopen:checked + nav{  display:block;}
nav { float:left; display:none;   }
nav ul {padding:0; margin:0; list-style:none;}
nav ul li {float:left; display:inline-block; border-top:2px solid var(--lightgray); min-width:100px;}

nav ul li > a {display:block; padding:20px 15px; text-transform:uppercase; color:var(--gray); text-align:center;border-left:1px solid #eee;}
nav ul li:first-child > a {border:none;}
nav ul li > div {display:none; width:200px; position:absolute; box-shadow:0px 2px 1px #aaa;}


	#submenubg {display:none;}
	#nav:hover + #submenubg {height:0px;}
	
	#nav div.maincat {display:block; padding:0px; }
	#nav div.maincat:hover {  }
	#nav div.maincat > a {color:#fff; text-transform:uppercase;text-decoration:none; padding:10px; display:block;}
	#nav div.maincat:hover > a {padding:10px; border:none;} 
	#nav div.maincat div.subcat{ display:block; position:relative; background-color:#222; vertical-align:top; margin-left:0px; }
	#nav div.maincat:hover div.subcat { }
	#nav div.maincat div.subcat a { color:#ddd; background-color:#222; padding:10px; width:calc(50% - 23px); font-size:10px; border:1px solid #333; border-top:none; text-transform:uppercase; display:inline-block}
	#nav div.maincat div.subcat a:hover {color:#888; background-color:#555; }
#registerdiv { background:url(images/or-h.png) top center no-repeat; padding-left:0px; padding-top:60px;}
	
	#footer #heading { }
	#bottombar{border-top:1px solid #ddd; padding:15px 0px;}
	#bottombar #lefts { width:100%; margin-top:18px; text-align:center; padding-left:0px;}
	#bottombar #rights {width:100%; float:none; text-align:center;}
	#bottombar #rights a {padding:5px;}
	#bottombar #lefts a {border-left:none; color:#666; padding:5px; margin:5px; text-transform:uppercase; font-size:10px; display:inline-block;}
	#bottombar #lefts a:hover{color:inherit}
	#bottombar #lefts a:first-child{margin-right:0px;padding:0px;}
	#bottombar #lefts a.noborder { border-left:none; }
	
	.Five {width:100%; float:none; text-align:center}
	.Five h3 {border-top:none; text-align:center; border-bottom:none; font-weight:normal; padding:0px;  }
	.Five a {display:block; padding:15px 0px; border-left:1px solid #ddd; color:#444; text-transform:uppercase; font-size:10px}
	.Five a:hover {color:#888;}
	.Five a.noborder {border:none}
	.Five.logo {text-align:center;padding-top:20px;}
		
div.steps div span {
    padding:5px 3px; font-size:11px;
}

}
@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	
}

@media (max-width: 770px)  and (orientation:portrait) {

	img.figure {float:none; margin:5px 0px; padding:0px; width:100%;}

	
	.Home .FL {height:350px;}
	.Home .FL img {height:350px; width:auto; float:left; }
	
.Home .dress {border-left:none; border-top:1px solid #fff; vertical-align:bottom; }
.Home .fashion {border-top:1px solid #fff;}
.Home .casual {border-left:none;}
	
	section.box2 {min-height:205px; }
	section.box3 {min-height:286px;}
	
	ul.list {display:none;}

	#footer { background-color:#fff; z-index:10; margin-left:0px;}
	.float {float:none;}
	.f33,.f40,.f60,.f67,.f50,.f45 {width:100%;}




	#product {width:100%;}
	.product-img-box {width:100%; float:none; }
	.product-image {width:100%; margin:0px;  }
	.product-detail {width:90%; padding:5%; min-height:300px; float:none;}

.Home dl {width:100%; float:none; clear:both;}
.content dt {color:#000;}
.content dd { float:left; width:49%; padding:10px 0px;}
.feature{padding:10px;}
	
#feature1{max-width:inherit; width:inherit;float:none; margin-top:25px; clear:left; border-left:none; border-right:none;}


#feature1 h3 {margin:2px 0px; border-bottom:1px dotted #38596c; boder-top:1px dotted #38596c}

#feature2{max-width:inherit; width:inherit; padding:29px 5px 0px 15px;float:none}
.feature3{max-width:inherit; width:inherit; padding:29px 0px 0px 0px;float:none; clear:both;}
#feature4{max-width:inherit; width:inherit; padding-top:10px;float:none; clear:left;}

section.boxa {margin:3px; padding:1px; border:1px solid #3a5f6f; background-image:url(images/bg-body2.jpg);width:150px;padding:1px; float:left; min-height:350px;}
section.boxa a {color:rgb(125,125,125); text-decoration:underline}
section.boxa h4 {color:#EAE5DB; background:url(images/topbg.jpg) #3a5f6f; padding:2px;  padding-left:10px; margin:0px}
section.boxa h4 a {color:#EAE5DB; text-decoration:none}
section.boxa p {margin:5px;} 


body > header #logo {margin:16px 10px 4px 10px;}

header #right > a {display:block; width:inherit; float:left; text-transform:uppercase;border-top:2px solid var(--lightgray); text-align:center;}
header #right > a.bag {background:url(images/icon-bag.svg) 5px center no-repeat; font-size:1.4rem; background-size:auto 18px; min-width:inherit; }
header #right a#wishlistcount {background:url(images/icon-heart.svg) 5px center no-repeat; font-size:16px; padding-left:20px; background-size:auto 15px; min-width:inherit; border-right:1px solid #eee; }
header #right > a:focus, header #right > a:hover, header #right > a#wishlistcount:hover { background-color:#fff; border-top:2px solid var(--red); }

header #right div#user {display:inline-block; float:left; cursor:pointer; padding:16px 0px 12px; border-top:2px solid var(--lightgray); border-right:1px solid #eee;line-height:1.8;}
header #right div#user img {height:18px; width:auto; padding:0px 20px;}
header #right div#user > div {display:none; width:220px; margin-left:-140px; margin-top:10px; position:absolute; box-shadow:0px 2px 1px #aaa;}
header #right div#user > div span {font-size:0.8rem; text-align:center; background-color:var(--lightgray); border-bottom:1px solid #eee;}
header #right div#user > div a {display:block; padding:8px 15px ;}
header #right div#user > div a:hover {background-color:var(--lightgray); border-top:1px solid #eee;}

header #right div#user:focus, header #right div#user:hover{ background-color:#fff; border-top:2px solid var(--red); }
header #right div#user:focus > div, header #right div#user:hover > div,header #right div#user:focus > div, header #right div#user:active > div  { display:block; background-color:#fff; }
header #right div#user > div span {display:block;}


#meniu { display:inline-block; float:left; cursor:pointer;border-right: 1px solid #eee; }
#meniu:hover, #meniu:focus, #meniu:active {background-color:inherit;padding:23px 20px 12px; border-top:none;}


nav { float:none; display:none;  position:absolute; top:56px; }
nav ul {padding:0; margin:0; list-style:none;}
nav ul li {float:none; display:block; border-top:none; min-width:inherit; width:250px; background-color:#fff; border-right:1px solid var(--gold);}

nav ul li > span {display:block; padding:5px; text-transform:uppercase; color:#000;background-color:var(--lightgray); border-top:1px solid var(--gold);border-bottom:1px solid #eee; text-align:left;border-left:none; font-weight:bold; cursor:default;}
nav ul li > span::before {content:'- '; color:var(--gold);} 
nav ul li:first-child > a { }
nav ul li > div {display:block; position:inherit; width:inherit;  box-shadow:0px 2px 1px #aaa;}
nav ul li > div a {display:block; padding:1px 4px 1px 10px; border-top:1px solid #eee; }
nav ul li > div a:hover {background-color:var(--lightgray); border-top:1px solid #eee;border-bottom:1px solid #eee;}
nav > ul > li:focus, nav > ul > li:hover{ background-color:inherit; border-top:none; }
nav > ul > li:focus > div, nav > ul > li:hover > div { display:block; background-color:#fff; }

	

}
@media (max-width: 480px) {

.Home .FL {height:auto; padding:0px;}
.Home .FL h1, .Home .FL .margin {padding:10px;}
.Home .FL img {height:auto; width:100%; }
section.box2 {min-height:130px; width:auto; float:none; }
section.box3 {min-height:inherit; width:auto; float:none;}

.prodlist {padding:0px;}
ul.Products li{ width:calc(50% - 6px); margin:2px 2px; padding:2px 1px; }
ul.Products li a.desc { font-size: 0.7rem; }
}
@media (max-width: 380px) {

}
@media (max-width: 320px) {
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="password"] {width:200px;}
label.space span {width:70px;}
input#FirstName,input#LastName {width:60px; border-radius:0px;}
input#LastName {border-top-right-radius:5px; border-bottom-right-radius:5px;}
input#MiddleName {width:35px; border-radius:0px;}
select {width:220px;}
}
/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }