/* checkout css 1724946800 */


/* .......... FONTS .......... */



/* .......... NAV .......... */

/*
	.nav

		.nav-heading

		// w/o subs
		UL.top
			LI
				A
			...

		// w/ subs
		UL.top
			LI
				A.nav-name -OR- SPAN.nav-name
				UL
					LI
						A
					LI
						A
					...
			...
		...
*/

/*
.nav {}
.nav .nav-list {}
.nav .nav-item {}
*/

.nav ul,
.nav li {
position: relative;
display: block;
margin: 0;
padding: 0;
list-style: none;
}

.nav a,
.nav a:visited {
color: ;
text-decoration: none;
cursor: pointer;
}

.nav .nav-name {
display: block;
cursor: default;
}

/*
.nav-item-hide-mobile {}
*/

.nav-item-hide-desktop {
display: none !important;
}



/* .......... BACK TO TOP .......... */

#backtotop-link {
display: none;
position: fixed;
right: 5px;
bottom: 5px;
width: 23px;
height: 23px;
border-radius: 3px;
background: #000;
cursor: pointer;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: opacity 1s ease-in;
-moz-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
}

#backtotop-link::before {
position: absolute;
top: 8px;
left: 5px;
width: 11px;
height: 11px;
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #fff;
transform: rotate(-45deg);
content: '';
}

#backtop-link.active {
display: block;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}



/* .......... HEADER CONTROLS .......... */

.header-control {
display: inline-block;
position: relative;
box-sizing: border-box;
line-height: 1;
}

.header-control * {
display: block;
margin: 0;
padding: 0;
border: 0;
}

.header-control,
a.header-control {
cursor: pointer;
text-decoration: none;
text-transform: none;
}

.header-control-wrapper {
display: flex;
align-items: center;
position: relative;
}

.header-control-label {
display: none;
white-space: nowrap;
}

/*
.header-control-icon {}
*/

.header-control,
a.header-control,
.header-control .header-control-icon svg {
color: #000;
color: ;
}

/* TEXT */

/*
.header-control.has-txt {}
*/

/* IMG */

.header-control.has-img .header-control-icon img {
max-width: 24px;
max-height: 24px;
}

/* SVG */

.header-control.has-svg .header-control-icon {
height: 24px;
}

.header-control.has-svg .header-control-icon svg {
width: 100%;
height: 100%;
}

.header-control,
a.header-control,
.header-control .header-control-icon svg {
color: #000;
color: ;
}

/* MENU CONTROL */

#menu-control {
display: none;
grid-area: menu-control;
margin-right: 30px;
}

#menu-control .header-control-label {
margin-left: 10px;
}

#menu-control .header-control-icon {
width: 30px;
height: 30px;
}

#menu-control.has-img .header-control-icon img {
max-width: 35px;
}

/* SEARCH CONTROL */

#search-control {
display: none;
grid-area: search-control;
}

/* ACCOUNT CONTROL */

#account-control {
display: none;
grid-area: account-control;
margin-right: 20px;
}

#account-control .header-control-label {
display: block;
}

/* CART CONTROL */

#cart-control {
display: none;
grid-area: cart-control;
float: right;
margin: 0 0 0 auto;
}

#cart-control .header-control-wrapper {
flex-direction: row-reverse;
}

#cart-control .header-control-icon {
position: relative;
width: 32px;
height: 32px;
}

#cart-control .header-control-label {
display: block;
margin-left: 15px;
margin-right: 8px;
}

#cart-control .header-control-icon .fcart-count {
position: absolute;
top: 0;
left: 14px;
padding: 3px 4px 1px;
border-radius: 14px;
color: #fff;
background: #606060;
-moz-opacity: 0;
opacity: 0;
font-weight: 400;
font-size: 11px;
font-family: Helvetica,Arial,sans-serif;
line-height: 1;
}

#cart-control .header-control-icon .fcart-count.active {
-moz-opacity: 1;
opacity: 1;
}

/*
#cart-nav-control {}
*/

#cart-nav-control .header-control-wrapper {
flex-direction: row-reverse;
}

#cart-nav-control .header-control-label {
display: block;
margin-left: 15px;
margin-right: 8px;
}



/* .......... HEADER SEARCH .......... */

#header-search {
grid-area: search;
width: 500px;
margin: 15px 0 20px auto;
}

#header-search .close {
display: none;
float: left;
width: 20px;
height: 35px;
cursor: pointer;
}

#header-search .close::before {
height: 35px;
content: "X";
font-size: 20px;
line-height: 35px;
}

/* FORM */

#searcharea {
position: relative;
display: block;
height: auto;
padding: 4px 6px;
border: 2px solid #808080;
border-radius: 22px;
background-color: #fff;
}

/*
#searcharea .wrapper {}
*/

#searcharea fieldset {
position: relative;
display: block;
height: 22px;
margin: 0;
padding: 0;
border: 0;
}

#searcharea .labelfield,
#searcharea .buttonlabel {
position: static;
display: block;
margin: 0;
padding: 0;
border: 0;
}

#searcharea span,
#searcharea select,
#searcharea [name="section"] {
display: none;
}

/* INPUT */

#searcharea #query {
display: block;
position: absolute;
top: 0;
right: 0;
left: auto;
bottom: auto;
width: calc(100% - 22px - 10px);
height: 22px;
padding: 0;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: ;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 22px;
font-weight: 300;
}

#searcharea #query::-webkit-input-placeholder,
#searcharea #query::-moz-placeholder,
#searcharea #query::placeholder {
color: #b0b0b0;
color: ;
font-weight: 400;
}

/*#searcharea #query:focus {
color: ;
font-weight: normal;
}*/

.search-tagline {
padding: 5px 0 0 15px;
color: #000;
font-size: 13px;
}

/* BUTTON */

#searcharea #searchsubmit {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
width: 22px;
height: 22px;
margin: 0;
padding: 0;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: ;
background: transparent;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: bold;
}

#searcharea.has-image-button #searchsubmit {
width: auto;
height: auto;
width: 22px;
height: 22px;
background: transparent;
}

#searcharea.has-svg-button #searchsubmit,
#searcharea.has-svg-button #searchsubmit svg {
color: #000;
}



/* .......... HEADER NAV .......... */

#header-nav {
grid-area: nav;
justify-self: flex-end;
}

/*
#header-nav {}
*/

#header-nav .nav-list {
display: flex;
align-items: center;
}

#header-nav.nav li.nav-item:not(:first-child) {
margin-left: 20px;
}

/*
#header-nav .nav-name {}
*/

#header-nav .nav-item a {
display: flex;
align-items: center;
height: 30px;
}

#header-nav .nav-item-viewcart .cart-nav-icon {
position: relative;
width: 30px;
height: 30px;
margin-left: 8px;
}

#header-nav .nav-item-viewcart .cart-nav-icon .fcart-count {
position: absolute;
top: 0;
left: 14px;
padding: 3px 4px 1px;
border-radius: 14px;
color: #fff;
background: #606060;
-moz-opacity: 0;
opacity: 0;
font-weight: 400;
font-size: 11px;
font-family: Helvetica,Arial,sans-serif;
line-height: 1;
}



/* .......... HEADER LOGO .......... */

#header-logo {
grid-area: logo;
float: left;
width: ;
}

#header-logo .logo {
font-weight: 400;
font-size: 32px;
font-size: 3.2rem;
font-size: ;
font-family: ;
line-height: 1;
}

#header-logo .logo a {
display: block;
}

#header-logo .logo a,
#header-logo .logo a:hover,
#header-logo .logo a:focus {
color: #333;
color: ;
text-decoration: none;
}

#header-logo .logo img {
display: block;
width: auto;
height: auto;
}

#header-logo .description {
font-size: 16px;
font-size: 1.6rem;
font-weight: 300;
line-height: 1.5;
}



/* .......... FOOTER .......... */

#site-footer {
clear: both;
margin: 20px 0 0;
color: ;
background-color: ;
box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.3);
font-weight: normal;
/*font-size: ;*/
}

#site-footer .wrap {
width: 1100px;
margin-left: auto;
margin-right: auto;
}

#site-footer a,
#site-footer a:visited {
color: ;
}

.footer-section {
display: block;
}

.footer-section-title {
margin: 0 0 12px;
color: #1a2b74;
text-transform: uppercase;
font-weight: 700;
font-size: 1.15rem;
letter-spacing: 1px;
}

/* MAIN */

#footer-main {
padding: 20px 0;
}

#footer-main > .wrap {
display: flex;
justify-content: space-between;
}

.footer-section li {
margin: 0;
padding: 0 0 11px;
list-style: none;
line-height: 1;
}

/* COPYRIGHT */

#copyright {
padding: 20px 0 20px;
text-align: center;
}

#copyright,
#copyright a,
#copyright a:visited {
color: ;
font-size: 11px;
}

/* SOCIAL */

#footer-social {
margin-top: 25px;
}

#footer-social > a {
display: inline-block;
margin-right: 12px;
vertical-align: middle;
font-size: 26px;
/*opacity: 0.3;*/
}

#footer-social a.facebook svg {
width: 20px;
}

#footer-social a.instagram svg {
width: 35px;
}

#footer-social a.youtube svg {
width: 25px;
}

/* SIGNUP */

/*
.footer-section-newsletter {}
*/

.footer-section-newsletter .signup-prompt {
margin: 0 0 10px;
}

.footer-section-newsletter form {
display: flex;
}

.footer-section-newsletter .signup-email {
display: block;
}

.footer-section-newsletter .signup-button {
display: block;
}

/* CONTACT */

/*
.footer-section-contact {}
*/

.footer-section-contact .footer-section-content {
line-height: 1.7;
}

/* BADGES */

.footer-section-content .badges {
display: flex;
flex-direction: column;
gap: 15px;
}



/* ...................................................................... */
/* ......................... FOOTER RESPONSIVE .......................... */
/* ...................................................................... */

/* .................................................. DESIGN WIDTH */
@media only screen and (max-width: calc(1100px + 79px)) {

	#site-footer .wrap {
	width: auto;
	margin-left: 40px;
	margin-right: 40px;
	}

}

@media only screen and (max-width: 1100px) {

	#site-footer .wrap {
	width: auto;
	margin-left: 30px;
	margin-right: 30px;
	}

}

/* .................................................. TABLET PORTRAIT */
@media only screen and (max-width: 1030px) {

	#site-footer .wrap {
	width: auto;
	margin-left: 20px;
	margin-right: 20px;
	}

	#footer-main > .wrap {
	display: block;
	padding-bottom: 0;
	text-align: center;
	}

	.footer-section {
	display: block;
	margin: 0 0 30px;
	}

	#footer-bottom > .wrap {
	display: block;
	}

	#footer-bottom > .wrap > * {
	margin: 0 0 30px;
	}

	#footer-bottom .one {
	text-align: center;
	}

	#footer-bottom .one > * {
	display: inline-block;
	}

	#footer-bottom .two {
	text-align: center;
	}

	.footer-section-newsletter form {
	justify-content: center;
	}

	#copyright {
	text-align: center;
	}

}

@media only screen and (max-width: 850px) {

	#footer-signup > .wrap {
	flex-direction: column;
	}

	#footer-signup > .wrap > div {
	margin: 0;
	}

	#footer-signup form {
	margin: 15px 0 0;
	}

}

img{max-width:100%;height:auto}ol,ul{list-style:disc outside;margin:0;padding:0}#site-header{background-color:}#site-header .wrap{width:1100px;margin-left:auto;margin-right:auto}#header-main > .wrap{display:grid;align-items:center;grid-template-areas:"logo   nav   "   "logo   search";padding:15px 0}#header-main > .wrap .clear{display:none}#header-logo{flex:unset;align-self:unset;float:none;clear:none;grid-area:logo;margin:0 40px 0 0}#header-search{flex:unset;align-self:unset;float:none;clear:none;grid-area:search;justify-self:flex-end;margin:15px 0 0 0}#header-nav{flex:unset;align-self:unset;float:none;clear:none;grid-area:nav;justify-self:flex-end;margin:0}.header-nav.nav li.nav-item:first-child{margin-left:0}#site-footer{text-align:left;border-top:2px solid #19699F}@media only screen and (max-width:calc(1100px + 79px)){#site-header .wrap{width:auto;margin-left:40px;margin-right:40px}}@media only screen and (max-width:1100px){#site-header .wrap{width:auto;margin-left:30px;margin-right:30px}}@media only screen and (max-width:1030px){#site-header .wrap{width:auto;margin-left:20px;margin-right:20px}}@media only screen and (max-width:900px){#header-main > .wrap{grid-template-areas:"nav   "    "logo  "    "search"}#header-logo{justify-self:center;margin:0}#header-search{justify-self:center;margin:15px 0 0}#header-nav{justify-self:center;margin:0 0 15px}.header-nav .nav-list{height:16px}.header-nav .nav-item a{height:16px;font-size:16px;line-height:1}}@media only screen and (max-width:700px){#header-nav .desktop-only,#cart-nav-control .header-control-label{display:none}}@media only screen and (max-width:600px){#header-logo{width:auto;max-width:200px}}@media only screen and (max-width:560px){#header-search{width:1005}}@media only screen and (max-width:480px){#header-search{width:100%}}
/* .......... / .......... */