@charset "utf-8";
/* CSS Document */
*html, body {height: 100%;}
html { min-height: 100%; position: relative; }
body { font-family: 'Lato', Arial, sans-serif; margin-bottom: 40px; background:#fff; }
/* GENERAL OVER RIDES */
a, button, span { -webkit-transition:	all 0.5s; -moz-transition:	all 0.5s; transition: all 0.5s; }
a:focus { outline: none; }
.right { float:right; }
.left { float:left; }
.center { margin:0 auto; }
img.right { margin:0 0 20px 20px; }
img.left { margin:0 20px 20px 0; }
h1, h2, h3, h4, h5, h6 { text-transform:uppercase; font-weight:900; text-rendering: optimizelegibility; }
h1 small { color:#767676!important; }
h1 { font-size:24px; margin-top:0; }
h2 { font-size:20px; }
h3 { font-size:17px; }
h4 { font-size:15px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
/* MAIN WRAPPERS */
#page { }
#home #main { padding:0 0 60px 0; }
#page #main { padding:60px 0 60px 0; }
#main .row { margin-bottom:20px; }
/* MISC ELEMENTS */
#skip-block { position: absolute; top: 0px; z-index:5 } 
#skip-block a { color: transparent; text-decoration: none; border: 2px solid transparent; border-radius: 2px; padding: 4px; }
#skip-block a:focus { color: white; border: 2px solid pink; }
#home #skip-block a:focus { color: black; border: 2px solid pink; }
#signaturelogo, #logolight, #logodark { vertical-align: middle; }
#signaturelogo { max-width: 145px; position: relative; left: 20px; display: none; }
#logolink #logolight, #logolink #logodark { border: 1px solid transparent; max-width: 180px; }
#logolink:focus #logolight { border: 1px dashed white; }
#logolink:focus #logodark { border: 1px dashed black; }
#logolink #logolight, #logolink #logodark { border: 1px solid transparent; }
#logolink:focus #logolight { border: 1px dashed white; }
#logolink:focus #logodark { border: 1px dashed black; }
#home #signaturelogo { display: inline-block; }
#logodark, #home #logolight { display:none; }
#home #logodark { display:inline-block; }
ul, ol { padding:0 0 0 1em; }
.list-square { list-style-type: square; }
dd { margin:.5em 0 1em 2em; }
blockquote { font-size: 1em; }
hr { border-top: 1px solid #f0f0f0; margin: 40px 0; }
hr.ten {margin: 10px 0;}
hr.twenty {margin: 20px 0;}
hr.thirty {margin: 30px 0;}
.info:before { content: "\f05a"; font-family: "Font Awesome 6 Free"; color: #9cd600; font-size: 30px; padding-right: 0.5em; float:left; }
/* Images */
img { display: block; height:auto; max-width: 100%; }
.boxes img { max-height:100%; }
/* PRODUCTS SUBHEADING W/LINE */
h3.line { font-size:18px; overflow: hidden; text-align: center; color:#61779f; margin:20px 0; }
h3.line:before, h3.line:after { background-color: #61779f; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; }
h3.line:before { right: 0.5em; margin-left: -50%; }
h3.line:after { left: 0.5em; margin-right: -50%; }
/* HERO SECTION */
.hero img { width: 100%; position: relative; }
body#home .crumbs { display:none; }
body#home .hero { height:auto; overflow: hidden;}
.hero { height:240px; width:100%; text-align:center; background-position: center center; background-size: cover; position: relative; color:#fff; text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.5); }
.hero h1 { margin: auto; padding: 10px; background-color: rgba(0, 0, 0, 0.6); width: 518px; border-radius: 5px; }
.herosearch { display:none; width:480px; margin:0 auto; margin-top:1em; background-color: rgba(0, 0, 0, 0.6); padding:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#home .herosearch { display:block; }
/* HERO SEARCH BOX */
.herosearch .singleform { margin:0; }
.herosearch .singleform button { background:#6A7590; }
.herosearch .singleform button:hover, .herosearch .singleform button:active { background:#61779f; }

#herocontainer { position:relative; }
#hero-nav-container { width:100%; display:block; }
#left-hero, #right-hero { font-weight: bold; display:inline-block; text-align:left; position:absolute; bottom:5px; font-size:2em; cursor:pointer; background-color:rgba(0, 0, 0, 0.6); padding:10px; border-radius:5px; user-select:none; border: 0px solid transparent; }
#left-hero { left:20px; }
#right-hero { right:20px; }

/* VERTICALY ALIGN ELEMENTS */
.va-container { display: table; height: 100%; width: 100%; }
.va-top, .va-middle, .va-bottom { display: table-cell; }
.va-top { vertical-align:top; }
.va-middle { vertical-align: middle; }
.va-bottom { vertical-align:bottom; }
.search-container { top: 313px; position: relative; z-index: 1;}
/* PRODUCT BOXES */  
.boxes { list-style-type:none; padding:0; overflow:hidden; margin-bottom: 0;}
.boxes li { float:left; padding:0 15px; }
.boxes a { background:#fff; display:block; position:relative; text-align: center; margin-bottom:30px; border:1px solid #ccc; /*height:262px; */ }
.half { width:555px; height:262px; }
.third { width:360px; height:360px; }
.fourth { width:262px; height:262px; }
.half.twotwo { height:554px; }
.boxes li span.title, .boxes div span.title { display:block; background-color: rgba(0, 0, 0, 0.5); margin:0; bottom: 0; color: #fff; font-size: 15px; text-transform:uppercase; font-weight:900; height: 50px; line-height: 50px; position: absolute; width: 100%; }
.boxes a:hover > span.title, .boxes a:focus > span.title { background-color: rgba(0, 0, 0, 0.7); }
.shop .boxes a > span.title, .create.boxes a > span.title { background: #f89b1c; color: #000; }
.shop .boxes a:hover > span.title, .create.boxes a:hover > span.title, .shop .boxes a:focus > span.title, .create.boxes a:focus > span.title { background: #ee8b04; }
.boxes a img { margin:0 auto; width:100%; height:100%; object-fit: cover; overflow: hidden; }
.boxes li a, .boxes div a { background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important text-decoration:none;
-webkit-background-size:cover }
/* PRODUCT BADGES */
.badge { position: absolute; right: -10px; top: 30px; font-size: 14px; line-height: 12px; padding: 10px 12px; text-transform: uppercase; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; }
.prodimg .badge { right: 5px; }
.badge:after { content: ''; display: block; width: 0; height: 0; border: 10px solid; position: absolute; right: 0; bottom: -20px; z-index: -10; }
/* CREATE BADGE */
.create .badge { background-color: #f89b1c; }
.create .badge:after { border-color: #b36b0a transparent transparent transparent; }
/* SALE BADGE */
.sale .badge { background-color: #e74c3c; }
.sale .badge:after { border-color: #a82315 transparent transparent transparent; }
/* SHOP SECTION */
#shop-list { overflow-x:scroll; scrollbar-width: none; }
#shop-list::-webkit-scrollbar{ display:none; }
#shop-list-ul { width:3504px; }
#shop-list { display:inline-block; width:1050px; }
#shops-left, #shops-right { display:inline-block; cursor:pointer; width: 0; height: 0; border-top: 25px solid transparent; border-bottom:25px solid transparent; vertical-align:top; position:relative; top:100px; user-select:none; background-color:transparent }
#shops-left { border-right:25px solid #f89b1c; left:-15px; border-left:0px solid transparent; }
#shops-right { border-left:25px solid #f89b1c; right:-30px; border-right:0px solid transparent; }

.shop { position: relative; background:#000; z-index: 1; }
.shop:before { content: ""; position: absolute; z-index: -1; display:block; top: 0; bottom: 0; left: 0; right: 0;
 /* background: url(../images/shopBg.jpg) top center fixed; */
 background: #7f90a1;
 /* opacity: 0.6; */
 width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.shop h2 { color:#fff; }
.shop .boxes a h4, .create.boxes a h4 { background-color: rgba(248, 155, 28, 1); }
.shop .boxes a { border:none; }
/* GLOBAL STUFF ///////////////////////////////// */
/* SIDEBAR WIDGETS */
.widget { border-top: 5px solid #7f90a1; margin-bottom: 0; padding:20px; clear:both; }
.widget.feature {border:none; padding:0; margin-bottom:20px;}
.widget h3 { font-size: 16px; margin:-20px -20px 0; padding:20px; }
.widget img { height:auto; }
.widget .img-thumbnail { max-width: 100px; }
/* sidebar general menu */
.widget .menu { list-style: none; padding:0; margin: 0; margin:0 -20px 20px; }
.widget .menu a { border-bottom: 1px solid #f0f0f0; color: #fff; display: block; padding: 15px 20px; text-decoration: none; background: #7f90a1; }
.widget .menu a:hover, .widget .menu a:focus { background: #002a5c; }
/* HEADER */
.topbar { box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1); }
.headupper { background:#fff; border-bottom:2px solid #eee; }
#home .headupper { background:#fff; }
.logo, .navbar, .cart { height:86px; line-height:86px; }
.crumbs { padding:0; background:#fbfbf9; }
.crumbs .singleform { margin: 0; }
.crumbs .singleform button { background:#555; }
.crumbs ul { padding:0; }
.crumbs .singleform input[type="text"], .crumbs .singleform button { height:28px; line-height:28px; }
.search, .trail { height:50px; line-height:50px; }
.crumbs ul { list-style-type:none; padding:0; text-transform:uppercase; color:#777; font-size:0; padding:0; margin:0; }
.crumbs a { color:#777; text-decoration:none; }
.crumbs a:hover { color:#444; color:#eee; }
.crumbs ul li { display:inline; font-size:11px; padding-right:8px; color: #fff;}
.crumbs ul li:after { content: "\f105"; font-family: "Font Awesome 6 Free"; padding-left:8px; }
.crumbs ul li:last-child:after { content: ""; }
.social ul li:before { content: "" !important; padding-right: 0; }
.social ul li { display:inline; }
.social .btn { border-radius: 0; }
/* CART */
a.cartlink { color:#fff; text-decoration:none; }
a.cartlink:before { content: "\f07a"; font-family: "Font Awesome 6 Free"; padding-right: 10px; text-decoration: inherit; }
a.cartlink { font-size: 15px; }
#home a.cartlink { color: #767676; }
a.cartlink:hover, #home a.cartlink:hover, a.cartlink:hover, #home a.cartlink:focus { color:#f89b1c; }
/* FOOTER SECTION */
.footertopbar { background:#fbfbf9; padding:1em 0; border-top:3px solid #eaeaea; color:#2c2c2c; }
.footer { padding:0; background:#777; float:left; width:100%; padding:0 0 80px 0; background:url(../images/tweed.png) repeat; position:relative; }
.footer, .footer h3, .footer a { color:#fff; }
.footer { background-color:#767676; }
.footer h3 { font-size:14px; margin-top:30px; }
.footer ul { padding:0; list-style-type:none; font-size:12px; }
.footer ul li:before { content: "\f105"; font-family: "Font Awesome 6 Free"; padding-right: 5px; }
.footerinner { text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.5); }
.footerbottom { background: #2c2c2c; bottom: 0; position: absolute; width: 100%; font-size:11px; padding:1em 0; }
.footerbottom p { margin:0; padding:0; }
.footerbottom, .footerbottom a { color:#939393; }
/* social in footer */
.newsletter, .social, .account { float:left; clear:both; width:100%; }
#email_label{ float:left; margin-right:10px; position:relative; top:5px; }
/* SUBSCRIBE / SEARCH BOX */ 
.singleform { margin-top:10px; overflow:hidden; }
.singleform input[type="text"], .singleform button { float: left; font-size:14px; color:#2c2c2c; }
.singleform input[type="text"] { background: #fff; border:1px solid #d6d6d6; height:32px; padding: 0 15px; width: 57%; border-right:none; }
.singleform button { border:0; background:#2c2c2c; color:#fff; font-weight:bold; height:32px; width:30%; cursor:pointer; }
.singleform button:hover, .singleform button:focus, .singleform button:focus, .singleform button:active, .crumbs .singleform button:hover, .crumbs .singleform button:active { background:#000; }
/* SIDEBAR ACCORDIAN MENU - PRODUCTS */
.category-products { padding:0; margin:0 -20px; }
.category-products .panel { border: 0px; border-radius: 0px; box-shadow:none; margin-bottom: 0px; }
.category-products .panel-default .panel-heading { background-color: #fff; border: 0 none; border-radius: 0px; padding: 5px 20px; }
.category-products .panel-default .panel-heading .panel-title a { color: #696763; font-size: 13px; text-decoration: none; text-transform: uppercase; }
.category-products .panel-default .panel-heading .panel-title a:hover, .category-products .panel-default .panel-heading .panel-title a:focus, .category-products .panel-default .panel-heading .panel-title,, #accordian a.active { color:#AA6613; }
.panel-group .panel-heading + .panel-collapse .panel-body { border-top: 0 none; }
.panel-body ul { padding-left: 20px; }
.panel-body ul li a { color: #333; font-size:.89em; text-transform: uppercase; }
.hidden { display: none; }

/* popup */
.popup { width:540px; height: auto;  padding:20px;   z-index:1000;background-color: rgba(255, 255, 255, 0.98); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.7);-moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.7);box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.7);}

/* logged in */

.loggedin {text-align:right;color:#fff; height:25px;}
.loggedin span {color:#000;background:#f39009;padding:5px 10px;-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}

/* client stuff */
#customer_results ul, #promo-select ul { list-style-type:none;padding:0;}
form ul li {margin:0 0 .5em;}

/* print related */ 
a.print:before { content: "\f02f"; font-family: "Font Awesome 6 Free"; padding-right: 10px; text-decoration: inherit; }

/* CAROUSEL */
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: no-repeat;
}
.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: no-repeat;
}

.carousel-control {
  padding-top:7%;
  width:5%;
}

.carousel-control {
    font-size: 60px;
   
}

.strike { text-decoration: line-through; }

/* VARIOUS BREAKPOINTS */
 @media (max-width: 1082px) {
.singleform { max-width:300px; }
.hero .singleform { max-width:100%; }
}
 @media only screen and (min-width : 993px) and (max-width : 1200px) {
.fourth { width:212px; height:212px; }
.third { width:293px; height:293px; }
.half { width:455px; height:454px; height:212px; }
.half.twotwo { height:454px; }
.navbar-collapse { font-size: 0.8em; }
}
 /*@media only screen and (min-width : 768px) and (max-width : 992px) {
.fourth { width:220px; }
.third { width:220px; }
.half { width:345px; }
.mixed .fourth {width:155px;height:170px;}
.mixed .half.twotwo {height:370px;}
.boxes.mixed .fourth .title {font-size:11px;}
.boxes h4 { font-size:14px; height: 40px; line-height: 40px; }
}*/

 @media only screen and (min-width : 768px) and (max-width : 992px) {
.fourth { width:157px; height:170px; }
.third { width:220px; height:220px; }
.half { width:345px; }
.half.twotwo { width:720px; height:662px; }
.mixed .fourth .title { font-size:11px; }
.boxes h4 { font-size:14px; height: 40px; line-height: 40px; }
}
@media only screen and (max-width: 330px){
#signaturelogo { width: 40%; }
#logolink #logolight, #logolink #logodark { width: 49%; }
}
 @media only screen and (min-width : 501px) and (max-width : 767px) {
.fourth { width:220px; height:220px; }
.third { width:220px;height:220px; }
.half { width:469px; height:220px; }
.boxes { width:500px; margin:0 auto; }
.half.twotwo { width:469px; height:469px; }
.navbar-fixed-top, .navbar-fixed-bottom { position: relative; }
.item .boxes {width:330px;margin: 0 auto 2em ;}
.item .boxes .fourth {width:300px; height:300px;  }
}
 @media only screen and (max-width : 900px) {
.boxes h4 { font-size:14px; height: 40px; line-height: 40px; }
}
 @media only screen and (max-width : 800px) {
}
 @media only screen and (max-width : 1200px) {
#signaturelogo { max-width: 115px; }
#logolink #logolight, #logolink #logodark { max-width: 150px; }
.boxes h4 { font-size:14px; height: 40px; line-height: 40px; }
.logo img { max-width:210px; }
#shops-right, #shops-left { display:none; }
}
 @media only screen and (max-width: 991px) {
.navbar, .cart, .trail, .search, .crumb { height:40px; line-height:40px; clear:both; }
.cart { text-align:right; }
.navbar-header { float: none; }
.navbar-toggle { display: block; }
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav > li { float: none; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
.navbar-text { float: none; margin: 15px 0; }
.navbar-collapse.collapse.in { display: block!important; }
.collapsing { overflow: hidden!important; }
.navbar-nav > li > a { padding-bottom: 0; padding-top: 0; line-height: 40px; }
.navbar-nav { z-index:10; }
.nav > li { border-bottom:1px solid #333; border-top:1px solid #888; }
.nav > li:last-child { border-bottom:none; }
.nav > li:first-child { border-top:none; }
.nav > li > a { background:#777; color:#fff; margin:0; padding:0 15px; }
.nav > li a:hover { background:#61779f; color:#fff; }
.navbar-nav > li > a { line-height: 50px; }
.navbar-nav { margin: 0px -15px; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3); }
.navbar-fixed-top { position: absolute; }
.hero { margin-top:90px; }
a.cartlink { color: #61779F; }
.hero h1 { font-size:19px; }
#logolight { display:none; }
#logodark { display: inline-block; }

.btn {margin-bottom:5px;}
.search-container { top: 230px;}
.bx-wrapper { margin-bottom: 0 !important; }
#page.logged-in .hero, #page.logged-in.no-hero { margin-top:287px !important; }

}

@media only screen and (min-width: 501px) and (max-width: 991px) {
    body.no-hero { margin-top:245px; }
    body.logged-in.no-hero { margin-top:265px; }
}
 @media only screen and (max-width : 767px) {
h1 { font-size:19px; }
h2 { font-size:17px; text-align:center }
#main h3 { font-size:13px; }
.popup {width:400px;}
#left-hero, #right-hero { display:none; }
}
 @media only screen and (min-width : 768px) {
.navbar-nav { margin: 0; }
}
 @media only screen and (min-width : 992px) {
.nav > li:last-child > a { margin-right:0 !important; }
.nav > li:first-child > a { margin-left:0 !important; }

}
 @media only screen and (max-width : 500px) {
.boxes { width:290px; margin:0 auto; }
.fourth, .third, .half, .half.twotwo { width:262px; height:262px; }
.boxes .half .badge, .boxes .third .badge { position: absolute; right: -5px; top: 20px; font-size: 12px; line-height: 10px; padding: 7px 10px; }
.logo img { margin:0 auto; }
.trail { display:none; }
.search .singleform { margin:0 auto; }
.search { height: 60px; line-height: 60px; }
.headupper { box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0); }
.hero { display:none; }


#main { margin-top:240px; padding-top: 24px; }
body.logged-in #main { margin-top:265px; }


.text img { float:none; margin: 10px auto; }
.footerbottom { text-align:center; }
#home .crumbs { display:block !important; }
img.right, img.left { float:none; margin:20px auto; }


.loggedin {text-align:center !important;margin-bottom:20px;}
   
   
}
 @media only screen and (max-width : 667px) {
	#mydesign { display: none; }
}

 @media only screen and (min-width : 990px) {
#page.logged-in .hero, #page.logged-in.no-hero { margin-top:165px; }
body.no-hero { margin-top:125px; }
.bx-wrapper { margin-bottom: 0 !important;}
.headupper { background:#002144; }
.crumbs { padding:0; background:#66778A; }
.crumbs a { color:#777; color:#fff; text-decoration:none; }
#home .nav > li > a { color:#767676; }
#home .nav > li > a:hover, #home .nav > li > a:focus { color:#f89b1c }
.crumbs ul li:after { color:#fff; font-weight:bold; }
#logodark, #home #logolight { display:none; }
#home #logodark { display:inline-block; }
}
.input-group a.btn {margin:0;}
.input-group {display:block;}
@media only screen and (min-width : 801px) {
 .input-group {  float:right; }
}
.input-group a.btn {margin:0;}
.input-group { display:table; }
td.quantity {text-align:right;}
.styled button { margin: 0 0 0 1px;}

/* ticker */
.carouselTicker ul li.col-sm-3 { width:auto; }
.carouselTicker__loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff url("../images/loader.gif") center center no-repeat; }
.ticker-item {margin: 0;}

/* to handle the negative margin based on the fixed-header */
:target:before {
content:"";
display:block;
height:123px; /* fixed header height*/
margin:-123px 0 0; /* negative fixed header height */
}

#outlet-hours li:before { content: ""; }
.row.sale.boxes { margin-top: 40px; }