/* RESET 
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0 auto;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent;
    –webkit-text-size-adjust:none;
    box-sizing:border-box;
}

blockquote, q {quotes: none;}


/* BOX SIZING*/
*, *:before, *:after {box-sizing: inherit;}
    
    
    
    
    
/* INVENTORY STYLES
------------------------------------------------*/
/*ALL INVENTORY SYTLES GO HERE FOR SAFEKEEPING*/


/*===================== 
	POP UP
=======================*/

.popup{
	width:85%; right:2%!important; text-align:center;  background:#fff; z-index:9999999; box-shadow:0 0 15px rgba(0,0,0,0.2); -moz-box-shadow:0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.2); padding:25px; margin:25px auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;

	font-family: "Montserrat", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
    /*font-size: 180%;*/
	font-size: 120%;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    color: #ECECEC;
}






/* TEXT/LINK FORMATTING
------------------------------------------------*/

/* LINKS */
a:link, a:visited {
    color:#d5a420;
    text-decoration:none;
}
a:hover, a:active {
    text-decoration:underline;
}

/* PARAGRAPH/LIST/GENERAL TEXT */
p, ul, li {font-size: 1.1em; line-height:1.4; color:#363636; margin:0;}



/* SELECTION COLOR */    
::selection {
    color:#fff;
    background: #356088;
}
::-moz-selection {
    color:#fff;
    background: #356088;
}

/* HEADERS */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal; font-weight:normal;}
h1 {font-size:2em; color:#222; font-weight:800;}
h2 {font-size:2em;  font-weight:800;}
h3 {font-size:1.5em; font-weight:800;}
h4 {font-size:1.35em; font-weight:800;}
h5 {font-size:1.25em; font-weight:800;}
/*ADDITONAL HEADERS STYLES GO HERE*/
    
    
    
    
    
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.img-border {border:2px solid #000;}



body {
    min-width:320px;
    margin:0;
    /*background: rgb(31,28,29);
background: radial-gradient(circle, rgba(31,28,29,1) 0%, rgba(43,38,39,1) 88%);*/
	background-color: #231f20;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23312a2b' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    font-family: 'Lato', sans-serif;
    overflow-x:hidden;
    line-height:1.4;
}



/* ALL CONTENT WRAPPERS */
.wrapped {
    position: relative;
    width:100%;
    margin:0 auto;
	max-width: 1080px;
}



/* GIRD LAYOUT SYSYTEM 
(EG:div class="-page p-half) */
.-page {display:inline-block; margin:0; vertical-align:top;}
.p-whole {width:100%; display:block;}
.p-three-quarter {width:75%;}
.p-two-third {width:66.666666667%;}
.p-half {width:50%;}
.p-third {width:33.333333334%;}
.p-quarter {width:25%;}
.p-eighth {width:12.5%;}



/* LAYOUT CHILDREN VARIABLES --- COME AFTER P TYPE 
(EG:.p-half img OR .-page ul >li)*/
.p-whole img{display:block; width:100%;}
.p-half img{border:2px solid #363636;}


/* LAYOUT VARIABLES --- COME AFTER P TYPE 
(EG of HTML classes:div class="-page p-half flex") */
.relative {position:relative; z-index:999;}
.flex {display:flex; flex-wrap:wrap; align-content:space-between;}
.inline-flex {display:inline-flex; flex-wrap:wrap; align-items:top; justify-content:space-between;}



.extra-margin {margin-top:48px; margin-bottom:48px;}
.extra-pad {padding-top:48px; padding-bottom:48px;}



.shadow {box-shadow: 0 0 4px #363636;}



.treefiddy {max-width:392px; padding-left:32px; padding-right:32px;}

.treecenter {margin:0 auto;}

.yellow-bkg {position:relative; background:#ecc045;}
.yellow-bkg:before {content:" "; position:absolute; top:0; bottom:0; left:-80px; right:-120px; background:#ecc045; border-top:12px dashed #363636; border-bottom:12px dashed #363636;}
/*ADDITONAL WRAP VARIABLES GO HERE*/


a.bigyellowbutton{
	display:inline-block;
	font-size: 1.15em;
    background: #e7b220;
    width: 100%;
    margin-top: 10px;
	font-weight:800; 
    padding: 20px 0;
    color: #000 !important;
	text-align:center; 
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    outline: none;
    border: none;
    transition: all .2s ease-in-out;
    -webkit-appearance: none;
	text-decoration:none !important; 
}

a.bigyellowbutton:hover{text-decoration:none; background:#ecc045;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .label__text { color:#000!important;}
/* HEADER
------------------------------------------------*/
header {position:relative; width:100%; max-width: 1280px; margin:0 auto; padding: 0 8px; text-align:center;}



.announcement-banner {margin:5%; padding:2.5%; text-align:center; color:#fff; text-shadow: 2px 2px 0px #111; background:#000 url("../siteart/summer-banner.jpg") no-repeat center; background-size:cover;}
.announcement-banner strong {font-size:calc(14px + 1vw);line-height:1.4; }
.announcement-banner em {font-size:1.25em; line-height:1.2; }

.tariff-banner {background:#000 url("/siteart/banner-bg.jpg") no-repeat center center; background-size:cover;}

.blinkin-banner {background:#D6001C; -webkit-animation: blink-2 1.4s infinite both; animation: blink-2 1.4s infinite both;}

.shipping-banner {
    position: relative;
    text-align: center;
    font-family: sans-serif;
    max-width: 1136px;      
    height: auto;
    margin: 0 auto;
	margin-top: 50px;
}

.shipping-banner img {
    width: 100%;
    height: auto;
    display: block;
    max-height: 240px;     
    object-fit: cover; 
	margin-top: 50px;
}

.banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    color: white;        
	width:100%;
	line-height: 3;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Ensures shadow applies to nested tags */
}

.banner-text p {
	color: white;
	font-size: 16px;
}

.banner-text h1 {
	color: white;
	font-size: 30px;
}
.banner-text h2 {
	color: white;
	font-size: 30px;
	margin-bottom: 10px;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-12-9 11:10:47
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation blink-2
 * ----------------------------------------
 */
@-webkit-keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}



.header-contact {
    display:block;
    margin:36px auto;
}

.header-contact p{
	font-family: "Montserrat", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 800;
    display: inline-block;
	font-size: 300%;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	color:#ECECEC;
}

.header-contact #email {
	font-family: "Montserrat", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 800;
	display: inline-block;
	font-size: 250%;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}

.header-seperator {display:inline;}





/* LOGO
------------------------------------------------*/
.logo {
	position: relative;
    width: 100%;
    max-width: 399px;
    margin:16px auto;
    Z-INDEX: 9999;
}





/* HERO IMAGE
------------------------------------------------*/
.hero {
    position:relative;
    width:100%;
}

.hero img {
    display:block;
    width:100%;
}





/* CIRCLE
------------------------------------------------*/
.circle-hold {
    position:relative;
}



.circle {
    position:absolute;
    display:block;
    height:414px;
    width:414px;
    right:-80%;
    top:-11.5%;
    bottom:0;
    background:#ecc045;
    border-radius:50%;
}

.circle > h2 {
    position:absolute;
    top:30%;
    left:20%;
    right:14%;
}






/*  MAIN
------------------------------------------------*/
.main {
	position:relative;
	width:100%;
	padding:36px 80px;
    background:#fafafa;
	-webkit-box-shadow: 0px 0px 89px 0px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 0px 89px 0px rgba(0,0,0,0.58);
box-shadow: 0px 0px 89px 0px rgba(0,0,0,0.58);
}

.main a:link, .main a:visited {
    color:#111;
	/*color:#d5a420;*/
    text-decoration:underline;
}
.main a:hover, .main a:active {
	color:#444;
    text-decoration:none;
}

.video-embed {overflow:hidden; position:relative; max-width:90%; height:0; margin:3% auto 6% auto; padding-bottom:56.25%; background:#222;}
.video-embed iframe, .video-embed object, .video-embed embed, .video-embed video {position:absolute; top:0; left:0; width:100%; height:100%; }


.contact-info {
}

.ecwid-productBrowser-subcategories-mainTable {
	display: none !important;
}

ul.dealers {margin:8px 0 0 24px;}
.dealers li {text-align: left;}

/*  FORM
------------------------------------------------*/
.form {position:relative; padding-bottom:16px; font-size:1.2em;}



.row {margin:10px 0;}
.column {margin-top:5px; float:left; padding-right: 20px;}
.form-full {width:100.00000%; *width: 100%;}
.form-three-fourth {width:66.66666%; *width: 62%;}
.form-half {width:50.00000%; *width: 50%;}
.form-third {width:33.33333%; *width: 31%;}
.submit-it {position:relative; width:33.33333%; *width: 33%; margin:5px auto 0;}
.last {padding-right:0;}



input[type="text"] {
    width: 100%;
	margin:2px 0;
    padding: 4px 8px;
    font-size: .9em;
    background-color: #f9f9f9;
    border: 1px solid #bebebe;
	-webkit-border-radius:0; 
    border-radius:0;
}

input[type="text"]:focus {
    outline: 3px solid #e7b220;
}



select {
   width: 100%;
    margin: 2px 0;
    padding: 4px 8px;
    font-size: .9em;
    background-color: #fff!important;
    box-shadow:0 0 1px #363636;
    -webkit-border-radius: 0;
    border-radius: 0;
    border:none;
}

select:focus {
    outline: 3px solid #e7b220;
}

textarea {
    width: 100%;
    min-height:80px;
	margin:2px 0;
    padding: 4px 8px;
    font-size: .9em;
    background-color: #f9f9f9;
    border: 1px solid #bebebe;
	-webkit-border-radius:0; 
    border-radius:0;
}

form-control__select-text {background-color:#fff!important;color:#363636!important;}

textarea:focus {
    outline: 3px solid #e7b220;
}

.form input[type="submit"] {
    font-size: 1em;
    background: #e7b220;
    width: 100%;    
	margin-top:10px;
	padding: 20px 0;
	font-weight:600;
    color: #111;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    outline: none;
    border: none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;  
    -webkit-appearance: none; font-family: 'Lato', sans-serif;
}



.form input[type="submit"]:hover {
	background:#f3c750;
	transform:scale(1.01,1.01);
	box-shadow:0 0 2px #333333;
	cursor:pointer;  
	-webkit-border-radius:0; 
    -webkit-appearance: none;
    border-radius: 0;
}





/*CAPCHA*/
.CaptchaPanel {
    margin:0 !important;
}
.CaptchaImagePanel {
    padding:0 !important;
}
.CaptchaImage {width:auto !important;}
.CaptchaAnswerPanel {
    padding:0 !important;
}
.CaptchaMessagePanel {
	font-weight:normal !important;
    padding:0 !important;
}
.CaptchaWhatsThisPanel {
    padding:0 !important;
}





/*  Stylized Footers 
------------------------------------------------*/
footer {
    position:relative;
    margin:0 auto;
    padding-bottom:40px;
    background: /*FOOTER BACKGROUND COLOR*/;
}

.divfooter {
	display:block;
    max-width:900px;
	color:#ccc;
	margin:0 auto;
	line-height:.9;
	text-align:center;
}

.footertext{
	color:#ccc;
	font-size:11px;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	color:#ccc;
	font-size:11px;	
	text-decoration:underline;
}

a.footerlink:hover {
	color:#ccc;
	font-size:11px;
	text-decoration:none;
}

.smallfootertext{
	color:#ccc;
	font-size:11px;
}





/*  ME-D-ZIA QUERIES
------------------------------------------------*/
@media screen and (max-width:1100px){
.circle {top:auto; bottom:-16px;}
	
}
    
@media screen and (max-width:900px){
	.header-contact p{
	font-family: "Montserrat", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 800;
    display: inline-block;
	font-size: 225%;
	text-transform: uppercase;
	letter-spacing: -1px;
}

.header-contact #email {
	font-family: "Montserrat", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 800;
	display: inline-block;
	font-size: 185%;
	text-transform: uppercase;
	letter-spacing: -1px;
}
	
h1 {text-align:center;}    
    
    
    
    
    
.p-half {width:100%;}



.p-half img {margin-bottom: 44px;}
.extra-margin {margin-top:0;}
.yellow-bkg:before {right:-80px; border-right:none;}





.header-contact p{
    display:block;
}

.header-seperator {display:none;}






.circle {display:none;}





.contact-info {margin:44px auto; text-align:center;}
}

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


	.banner-text p {
	color: white;
	font-size: 12px;
}

.banner-text h1 {
	color: white;
	font-size: 20px;
}
.banner-text h2 {
	color: white;
	font-size: 20px;
	margin-bottom: 10px;
}
	
	.header-contact p{
		font-family: "Montserrat", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: 800;
    	display: inline-block;
		font-size: 185%;
		text-transform: uppercase;
		letter-spacing: -0.5px;
	}

	.header-contact #email {
		font-family: "Montserrat", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: 800;
		display: inline-block;
		font-size: 125%;
		text-transform: uppercase;
		letter-spacing: -0.5px;
	}
	
.form-third {width:100%; margin:0 0 8px; padding-right:0;}
.submit-it {width:75%; min-width:300px; margin-top:16px !important;}
.row {padding:0;}
}

@media screen and (max-width:500px){
	.header-contact p{
		font-family: "Montserrat", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: 800;
    	display: inline-block;
		font-size: 125%;
		text-transform: uppercase;
		letter-spacing: -0.5px;
	}

	.header-contact #email {
		font-family: "Montserrat", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: 800;
		display: inline-block;
		font-size: 100%;
		text-transform: uppercase;
		letter-spacing: -0.5px;
	}
	
	.banner-text p {
	color: white;
	font-size: 12px;
}

.banner-text h1 {
	color: white;
	font-size: 14px;
}
.banner-text h2 {
	color: white;
	font-size: 14px;
	margin-bottom: 10px;
}
	
.yellow-bkg:before {left:-16px; right:-16px; border-right:none;}





.main {padding-left:16px; padding-right:16px;}
}

@media screen and (max-width:350px){
	.banner-text p {
	color: white;
	font-size: 9px;
}

.banner-text h1 {
	color: white;
	font-size: 11px;
}
.banner-text h2 {
	color: white;
	font-size: 11px;
	margin-bottom: 8px;
}