@font-face{font-family:'Blacksword';src:url('fonts/newsite/Blacksword.eot');src:url('fonts/newsite/Blacksword.eot?#iefix') format('embedded-opentype'),
url('fonts/newsite/Blacksword.woff2') format('woff2'),
url('fonts/newsite/Blacksword.woff') format('woff'),
url('fonts/newsite/Blacksword.svg#Blacksword') format('svg');font-weight:400;font-style:normal;font-stretch:normal;unicode-range:U+0020-00FE;font-display:swap;}


:root {
	--color-main: #0c0c0c;
	--color-astral: #3a71a3;
	--color-bali-hai: #839ab2;
	--color-bg: #efefef;
	--color-black: #0d0d0d;
	--color-black-eerie: #242424;
	--color-black-eerie-dark: #141414;
	--color-black-gray: #0e0e0e;
	--color-blue: #2f5b84/*#3a71a3*/;
	--color-cod-gray: #121212;
	--color-dark-gray: #4c4c4c;
	--color-darkred: #991e1d;
	--color-gallery: #f0f0f0;
	--color-gainsboro: #d8d8d8;
	--color-gray: #b0b1b2;
	--color-gray-accent: #d9dde2;
	--color-gray-boulder: #585858/*#787878*/;
	--color-gray-stroke: #acacac;
	--color-gray-border: #bdbdbd;
	--color-success: #4bb543;
	--color-swiss-chard: #903e47/*#dc5e6c*/;
	--color-white: #fff;

	--color-err: #c03278;
	--color-notice: #9d9029;

	--font-arial: Arial,Helvetica,sans-serif;
	--font-blacksword: 'Blacksword';
	--font-lato: 'Lato', sans-serif;

	font-size:clamp(8px, 1.383vw, 16px);
}

html {
	box-sizing:border-box;
	margin:0;
	min-height:100%;
	padding:0;
	scroll-behavior: smooth;
}

*,
*:before,
*:after {
	box-sizing:inherit;
}

body {
	background:#021841;
	background:linear-gradient(to bottom, #021841 0%,#3a72a5 100%);
	color: var(--color-main);
	font-family: var(--font-lato);
	font-size:1em;
	margin:0;
	padding:0;
	scroll-behavior: smooth;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img{
	aspect-ratio:attr(width)/attr(height);
	max-width:100%;
}

a {
	color:inherit;
	text-decoration:none;
}

a:hover, a:focus {
	color: var(--color-blue);
}

input, button, select, textarea {
	font-family:inherit;
	font-size:inherit;
	outline:none;
}

input:focus-visible, input:focus-visible ~ button.connected {
	outline:1px solid var(--color-blue);
}

.nhidden {display:none}
.inhidden {display:none !important}

.success { color:var(--color-success) }
.err { color: var(--color-err) }
.notice { color: var(--color-notice) }
.accent { color: var(--color-astral) }

.skip-link {
  position: absolute;
  top: -4em;
  left: 0;
  background: #000;
  color: white;
  padding: 0.5em;
  z-index: 100;
}

.skip-link:focus {
	color: white;
  top: 0;
}


div.container{
	background:var(--color-bg);
	margin:0 auto;
	max-width:1152px;
	overflow:hidden;
	padding:0;
	position:relative;
	width:auto;
}

div.container.tablet{
	max-width:1600px
}

#top-header {
	display:grid;
	padding:0 0 1.03em 3.6rem;
	grid-template-columns: auto 1fr;
	row-gap:1rem;
}

#top-curr-date {
	font-size:0.875rem;
	padding-top:0.5em;
}

#top-logo,
#lightbox-logo {
	color: var(--color-astral);
	display:block;
	font-size:1rem;
	letter-spacing:0.2em;
	margin:0 0 0 2.5em;
	text-indent:-3em;
	text-decoration:none;
	text-transform:uppercase
}

#top-logo>span,
#lightbox-logo>span {
	color: var(--color-astral);
	display:block;
	font-family: var(--font-blacksword);
	font-size:3.9rem;
	font-weight:normal;
	letter-spacing:0.05em;
	line-height:0.8em;
	text-align:left;
	text-transform:none;
}

#top-logo>span>span{
	letter-spacing:0;
	position:relative;
	left:-0.1em
}

#top-welcome {
	align-items:center;
	display:flex;
	font-size:0.875rem;
	gap:1.28em;
	justify-content:flex-end;
}

#top-tools {
	align-items:center;
	background-color: var(--color-white);
	border:1px solid var(--color-gray-accent);
	border-radius: 0 0 0 1.6em;
	border-width:0 0 1px 1px;
	box-shadow: -3.694px 4.728px 14.24px 1.76px rgba(132, 138, 143, 0.08);
	display:flex;
	gap:1.195em;
	padding:0.6em 1.85em;
}

#top-tools>a {
	align-items:center;
	display:flex;
	gap:0.5em;
	position:relative;
}

#top-tools svg {
	height: 1.1em;
	width: 1.1em;
}

#top-tools span {
	background-color:#010c32;
	border-radius:0.3em;
	bottom:-0.5em;
	color:var(--color-white);
	font-size: 0.6em;
	left:-0.5em;
	padding:0.2em 0.5em;
	position:absolute;
}

#top-search-surr{
	align-items: center;
	display:flex;
	flex-direction: column;
	justify-content: center;
}

#top-search-surr>div{
	align-items: flex-end;
	display:flex;
	flex-direction: column;
	gap:0.875em;
	justify-content: center;
	margin:0 5.6em 0 auto;
	width:57%;
}

#adv-search-link {
	align-items:center;
	/*background-color: var(--color-blue);*/
	background-color: var(--color-gainsboro);
	border-radius:10em;
	color:var(--color-white);
	display:flex;
	font-size:0.7rem;
	padding:0.78em 1.587em;
	transition:250ms ease-in-out;
}

#adv-search-link svg {
	stroke: var(--color-gray-boulder);
	transition:250ms ease-in-out;
}

#adv-search-link:hover,
#adv-search-link:focus-within {
	background-color: #dcdcdc;
}

#adv-search-link:hover svg,
#adv-search-link:focus-within svg {
	stroke:#373737;
}

#adv-search-block {
	min-width:40em;
}

#top-search {
	display:flex;
	gap:0.5rem;
	justify-content:center;
	position:relative;
}

#search-form {
	width:100%;/*75%;*/
}

#quick-title {
	background-color:#dcdcdc;
	border:0px solid var(--color-gray-stroke);
	/*border-radius:1.6em 0 0 1.6em;
	border-right-width:0;*/
	border-radius:1.6em;
	color:#373737;
	flex-grow:1;
	font-size:0.95rem;
	letter-spacing: 0.01em;
	padding:0.7em 1.875em 0.7em 3.5em;
	width: 100%;
}

#quick-button{
	align-items:center;
	background: transparent none;
	/*background: var(--color-blue) none;
	border:1px solid var(--color-gray-stroke);
	border-radius:0 1.6em 1.6em 0;
	border-left-width:0;
	color:var(--color-white);*/
	border-width:0;
	display:flex;
	height:100%;
	justify-content:center;
	left:0.88em;
	outline:none;
	padding:0 0.5em 0 0.5em;
	position:absolute;
}

#quick-button svg {
	height:1.3em;
	width:1.3em;
}

#quick-button path {
	fill:var(--color-main);
}

#main-footer {
	margin-top:3rem;/*4.875rem;*/
}

#category-promotions {
	align-items: start;
	display:flex;
	flex-wrap:wrap;
	gap:2em;
	justify-content: center;
}

#category-promotions>a {
	display:flex;
	flex-direction:column;
	font-size:0.6em;
	text-align:center;
}

#category-promotions svg {
	height:3em;
	margin-bottom:0.5em;
	width:auto;
}

.cp-cls1{
	fill:#4d4d4d;
}

.cp-dd-cls1,
.cp-dd-cls2
{
	fill:none;
	stroke:#4d4d4d;
	stroke-miterlimit:10;
	stroke-width:3px;
}

.cp-dd-cls2 {
	stroke-width:2.14px;
}

.cp-fb-cls1,
.cp-fb-cls3{
	fill:none;
	stroke:#4d4d4d;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-width:3.65px;
}

.cp-fb-cls3{
	stroke-width:3.18px;
}

.cp-qo-cls2{
	fill:#fff;
	stroke-width:1.71px;
}

.cp-qo-cls2,
.cp-qo-cls3{
	stroke:#4d4d4d;
	stroke-miterlimit:10;
}

.cp-qo-cls3{
	fill:none;
	stroke-linecap:round;
	stroke-width:2.31px;
}

.cp-sm-cls2{
	stroke-width:2px;
}

#store-hours {
	color: var(--color-black-eerie/*--color-gray*/);
	/*font-family: var(--font-arial);*/
	font-size: 0.45rem;
	font-weight:bold;
	margin:1.6rem 0 2.8em 0;
	padding:0;
	text-align:center;
}

div.curved-surr,
div.full-curved-surr {
	border-radius:2em 0 2em 0;
	max-width:100%;
	width:50em;
}

div.full-curved-surr {
	border-radius:2em;
}

div.sub-super {
	align-content:center;
	color: var(--color-black-gray);
	display:flex;
	flex-direction:column;
	font-weight: bold;
	gap:1.937em;
}

div.sub-super>header,
div.sub-simple>header {
	font-size: 1.937rem;
	font-weight: bold;
	text-align:center;
}

div.sub-super>ul {
	display:grid;
	gap:0.5em;
	grid-template-columns: repeat(auto-fill, minmax(11.5em, 1fr));
	list-style-type:none;
	margin:0;
	padding:0;
	word-break: break-word;
}

div.sub-super li {
	align-items:center;
	border:1px solid var(--color-black);
	border-radius:1em 0 1em 0;
	box-shadow: -2.121px 2.121px 4.35px 0.65px rgba(34, 35, 35, 0.13);
	display:flex;
	font-size: 1.125rem;
	justify-content:center;
	padding:1em;
	text-align:center;
}


#common-side .sorry {
	font-size:1.25em;
	margin:10vh 10% 0 10%;
	text-align:center;
}

#common-side .sorry a {
	color:var(--color-darkred);
}


/* Top menu*/
#landing-menu {
	background-color: var(--color-white);
	/*margin-top:1rem;*/
}

#landing-menu.curved {
	border-radius:10em 0 0 0;
}

#landing-menu>nav>ul,
#landing-nav nav ul,
#landing-super ul,
.landing-block ul {
	display:flex;
	flex-direction:column;
	list-style-type:none;
	margin:0;
	padding:0;
}

#landing-menu>nav>ul {
	align-items:center;
	color: var(--color-dark-gray);
	-webkit-flex-direction: row;
	flex-direction:row;
	flex-wrap:wrap;
	gap:1em min(5%, 4.125em);
	justify-content:space-evenly;/*flex-end;*/
	margin:0 1.6em;
	padding: 0.3em 0;
}

#landing-menu>nav>ul>li {
	font-size:0.83rem;
}

#landing-menu>nav>ul>li>a[id] {
	display:flex;
	gap:0.71em;
	align-items:center;
	white-space:nowrap;
}

#landing-menu>nav>ul>li>a>svg {
	height: 1.331em;
	width: auto;
}

#landing-menu>nav>ul>li>#po-upl-link>svg {
	fill: currentColor;
	height: 1.5em;
}

#landing-menu>nav>ul>#ann56 {
	font-family: var(--font-blacksword);
	font-size:1rem;
}

#ann56 sup {
	font-size:0.687rem;
	margin-left:0.5em;
}


/* Bottom Blocks */
#landing-bottom-menu>ul {
	display:flex;
	flex-direction:column;
	list-style-type:none;
	margin:0;
	padding:0;
}

#landing-bottom-menu {
	margin-top:1px;
	padding:0.5rem 0 1.5rem 0;/*1rem 0 2.625rem 1rem 0;*/
}

#landing-bottom-menu>ul:not(.f-carousel__dots) {
	flex-direction:row;
	font-weight:bold;
	gap:3rem;
	justify-content:flex-start;
	padding:0 3rem;
	position:relative;
	top:1px;
}

#landing-bottom-menu>ul>li {
	background-color: #fafafb;
	/*border:1px solid #969696;*/
	border-radius:2em 0 0 0;
	font-size:1rem;
	transition:250ms ease-in-out;
}

#landing-bottom-menu li.active {
	background-color: var(--color-white);
	border-bottom-color:var(--color-white);
	color: #ed2727;
}

#landing-bottom-menu>ul li a {
	align-items:center;
	display:flex;
	gap:.5em;
	padding:0.2em 1em;
}

#landing-bottom-menu li a:hover {
	color:inherit;
}

#landing-bottom-menu li img {
	height: 2.5em;
	width:2.5em;
}

#landing-bottom-blocks {
	--f-carousel-spacing: 1em;

	background-color: var(--color-white);
	border-top:1px solid #969696;
	box-shadow: -3px 5.196px 14.24px 1.76px rgba(132, 138, 143, 0.24);

	transition:250ms ease-in-out;
}

#landing-bottom-blocks .f-carousel__slide {
	padding-bottom:0;
}

#landing-bottom-blocks .f-button {
	--f-button-width:2.875rem;
}

#landing-bottom-blocks .carousel-arr {
	fill:#8c969f;
}

#landing-bottom-blocks button.f-button:hover .carousel-arr {
	fill:#0c0c0c;
	
}

#landing-bottom-blocks>div {
	display:none;
	padding:1.2rem 2.187rem/*2.562rem 2.187rem*/;
}

#landing-bottom-blocks>div.active {
	display:block;
}

div.landing-bottom-block {
	display:flex;
	gap:1.1em;
	justify-content:flex-start;
	padding-right:1.5em;
}

a.landing-bottom-pic {
	flex-basis:43%;
	text-align:center;
}

a.landing-bottom-texts {
	flex-basis:48%;
	display:flex;
	flex-direction:column;
}

a.landing-bottom-texts>span {
	font-weight:bold;
	margin:1rem 0;
}

a.landing-bottom-texts>span:first-child {
	margin:0 0 1rem 0;
}

a.landing-bottom-texts>span:last-child {
	margin-bottom:0;
}

a.landing-bottom-texts>p {
	font-size: 0.9em;
	margin:0;
	padding:0
}

span.landing-bottom-price {
	display:flex;
	font-size:1rem;
	font-weight: bold;
	gap:0.1em;
	line-height: 1.2;
	margin-right:auto;
}

span.landing-bottom-price sup {
	font-size:0.62rem;
	/*color: var(--color-gray-boulder);*/
	line-height: 1.2;
	padding-top:0.25em;
}

#landing-bottom-blocks .f-carousel__dots .f-carousel__dot {
	color:var(--color-main);
}

path.lb-cls1 {
	fill: #fff;
	fill-rule: evenodd;
}


/* Flip card */
div.flip-card {
	background-color: transparent;
	height:13em;
	overflow:hidden;
	padding:0 1em;
	perspective: 100em;
	width:90%;
}

div.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

div.flip-card:hover div.flip-card-inner {
	transform: rotateY(180deg);
}

div.flip-card-front,
div.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}

div.flip-card-front {
	background-color: var(--color-white);
}

div.flip-card-back {
	background-color: var(--color-white);
	transform: rotateY(180deg);
	text-align:left;
}

a.flip-card-pic {
	display: block;
	padding-top: 0.5em;
}

a.flip-card-pic img {
	height:12em;
}

div.flip-card-back span.landing-bottom-price>span {
	margin-right:0.4em;
}



/* Breadcrumbs */
#breadcrumbs ul {
	color:#7c7c7c;
	display:flex;
	flex-wrap:wrap;
	font-size:0.75rem;
	gap:0.4em;
	list-style-type:none;
	margin:0;
	padding:0;
}

#breadcrumbs li {
	align-items:center;
	display:flex;
	gap:0.4em;
}

#breadcrumbs li+li::before {
	content:"\276F";
	font-size:0.7em;
}





/* Lightbox */
#lbx-content {
	max-width:60em;
}

#lbx-content.mw-20 {
	min-width:20vw;
}

#lbx-content>header {
	/*border-bottom: 1px solid #a0a0a0;*/
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom:1em;
	padding: 0.5em;
	text-align:center;
}

#lbx-content #item-left-side {
	display:flex;
	gap:1em;
	padding-bottom: 1em;
}

#item-info-left, #item-info-left-buttons {
	width:39%;
}

#item-info-left figure {
	margin:0;
}

#item-info-left figure img {
	width:10em;
}

#lbx-content #item-info-id {
	font-size:0.9em;
	text-align:center;
}

#lbx-content #item-info-right h1 {
	font-size:1.1rem;
	font-weight: normal;
	margin: 0 0 1em 0;
	padding: 0;
}

#lbx-content #item-info-right .price {
	color:var(--color-swiss-chard);
}

#lbx-content > footer {
	align-content:stretch;
	border-top: 1px solid #a0a0a0;
	display:flex;
	gap:1em;
	justify-content:center;
	padding: 1em;
}

#lbx-content > footer a.button {
	background-color: var(--color-main);
	border-color: var(--color-main);
	border-radius: 10em;
	color: var(--color-white);
	font-weight: bold;
	min-width:4em;
	padding: 0.6em 1em;
	text-align: center;
	text-decoration: none;
}

#lbx-content > footer a.button.act {
	background-color: var(--color-white);
	border-color: currentColor;
	color: var(--color-main);
}




#edit-list-surr {
	display:flex;
	flex-direction:column;
	gap:0.5em;
}



/* Wish List */
#wish-list-add-form p, #cart-add-form p {
	margin:0 0 0.5em 0;
	padding:0;
}

#wish-wadd-button, #cart-add-button {
	display:flex;
	gap:1em;
}

#wish-wadd-button #wl-wadd, #cart-add-button #cart-add, #lbx-content .button {
	border: 1px solid var(--color-blue);
	background-color: var(--color-blue);
	border-radius: 10em;
	color: var(--color-white);
	display: inline-block;
	font-weight: bold;
	padding: 0.5em 1em;
}


/* Feedback */
div.fancybox__slide #feedback-block {
	width:30em
}

#layout #feedback-block {
	margin:2em 10%;
}

#feedback-form {
	display:flex;
	flex-direction:column;
	gap:0.3em;
}

#feedback-form h1 {
	font-size:1.1rem;
	margin:0 0 1em 0;
	padding:0;
}

#feedback-form :is(input.text, select, textarea){
	margin-bottom:0.5em;
}

#feedback-form p.notice{
	font-size:0.9rem;
	margin:0 0 1em 0;
	padding:0;
}


/* Buttons */
:is(a, input).button {
	background-color: var(--color-astral);
	border: 1px solid var(--color-astral);
	border-radius: 10em;
	color: var(--color-white);
	display: inline-flex;
	font-size:0.875rem;
	font-weight: bold;
	justify-content: center;
	min-width: 8em;
	padding: 0.5em 1.5em;
	transition: outline 150ms ease-in-out;
}

input.button {
	min-width:10em;
}

/*input.button {
	padding:0.4em 1em 0.6em 1em;
}*/

/*:is(a, input).button.effect:hover {
	outline:solid var(--color-blue) 0.2em;
	outline-offset: 0.2em;
}*/

div.buttons {
	align-items:center;
	display:flex;
	gap:1em;
	justify-content:center;
	margin-top:1em;
}

:is(input, a).button.black {
	border: 1px solid var(--color-black);
	background-color: var(--color-black);
	color: var(--color-gallery);
}

:is(input, a).button.white {
	border: 1px solid var(--color-gray-boulder);
	background-color: var(--color-white);
	color: var(--color-gray-boulder);
}

:is(input, a).button.light-blue {
	border: 1px solid var(--color-pale-blue);
	background-color: var(--color-pale-blue);
	color: var(--color-black);
}

:is(input, a).button.nhidden {
	display:none;
}

input.button {
	cursor:pointer;
}

.f-carousel__viewport.is-draggable [data-selectable] {
	cursor:auto;
}

#lightbox-header{
	background-color:var(--color-blue);
	color:var(--color-white);
	font-size:1rem;
	font-weight:bold;
	margin-bottom:1em;
	padding:1em;
	text-align:center;
	text-transform:uppercase;
}

#compact-lightbox {
	padding:0;
}

#adv-search-block #lightbox-header {
	background-color: var(--color-astral);
	border-radius:1.125rem;
}

#adv-search-block #lightbox-title {
	font-size:1.375rem;
}

#adv-search{
	align-items: center;
	display:grid;
	font-size: 0.9rem;
	gap:2em 3em;
	grid-template-columns:auto 30ch 30ch;
	margin-block:2em 4em;
}

#adv-search .span-2 {
	grid-column:span 2;
}

#adv-search .spot2 {
	grid-column:2/-1;
}

#adv-search .text {
	background-color:transparent;
	border:1px solid var(--color-black);
	border-width:0 0 1px 0;
	outline:none;
	padding-block:0.2em;
	padding-inline:0;
}

#adv-search input::placeholder {
	opacity: 1;
	color: var(--color-astral);
	font-style:italic;
}

#adv-search-button {
	font-size: 0.9375rem; 
}

#top-announcement{
	color:#fff;
	font-size:0.8em;
	margin:0 auto;
	max-width:1152px;
	overflow:hidden;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap
}

#top-announcement.tablet {
	max-width:1600px
}

#top-announcement a{
	color:#fff;
	text-decoration:none
}

#top-announcement img{
	display:block;
	width:100%
}

#top-announcement a.announcement-text{
	background:transparent url(/img/announcement-bg.jpg) scroll no-repeat left top;
	color:#fff;
	display:block;
	font-family:'Dancing Script', arial, serif;
	font-size:1.56em;
	height:2.8em;
	text-align:right;
	width:100%;
	padding:0.67em 0.67em 0 0
}

div.sorry {
	margin:2em 10%;
}

div.sorry p {
	margin:0;
	padding:0;
}

div.sorry a {
	color:var(--color-astral);
	text-decoration:underline;
}






.f-thumbs__slide__button,
.fancybox__slide.has-image > .fancybox__content {
	background-color:#fff;
}



/* Old styles */

#lightbox-title {
	font-size:1.1rem;
	margin:0;
	padding:0;
}

/*





@media (min-width:1268px){
	div.container, #top-announcement, #top-announcement.tablet{margin:0 5%}
}

@media (min-width:1408px){
	div.container, #top-announcement, #top-announcement.tablet{margin:0 auto}
}
*/