@font-face{
        font-family:"Neutro W03_n3";
        src:url("Fonts/5a0e90c0-b183-4164-9cd4-d7fc0133fe6c.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W03";
        src:url("Fonts/5a0e90c0-b183-4164-9cd4-d7fc0133fe6c.eot?#iefix");
        src:url("Fonts/5a0e90c0-b183-4164-9cd4-d7fc0133fe6c.eot?#iefix") format("eot"),url("Fonts/4d1328e7-742d-40aa-bf0d-4b1226fc5537.woff2") format("woff2"),url("Fonts/7bd3aac6-46bd-4188-86e1-6a11e3ac182d.woff") format("woff"),url("Fonts/4ef97609-e86d-4b6a-9427-ad3442e33a99.ttf") format("truetype");
font-weight: 300;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W03_n4";
        src:url("Fonts/1eb06d11-5afa-46db-81af-ae33df5670d2.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W03";
        src:url("Fonts/1eb06d11-5afa-46db-81af-ae33df5670d2.eot?#iefix");
        src:url("Fonts/1eb06d11-5afa-46db-81af-ae33df5670d2.eot?#iefix") format("eot"),url("Fonts/22f5647d-c25c-433a-868d-e74f82b0bae8.woff2") format("woff2"),url("Fonts/dbdca072-f39d-4b28-9b43-ed7b47ac784f.woff") format("woff"),url("Fonts/0a8e291a-1b11-43e6-a458-adf70e56ad64.ttf") format("truetype");
font-weight: 400;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W03_i4";
        src:url("Fonts/a1774840-d6fd-46ab-b42a-12dcbeabc2d3.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W03";
        src:url("Fonts/a1774840-d6fd-46ab-b42a-12dcbeabc2d3.eot?#iefix");
        src:url("Fonts/a1774840-d6fd-46ab-b42a-12dcbeabc2d3.eot?#iefix") format("eot"),url("Fonts/94de0bbd-bc22-4153-a719-a32f423ec770.woff2") format("woff2"),url("Fonts/658cab82-2ca9-410e-b557-8ceb7211f48f.woff") format("woff"),url("Fonts/c7b32484-9e6b-43e5-9c83-f64972913478.ttf") format("truetype");
font-weight: 400;
font-style: italic;
    }
    @font-face{
        font-family:"Neutro W03_n5";
        src:url("Fonts/29678659-456b-4266-b274-16f25f234229.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W03";
        src:url("Fonts/29678659-456b-4266-b274-16f25f234229.eot?#iefix");
        src:url("Fonts/29678659-456b-4266-b274-16f25f234229.eot?#iefix") format("eot"),url("Fonts/ee808a72-8099-4469-a486-8959d2b173ee.woff2") format("woff2"),url("Fonts/8de42446-e679-4b0e-a63b-be093295866a.woff") format("woff"),url("Fonts/33d95750-c84e-49b1-a153-d12b9e783d56.ttf") format("truetype");
font-weight: 500;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W03_n6";
        src:url("Fonts/66b0bc68-18ba-4446-8b0c-bfebb86c0f5e.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W03";
        src:url("Fonts/66b0bc68-18ba-4446-8b0c-bfebb86c0f5e.eot?#iefix");
        src:url("Fonts/66b0bc68-18ba-4446-8b0c-bfebb86c0f5e.eot?#iefix") format("eot"),url("Fonts/339b6633-ab6d-4a99-8531-af7ff9f90cf7.woff2") format("woff2"),url("Fonts/f180c1ab-e6fb-492d-9fb7-65a4e697491c.woff") format("woff"),url("Fonts/f3624533-a1b3-4a95-b1ed-7125edcb6683.ttf") format("truetype");
font-weight: 600;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W03_i6";
        src:url("Fonts/06f8a7ad-a818-4725-8d2c-14edf1c454a0.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W03";
        src:url("Fonts/06f8a7ad-a818-4725-8d2c-14edf1c454a0.eot?#iefix");
        src:url("Fonts/06f8a7ad-a818-4725-8d2c-14edf1c454a0.eot?#iefix") format("eot"),url("Fonts/a59025c7-13d8-4d8d-b014-95997696d473.woff2") format("woff2"),url("Fonts/36d3e7f5-c64d-4f46-b649-4f423c71e4b9.woff") format("woff"),url("Fonts/92244fb5-efe7-4af7-a940-3aae81945fc2.ttf") format("truetype");
font-weight: 600;
font-style: italic;
    }
    @font-face{
        font-family:"Neutro W03_n7";
        src:url("Fonts/86c6ee68-52f3-4dc0-b184-2755ca03a5ed.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W03";
        src:url("Fonts/86c6ee68-52f3-4dc0-b184-2755ca03a5ed.eot?#iefix");
        src:url("Fonts/86c6ee68-52f3-4dc0-b184-2755ca03a5ed.eot?#iefix") format("eot"),url("Fonts/e96207c6-6983-4abc-825a-caf7e3ae86f1.woff2") format("woff2"),url("Fonts/2c59c747-234a-47c3-bd59-5ff99f4bb06b.woff") format("woff"),url("Fonts/42a587fc-9c4a-446b-90f1-0185a1e5a990.ttf") format("truetype");
font-weight: 700;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W03_i7";
        src:url("Fonts/5621fdf9-fcc8-4608-bf9f-5e113178b697.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W03";
        src:url("Fonts/5621fdf9-fcc8-4608-bf9f-5e113178b697.eot?#iefix");
        src:url("Fonts/5621fdf9-fcc8-4608-bf9f-5e113178b697.eot?#iefix") format("eot"),url("Fonts/54c3f82e-9b3b-4149-a71c-fa0455e1b10f.woff2") format("woff2"),url("Fonts/52da662c-bd1e-4414-86a5-71a69092ba23.woff") format("woff"),url("Fonts/0162ea15-5bd8-4dea-94b0-9a9642c40b0e.ttf") format("truetype");
font-weight: 700;
font-style: italic;
    }


/*
#000000
#f4bd21
#c84e00
#fea501
*/

*{box-sizing: border-box;}
html{width:100%; height:100%; padding:0px; margin:0px;}
body{width:100%; min-height: 100%; overflow-x: hidden; padding:0px; margin:0px; letter-spacing: 1px; font-size: 18px;  background-color:#FFF; color:#343434; font-family: 'Neutro W03', sans-serif; font-weight: 400;}
.warning{color:#a20202; font-weight: 700; line-height: 1.4em;}
p{line-height: 1.2em;}
p.emp{color:#000000;}
p.larger{font-size: 22px;}
a{color:#333;}
.highlight{}
figure img{max-width: 100%;}
.smaller{font-size: 0.8em;}
.em-underline em{text-decoration: underline; font-style: normal;}
.no-wrap{white-space: nowrap;}
.content-wrap{width:100%; max-width: 1400px; margin:0px auto; position: relative; display: block; }
.content-wrap:after{content:''; display: block; clear: both;}
.content-wrap.padding-bottom{padding-bottom: 64px;}
.content-wrap.padding-top{padding-top:64px;}
.text-wrap{max-width: 900px; margin-left: auto; margin-right: auto;}

.astrisk{font-size: 0.8em; font-style: italic; line-height: 1.2em;}
.center{text-align: center; margin-left:auto; margin-right: auto; display: block;}
.table-content{display: table; width:100%;}
.table-content .spacer{display: table-cell;}
.table-row{display: table-row;}
.table-cell{display: table-cell; vertical-align: top;}
.twelve{width:100%;}
.eleven{width:91.66%}
.ten{width:83.32%}
.nine{width:75%;}
.eight{width:66.66%;}
.seven{width:58.33%}
.six{width:50%;	}
.five{width:41.37%}
.four{width:33.33%;}
.three{width:25%;}
.two{width:16.66%;}
.one{width:8.333%;}
.golden-large{width:61.8%;}
.golden-small{width:38.2%;}
.table-cell.pad-left{padding-left:16px;}
.table-cell.pad-right{padding-right:16px;}
.table-cell.pad-both{padding-left:16px; padding-right:16px;}

.clear{clear:both;}
.learn-more{}
.red-text{color:#803022;}
meter#password-strength-meter{width:100%;}
a.anchor{position: relative; top:-350px;}
/*Form Styling */

label{ display: inline-block;   padding:4px 8px; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"]{display: block; width:100%; font-size:18px; padding:8px 12px; border:1px solid #999; border-radius: 3px; margin:4px 0px 12px 0px; }


input[type="text"].six,
input[type="number"].six,
input[type="email"].six,
input[type="tel"].six{width:49%; margin-right: 2%; display: inline-block; vertical-align: top;}

input[type="text"].no-margin,
input[type="number"].no-margin,
input[type="email"].no-margin,
input[type="password"].no-margin,
input[type="tel"].no-margin{margin:0px;}

input[type="text"].six:last-child,
input[type="number"].six:last-child,
input[type="email"].six:last-child,
input[type="tel"].six:last-child{margin-right: 0px;}

textarea{display: block; width:100%; height:250px; font-size:18px; padding:8px 12px; border:1px solid #888; border-radius: 3px; margin:4px 0px 12px 0px;}
.radio label{display: inline-block; margin-right:12px;}
input[type="radio"]{margin-right:12px;}
input[type="date"],
input[type="time"]{display: inline-block; font-size: 18px; padding:8px 12px; border:1px solid #666; color:#999; border-radius: 3px; margin:4px 0px 12px 0px;}
fieldset{border:1px solid #666; margin:0px 0px 32px;}

select{font-size: 18px; padding:8px 12px; border-radius: 4px; color:#999; margin:4px 0px 12px 0px; display: inline-block; max-width: 100%; text-overflow: ellipsis; background-color:#fff;}
select:disabled{background-color:#ddd;}
input[type="submit"]{font-size: 18px; display: inline-block; padding:8px 16px; border:1px solid #999; background:none; background-color:#eee; box-shadow: rgba(0,0,0,0.4) 1px 1px 0px 0px; margin-top:18px; transition:all 0.3s ease-out; color:#666; cursor: pointer;}
input[type="submit"]:hover{ box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px; }
textarea.invalid,
input[type="text"].invalid,
input[type="number"].invalid,
input[type="tel"].invalid,
input[type="password"].invalid,
input[type="date"].invalid,
input[type="email"].invalid,
input[type="time"].invalid{border-color:#a12d3a; background-color:#f7b1b8;}

meter{/*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ margin:0 auto 1em; width:100%; height: 0.5em; background:none; background-color:rgba(0,0,0,0.1); }
meter::-webkit-meter-bar{background:none; background-color:rgba(0,0,0,0.1);}
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }
meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: yellow; }
meter[value="3"]::-moz-meter-bar { background: orange; }
meter[value="4"]::-moz-meter-bar { background: green; }


input[type="submit"].button,
.button{ color:#333; text-decoration: none; padding:8px 12px; box-shadow: rgba(0,0,0,0.4) 1px 1px 3px; border:1px solid #fff; border-radius: 4px; text-align: center; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; transition:all 0.3s ease-in-out; background-color:rgb(244, 189, 33); cursor: pointer;}
input[type="submit"].button:hover,
.button:hover{background-color:rgb(255, 225, 141); box-shadow: rgba(0,0,0,0.7) 1px 1px 3px; }

.button.small{display: inline-block; width:25px; height: 25px; background-size: auto 90%; background-position: center; background-repeat: no-repeat;}
.button.small.remove{background-image: url(../images/icons/trash.svg);}
.button.small.cart{background-image: url(../images/icons/cart.svg);}

.button.schedule-button{max-width: 220px;}
input[type="submit"].button{padding:12px 16px; font-size: 14px;}

.column_list{ column-count: 3; column-gap: normal;}
.column_list.col1{column-count: 1;}
.column_list.col2{column-count: 2;}
.column_list.col4{column-count: 4;}
.column_list li{margin-bottom: 1.5em; break-inside: avoid;}

.data-table {border:1px solid #343434; border-collapse: collapse; width:100%;}
.data-table td,
.data-table th{border:1px solid #343434; padding:8px 12px; font-size: 14px;}
/*.data-table tr:nth-child(2n) td{background-color:#eee;}*/

.submit-wrap input[type="submit"].button{position: static; margin:0px; padding:8px 32px;}
.submit-wrap{display: inline-block; position: relative; overflow: hidden; box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px;}
.submit-wrap:before{height: 200%; width:8px; border-left:22px solid rgba(255,255,255,0.1); border-right:5px solid rgba(255,255,255,0.2); transform: rotate(40deg) translateX(-500px); transform-origin: center; transition:all 0.3s ease-in-out; position: absolute; left:15px; top:-50%; display: block; content:''; cursor: pointer;}
.submit-wrap:hover{box-shadow: rgba(0,0,0,0.4) 1px 1px 2px 2px;}
.submit-wrap:hover:before{transform: rotate(40deg) translateX(0px);}

.forgot-password a{color:#fff; font-size: 14px; text-align: center; font-weight: 200; text-decoration: none;}
.call-to-action{background-color:#000000;  max-width: 800px; margin:24px auto; padding:48px 74px; color:#fff; border:10px solid #efefef; box-shadow: rgba(0,0,0,0.5) 1px 1px 2px;}
.call-to-action.fireworks{background-image: url(../images/fireworks-background.webp); background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; padding:2rem; aspect-ratio: 1.7; display: flex; align-items: center; justify-content: center;}
.call-to-action.holiday{background-image: url(../images/holiday-background.jpg); background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; padding-bottom: 34%;}
.call-to-action.spring{background-image: url(../images/spring-background.jpg); background-size: cover; background-position: center bottom; background-repeat: no-repeat; }
.call-to-action.memorial{background-image: url(../images/flagbackground.jpg); background-size: cover; background-position: center bottom; background-repeat: no-repeat; padding:124px 94px; color:#000; background-position: center;}
.call-to-action.fall{background-image: url(../images/fall-background.webp); background-size: cover; background-position: center; background-repeat:no-repeat; border-color:#fe5e01; text-shadow: rgba(0,0,0,1) 0px 0px 7px; font-size: 2em;}
.call-to-action.colorsale{background-image: url(../images/color-background.webp); background-size: cover; background-position: center; background-repeat:no-repeat; border-color:#111; text-shadow: rgba(0,0,0,1) 0px 0px 7px; font-size: 2em;}

#bgPopup{ display:none; position:fixed; height:100%;  width:100%; top:0;left:0;background:#ffffff; z-index:999;}   
#Popup{ display:none; z-index:999;top:0px; left:0px; width:100%; height: 100%; padding:0px; position: fixed; overflow-y: auto; margin-bottom: 0px; background-color:#fff;}    

/* Popup interior panel settings */


.PopupInter{width:100%; height: 100%;  position: relative; max-width: 1400px; margin-left:auto; margin-right: auto;}
.PopupPanel{background-color:#FFF;margin-top:0px;padding:151px 48px 112px; min-height: 100%; position: relative; overflow-y: auto;}
.PopupInter .hide{position:fixed;right:40px;top:10px;width:44px;height:44px;cursor:pointer; background-image: url(../images/icons/hide.png); transition:all 0.3s ease-in-out; background-size: contain; background-position: center; border:2px solid #ffffff; border-radius: 50%; z-index: 999;}
.PopupInter .hide:hover{border-color:#999;}

#Popup.loading .PopupInter:after{display: block; width:100%; height: 100%; opacity: 0.8; content:''; position: absolute; top:0px; left:0px; z-index: 999; background-image: url(../images/icons/gears.svg); background-size: 180px; background-position: center; background-repeat: no-repeat;}

#Popup .title{background-color:#f4bd21; color:#fff; padding:24px 64px 24px; font-weight: 700; font-size: 48px; margin:0px 0px 32px; position: absolute; top:0px; left:0px; width:100%; position: fixed; z-index: 1; border:none;  box-shadow: rgba(0,0,0,0.5) 0px 4px 4px;}
#Popup .title h3{color:#fff; margin:0px; font-size: 48px; position: relative;}
#Popup .title:before{content:''; display: block; width:100%; height:100%; background-color:#000000;  position: absolute; left:0px;  bottom:9px;  box-shadow: rgba(0,0,0,0.5) 0px 4px 4px;}
#Popup hr.orange{display: block;border:none; height: 8px; border-radius: 4px; background-color:#e08a51;}

#Popup:before{ position: fixed; content:'';display: block; width:100%; height: 25px; background-color:#f4bd21;box-shadow: rgba(0,0,0,0.5) 0px -4px 4px; bottom:0px; left:0px; z-index: 1;}
#Popup:after{ position: fixed; content:'';display: block; width:100%; height: 16px; background-color:#000000;box-shadow: rgba(0,0,0,0.5) 0px -4px 4px; bottom:0px; left:0px; z-index: 2;}
#Popup .submit{width:auto;background-color:#000000;  clear: both; position: fixed; bottom:0px; left:0px; width:100%; z-index: 999;}
#Popup .submit .container{width:100%; height: 100%; display: table; margin:0px;}
#Popup .submit .spacer{display: table-cell;}

#Popup .submit .button{display: table-cell; border:none; border-radius: 0px; vertical-align: middle; box-shadow: none;  color:#fff; font-size: 18px; margin:0px; position: relative; padding:22px 48px; background:none;}
#Popup .submit .button:before{display: none;}
#Popup .submit .button label{}
#Popup .submit .button.update{ padding-right: 64px; width:375px; background-color:#000;}
#Popup .submit .button.update span:before,
#Popup .submit .button.update label:before{content:''; display: block; width:24px; height: 24px; border-radius: 50%; background-color:#75aa1c; position: absolute; top:0px; right:-36px;}
#Popup .submit .button.update span:after,
#Popup .submit .button.update label:after{ display: block; width:12px; height: 12px; border-top:2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); position: absolute; top:5px; right:-28px; content:'';}
#Popup .submit .button.create{ width:106px; color:#333;}
#Popup .submit .button.cancel{ width:230px;}
#Popup .submit .button.continue{}
#Popup .submit .button.delete{ width:200px;}
#Popup .submit .button.copy{}
#Popup .submit .button.disabled:after{content:''; display: block; position: absolute; top:0px; left:0px; z-index: 1; background-color:rgba(190,197,208,0.6); width:100%; height: 100%;}
#Popup .submit .button span,
#Popup .submit .button label{color:#fff; display: inline-block;}
#Popup .submit .button.disabled span,
#Popup .submit .button.disabled label{color:#ddd;}


ul.tabs{list-style: none; margin:0px; padding:0px; overflow: hidden; position: relative; z-index: 1; top:2px;}
ul.tabs li{float:left; margin-right: 8px; padding:8px 12px 8px 32px; position: relative; cursor: pointer; font-size: 16px;  border:1px solid #a5a5a5; border-top-left-radius: 4px;  border-bottom: none;  background-color:#a5a5a5; border-bottom: none; border-right: none; color:#efefef; font-weight: 600; }
ul.tabs li:first-child{padding-left: 12px;}
ul.tabs li:after{height:36px; width:32px; background-image: url(../images/tab_div2-off-blue.png); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; left:100%; top:-2px; z-index: 1; display: block; content:''; border-bottom: 1px solid #a5a5a5; }

ul.tabs li.on{background-color:#fff; color:#111; z-index: 9; border-bottom: 1px solid #fff;}
ul.tabs li.on:after{background-image: url(../images/tab_div-on-red.png); border-bottom: 1px solid #fff;}

.tab-body{display: none; border:1px solid #a5a5a5; padding:24px;}
.tab-body:after{content:''; display: block; clear: both;}
.tab-body.on{display: block;}


#mobile-nav{display: none;}

.home{}
body{}
header{position: fixed; top:0px; left:0px; width:100%; height: 75px; background-color:#fff; border-bottom:2px solid #000000; transition: all 0.3s ease-in; z-index: 999; }
header .logo{background-image: url(../images/logo.png); background-size: contain; background-repeat: no-repeat; display: block; width:127px; height: 50px; margin:11px 0px 11px; float:left;}
header .button{position: absolute; right:0px; top:16px;}
.offtop header{}

header .minicart{display: none;}

header #nav li{list-style: none; display: inline-block; margin-right: 12px;}
header #nav > ul > li{margin-right: 68px;}
header #mainnav a{display: block; }
header #nav{  text-align: center; margin-top:18px;}
header #nav a{font-weight: 600; color:#333;  font-size: 18px; position: relative; transition: all 0.2s ease-out; cursor: pointer; text-decoration: none; text-transform: lowercase; padding:8px 16px;font-weight: 500;}
#nav > ul > li > a:hover,
#nav > ul > li:hover > a,
#nav > ul > li > a{background-color:transparent;}

header #nav a:before{content:''; display: block; position: absolute; border:4px solid #000000; border-right:none; border-bottom: none; position: absolute; top:0px; left:0px; width:12px; height: 12px; transition: all 0.2s ease-out; transform: translate(50%,50%); opacity: 0;}

header #nav a:after{content:''; display: block; position: absolute; border:4px solid #000000; border-left:none; border-top: none; position: absolute; bottom:0px; right:0px; width:12px; height: 12px; transition: all 0.2s ease-out; transform: translate(-50%,-50%); opacity: 0;}

header #nav:hover .on > .no-link,
header #nav:hover .on > a{color:#e25a1e;}
header #nav:hover .on > .no-link:before,
header #nav:hover .on > .no-link:after,
header #nav:hover .on > a:before,
header #nav:hover .on > a:after{opacity: 0;}

header #nav .on > .no-link:hover,
header #nav .on > a:hover,
header #nav a:hover{color:#e25a1e;}

header #nav .on > .no-link:hover:before,
header #nav .no-link:hover:before,
header #nav .on > .no-link:hover:after,
header #nav .no-link:hover:after,
header #nav .on > a:hover:before,
header #nav a:hover:before,
header #nav .on > a:hover:after,
header #nav a:hover:after{transform: none; opacity: 1; width:12px; height: 12px;}



.hero .content-wrap{padding-top:75px;}

.green{color:#000000;}
.table-cell.green{background-color:#000000; color:#fff;}
.home .hero{border-bottom:2px solid #f4bd21; }
.home .hero .content-wrap{background-image: url(../images/home-hero.jpg); background-size: cover; background-position: center top; background-repeat: no-repeat; padding-top:75px;}
.home .hero-content{ padding:124px 60% 124px 78px; }
.home .hero-content .tagline{font-size: 38px; text-transform: uppercase; font-weight: 200;}
.home .hero-content .tagline strong{color:#000000;}

.home #Main .golden-large{padding:24px 0px 24px 64px;}
.home #Main .golden-small{padding:32px;}
h1{color:#000000; font-weight: 400; text-transform: uppercase;}
#BodyWrap{position: relative; width: 100%; background-image: url(../images/Yellow4-left.png); background-size: auto; background-position: left -150px top 150px; background-repeat: repeat-y;}
#BodyWrap:before{position: absolute; top:0px; left:0px; width:100%; height: 100%; display: block; content:'';background-image:  url(../images/Yellow4.png); background-size: auto; background-position: right top; background-repeat:repeat-y;}
.about #BodyWrap:before{background-image: url(../images/BluePurple.png);}
.about #BodyWrap{background-image: url(../images/BluePurple-left.png);}
.instructions #BodyWrap:before{background-image: url(../images/Blue.png);}
.instructions #BodyWrap{background-image: url(../images/Blue-left.png);}
.ideas #BodyWrap:before{background-image: url(../images/TurqMagenta.png);}
.ideas #BodyWrap{background-image: url(../images/TurqMagenta-left.png);}
.tips #BodyWrap:before{background-image: url(../images/Green.png);}
.tips #BodyWrap{background-image: url(../images/Green-left.png);}
.videos #BodyWrap:before{background-image: url(../images/GreenRed.png);}
.videos #BodyWrap{background-image: url(../images/GreenRed-left.png);}
.products #BodyWrap:before{background-image: url(../images/GreenRed.png);}
.products #BodyWrap{background-image: url(../images/GreenRed-left.png);}
.products.paint-sets #BodyWrap:before{background-image: url(../images/Yellow4.png);}
.products.paint-sets #BodyWrap{background-image: url(../images/Yellow4-left.png);}
.products.individual-paints #BodyWrap:before{background-image: url(../images/BluePurple.png);}
.products.individual-paints #BodyWrap{background-image: url(../images/BluePurple-left.png);}
.products.metallic-paints #BodyWrap:before{background-image: url(../images/BlackGray.png);}
.products.metallic-paints #BodyWrap{background-image: url(../images/BlackGray-left.png);}
.products.glitter-paints #BodyWrap:before{background-image: url(../images/OrangeMagenta.png);}
.products.glitter-paints #BodyWrap{background-image: url(../images/OrangeMagenta-left.png);}
.products.neon-paints #BodyWrap:before{background-image: url(../images/Red.png);}
.products.neon-paints #BodyWrap{background-image: url(../images/Red-left.png);}


footer{border-top:5px solid #f4bd21; background-color:#000000; color:#fff; background-image: url(../images/logo-white.svg); background-size: 25% auto; background-position: top 48px center; background-repeat: no-repeat;}
footer a{color:#fff; text-decoration: none;}
footer .content-wrap{padding:48px 0px 24px;}
footer .contact{float:right; text-align: center; width:25%; transform: translateX(-150%);}
footer .hours{float:left; text-align: center; width:25%;}
footer .hours h5{margin-top:0px; margin-bottom: 12px;}
footer .credits{clear: both; padding-top:24px; font-size: 12px; text-align: center;}

.interior #Sidebar{display: table-cell; width:200px; border-right: 1px solid #000000;vertical-align: top; background-color:#fff;}
.interior #Content{display: table-cell; padding-left: 24px; position: relative; }
.interior #Content .text-wrap{margin-left: 0px;}
.interior #Rightbar{display: table-cell; width:300px; border-left: 1px solid #000000; vertical-align: top;}
.interior .sidenav{}
.interior .sidenav ul{display: block; position: static; margin:0px; padding:0px; list-style: none;}
.interior .sidenav a{display: block; padding:12px 12px; border-bottom: 1px solid #000000; text-decoration: none; background-color:rgba(128, 163, 91,0); transition:all 0.3s ease-in-out;}
.interior .sidenav a:hover{background-color:rgba(128, 163, 91,0.1); color:#e25a1e;}
.interior .sidenav .on > a{background-color:rgba(128, 163, 91,0.1); color:#e25a1e;}

.interior .sidenav > ul > li{display: none;}
.interior .sidenav > ul > li.on{display: block;}
.interior .sidenav > ul > li.on > a{display: none;}


aside{width:38.2%; padding:0px;  float:left; background-color:rgba(0,0,0,0.7); position: relative; right:-5px; top:5px; margin:0px 24px 24px 0px;}
aside .offset{display: block; background-color:#999; width:100%; height: 100%; position: relative; right:5px; top:-5px; padding:24px;}
aside.right{float:right; margin:0px 0px 24px 24px;}
aside.orange .offset{background-color:#c84e00; color:#fff;}
aside.yellow .offset{background-color:#fea501;}
aside.purple .offset{background-color:#735aef; color:#fff;}
aside.green .offset{background-color:#006b00; color:#fff;}
aside h2{font-size: 22px;}
aside.orange h2{color:#f4bd21; }
.interior.productpage #Content{padding-right: 24px;}

.home .introduction{max-width: 600px; font-size: 24px; line-height: 1.5em; font-weight: 300;}
.home .instructions{width:auto; float:none; margin-left:48px; margin-right: 48px; margin-bottom: 64px; }

.home .instructions ul{list-style: none; font-weight: 700;}
.home .instructions li{margin-bottom: 1.5em; padding-right: 300px;}
.home .instructions li:nth-child(1){padding-right: 0px;}
.home .instructions .offset{padding:64px 48px 64px 48px; background-image: url(../images/PrimaryGroup1.png); background-position: bottom right; background-repeat: no-repeat;}
.home h3{ max-width: 600px; text-align: center; margin:3em auto;}

.tips-list li{margin-bottom: 32px;}

.instructions #Content section{background-color:#eee; position: relative; margin-bottom: 24px;}
.instructions #Content section:before{display: block; content:''; width:100%; height: 100%; position: absolute; top:5px; right:-5px; background-color:rgba(0,0,0,0.7); z-index: -1;}

.video-gallery{list-style: none; margin:48px 0px 48px; padding:0px;}
.video-gallery li{display: inline-block; width:46%; margin-right: 4%; margin-bottom:8%; vertical-align: top; cursor: pointer; text-align: center;}
.video-gallery figure{width:100%; height: auto; margin:0px;}
.video-gallery figcaption{font-size: 0.8em; font-style: italic;}

.product_list{width:auto; display: block; margin:0px; padding:0px;list-style: none;}
.product_list:after{display: block; content:''; clear:both;}
.product_list.grid li{display: inline-block; width:23.5%; margin:0px 2% 2% 0px; vertical-align: top; position: relative; font-size:12px; border:1px solid rgba(0,0,0,0.0); transition:all 0.3s ease-in-out; background-color:#fff;}
.product_list.grid li:nth-child(4n){margin-right:0px}

.product_list.grid .product_image{display:block; width:100%; height:250px; overflow: hidden; position: relative; }
.product_list.grid .product_image img{display: block; max-width: 100%; max-height: 100%; margin:auto; position: absolute; bottom:0px; top:0px; left:0px; right:0px;}
.product_list.grid .product_title{
    display: block;
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    
    color: #fff;
    padding: 5px 12px 5px 48px;
    text-transform: uppercase;
    
    z-index:1;
    text-decoration: none;
    background-color:#000000;
    transition:all 0.3s ease-in-out;
    
}
.product_list.grid .product_title:before{
    content: '\25B8';
    display: inline-block;
    margin-right: 8px;
    color: #fff;
    font-size: 36px;
    line-height: 16px;
    position: absolute;
    left: 12px;
    top: 3px;
    
}
.product_list.grid li:hover{border:1px solid rgba(0,0,0,0.5);}
.product_list.grid li:hover .product_title{background-color:#e25a1e;}

.product_list.grid .description{display:none;}
.product_list.grid .product_sku{
    display: block;
    position:absolute;
    bottom:0px;
    width:100%;
    text-align: right;
    color:#797a7c;
    font-weight: 700;
    background-color: #797a7c;
    padding: 5px 12px 5px 48px;
}

.product_list.grid li:hover .product_sku{
    background-color: #f1841f;
    color:#f1841f;
}
#breadcrumbs{ position: absolute; top:0px; right:0px; margin-top:2px;}
#breadcrumbs li{display: inline-block; text-transform: lowercase; color:#999; font-size: 0.7em; margin-right: 8px;}
#breadcrumbs li a{color:#999;}


.product_details #Content{padding-top:48px;}
#product_main{float:right; width:60%; }
h1.product_name{color:#000; text-transform: none; margin-bottom: 0.2em;  }
.product_details .product_image{ width:35%; height:auto;}
.product_details .product_image img{height:auto; width:auto; display: block; margin:0px auto; max-width: 100%; max-height: 450px;}
.product_options{ background-color:#dfdfdf; padding:22px; display: inline-block; vertical-align: top; margin:36px 0px 36px 5%;}
.product_listing{}
.buy_now .add_to_quote{display: block;text-align: center; font-size:20px; margin-top:24px;width:auto; padding:16px 24px; background-color:#f1f1fc; cursor:pointer; border:1px solid #dfdfdf;}

.product_features{font-weight: 500; font-size: 1em;}
.buy_now{}
.buy_now #item_price{font-weight: 700; display: inline-block; border-top:1px solid #333; margin-right: 16px; padding-top: 8px;}
.product_features.mobile{display: none;}
.product_features li{list-style: none; margin-left:24px;}
.product_facts{clear:both; margin-bottom:55px;}
.product_facts li{list-style: none; margin-left:24px;}
.product_description{}
.specifications{}

#cart_form{width:auto; max-width: 800px; margin:0px auto;}
#cart_form .totals{font-weight: 700;}
#cart_form .product-table{width:100%; border-collapse: collapse;}
#cart_form .product-table td{border-bottom:1px solid #333; padding:8px 16px;}

.minicart{background-color:#fff; padding:24px;}
.minicart .quantity{font-weight: 700; font-style: italic;}
.minicart .cart_product_list{font-size: 0.8em; font-style: italic; margin:18px 0px;}

#checkout_form{width:auto; max-width: 800px; margin:0px auto;}
#checkout_form .totals{font-weight: 700;}
#checkout_form .product-table{width:100%; border-collapse: collapse;}
#checkout_form .product-table td{border-bottom:1px solid #333; padding:8px 16px;}
#checkout_form .product_img{width:auto; height: 125px;}

.about .introduction{max-width: 600px; font-size: 24px; line-height: 1.5em; font-weight: 300; }
.about .instructions{width:auto; float:none; margin-left:48px; margin-right: 48px; margin-bottom: 64px; margin-top:48px;}
.about .large_inset{background-color:#e5e2f8; padding:32px 48px;}
.about .instructions ul{list-style: none; font-weight: 700;}
.about .instructions li{margin-bottom: 1.5em; padding-right: 300px;}
.about .instructions li:nth-child(1){padding-right: 0px;}
.about .instructions .offset{padding:64px 48px 64px 48px; background-image: url(../images/PrimaryGroup1.png); background-position: bottom right; background-repeat: no-repeat;}
.about aside.right{margin-right:-120px; width:70%; margin-left:48px; margin-bottom: 48px;}
.about h2{}

.tips .large_inset{background-color:#c4e3c4; padding:32px 48px;}
.tips aside.right{margin-right: -120px; width:50%; margin-left:48px; margin-bottom: 48px;}
.tips .tips_list{margin:48px 48px;}
.tips .tips_list li{margin-bottom: 24px;}


@media screen and (max-width:1464px){
    .content-wrap{width:auto; margin-left:32px; margin-right:32px;}
    header #nav > ul > li{margin-right: 24px;}
}

@media screen and (max-width:1360px){
    
    .home .introduction{background-color:#fff; padding:18px; border:1px solid #ccc;  box-shadow: rgba(0,0,0,0.7) 5px 5px 0px 2px;}
    .home aside.right{margin-top: 24px;}
    .home .disclaimer{background-color:#fff; padding:18px; border:1px solid #ccc;  box-shadow: rgba(0,0,0,0.7) 5px 5px 0px 2px;}
    .white{background-color:#fff; padding:18px; border:1px solid #ccc;  box-shadow: rgba(0,0,0,0.7) 5px 5px 0px 2px; margin-bottom: 18px;}
}

@media screen and (max-width:1105px){
    header #nav{display: none;}
    header #nav-toggle{position: absolute; top:24px; right:16px; width:36px; height: 32px; z-index: 5; transition: all 0.3s ease-in-out;}
    header #nav-toggle:before{content:''; display: block; width:36px; height: 8px; border-top:4px solid #ab2c29; border-bottom: 4px solid #ab2c29;}
    header #nav-toggle:after{content:''; display: block; width:36px; height: 8px; border-bottom: 4px solid #ab2c29;}
    body{position: relative; left:0px; transition:all 0.4s ease-out;}
    body#tinymce{padding:0px;}
    header{background-color:#fff; }
    #BodyWrap{background-color:#fff;padding-top:0px;}
    #BodyWrap,
    header,
    footer{transition:all 0.3s ease-in-out; position: relative; z-index: 1}
    
    body.nav-on #BodyWrap{transform: translateX(-450px); }
    body.nav-on header .content-wrap:before{border-bottom-color:#fff; content:''; color:#003c5b; height: 50px; width:36px; transform:translatex(450px) rotate(45deg) translate(-4px, -39px);}
    body.nav-on header .content-wrap:after{border-bottom-color:#fff; border-top:0px solid #003c5b; height: 50px; width:36px; transform:translatex(450px) rotate(-45deg) translate(31px, -49px);}
    body.nav-on header #nav-toggle{transform: translateX(450px);}
    #mobile-nav{display: block; opacity: 0; transition: 0.3s ease-in; transition-delay: 0.3s; position:fixed;  top:0px; right:0px; height: 100vh; width:450px; max-width: 100%; overflow-y: auto; overflow-x: hidden; box-shadow: inset rgba(0,0,0,0.4) 0px -1px 1px 2px;  background-color:#003c5b;}
    .on #mobile-nav{opacity: 1;}
    #mobile-nav ul{display: block; list-style: none; margin:0px; padding:122px 0px 81px 0px;  position: relative; width:100%;min-height: 100%; transition:all 0.3s ease-in; }
    body.offtop #mobile-nav ul{padding-top:90px;}
    #mobile-nav li{margin:0px; padding:0px; border-bottom: 1px solid #fff;}
    #mobile-nav li.social{padding-top:24px; border-bottom: none;}
    #mobile-nav .submenu{position: absolute; top:0px; left:100%; width:100%; transition:all 0.3s ease-in-out; background-color:#1b6f9b;z-index: 2 }
    #mobile-nav .submenu .submenu{position: absolute; top:0px; left:100%; width:100%; transition:all 0.3s ease-in-out; background-color:#5ea3c7;z-index: 3; }
    #mobile-nav ul a,
    #mobile-nav .no-link{display: inline-block; width:auto; padding:24px 48px 24px; text-decoration: none;  color:#fff; cursor:pointer; text-transform: uppercase;}
    #mobile-nav .submenu a{color:#fff; font-size: 16px; padding-right: 8px; padding-left: 16px; max-width: 335px;}
    #mobile-nav .submenu li{border-bottom-color: #fff;}
    #mobile-nav .gg{position: static; float:right; margin:18px; background-color:#fff; z-index: 0; background-image: url(../images/icons/menu-plus-g.svg); background-size: 66%; background-repeat: no-repeat; background-position: center;  border-radius: 50%; width:25px; height: 25px;}
    #mobile-nav .gg:before,
    #mobile-nav .gg:after{display: none;}
    #mobile-nav .on > .submenu,
    #mobile-nav .submenu .on > .submenu{left:55px; }
    #mobile-nav .submenu .gg{margin-right: 72px;}
    #mobile-nav .buttons{position: absolute; bottom:16px; text-align: center;}
    #mobile-nav .buttons .button{margin-bottom: 12px;}
    
    .home .hero .content-wrap,
    .hero .content-wrap{padding-top:0px;}
    
    footer .contact{text-align: right; transform: translateX(0px); width:auto;}
    
    .about aside.right{margin-right: -63px; width:60%;}
    .about .instructions{margin-left: 0px; margin-right: 0px;}
    .tips aside.right{margin-right: -63px;}
    
    
    
    .interior #Rightbar{display: none;}
    header .minicart{display: block; position: relative; float:right; margin-right: 74px; padding:16px 160px 12px 0px;}
    header .minicart .cart_product_list{display: none;}
    header .minicart .total{}
    header .minicart .button.cart{right:116px; width:38px; height: 38px;}
    
    
}


@media screen and (max-width:800px){
    
    #Main{min-height: 95vh;}
    .interior #Content{padding-right: 24px;}
    .interior #Sidebar{display: none;}
    .products #Sidebar{display: table-cell;}
    .about aside.right{margin-right: 0px;}
    
    
}


@media screen and (max-width:765px){
    
    h1{text-align: center; background-color:rgba(255,255,255,0.5);}
    .product_list.grid .product_image{height: 159px;}
    .product_list.grid .product_title:before{display: none;}
    .product_list.grid .product_title{padding:4px 8px; text-align: center; font-size: 0.8em;}
    .product_list.grid li{width:30%; margin-right: 2%;}
    .product_list.grid li:nth-child(4n){margin-right: 2%;}
    .products #Content{background-color:#fff; padding:24px;}
    .home .instructions{margin:0px 0px 48px 0px;}
    .about .instructions .offset,
    .home .instructions .offset{padding:24px; padding-bottom: 290px;}
    .about .instructions ul,
    .home .instructions ul{padding-left: 0px;}
    .about .instructions li,
    .home .instructions li{padding-right: 0px;}
    
}
@media screen and (max-width:600px){
    header{height: auto;}
    header .minicart{margin-right: 0px;}
    .content-wrap{margin-left:16px; margin-right: 16px;}
    .interior #Content{display: block; padding:0px;}
    .about .large_inset,
    .tips .large_inset{padding:24px 16px;}
    aside.right{float:none; width: auto; margin:16px;}
    .tips aside.right{margin:0px auto; width:auto;}
    .tips .tips_list{margin:24px 0px;}
    
    footer .contact{float:none; display: block; width:auto; text-align: center;}
    .about aside.right{width:auto; margin:16px;}
    
    .products #Main{width:auto; margin:0px 32px; overflow: hidden;}
    .products #Main > .content-wrap.table-content{width:200%; margin:0px; transition: all 0.3s ease-in-out;}
    .products #Sidebar{width:50%; padding-top:78px; position: relative;}
    .products #Content{    opacity: 0; transition: all 0.3s ease-in-out; padding:24px; background-color:#fff;}
    .products .formtoggle{display: block; position: absolute; top:16px; left:100%; width:168px;  background-color:#000; border-top-left-radius: 4px; border-bottom-left-radius: 4px; transform: translateX(-168px); transition:all 0.3s ease-in; background-image: url(../images/icons/edit-tiny.svg); background-size: 18px auto; background-repeat: no-repeat; background-position: center right 4px; z-index: 1;}
    .products .formtoggle:after{content:'click to browse'; color:#fff; display: inline-block; padding:4px;}
    
    .products #Main.on > .content-wrap.table-content{transform: translateX(-50%);}
    .products #Main.on .formtoggle{border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; transform: translateX(-16px); background-image: url(../images/icons/menu-tiny.svg); width:44px;}
    .products #Main.on .formtoggle:after{content:'';}
    .products #Main.on #Content{opacity: 1;}
    
    #product_main{float:none; width:auto; padding:0px; border:none; box-shadow: none;}
    .product_details .product_image{width:auto; max-width: 300px; margin:0px auto;}
    #Popup .title h3{font-size: 24px;}
    #Popup .title{padding:24px;}
}

@media screen and (max-width:450px){
    #mobile-nav{width:375px; position: absolute;}
    .on #mobile-nav{left:0px;}
    .products #Main{margin:0px 16px;}
    
}
@media screen and (max-width:375px){
    #mobile-nav{width:100%}
}