/* HTML5 ✰ Boilerplate == Edited by Jerry C. Mohr== *//* ==|== Reset =================== */
/** ==|==
* BONNIE
======================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,abbr,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,tt,samp,small,strong,sub,sup,var,b,u,i,center,i,dl,dt,dd,ol,ul,li,fieldset,form,label,input,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,menu ul,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;background:transparent;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,time,select,input,textarea,button,label{display:block}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}body{-webkit-font-smoothing:antialiased}svg:not(:root){overflow: hidden}audio,canvas video{display:inline-block;}audio:not([controls]){display none}[hidden]{display:none}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}textarea{overflow:auto;vertical-align:top}input[type="button"],input[type="reset"],input[type="submit"],input[type="image"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="checkbox"],input[type="radio"]{display:block;float:left;width:auto;height:auto;cursor:pointer;margin-right:8px;padding:0;}
button{clear:both;cursor:pointer;margin:0 auto;height:auto;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
ul.square{list-style:square inside}ul.circle{list-style:circle inside}ul.disc{list-style:disc inside}
ol{list-style-type:decimal}del{text-decoration:line-through}
nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}
/* ==|== Changes Screen Text Selection Color =================== */
:-moz-selection{background:#a1b246;color:#fff;text-shadow:none}::selection{background:#a1b246;color:#fff;text-shadow:none}
img::selection{background: transparent}img::-moz-selection{background:transparent}
/* ==|== Setup, USE in HTML =================== */
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help}dfn{font-style:italic}blockquote, q{ quotes: none}
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre,code,kbd,samp{font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word;-webkit-text-size-adjust: 140%;}code{-webkit-text-size-adjust: 160%}q{quotes:none}q:before,q:after{content:none}dd{margin:0 0 0 40px}
hr{display:block;margin:3px auto;padding:0;width:150px;height:1px;border-top:1px solid #ccc;}/* <=== update if used */
h1,h2,h2,h4,h5,h6{}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.4em}sub{bottom:-.25em}small{font-size:90%}big{font-size:110%}b,strong{font-weight:700}i{font-style:italic}em{font-weight:700}
p, span, h1, h2, h3, h4, h5, h6{cursor:default}
input,textarea{-webkit-user-select:text;-ms-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text}
a,button,input,select,textarea,label,summary{touch-action:manipulation}
nav,#menustack{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}
button, input, select, textarea {font:80% sans-serif;color:#3c3c3c; }/* <===same color has body */
select{cursor:pointer}
noscript{display:block;width:95%;height:auto;margin:10px auto;background:#fff;color:#c00;padding:10px;font-weight:700;text-align:center;font-size:18px;border:3px solid #c00}noscript b{font-size:22px}
.gotop,.AAA{background:rgba(0,0,0,.5);z-index:9999;
border:1px solid #999;border-right:none;
-webkit-user-select:none;-ms-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}
.gotop{position:fixed;top:350px;right:-95px;padding:2px 4px 2px 0;-moz-transition:right 0.2s linear;-ms-transition:right 0.2s linear;-o-transition:right 0.2s linear;-webkit-transition:right 0.2s linear;transition:right 0.2s linear;
-ms-box-shadow:0 3px 7px rgba(0,0,0, .7);-moz-box-shadow:0 3px 7px rgba(0,0,0, .7);-o-box-shadow:0 3px 7px rgba(0,0,0, .7);
-webkit-box-shadow:0 3px 7px rgba(0,0,0, .7);box-shadow:0 3px 7px rgba(0,0,0, .7);}
.gotop a{font-family:'Arial', sans-serif;color:#fff;font-size:160%;}
.gotop a:before {content:"▲";color:#fff;font-size:93%;padding:0 3px;}
.gotop a:hover::before{position:relative;top:-2px;text-decoration:none}
.show{right:0px}
.deskhide{display:none}
.itemscope{position:absolute;color:#fff;top:0px;z-index:-99999;opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);
-webkit-user-select:none;-ms-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}
.chromeframe{position:fixed;width:100%;height:100%;margin:0;background:#c00;color:#fff;padding:12px 0;font-family:'Arial', sans-serif;font-size:20px;font-weight:700;z-index:999999;text-align:center;line-height:2}
.chromeframe p span{font-size:25px}.chromeframe a{color:#00b0eb;text-decoration:underline}
/* ==|== Base ============== */
/** ==|== firefox: body:not(:-moz-handler-blocked) .class{}
opera: @media not screen and (1){.class{}}
* BonnieSyracusa.com
* Author: Jerry C. Mohr - Lavery Design Associates
================= f7f3ec f2ebe0 */
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img{max-width:100%;}
/* ICONS setup */
a.svgicon-close,a.svgicon-phone,span.svgicon-pdf,a.svgicon-linkedin,a.svgicon-facebook,a.svgicon-rss,a.svgicon-enews,
a.svgicon-google,a.svgicon-instagram,a.svgicon-twitter,a.svgicon-youtube,a.svgicon-pinterest
{cursor:pointer}
a.svgicon-linkedin,a.svgicon-facebook,a.svgicon-rss,a.svgicon-enews,
a.svgicon-google,a.svgicon-instagram,a.svgicon-twitter,a.svgicon-youtube,a.svgicon-pinterest
{position:relative;display:inline-block;vertical-align:middle;width:40px;height:40px;
border:1px solid transparent;background:transparent;margin:0 12px 0 0;padding:0 3px 3px 3px;
-moz-border-radius:60px;-o-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;}
header a.svgicon-phone svg,a.svgicon-linkedin svg,a.svgicon-facebook svg,a.svgicon-rss svg,a.svgicon-enews svg,a.svgicon-google svg,a.svgicon-instagram svg,a.svgicon-twitter svg,a.svgicon-youtube svg,a.svgicon-pinterest svg{fill:#fff}/* social icon base color (PER SITE) */
header a.svgicon-phone svg{fill:#333}
header a.svgicon-phone:hover svg{fill:#f16741}/* phone icon hover color (PER SITE) */
a.svgicon-linkedin:hover svg,a.svgicon-facebook:hover svg,a.svgicon-rss:hover svg,a.svgicon-enews:hover svg,a.svgicon-google:hover svg,a.svgicon-instagram:hover svg,a.svgicon-twitter:hover svg,a.svgicon-youtube:hover svg,a.svgicon-pinterest:hover svg{fill:#fff}/* social icon HOVER color (PER SITE) */
a.svgicon-close{position:relative;display:inline-block;vertical-align:middle;width:35px;height:35px;
border:1px solid transparent;background:transparent;margin:0 12px 0 0;padding:0 0;}
span.svgicon-pdf{position:relative;display:inline-block;vertical-align:middle;
border:none;background:transparent;margin:0;padding:0;}
span.svgicon-pdf svg{fill:#cc2027;}
span.svgicon-pdf:hover svg{fill:#33a0ff}
a.svgicon-close{margin:0 0 0 0;width:39px;height:39px;}
header a.svgicon-phone{position:absolute;top:5px;right:10px;width:42px;height:42px;
border:1px solid #777;background:rgba(238, 238, 238,.8);box-shadow:3px 3px 6px #000;padding:0px 4px;
-moz-border-radius:60px;-o-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;}
a.svgicon-linkedin:hover{background:#549ac5;border:1px solid #549ac5;}
a.svgicon-facebook{background:#6a88c2;border:1px solid #6a88c2;}
a.svgicon-facebook:hover{background:#fff;border:1px solid #444;}
a.svgicon-facebook:hover svg{fill:#333}
a.svgicon-rss:hover{background:#e3924b;border:1px solid #e3924b;}
a.svgicon-enews:hover{background:#b47482;border:1px solid #b47482;}
a.svgicon-google:hover{background:#f45e4a;border:1px solid #f45e4a;}
a.svgicon-instagram{background:#a0714f;border:1px solid #a0714f;}
a.svgicon-instagram:hover{background:#fff;border:1px solid #444;}
a.svgicon-instagram:hover svg{fill:#333}
a.svgicon-twitter:hover{background:#9fe2ef;border:1px solid #9fe2ef;}
a.svgicon-youtube{background:#e04343;border:1px solid #e04343;}
a.svgicon-youtube:hover{background:#fff;border:1px solid #444;}
a.svgicon-youtube:hover svg{fill:#333}
a.svgicon-pinterest:hover{background:#e16461;border:1px solid #e16461;}
a.svgicon-close svg,header a.svgicon-phone svg,a.svgicon-enews div,a.svgicon-enews svg,a.svgicon-linkedin div,a.svgicon-linkedin svg,a.svgicon-facebook div,a.svgicon-facebook svg,a.svgicon-rss div,a.svgicon-rss svg,
a.svgicon-google div,a.svgicon-google svg,a.svgicon-instagram div,a.svgicon-instagram svg,
a.svgicon-twitter div,a.svgicon-twitter svg,a.svgicon-pinterest div,a.svgicon-pinterest svg
{width:100%;max-width:100%;cursor:pointer}
header a.svgicon-phone svg{margin:-3px auto 0}
a.svgicon-facebook svg{position:relative;top:-6px}
a.svgicon-instagram svg{position:relative;top:-6px;left:1px;width:90%;}
a.svgicon-youtube svg{position:relative;top:-6px;left:3px;width:80%;}
/* ============ icons setup end ============================== */
/* ==|== a LINKS */
a{text-decoration:none;color:#225487;cursor:pointer;border-bottom:0;}
a:focus{outline:0}
a:hover{color:#33a0ff;border-bottom:0}
html{background:#fff;}
body { top:0; width:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;
overflow-x:hidden;/*for mobile*/
font-family:'Times', serif; font-size:10px; color: #3c3c3c;
font-weight:400; font-style:normal; font-variant:normal;
text-align:left; text-transform: none; text-decoration:none;
line-height:1.3; letter-spacing:0;}
header,div#wrap,main,article#page,footer,article#footer{position:relative;display:block;height:auto;margin:0 auto}
header,div#wrap,article#page,footer{width:100%}
main,article#footer{width:1000px;top:0;padding:0 .7%;}
main{top:20px;margin-bottom:35px;padding:15px 3px 15px 15px;
z-index:3;
background:#fff; border:2px solid #deccb0;}
header{top:0;background:transparent;z-index:9999;
border-bottom:2px solid transparent;}
article#page{min-height:320px;z-index:3;}
/* div#wrap only for Bonnie */
div#wrap{margin-top:-12px;background:#f7f3ec;z-index:999;height:100%;
box-shadow:0 -10px 10px rgba(0,0,0,.5);
border-top:2px solid #deccb0;
background:url(../img/backPicALL.jpg) no-repeat center center fixed;
-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
/* footer{} all FOOTER */
footer{margin-top:5%;border-top:2px solid #deccb0; background:rgba(0,0,0,.75);color:#f2f2f2;padding-bottom:15px;font-family:Arial 'sans-serif'}
footer a.svgicon-phone{display:block}
article#footer{margin:2.5% auto 0;}
.foocol{position:relative;display:block;width:100%;height:auto;margin:0 auto 25px; }
.foocol>div{height:auto;position:relative;display:inline-block;vertical-align:top;width:48%;margin:0;
font-size:100%;font-weight:700;color:#f2f2f2;}
.foocol>div+div{width:48%;margin:0 0 0 3%;}
.foocol a{color:#f2f2f2}
.foocol a:hover{color:#33a0ff;}
.foocol p{font-size:180%;font-weight:400}
.foocol p.titl{font-size:290%;font-weight:700;line-height:1.3;padding-bottom:10px;}
.foocol p.brochDown{line-height:2.5!important; }
.foocol p.alin{line-height:2.5!important;}
.fsoc{position:relative;display:block;width:100%;height:auto;margin:20px 0 40px;}
.fsoc a{float:left}
.fsoc a+a{margin-left:10px}
.foocol a span.svgicon-pdf{margin:3px 0px 0 0!important;vertical-align:top}
.foocol a span.svgemail,.foocol a span.svgPhone,.foocol a span.svgenews{margin:0 7px 0 0;position:relative;top:3px}
.foocol a span.svgicon-pdf,.foocol a span.svgicon-pdf svg,
.foocol a span.svgemail,.foocol a span.svgPhone,.foocol a span.svgenews,
.foocol a span.svgemail svg,.foocol a span.svgPhone svg,.foocol a span.svgenews svg{width:21px;height:21px;}
.foocol a span.svgemail svg,.foocol a span.svgPhone svg,.foocol a span.svgenews svg{fill:#f2f2f2}
.foocol a:hover span.svgicon-pdf svg,.foocol a:hover span.svgemail svg,.foocol a:hover span.svgPhone svg,.foocol a:hover span.svgenews svg{fill:#33a0ff}
.legal{display:block;width:100%;height:auto;text-align:left;font-weight:400;padding-top:10px;
margin:25px auto;font-size:160%;}
.legal a{color:#f2f2f2;}
.legal a:hover{color:#06a;}
.legaletsy{padding-top:0px;}
.legaletsy div{position:relative;display:inline-block;width:45px;height:45px; border-radius:10px; border:2px solid transparent;}
.legaletsy:hover div{border:2px solid #06a;}
.legaletsy div img{width:100%}
.copy{height:auto;font-family:'Arial', sans-serif;font-size:90%;text-align:left;line-height:1.4;font-style:italic;}
.copy span{font-weight:400;font-style:normal;}
.lda{font-family:'Arial', sans-serif;font-size:12px;margin:60px 0 15px 3%;}
.lda a{color:#f2f2f2}
.lda a:hover{color:#33a0ff;}
/* BLOG */
#hideCatMob{display:none}
/* pages background picture */
.backPic{position:fixed;width:100%;height:auto;left:0;top:0;box-shadow:0 10px 10px #555;z-index:-9;}
/* Button Full View */
#Fullview{right:0;top:45px;position:fixed;display:block;width:auto;height:auto;cursor:pointer;padding:3px 8px 3px 8px;z-index:99999;
background:rgba(238, 238, 238,.8);box-shadow:3px 3px 6px #000;
color:#000;font-size:200%;font-style:italic;font-weight:700;}
/* name of pages */
#currentIt{position:relative;margin:70px 0 0 7%;z-index:7;
font-family:'Arial', sans-serif;font-size:500%;font-weight:700;letter-spacing:1;
text-shadow:2px 2px 2px rgba(0,0,0,.7);color:#deccb0}
/* ==|== HEADER LOGO==================== */
a.logo{position:relative;display:block;margin:0 auto 1%;top:7px;width:45%;z-index:9;}
a.logo div{width:100%}
.logo img.logoPng{width:100%}
/* ==|== NAV =============================width:920px;======= */
header a.svgicon-phone{display:none}/* phone icon, for mobile only see js*/
/* #menustack .stack:#sTop,#sMid,#sBot menuBack.png background:rgba(255,255,255,.8) */
#menustack{width:135px;top:45px;left:2%;
position:absolute;float:right;text-align:left;cursor:pointer;font-family:'Arial',sans-serif;padding:5px 3px 3px 7px;
background:rgba(238, 238, 238,.8);box-shadow:3px 3px 6px #000;}
#menustack p,#menustack .svgicon-stack{position:relative;display:inline-block;vertical-align:middle;}
#menustack p{width:auto;font-size:260%;margin:0 3% 0 0; color:#2c2c2c;text-align:left}
#menustack .svgicon-stack{width:25%;}/* stack size, max is 30%*/
#menustack .svgicon-stack svg{width:100%;max-width:100%;}
#menustack .svgicon-stack svg{fill:#2c2c2c}
/*#menustack .stack:hover svg rect{fill:#f16741}
mOp mClo 932a2e
*/
#menustack p.mClo{display:none;color:#932a2e;padding:0 8% 0 1%}
section#NavSpc{width:60%;top:55%; left:-100%;position:absolute;z-index:99999999;overflow:hidden;display:none;
padding:35px 15px 25px 30px;background:#f7f3ec;
border:2px solid #deccb0; }
/* ==|== NAV =============================
-moz-background-size:cover;-o-background-size:cover;background-size:cover;*/
nav{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; display:none}
nav section{width:50%;display:inline-block;position:relative;vertical-align:top;}
nav>ul{text-align:left;display:block;word-wrap:normal;white-space:nowrap;}
nav>ul>li{display:block;}
nav a{background:transparent;padding:0 0 0 15px;color:#7d6134;letter-spacing:1px;
font-weight:400;font-size:180%;font-family:Arial 'sans-serif';}
nav p{color:#2c2c2c;font-weight:700;font-size:190%;font-family:Arial 'sans-serif';margin-bottom:7px}
nav>ul>section>li+li{margin-top:15px;}
nav>ul>section>li>ul>li+li{margin-top:12px;}
nav li a:hover,nav>li:hover a,nav a.current{color:#f16741;}
nav a.current{cursor:default;}
nav a:active{position:relative;top:2px;}
nav li span{display:none;position:relative;vertical-align:top;color:#f16741;
font-weight:400;font-size:320%;height:0px;line-height:0;margin-top:12px;
font-style:normal;}
nav li a:hover + span{display:inline-block}
/* ==|== NAV END */
/* ==|== PAGES TEXT & PIC ================= */
.textBoxWall,.leftText,.textBox,.textColumn,.textColumnRight.BottomQuote,.bonniePic,.topBig,.bottomBig,.aboutBon{position:relative;display:block;height:auto;}
.leftText,.textBox,.textColumn,.textColumnRight,.topBig{float:left;}
.leftText{width:24%;margin:0 2% 3% 0;padding:1% 1% 2% 1%;background:#f7f3ec;text-shadow:0 1px 2px #ddd;
font-style:italic;font-size:210%;font-weight:700;color:#ad8648;
border-right:2px solid #deccb0;border-bottom:2px solid #deccb0}
.leftText p{margin-bottom:10%} .leftText p.lastleftp{margin-bottom:0}
.textBox{width:74%;font-size:200%;margin-bottom:4%;}
.textBox span.small{font-size:85%;color:#ad8648;}
.textBoxWall{width:100%;font-size:200%;margin-bottom:4%;}
.textColumn,.textColumnRight{width:48%;font-size:100%;margin-left:3%;}
.textColumnRight{margin-left:3%;width:44%;}
/*---- Bottom Quote -----*/
.BottomQuote{width:98%;margin:.3% 0 3.3%;padding:1%;background:#f7f3ec;
font-size:200%;font-style:italic;border-right:2px solid #deccb0;border-bottom:2px solid #deccb0}
.BottomQuote span, .aboutBon span{font-style:normal;font-size:87%;float:right;}
.aboutBon span{font-size:70%;margin-top:1%}
/*---- HOME only -----*/
h1.home{width:100%;margin:3.2% auto 2.9%;font-size:280%;font-style:italic;text-align:center; }
.homeBox,.topBig,.bottomBig,.aboutBon{width:60%;margin:0 0 2% 8%;font-size:250%;font-style:italic;text-align:center;}
.twoleft{position:relative;display:block;width:90%;height:auto;margin:0 auto 25px;}
.twoleft h2,.twoleft h3{position:relative;display:inline-block;vertical-align:top;width:46.8%;height:auto;margin:0;
font-style:italic;font-size:210%;font-weight:700;color:#ad8648;}
.twoleft h3{width:48.8%;margin:0 0 0 4%;}
.twoleft h2 p,.twoleft h3 p{padding-bottom:20px; }
.twoleft h2 p:last-child,.twoleft h3 p:last-child{padding-bottom:0}
.headshotbox{position:relative;display:block;width:90%;height:auto;margin:6% auto 0; }
.Headshot{float:left;position:relative;width:43%;height:auto;margin:0 2% 5% 0}
.Headshottext{font-size:210%;line-height:1.4;}
.Headshot img{width:100%}
/*---- about only -----*/
.aboutBon{margin:3% auto 8%;width:96%}
/*---- all page where Top Big -----*/
.topBig{margin:0 0 2% 4.5%;}
.bottomBig{width:98%;margin:0 auto 5%;}
.bonniecitation{position:relative;display:block;width:90%;height:auto;margin:0% auto 40px;}
.bonniecitation img{width:100%}
/* == slide == */
.animCont{width:90%;height:auto;min-height:0;position:relative;display:block;margin:0 auto 3.5%;opacity:0;border:1px solid transparent}
#picSlide div{position:absolute;border:2px solid #deccb0;width:100%;}
.slideSpacer{margin:30% auto;
position:relative;display:block;width:1px;height:45px;z-index:9;}
/*---- in Pages PIC -----*/
.bonniePic,.processPic,.commPic,.resiPic,.addiPic,.fineartPic{float:right;margin:2% 0 2% 2%;width:52%;border:2px solid #deccb0;}
.processPic{width:32%}
.commPic{width:46%}
.resiPic{width:52%}
.addiPic{width:36%}
.fineartPic{width:48%;margin:2% 0 2% 0%;}
.appPicA,.appPic{float:left;margin:3% 0 2% 3%;width:37%;border:2px solid #deccb0;}
.appPic{margin:3% 0 2% 13%;}
.processPic img,.commPic img,.resiPic img,.addiPic img,.fineartPic img,.appPicA img,.appPic img,.bonniePic img,.animCont img,.topBig img,.bottomBig img{width:100%}
/* SHOP */
.protitle{position:relative;display:block;width:100%;height:auto;margin:0 auto; padding:0 0 0% 0;
font-weight:700;text-align:left;font-size:120%;}
.protitle span{font-size:120%;}
.proleft{ margin:0 1% 0 0;}
.textPro{font-size:200%;margin-bottom:15%;}
h5.nameproduct,.subproduct{position:relative;display:block;width:100%;height:auto;}
h5.nameproduct,.subproduct,.subproduct div.tright,.subproduct div.picleft,.subproduct div.nofl{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
h5.nameproduct{font-weight:700;text-align:center;font-size:140%;padding:4% 0 2% 0; }
h5.nameproductTop{padding:0% 0 3% 0;text-align:left;}
.subproduct{ }
.subproduct div.tright{float:right;width:70%;padding-left:1%; }
.subproduct div.picleft{float:left;width:29%; }
.subproduct div.nofl{position:relative;display:block;width:100%;height:auto;margin:0 0 1% 0; padding:1% 0 0 1%; }
.subproduct div.picleft img{width:100%}
.subproduct h3{font-weight:400;font-size:110%;padding:0 0 1% 0}
.subproduct h3 span{font-weight:700;}
.subproduct p a{}
.subproduct p a span{font-weight:700!important;}
.subproduct p a:hover{}
.divproduct .subproduct div.tright{padding:.2% 0 0 5%;}
.divproduct .subproduct p a{font-weight:700;line-height:1.8}
.divproductCenter{width:70%;position:relative;display:block;margin:0 auto}
.wallorder{position:relative;display:block;width:100%;height:auto;
margin:50px auto 0;padding:25px 0 0 0;border-top:1px solid #aaa;}
.wallorNo{margin:15px auto 0;padding:25px 0 0 0;border-top:none}
.walltitle{position:relative;display:block;width:100%;height:auto;margin:0;padding:0 0 0 0;
color:#ad8648;font-weight:700;font-style:italic;line-height:0;text-align:left;
font-size:160%;}
.wallPic,table.desc{float:left;width:40%;margin:0;position:relative;display:block;height:auto;}
table.desc{float:right;width:50%;margin:0 0 00px 0;}
.wallPic span.seePic{position:absolute;top:0;left:0%;width:100%;height:100%;padding:1% 3%;cursor:pointer;color:#333;padding:0% 0 0 0;text-align:center;font-size:150%;font-style:italic;background:rgba(255,255,255,.7);opacity:0;}
.wallPic img{width:100%;}
/* TABLE */
table.trad tr{outline:none}
table.trad th{padding:0 50px 0 0;}
table.desc tr{outline:none}
table.desc tr th{font-weight:700;padding:5px 50px 5px 0;}
table.desc tr:first-child th{padding:0 50px 15px 0;font-size:120%;}
table.desc tr th:last-child{padding:0 0 0 0; }
table.desc td{padding:5px 50px 0 0;text-align:center;font-size:90%; font-family:'Arial', sans-serif; }
table.desc tr td:last-child{padding:5px 0 0 0;}
/*table.desc td:hover{outline:2px solid #080;color:#070}*/
th.selorder{padding:10px 0 0 0!important;text-align:center;color:#080;font-size:90%;font-family:'Arial', sans-serif}
/* end TABLE */
/* last
.walltitle{position:relative;display:block;width:100%;height:auto;margin:0;padding:0 0 0 0;
color:#ad8648;font-weight:700;font-style:italic;line-height:0;text-align:left;
font-size:160%;}
*/
.homeBotCont{position:relative;display:block;height:auto;width:100%;margin:2% auto;}
.homeBotCont div{display:inline-block;width:40%;margin:0 0 0 5%;vertical-align:top;position:relative;height:auto; }
.homeBotCont div+div{margin:0 0 0 6%;}
.homeBotCont a{font-size:200%;position:relative;display:block;height:auto;width:100%;margin:10px auto 0;
font-size:200%;text-align:center;font-weight:700}
.ShopMerchandTop{width:70%;margin:2% auto;position:relative;display:block;height:auto;}
.fineWear{position:relative;display:block;height:auto;width:100%;margin:2% auto;}
.fineWear div{display:inline-block;width:30%;margin:0 0 0 1%;border:1px solid #ad8648;
vertical-align:top;position:relative;height:auto;}
.fineWear div+div{margin:0 0 0 3%;}
.homeBotL img,.homeBotR img,.ShopMerchandTop img,.fineWear div img{width:100%}
/*---- contact thank you -----*/
.contactThankYou{width:90%;margin:3% auto 0;padding:1%;font-size:100%;}
/*----||||||||||||||||||| EASY CSS start ||||||||||||||||||||-----*/
/*---- COLORS -----*/
.blue{color:#0077cb} .orange{color:#ffb03d} .green{color:#83bd42}
.beige{color:#ad8648} .beigeLight{color:#f7f3ec} .beigeMed{color:#deccb0}
/*---- FONTS -----*/
.Oregano{font-family:'Oregano', cursive;}
.OreganoItalic{font-family:'Oregano', cursive;font-style:italic;}
.italic{font-style:italic;}
.centertext{text-align:center}
.vBig{font-size:120%}
.ssmal{font-size:200%}
/*----- MARGINS ----*/
/* margin-left*/
.left3{margin-left:3%} .left5{margin-left:5%} .left7{margin-left:7%}
.left10{margin-left:10%} .left15{margin-left:15%} .left20{margin-left:20%}
.left25{margin-left:25%} .left30{margin-left:30%} .left35{margin-left:35%}
.left40{margin-left:40%} .left45{margin-left:45%} .left50{margin-left:50%}
.left55{margin-left:55%} .left60{margin-left:60%}
/* margin-top*/
.top3{margin-top:3%} .top12{margin-top:12%}
.margO{margin:3% auto 2%}
/*---- OTHERS -----*/
.cBoth{clear:both}
hr.lessTa{height:10px;margin:0 auto;padding:0;width:100%;border:none;}/* <=== update if used */
/*----||||||||||||||||||| EASY CSS end ||||||||||||||||||||-----*/
/* ==|== FORMS ============================================================================ */
form{position:relative;display:block;width:80%;height:auto;margin:3% auto 0%;padding:5px;z-index:999;
cursor:default;color:#333;font-size:100%;
-webkit-user-select:none;-ms-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}
form.mailCh{width:50%;font-size:90%;}
input,textarea{-webkit-user-select:text;-ms-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text}
input,select,textarea{width:100%;height:auto;background:#fff;box-shadow:none;border:1px solid #bbb;}
input:hover, input:focus, textarea:hover, textarea:focus
{outline:0;-moz-box-shadow:2px 2px 3px #ddd, -2px -2px 3px #ddd;-webkit-box-shadow:2px 2px 3px #ddd, -2px -2px 3px #ddd;box-shadow:1px 1px 3px #ddd, -1px -1px 3px #ddd;}
fieldset{width:60%}
fieldset.fullWidth{width:40%}
fieldset.iContFieldset{margin:0 auto}
label{margin-bottom:8%}
label.messa{margin-bottom:0}
label,input,textarea,select{font-size:100%}
input,select,textarea{width:100%;padding:2%;margin-top:.6%;background:transparent;border:1px solid #bbb;}
select{height:35px;color:#555;outline:0;}
textarea{height:auto;min-height:130px;}
input[type="checkbox"],input[type="radio"]{margin:1.3% 4% 0 10%}
.inlin label,.inlin>legend{position:relative;display:inline-block;vertical-align:top;}/* radio inline */
.inlin label{width:35%;margin-top:5px}
.inlin>legend{width:90%}
input:hover, input:focus, textarea:hover, textarea:focus
{outline:0;-moz-box-shadow:1px 1px 3px #ddd, -1px -1px 3px #ddd;-webkit-box-shadow:1px 1px 3px #ddd, -1px -1px 3px #ddd;box-shadow:1px 1px 3px #ddd, -1px -1px 3px #ddd;}
/*input:required{padding-left:7.9%!important;}*/
select:required,textarea:required{text-indent:11px;}
input:required{text-indent:15px;}
label.bold{font-weight:700}
label.bold>label{font-weight:400}
/* ==|== BUTTON === + MOBILE BUTTONS*/
button,.button,.mobdropInpage,.mobdrop,.mobsub,.mobsubb,input[type="submit"],a.btnhome,a.bthrss,.buttonDisable
{position:relative;height:auto;top:0px;margin:0 auto;padding:7px 9px;outline:0;width:120px;
font-weight:400;text-align:center;font-style:normal;font-size:120%;cursor:pointer;
line-height:1.4;letter-spacing:0;
border:none;color:#fff;
-webkit-font-smoothing:antialiased;text-transform:none;
-moz-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;
-o-box-shadow:-2px 2px 3px rgba(0,0,0, .6);
-ms-box-shadow:-2px 2px 3px rgba(0,0,0, .6);
-moz-box-shadow:-2px 2px 3px rgba(0,0,0, .6);
-webkit-box-shadow:-2px 2px 3px rgba(0,0,0, .6);
box-shadow:-2px 2px 3px rgba(0,0,0, .6);}
form.mailCh button{font-size:100%;}
button,.button,input[type="submit"],a.btnhome,a.bthrss,.buttonDisable,.buttonDisable:hover
{background:#ad8648;}
button:hover, .button:hover,input[type="submit"]:hover,a.btnhome:hover, a.bthrss:hover
{color:#FFF;border:none;background:#deccb0;}
button:active,.button:active, input[type="submit"]:active,a.btnhome:active,a.bthrss:active{top:2px;
-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.button a,a.button{color:#fff;font-size:80%;padding:5px 6px;}
.button a:hover{color:#fff}
.centerBut{position:absolute;width:100%;top:70%;left:0;}
.centerButDouble{position:absolute;width:100%;top:68%;left:11%;}
p.butCenter{position:relative;float:left;width:auto;left:50%;}
a.button{position:relative;float:left;width:auto;left:-50%;}
.ButtonMultiCenter{width:100%}
.ButtonMultiCenter div{display:inline-block;vertical-align:top} /* width:17%;border:3px solid transparent */
.ButtonMultiCenter div + div{margin-left:6% !important}/* space all pic after first*/
form[name="icpsignup"] button{width:180px}
/* FTSO Start */
input:focus{border:1px solid #99bc00}
.invalid{background:url(../img/FTSO-invalid.svg) no-repeat }
.invalid input{background:#00c!important}
.valid{background:url(../img/FTSO-valid.svg) no-repeat }
.invalid:before,.valid:before{content:"\00a0 \00a0 \00a0 \00a0 \00a0"}/* chexbox + radio */
div#capCont{position:relative;display:block;width:100%;height:auto;margin:3% auto 1%;}
#capCheck{position:relative;display:block;width:100%;height:100%;}
.checkboxPic,.LockText,.UnlockText{position:relative;display:inline-block;vertical-align:top}
.checkboxPic{width:auto;height:auto;}
.checkboxPic p.tocheck,.checkboxPic p.ischecked{width:22px;height:22px;border-radius:3px;margin:5px 0 0 3px;box-shadow:inset 0 0 3px #999;background:#fff;}
.checkboxPic p.tocheck{border:2px solid #932a2e}
.checkboxPic p.ischecked{border:2px solid #627800;box-shadow:0 0 3px #999;background:url(../img/FTSO-valid.svg) no-repeat #fff}
.Checked{background-position:0 100%}
.LockText,.UnlockText{width:59%;font-size:100%;font-family:'Arial', sans-serif;font-weight:400;line-height:1.7;font-style:italic; color:#932a2e;text-align:right;letter-spacing:1px;
-webkit-user-select:none;-ms-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}
.UnlockText{color:#627800;padding-right:3%;text-shadow:1px -1px 1px #bbb;}
.LockText:after{display:inline-block;content:url(../img/FTSO-arrowR.svg)}
.cPointer{cursor:pointer}
.cNot{cursor:not-allowed}
.buttonDisable,.buttonDisable:hover{opacity:.5;z-index:-1;}
.buttonDisable:active{top:0px}
.wrapSubm{width:130px;margin:0 auto;background:url(../img/FTSO-back0.png);
background:rgba(255,255,255,.3)}
button[type="submit"],input[type="submit"],.wrapSubm{width:130px;
-moz-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
/*hide my captcha*/
input[name="jsGotcha"],input[name="emailGotcha"]{display:none}
.errorCap,.errorCapInv,.errorCapInvBot,.errorCh,#botAl{
font-family:'Arial', sans-serif;font-weight:400;
border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0;-o-border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0;
-moz-transition:all .1s linear;-ms-transition:all .1s linear;-o-transition:all .1s linear;-webkit-transition:all .1s linear;transition:all .1s linear;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
/*box-shadow:0 3px 5px rgba(0,0,0, .5);-ms-box-shadow:0 3px 5px rgba(0,0,0, .5);-moz-box-shadow:0 3px 5px rgba(0,0,0, .5);-o-box-shadow:0 3px 5px rgba(0,0,0, .5);-webkit-box-shadow:0 3px 5px rgba(0,0,0, .5);*/
}
.errorCap{color:#fff;background:#932a2e}
.errorCap input,.errorCap textarea,.errorCap select{background:#fff; background:url(../img/FTSO-invalid.svg) no-repeat #fff; }
.errorCh{color:#932a2e; border:1px solid #932a2e;}
/* invalid */
.errorCapInv{color:#932a2e;background:#fff}
/* invalid in bottom box*/
.errorCapInvBot{color:#932a2e;background:#fff;
border-top:0;border-right:0;border-left:0;border-bottom:3px solid #932a2e;padding:1% 2%;
border-radius:0;-moz-border-radius:0;-o-border-radius:0;-webkit-border-radius:0;box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;}
.errorCap:before,.errorCapInv:before{content:"\00a0";}
.errorCapInvBot:last-child{border-bottom:none;}
/* bottom box */
#botAl{display:none;position:absolute;bottom:120px;left:26%;width:50%;height:auto;padding:1.5% 2%;font-size:100%;
text-align:left;border: 3px solid #eee000;color:#fff;background:#932a2e;
border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;}
/* bottom box top triangle */
#botAl:after,#botAl:before{position:absolute;width:0;height:0;bottom:100%;left:50%;
border:solid transparent;content:"";pointer-events:none}
#botAl:after{border-bottom-color:#932a2e;/*back color*/
border-width:0 30px 45px 30px;margin-left:-30px}
#botAl:before{border-bottom-color:#eee000;/*triangle top border*/
border-width:0 34px 50px 34px;margin-left:-34px}
/* remove css from input,select,textarea for bottom box*/
.inCapBot{margin:0;line-height:1.8}
/* bottom box top triangle Warning sign top:-8.7%;*/
.inCapBot:first-child:before{content:"\0021";font-size:190%;position:absolute;
top:-13px;left:48.3%;line-height:0;z-index:99999;font-weight:700;
color:#eee000;background:transparent}
.inCapBot:last-child{border-bottom:none;}
/* ALERT TEXT */
span.re-q{font-style:italic;}
/* FTSO End */
/* ============ TRANSITION ============= */
.mobhome, a, a img, section a, .share, nav ul a, nav>ul>li>a, .nav-but, label, input, textarea, select, button, .button, .reqbutton, .butop, input:hover, textarea:hover, input:focus, textarea:focus, select:hover, select:focus,#hideCatMob p
{-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;-webkit-transition:color .2s linear;transition:color .2s linear}
.error
{transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;-webkit-transition:opacity .2s linear}
.linear,.lda{-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}
header,#menustack{-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear}
/* NO TRANSITION*/
a:active, nav ul li a:active, button:active, .button:active, .reqbutton:active, .butop:active, .top-nav, input:required:invalid, textarea:required:invalid, input:required:valid, textarea:required:valid {-moz-transition:0;-ms-transition:0;-o-transition:0;-webkit-transition:0;transition:0;}
/* ==|== MOBILE ======================================================================= */
/* ==|== MOBILE CSS CHANGES NEEDED before */
.forDesk,.notForTablet,.DeskmobNotTablet{display:block}
.forDeskInline,.forDeskInlineOnly{display:inline-block}
.forMob,.forMob320,.forMobInline,.OnlyForTablet,.mobTablet,.OnlyTabletInline{display:none}
/* ==|== media queries =========================== */
/* XL =1200 +
@media only screen and (min-device-width: 1680px) and (min-width: 1200px)*/
@media all and (min-width : 1220px) {
body{font-size:12px}
main,article#footer{width:1200px;}
article#page{min-height:380px}
form{font-size:90%}
#menustack{width:150px}
#menustack p{font-size:250%}
.animCont{min-height:698px;}
} /* end w 1200*/
@media all and (min-width: 621px) and (max-width: 999px) {
.forMob{display:none !important}
main,article#footer{width:98%}
.backPicture{top:120px;height:70%}
.backText{top:7%;width:22%;}
.leftText{font-size:190%;margin-bottom:25%}
select.picname{width:350px;}
.brochFoot p a{position:relative;display:block; width:100%;}
.walltitle{line-height:1.3}
.wallPic,table.desc{float:none;width:90%;margin:0;}
table.desc{width:100%;margin:15px 0 0 0;}
section#NavSpc{width:71%;top:71%;}
/* form FTSO */
fieldset{width:65%}
#botAl{bottom:120px;left:13%;width:70%;}
.gotop{display:none}
.fineWear div{margin:0 0 0 .5%;}
.fineWear div+div{margin:0 0 0 3%;}
/* ONLY FOR BONNIE = for left text*/
.left3,.left5,.left7,.left10,.left15,.left20,.left25,.left30,.left35,.left40,.left45,.left50,.left55,.left60{margin-left:0}
} /* end*/
/* tablets */
@media all and (min-width: 741px) and (max-width: 999px) {
section#NavSpc{width:71%;top:71%;}
a.logo{width:50%}
.twoleft{width:95%;margin:0 auto 25px; }
} /* tablet END END*/
@media all and (min-width: 870px) and (max-width: 999px) {
.Headshot{margin:0 2% 7% 0}
.Headshottext{font-size:200%;line-height:1.3;}
} /* tablet END END*/
@media all and (min-width: 741px) and (max-width: 869px) {
.headshotbox{width:100%;margin:6% auto 0; }
.Headshot{margin:0 2% 9% 0}
.Headshottext{font-size:200%;line-height:1.3;}
} /* tablet END END*/
@media all and (min-width: 621px) and (max-width: 740px) {
section#NavSpc{width:91%;top:76%;}
#Fullview{display:none !important}
header a.svgicon-phone{display:block}
a.logo{margin:0 0 0 25%;top:7px;width:65%;z-index:9;}
#currentIt{margin:40px 0 0 7%}
.twoleft{width:100%;margin:0 auto 25px; }
.twoleft h2,.twoleft h3{width:46.8%;margin:0;font-size:210%;}
.twoleft h3{width:48.8%;margin:0 0 0 1%;}
.homeBotCont a{font-size:180%;}
} /* END END*/
@media all and (min-width: 670px) and (max-width: 740px) {
.headshotbox{width:100%;margin:6% auto 3%; }
.Headshot{margin:0 2% 17% 0}
.Headshottext{font-size:200%;line-height:1.3;}
} /* END END*/
@media all and (min-width: 621px) and (max-width: 669px) {
.headshotbox{width:100%;margin:6% auto 3%; }
.Headshot{margin:0 2% 25% 0}
.Headshottext{font-size:200%;line-height:1.3;}
} /* END END*/
/* iPhone 5 or iPod Touch 5th generation = @media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) ADDED on dec 2014 */
@media only screen and (max-width : 620px){
.forDesk{display:none !important}
.forDeskIn{display:none !important}
.forMob{display:block !important}
html{height:100%}
div#wrap{height:auto;margin:-31px auto 0;z-index:7;height:100%;
box-shadow:none !important;background-color:#f7f3ec;background-image:none;}
main{top:29px;margin:0 auto;min-height:300px;padding:10px 0}
main,article#footer{width:98%;}
header{border:none;box-shadow:none;}
footer{margin:40px auto 0}
header a.svgicon-phone{display:block}
#menustack{width:130px;top:15px;left:.5%;}
section#NavSpc{width:98%;top:70%;padding:35px 10px 25px 10px;}
#Fullview{display:none !important}
a.logo{margin:0 auto;top:65px;width:80%;z-index:9;}
#currentIt{margin:40px 0 0 7%}
h1.home{width:98%;margin:4% auto 2.9%;font-size:220%;}
.twoleft{width:98%;margin:10px auto 25px; }
.twoleft h2,.twoleft h3{width:46.8%;margin:0;font-size:210%;}
.twoleft h3{width:48.8%;margin:0 0 0 1%;}
.foocol p{font-size:160%;font-weight:400}
.foocol p.titl{font-size:290%;font-weight:700;line-height:1.3;padding-bottom:10px;}
.foocol p.brochDown{line-height:2!important; }
.foocol p.alin{line-height:2!important;}
/*SHOP*/
.subproduct div.tright{float:none;width:96%;padding-left:1%; }
.subproduct div.picleft{float:none;width:70%;margin:0 auto }
.walltitle{line-height:1.3}
.wallPic,table.desc{float:none;width:90%;margin:0;}
table.desc{width:100%;margin:15px 0 0 0;font-size:80%}
table.trad th{padding:0 15px 0 0;}
table.desc tr th{padding:5px 15px 5px 0;font-size:90%;}
table.desc tr:first-child th{padding:0 15px 15px 0;font-size:80%;}
table.desc td{padding:5px 15px 0 0;text-align:center;font-size:90%; }
/* name of pages */
#currentIt{position:relative;margin:71px 0 0 1%;font-size:25px;text-shadow:none;color:#deccb0;z-index:999;}
#Fullview{display:none !important}
.leftText,.proleft{display:none}
.textBoxWall,.textBox,.textColumn,.textColumnRight,.bonniePic{
float:none;width:95%;margin:10px auto 0;padding:0;}
.textBox div,.textBox p,.textBoxWall div{margin-bottom:20px}
.processPic,.commPic,.resiPic,.addiPic,.fineartPic,.appPicA,.appPic,.bonniePic,.animCont,.topBig,.bottomBig{float:none;width:95%;margin:0 auto;}
.divproductCenter{width:100%;}
.headshotbox{position:relative;display:block;width:96%;height:auto;margin:6% auto 4%; }
.Headshot{float:none;position:relative;width:70%;height:auto;margin:0 auto 20px}
.Headshottext{font-size:200%;line-height:1.3;}
/* == gotop == */
.gotop{display:none}
/* == FORM == */
form{padding:15px 0 0 10px;width:100%}
fieldset{width:100%;}
textarea,textarea:required{width:100%;height:150px}
/* FORM FTSO */
#botAl{bottom:120px;left:5%;width:90%;font-size:80%;}
.LockText,.UnlockText{width:60%;font-size:100%; }
/* ======= blog ======== */
#wrapperblog{margin:0 15px 15px 15px !important;width:93.5% !important;}
/*content container*/
#blogcontainer{float:none !important;width:100% !important;margin:0 auto !important;padding:20px 0 0 0 !important;}
/*side bar container*/
#primary, #secondary{float:none !important;width:90% !important;margin:0 auto 25px !important;border:none !important;}
#primary>ul>li{width:93% !important;margin:0 auto 15px;}
#content textarea{width:210px !important;}
/*SHOW HIDE side bar*/
#hideCatMob{display:block;width:70%;height:28px;margin:0 auto 10px}
#hideCatMob p{font-size:125%;cursor:pointer;}
/* hide BLOG category on mobile (toogle with script)*/
.xoxo{display:none}
} /* smartphones END END*/
@media only screen and (max-width : 500px){
a.logo{margin:0 auto;top:65px;width:95%;z-index:9;}
section#NavSpc{width:98%;top:70px;padding:35px 10px 25px 10px;}
header a.svgicon-phone{display:block}
form.mailCh{width:80%;font-size:90%;}
.twoleft{width:98%;margin:10px auto 25px; }
.twoleft h2,.twoleft h3{display:block;width:98%;margin:0;font-size:200%;margin:0 auto 0;}
.twoleft h3{margin:5px auto 0;}
.homeBotCont div{display:block;width:80%;margin:0 auto 0;}
.homeBotCont div+div{margin:25px auto 0;}
.fineWear div{display:block;width:80%;margin:0 auto 0;}
.fineWear div+div{margin:25px auto 0;}
.foocol>div{display:block;width:98%;margin:0 auto;}
.foocol>div+div{width:98%;margin:25px auto 0;}
.foocol p{font-size:160%;font-weight:400}
.foocol p.titl{font-size:290%;font-weight:700;line-height:1.3;padding-bottom:10px;}
.foocol p.brochDown{line-height:2.3!important; }
.foocol p.alin{line-height:2.3!important;}
}
@media only screen and (max-width : 460px){
nav section{width:100%;display:block;vertical-align:top;}
nav section+section{margin-top:20px}
header a.svgicon-phone{display:block}
form.mailCh{width:90%;font-size:90%;}
.headshotbox{position:relative;display:block;width:96%;height:auto;margin:6% auto 4%; }
.Headshot{float:none;position:relative;width:89%;height:auto;margin:0 auto 20px}
.Headshottext{font-size:200%;line-height:1.3;}
}
@media only screen and (max-width : 380px){
.LockText,.UnlockText{width:80%;font-size:100%; }
header a.svgicon-phone{display:block}
}
/* VIDEO */
section.import{height:480px;width:90%;opacity:1;
position:relative;display:block;overflow:auto;top:0px;
margin:1% auto 3%;}
iframe.import-iframe,video.import-iframe{position:relative;display:block;width:100%;max-width:100%;
height:100%;/*min-height:100%;
height:100vh;min-height:100vh;*/}
.no-js section.import{opacity:1}
@media all and (min-width : 1220px) {
section.import{height:596px;}
}
@media all and (min-width: 641px) and (max-width: 999px) {
section.import{height:474px;width:630px; }
}
@media all and (min-width: 541px) and (max-width : 640px) {
section.import{height:398px; width:530px; }
}
@media all and (min-width: 441px) and(max-width : 540px){
section.import{height:335px; width:430px; }
}
@media all and (min-width: 341px) and (max-width : 440px){
section.import{height:250px; width:330px; }
}
@media all and (min-width: 300px)and (max-width : 340px){
section.import{height:225px; width:300px; }
}
/* VIDEO END 640 pixels wide by 480 */
section.imgin{position:fixed;overflow-y:scroll;z-index:999999;
left:0;top:0;background:rgba(255,255,255,.8);display:none;
width:100%;min-width:100%; height:100%;min-height:100%;padding-bottom:10%;
/*height:100vh;min-height:100vh; */ }
section.imgin a.svgicon-close{left:45%;position:absolute;top:15px;cursor:pointer;z-index:99999999;}
#imgin{position:relative;width:86%;margin:71px auto 0;height:auto;z-index:9999; display:none;}
#imgin img{width:100%;position:relative;margin:0 auto;}
@media all and (max-width : 740px){
#imgin{width:90%;}
}
@media only screen and (max-width : 520px){
#imgin{width:96%}
}
/* ==|== print styles */
@media print {
* { background: transparent !important; color: #000 !important; text-shadow: none !important; filter:none !important;
-ms-filter: none !important; }
a, a:visited { color: #444!important; text-decoration: underline; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 {page-break-before: always}
h2, h3{ page-break-after: avoid; }
.noprint { display: none; }
}