:root{
	--color:#0D8F5C;
	--color2:#20BB21;
}
* {font-family: sans-serif,Verdana,Arial;letter-spacing:1%;font-weight:300;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;line-height:166%;padding:0;margin:0}
body,div,p,li,input,select,textarea{font-size:16px}
body{margin:0;padding:0;color:#333}

/* <SIZES> */
	h1{font-size:32px;padding:15px 3px;}
	h2{font-size:26px;padding:12px 3px;}
	h3{font-size:22px;padding:10px 3px;}}
	h4{font-size:18px;padding:8px 3px;}}
	h1,h2,h3,h4{line-height:120%}
	p{padding:10px 3px}
	ul{padding-left:30px}
/* </SIZES> */

/* <COLORS> */
	//h1,h2,h3,h4
	a{color:#222}
	a img{border:0}
	
	.txtcolor,.footer a.fa,.marker,.scrolldown{color:#26826D;color:var(--color)}
	.button:hover,.burger:hover,nav a:hover{background:#00C5DC;background:var(--color2)}
	.bgcolor,.button,input[type=submit].button,nav a.active,.active,.button.active{background:#26826D;background:var(--color) }
	
	.txtwhite,.footer a:hover,nav a:hover,.txthoverwhite:hover,.button,nav a.active,.active,.button.active{color:#fff}
	.bgwhite,.bgwhitehover:hover,input,select,textarea,.item,.line1,.line2,.line3{background:#fff}

	.txtlightgray,.footer a,.txthoverlightgray:hover{color:#eee}
	.bglightergray{background:#eee}
	
	.txtlightergray,.txthoverlightergray:hover{color:#ccc}
	.bglightgray,hr,.toggleview.active{background:#ccc}
	
	.txtgray,.txthovergray:hover,nav a,.prodinfo p{color:#666}
	.bgdarkgray{background:#666}
	
	.txtdarkgray,.txthoverdarkgray:hover{color:#444}
	.bgdarkergray{background:#333}

	.bggray,input.button:hover{background:#999}
	.transparentwhite{background:rgba(255,255,255,0.4)}
	.transparentwhite2{background:rgba(255,255,255,0.95)}
	.transparentdark{background:rgba(55,55,55,0.4)}
	.transparentdark2{background:rgba(55,55,55,0.8)}	
	
	input[type=text],input[type=submit],select,textarea{background:rgba(255,255,255,0.6)}
	input[type=text]:focus,select:focus,textarea:focus{background:rgba(255,255,255,0.9)}
	
	.borderleft{border-left: 1px solid rgba(255,255,255,0.3)}
	.borderright{border-right: 1px solid rgba(255,255,255,0.3)}
/* </COLORS> */



/* <DEFAULT> */
	body{padding:0;margin:0;font-size:15px}
	a,nav a:hover{text-decoration:none}
	a:hover{text-decoration:underline}
	b,strong,.strong{font-weight:400}
	.strike{text-decoration:strike-through}
	.underline{text-decoration:underline}
	.nodecoration{text-decoration:none}
	.capitalize{text-transform:capitalize}
	hr{height:1px;border:0}
	ul{padding:5px 40px}
	p{padding-top:20px}
	
	input[type=text],input[type=number],input[type=submit],select,textarea{-webkit-appearance:none;appearance:none;padding:10px;width:100%;border:1px solid #eee;outline:0;border-radius:5px;border-bottom:3px solid #ddd}
	input[type=submit]{width:auto;border:0}
	textarea{min-height:120px}
	input.required{border-bottom:2px solid #cc0000}
	input.ok{border-bottom:3px solid yellowgreen}
	
	.noscroll{overflow:hidden;height:100vh}
	.blur{filter: blur(14px)}
	
	.padded{padding:20px}
	.mpadded{padding:10px}
	.extrapadded{padding:40px}
	.excpadding{margin:-20px}
	.nopadding{padding:0}
	.nomargin{margin:0}
	
	
	.margined{margin:20px}
	.mmargined{margin:10px}
	.extramargined{margin:40px}
	
	.fixed{position:fixed}
	.absolute{position:absolute}
	.relative{position:relative}
	.afloatl{float:left}
	.afloatr{float:right}
	.clear{clear:both}
	.inline{display:inline-block;vertical-align:middle}
	.block{display:block}
	.hidden,.field.hidden{display:none}
	.opacity1{opacity:1}
	.cover{object-fit:cover}
	.vw100{width:100vw}
	.w100{width:100%}
	.vh100{height:100vh}
	.h100{height:100%}
	.shadow{box-shadow:0 0 40px rgba(0,0,0,0.1)}
	.txtshadow{text-shadow:0 0 20px rgba(0,0,0,0.5)}
	.rounded{border-radius:3px}
	.invert{filter:invert(100%)}
	.icon{height:14px}
	.icon:hover{height:20px;margin:-3px}
	.maxwidth{width:90%;max-width:777px}
	.nowrap{white-space:nowrap}
	.scrollx{overflow-x:auto}
	.scrolly{overflow-y:auto}
	.scrollable{overflow:auto}
	
	.txt11{font-size:11px}
	.txt15{font-size:15px}
	.txt18{font-size:18px}
	.txt21{font-size:21px}
			
	.txt-center{text-align:center}
	.txt-left{text-align:left}
	.txt-right{text-align:right}
	.txt-justify{text-align:justify}
	
	.center{margin:auto}
	.left{margin-right:auto}
	.right{margin-left:auto}
	.top{vertical-align:top}
	.bottom{vertical-align:bottom}
	
	.z-3{z-index:-3}.z-2{z-index:-2}.z-1{z-index:-1}.z0{z-index:0}.z1{z-index:1}.z2{z-index:2}.z3{z-index:3}.z4{z-index:4}.z5{z-index:5}.z6{z-index:6}.z7{z-index:7}.z8{z-index:8}.z9{z-index:9}.z10{z-index:10}
		
	.t0{top:0}
	.b0{bottom:0}
	.l0{left:0}
	.r0{right:0}
	
	.footer a.fa{font-size:18px;text-decoration:none}
	.marker{font-size:28px;font-weight:400;position:absolute;top:0;right:8px}
	.button{border-radius:5px;padding:10px 14px;margin:3px;display:inline-block;cursor:pointer}
	
	.middle{left:50%;top:50%;transform: translate(-50%, -50%)}
	
	a,input,textarea,button,
	.button,.transition,nav,.icon,.burger,.pic,.item{transition: 0.3s}
/* </DEFAULT> */



/* <MAJOR STYLES> */
	.logo{width:80%;margin-bottom:20px}
	#imagewindow #image {max-width:90vw;max-height:90vh;vertical-align:middle;z-index:0;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0}
	#imagewindow #image.pano {max-width: none}

	nav{width:0;max-width:0}
	nav.open{width:320px;max-width:70%}
	nav a{display:block;padding:20px;white-space:nowrap;font-size:18px;background:#eee;border-bottom:1px solid #fff}
	
	.line1,.line2,.line3{height:2px;margin:6px;border-radius:3px;transition:1s}
	.burger .line3{width:20px}
	.burger,.scroll,.close{padding:16px 9px;left:auto;top:25px;width:60px;height:60px;border-radius:50px}
	.burger{left:-80px}

	.open .burger .line1,.close .line1{transform: rotate(45deg)}
	.open .burger .line2,.close .line2{transform: rotate(-45deg)}
	.open .burger .line3{display:none}
	.open .burger .line1,.open .burger .line2,.close .line1,.close .line2{width:30px;margin-top:12px;position:absolute}

	.close,.scroll.left,.scroll.right{right:25px;width:41px;height:41px;padding:7px 0;box-shadow:0 0 20 rgba(0,0,0,0.1)}
	.close:hover .line1{transform:rotate(-45deg)}
	.close:hover .line2{transform:rotate(-135deg)}
	.small .close .line1,.small .close .line2{width:16px}
	
	.scroll{right:20px;top:auto;bottom:25px}
	.scroll.top{display: none}
	.scroll.down{transform:rotate(180deg)}
	.scroll .line1{transform: rotate(50deg);margin-left:16px}
	.scroll .line2{transform: rotate(310deg);margin-right:18px}
	.scroll .line1,.scroll .line2{position:absolute;width:19px;margin-top:10px}
	
	.scroll.left div,.scroll.right div,.close div{background:#333;height:2px;opacity:0.5}
	.scroll.left:hover div,.scroll.right:hover div,.close:hover div{opacity:1}
	.scroll.right{transform:rotate(90deg);left:auto;right:30px}
	.scroll.left{transform:rotate(-90deg);left:30px;right:auto}
	.scroll.left,.scroll.right{bottom:30px;top:auto;translate:transformY(-50%);position:absolute}
	
	.loupe{top:-5px;margin:25px 0 0 80%}
	.loupe .line1{width:20px;height:20px;border: 3px solid gray;border-radius:20px;background:transparent}
	.loupe .line2{width:15px;height:3px;transform:rotate(55deg);background:gray;margin-left:17px;margin-top:-3px}
	
	.header{min-height:100vh}
	.content{}
	.footer.padded{padding-right:100px;min-height:104px}
	
	.field{position:relative;padding:10px;display:block}
	.field input,.field textarea,.field select{position:relative;z-index:1}
	.field span{display:block;position:absolute;left:20px;top:22px;z-index:0;transition:0.3s;color:#000}
	.field input:focus + span,.field input:not(:placeholder-shown) + span,.field textarea:focus + span,.field textarea:not(:placeholder-shown) + span{top:-8px;font-size:13px;color:var(--color)}
	.nogo{display:none}
	
	
	.grid{display:grid;grid-column-gap:20px;grid-row-gap:20px;padding: 10px}
	.grid:not(.scrollx){grid-template-columns:repeat( auto-fit, minmax(320px, 1fr))}
	.grid.scrollx{grid-auto-flow:column}
	
	.item{display:inline-block;min-width:320px;padding:20px;border-radius:3px;border:1px solid rgba(0,0,0,0.1);position:relative}
	.item:hover,.pic:hover{box-shadow:0 0 20px rgba(0,0,0,0.1)}
	
	.pic{width:94%;display:inline-block;object-fit:cover;box-shadow:0 0 20px rgba(0,0,0,0.05);overflow:hidden}
	.grid.scrollx .pic{max-width:400px;width:auto;height:220px;display:inline-block;object-fit:auto;overflow:visible}
	
	.scrollarrow{position:absolute;width:90px;opacity:0.4;left:40px;margin-top:-30px}
	.toggleview{width:28px;padding:3px}
	
	.fader .slide{opacity:0}
	.fader .slide.current{opacity:1}
	.slidetxt{left:-100%}
	.current .slidetxt{left:0}
	.fadeout{opacity:0}
	.fadein{opacity:1}
	.fadeout,.fadein,.slide{transition:2s}
	.slidetxt{ transition:1s;transition-delay: 0.5s}
	
	//section{opacity:0;transition:1s}
	
	.drop{animation: drop 1s ease-out}
/* </MAJOR STYLES> */


/* <PRODUCTS STYLES> */
	.prod{background:linear-gradient(#fff,#fff,#f5f5f5)}
	.prod .info{display:none}
	.prodinfo{height:160px;text-align:center;cursor:pointer}
	.prodinfo h1,.prodinfo p{height:63px;margin:5px;padding:5px;overflow:hidden}
	.prodinfo h1{height:73px}
	.prodpic{height:260px;max-width:400px;margin:auto;text-align:center;overflow:hidden;position:relative;padding-top:20px}
	.prod .prodpic img{transition:0.5s;margin:auto;margin-top:30%;transform:translateY(-50%)}
	.prodpic img{max-width:200px;max-height:200px;display:inline-block}
	.prod .extrapics{display:none;}
	.prodinfo{overflow:hidden}
	.prodprice{font-size:18px;text-align:center;font-weight:bold}
	.price.old{text-decoration:line-through}
	.addtocart img{width:30px;margin-bottom:-7px}
	
	.prod:hover .prodpic img{max-width:230px;max-height:230px}
	
	.prodview{max-width:1400px;margin:auto;text-align:center}
	.prodview .prodinfo h1{height:auto;}
	.prodview .extrapics{display:block;}
	.prodview h1{font-size:28px}
	.prodview .prodpic{margin-top:80px;width:auto;height:auto}
	.prodview .prodpic img{max-width:70%;max-height:50vh;box-shadow:none}
	.prodview .extrapics img{width:137px;height:80px;object-fit:cover;margin:5px 2.5px;}
	.prodview .prodprice{position:fixed;top:28px;right:111px}
	.prodview .info{display:block}
/* </PRODUCTS STYLES> */



/* <CUSTOM STYLES> */

/* </CUSTOM STYLES> */

/* < KEYFRAMES > */

	@keyframes drop{
		from{margin-top:-50px;opacity:0}
		to{margin-top:0;opacity:1}
	}

	@keyframes circle1{
		from{width:0;height:0}
		to{width:30vh;height:30vh}
	}
	
	@keyframes circle2{
		from{width:0;height:0}
		to{width:85vh;height:85vh}
	}
	
	@keyframes circle3{
		from{width:0;height:0}
		to{width:120vh;height:120vh}
	}
	
	@keyframes circle4{
		from{width:0;height:0}
		to{width:160vh;height:160vh}
	}
	
/* </ KEYFRAMES > */



@media screen and (max-width:900px) {
	.desktop{display:none}
}

@media screen and (min-width:900px) {
/* <DEFAULT> */

	body,div,p,li,input,select,textarea{font-size:13px}
	
	.padded{padding:40px}
	.mpadded{padding:20px}
	.extrapadded{padding:80px}
	.nopadding{margin:-40px}
	
	.margined{margin:40px}
	.mmargined{margin:20px}
	.extramargined{margin:80px}
	
	.floatl{float:left}
	.floatr{float:right}
	.mobile{display:none}
	
	.w5{width:5%}
	.w10{width:10%}
	.w20{width:20%}
	.w25{width:25%}
	.w30{width:30%}
	.w33{width:33.3%}
	.w40{width:40%}
	.w50{width:50%}
	.w60{width:60%}
	.w66{width:66.6%}
	.w70{width:70%}
	.w75{width:75%}
	.w80{width:80%}
	.w90{width:90%}
	.w100{width:100%}
/* </DEFAULT> */

/* <MAJOR STYLES> */
	.loupe{margin:25px 0 0 85%}
	.maxwidth{max-width:1400px;overflow:hidden;margin:auto}
	.footergrid{grid-template-columns:1fr 1fr 1fr}
	.grid:not(.scrollx){grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
	.pic{max-height:20vw}
	
	.scrollarrow{left:80px;margin-top:-40px}
	.grid .item{padding:20px}
	
	.prodview .prodpic,.prodview .prodinfo{width:70%;display:inline-block;vertical-align:middle;}
	.prodview .prodpic img.pic{max-width:500px;}
	
/* </MAJOR STYLES> */

}