/* HTML5 ✰ Boilerplate == Edited by Jerry C. Mohr== *//* ==|== Reset =================== */
/** ==|==
 * https://BehnsPestper.com/
 ======================================== */
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;position:fixed;width:95%;height:auto;margin:10px;z-index:999999999; 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}	
a.gotop{position:fixed;bottom:12px;right:-55px;width:45px;height:45px;padding:0px!important;cursor:pointer;z-index:999999999;
border:1px solid transparent;
border-radius:15px;background:rgba(255,255,255,.05);
box-shadow:inset 0px 30px 20px -10px rgba(0,0,0,.2),0px 1px 2px 0px rgba(0,0,0,.8);
-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;}
a.gotop:hover{background:rgba(0,0,0,.2)!important;}
a.gotop:active{background:rgba(0,0,0,.2)!important;box-shadow:inset 0px 30px 20px -10px rgba(0,0,0,.2),0px 1px 2px 0px rgba(0,0,0,0);bottom:10px;}
.show{right:7px!important}

.arrowTopIcon{position:relative;display:inline-block;width:24px;height:24px;margin:15px 0 0 9px;
border-top:2px solid #fff;border-right:2px solid #fff;
transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
a.gotop:hover .arrowTopIcon{margin:13px 0 0 9px;}

/* ==|== Base ============== 
 * Author: Jerry C. Mohr - Lavery Design Associates
================= */
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
img{max-width:100%;width:100%;}
/* ICONS setup */
a.svgicon-phone,a.svgicon-pdf,a.svgicon-linkedin,a.svgicon-facebook,span.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,span.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; display:inline-block;
vertical-align:middle;width:45px;height:45px;
margin:0 0 0 0;padding:1px 8px 5px;
border-radius:30px;    
-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;transition:all 0.1s linear;}

span.svgicon-facebook{width:40px;height:40px;margin:-7px 2px 0 -13px;padding:0px;}

a.svgicon-linkedin:active,a.svgicon-facebook:active,span.svgicon-facebook:active,a.svgicon-rss:active,a.svgicon-enews:active,a.svgicon-google:active,a.svgicon-instagram:active,a.svgicon-twitter:active,a.svgicon-youtube:active,a.svgicon-pinterest:active
{position:relative;top:1px;}

a.svgicon-linkedin svg,a.svgicon-facebook svg,span.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;position:relative;top:-3px}/* social icon base color (PER SITE) */

span.svgicon-facebook svg{width:28px;height:28px;top:5px;left:7px;fill:#eee;}

a.svgicon-linkedin:hover svg,a.svgicon-facebook:hover svg,span.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;cursor:pointer}/* social icon HOVER color (PER SITE) */

a.svgicon-pdf svg{fill:#fc1422}	a.svgicon-pdf:hover svg{fill:#00c}

a.svgicon-facebook,span.svgicon-facebook{background:transparent;}
a.svgicon-instagram{background:#a0714f;}
a.svgicon-youtube{background:#e04343;}

a.svgicon-facebook:hover,span.svgicon-facebook:hover{background:#6a88c2;}
a.svgicon-instagram:hover{background:#999;}
a.svgicon-youtube:hover{background:#999;}
a.svgicon-linkedin:hover{background:#549ac5!important;border:1px solid #549ac5; border:1px solid rgba(255,255,255,.02)!important;}
a.svgicon-rss:hover{background:#e3924b!important;border:1px solid #e3924b; border:1px solid rgba(255,255,255,.02)!important;}
a.svgicon-enews:hover{background:#b47482!important;border:1px solid #b47482;}
a.svgicon-google:hover{background:#f45e4a!important;border:1px solid #f45e4a;}
a.svgicon-twitter:hover{background:#9fe2ef!important;border:1px solid #9fe2ef; border:1px solid rgba(255,255,255,.02)!important;}
a.svgicon-pinterest:hover{background:#e16461!important;border:1px solid #e16461;}

a.svgicon-pdf div,a.svgicon-enews div,a.svgicon-enews svg,a.svgicon-linkedin div,a.svgicon-linkedin svg,
a.svgicon-facebook div,span.svgicon-facebook div,a.svgicon-youtube div,a.svgicon-youtube 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%;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;transition:all 0.1s linear}

[class^="share-icon-"],[class*="share-icon-"]
{position:relative;display:inline-block;vertical-align:top;cursor:pointer;margin:0 12px 15px 0;padding:1px;
width:80px;height:32px;overflow:hidden;
border-radius:5px;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;transition:all 0.1s linear}
[class^="share-icon-"]:last-child,[class*="share-icon-"]:last-child{margin:0 0 15px 0;}
/* background:rgba(255,255,255,.05);border-radius:7px;box-shadow:inset 0px 30px 20px -10px rgba(0,0,0,.2),0px 1px 2px 0px rgba(0,0,0,.8); */
.share-icon-Facebook{border:1px solid #6a88c2;background:#6a88c2 url(../pages-all/share-icon-facebook.svg) no-repeat;background-size:100% auto;background-position:0px 0px;}
.share-icon-Facebook:hover{border:1px solid #999;background:#999 url(../pages-all/share-icon-facebook.svg) no-repeat;	background-size:100% auto;background-position:0px 0px;}		
.share-icon-SMS{border:1px solid #e99a11;background:#e99a11 url(../pages-all/share-icon-sms.svg) no-repeat; 
		background-size:100% auto;background-position:1px 0px;}
.share-icon-SMS:hover{border:1px solid #999;background:#999 url(../pages-all/share-icon-sms.svg) no-repeat; 
		background-size:100% auto;background-position:1px 0px;}
		
.share-icon-Email{border:1px solid #a1b246;background:#a1b246 url(../pages-all/share-icon-email.svg) no-repeat; 
		background-size:100% auto;background-position:1px 0px;}
.share-icon-Email:hover{border:1px solid #999;background:#999 url(../pages-all/share-icon-email.svg) no-repeat; 
		background-size:100% auto;background-position:1px 0px;}

.share-icon-Twitter{border:1px solid #73d4e7;background:#73d4e7 url(../pages-all/share-icon-twitter.svg) no-repeat; 
		background-size:100% auto;background-position:1px 0px;}
.share-icon-Twitter:hover{border:1px solid #999;background:#999 url(../pages-all/share-icon-twitter.svg) no-repeat; 
		background-size:100% auto;background-position:1px 0px;}
				
.share-icon-Linkedin{border:1px solid #549ac5;background:#549ac5 url(../pages-all/share-icon-linkedin.svg) no-repeat; 
		background-size:100% auto;background-position:1px 0px;}
.share-icon-Linkedin:hover{border:1px solid #999;background:#999 url(../pages-all/share-icon-linkedin.svg) no-repeat; 
		background-size:100% auto;background-position:1px 0px;}
				
.share-icon-Pinterest{border:1px solid #e16461;background:#e16461 url(../pages-all/share-icon-pinterest.svg) no-repeat; 
		background-size:100% auto;background-position:0px 0px;}
.share-icon-Pinterest:hover{border:1px solid #999;background:#999 url(../pages-all/share-icon-pinterest.svg) no-repeat; 
		background-size:100% auto;background-position:0px 0px;}

[class^="share-icon-"]:active,[class*="share-icon-"]:active{position:relative;top:2px;}

/* ============   icons setup end ============================== */

/* ==|== a LINKS  33a0ff */
a{text-decoration:none;color:#225487;cursor:pointer;border-bottom:0;}
a:focus{outline:0}
a:hover{color:#33a0ff;}

html{background:#fff;  
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

body{top:0;width:100%;     
	overflow-x:hidden; /*right/left*/     
	-webkit-tap-highlight-color:transparent;
	   font-size:11px;color: #2c2c2c;  
/*font-family: 'arial', sans-serif; ------ */
font-family: 'Merriweather', serif;/* 400,400i,700  */
	   font-weight:400;font-style:normal;font-variant:normal;
	   text-align:left;text-transform: none;text-decoration:none;
	   line-height:1.4;letter-spacing:0;}


header,aside#subHead,main,footer,
article#header,article#inSubHead,article#page,article#footer{position:relative;display:block;height:auto;margin:0 auto;width:100%;}
article#header,article#page,article#footer{max-width:1280px;}

header{ margin:0 auto 0; z-index:99999999999;  
-webkit-user-select:none;-ms-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}

article#header{z-index:9;padding:0;}
header,article#header{height:100px;}

article#inSubHead{height:250px;overflow:hidden;}
article#inSubHead div,article#inSubHead div img{width:100%}
	
main{background:transparent;z-index:1;  }/* fefefc */

header,main{padding:0 20px;}


article#page{margin:30px auto 20px;min-height:500px;padding:0;
background:#fff;background:#fff;
border:1px solid transparent;  }




/* ==|== HEADER LOGO === NAVS  */

#toContact svg #animOpenShad{opacity:.5!important}
/* icon email */
#animOpenUp,#animWhiteOpen,#animOpenShad,#whiteClosed,nav#navMain,nav#navContact{display:none}

a.logo{width:500px;margin:25px 0 0 0;height:auto;float:left;position:relative;display:block;cursor:pointer;}

/* tempo pdf download */
a.downloadpdf{position:relative;float:right;width:190px;height:54px;border:3px solid #a30c13;margin:20px 90px 15px 0;
color:#000;font-size:130%;border-radius:6px;font-weight:700;background:#fff;cursor:pointer;
box-shadow:-2px 2px 5px rgba(0,0,0,.9);
font-family:'Arial Black', sans-serif;padding:5px 1px 15px 5px;}
a.downloadpdf div,a.downloadpdf p{float:left;cursor:pointer;}
a.downloadpdf p{padding-left:5px}
a.downloadpdf div{width:35px;height:35px}
a.downloadpdf div svg{width:35px;height:35px;fill:#fc1422}
a.downloadpdf:hover{background:#000;}
a.downloadpdf:hover p{color:#fff;}
a.downloadpdf:active{box-shadow:none;}

.phoneHead{margin:35px 20px 0 0;font-size:200%;width:300px;
color:#086666;float:right;position:relative;display:block;height:auto;}

/*  nav phone icon (only for tablets and phones)*/
a.svgicon-phone{display:none;margin:21px 90px 0 0;border-radius:60px;padding:0px;
		float:right;position:relative;
		width:36px;height:36px;}
a.svgicon-phone div{position:relative;display:block;top:0px}
a.svgicon-phone div,a.svgicon-phone svg{width:100%;max-width:100%; }
a.svgicon-phone svg{fill:#086666;}
/* tap effect for mobile */
a.svgicon-phone{transition:background .5s;}
a.svgicon-phone:active{background:rgba(255,255,255,.8);}

a.svgicon-phone div p{width:120%;font-family:'arial', sans-serif;margin-top:10px;color:#777;position:relative;font-size:15px;letter-spacing:0px;cursor:pointer}
a.svgicon-phone div p{top:-22px;}

/* mobile phones bottom navigation == setup */
aside#phoneheader{display:none;border-top:3px solid #fff;
position:fixed;top:0;width:100%;height:56px;background:#086666;z-index:9999999;}

/* Stack + mail icons setup (desktop) */
#toContact .svgicon-mailConnect{position:relative;display:inline-block;top:-15px; width:100%;height:45px;}/* stack size, max is 30% top:31px;*/
#toContact .svgicon-mailConnect svg{width:100%;height:auto; }
#toContact .svgicon-mailConnect svg{fill:#2c2c2c}

#toContact,#menustack{position:absolute;padding:0;text-align:center;cursor:pointer; z-index:999999999;}
#toContact{width:59px;height:45px;top:26px;right:96px;}
#menustack{width:42px;height:37px;top:31px; right:35px;}

#toContact p,#menustack p{font-family:'arial', sans-serif;top:30px;color:#777;position:relative;font-size:15px;letter-spacing:0px;cursor:pointer}
#toContact p{top:-22px;}
#toContact p.none,#menustack p.none{visibility:hidden}/*for js toggle*/
.stackMenu{top:15px;position:relative;display:block}
.stackMenu,.stackMenu:before,.stackMenu:after{background:#086666;width:100%;height:4px;
	border-radius:3px;cursor:pointer;
	-moz-transition:all .07s linear;-ms-transition:all .07s linear;-o-transition:all .07s linear;-webkit-transition:all .07s linear;transition:all .07s linear;}
.stackMenu:before,.stackMenu:after{content:"";position:absolute;left:0;}
.stackMenu:before{top:-15px}
.stackMenu:after{top: 15px}

.stackMenuWhite,.stackMenuWhite:before,.stackMenuWhite:after{background:#fff;}/* for js mailEnv color*/

/*animate nav icons on hover*/
@-webkit-keyframes naviconAnim {
  0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
  10%,20%{-webkit-transform:scale3d(1.026,1.026,1.026);transform:scale3d(1.026,1.026,1.026);}
  100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes naviconAnim {
  0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
  10%,20%{-webkit-transform:scale3d(1.026,1.026,1.026);transform:scale3d(1.026,1.026,1.026);}
  100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
#toContact:hover,#menustack:hover{-webkit-animation-duration:.5s;animation-duration:.5s;
-webkit-animation-fill-mode:both;animation-fill-mode:both;
-webkit-animation-name:naviconAnim;animation-name:naviconAnim;
}

/* animation classes  js */
.stackMenu.stackMenuTop:before,.stackMenu.stackMenuBottom:after{background:red;}
.stackMenu.stackMenuTop:before{top:0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.stackMiddle{background:transparent!important}
.stackMenu.stackMenuBottom:after{top:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
/* nav text hover color */
#toContact:hover div p,#menustack:hover div p{color:#086666;}

/* animate nav show */
@-webkit-keyframes zoomIn{
	0% {opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
	50% {opacity:1;}
}
@keyframes zoomIn{
	0% {opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
	50% {opacity:1;}
}
section#NavSpc{top:90px;width:320px;  /* right:-100%;*/
 position:absolute;max-width:100%;height:auto;top:90px;
 border-radius:10px;z-index:9999999999;display:none;
background:#fff;  border:1px solid #086666;  box-shadow:-15px 15px 25px 2px rgba(0,0,0,.7);
 -webkit-animation-duration:.3s;animation-duration:.3s;
 -webkit-animation-fill-mode:both;animation-fill-mode:both;
 -webkit-animation-name:zoomIn;animation-name:zoomIn;
}


/* ==|== NAV ========================== */
nav#navMain{display:block;width:auto;margin:0 auto;padding-left:35px;}
nav>ul{text-align:left;display:block;word-wrap:normal;white-space:nowrap;}
nav ul li{display:block;margin:18px 0 0}
nav ul li:first-child{margin:30px 0 0;}
nav ul li:last-child{margin:18px 0 30px}
nav a{background:transparent;padding:0 0 0 0;color:#2c2c2c;letter-spacing:0px;font-family:'Arial', sans-serif;
font-weight:400;font-size:190%;border:1px solid transparent;white-space:normal;
text-transform:none;background:none;box-shadow:none;}

nav a.navColor{font-weight:700}/* F8981D */
nav a span{font-size:100%;font-style:italic;color:#a30c13;font-weight:700;position:relative;top:-5px}

nav li a:after{content:"\00a0›";}/* \00a0 = empty space */

.current{color:#086666;cursor:default;font-style:italic}
.current:after{content:""}

nav a:hover{color:#086666;}
nav a:active{position:relative;top:2px;}

.jerShare{position:relative;display:block;width:100%;max-width:100%;height:auto;
white-space:normal;}
.jerShare p{padding-bottom:5px}

/*  =======================   footer */
footer{margin:0px auto 0;padding:0 50px 15px;border-top:1px solid transparent;
color:#f2f2f2;padding-bottom:15px;
background: radial-gradient(ellipse at bottom, rgba(0,102,102,1) 0%, #030617 160%);}

article#footer{margin:30px auto 0; }

article#footer .jerShare{width:546px;margin:0 auto 35px;}
article#footer .jerShare p{font-size:150%;font-weight:700;padding-bottom:10px}

.foocol{position:relative;display:block;width:100%;height:auto;margin:0 auto 40px;}
.foocol>aside{height:auto;position:relative;display:inline-block;vertical-align:top;
	font-size:100%;font-weight:700;color:#f2f2f2;   }
.foocol>aside:nth-last-child(2){margin:0 0 0 8%;width:40%;}
.foocol>aside:last-child{margin:0 0 0 8%;width:40%;}

.foocol a{color:#f2f2f2}
.foocol a:hover{color:#33a0ff;}

.foocol p{font-size:180%;font-weight:400}
p.titl{font-size:220%;font-weight:700;line-height:1.3;padding-bottom:10px;}
/* address */

.logFoot{width:320px;margin:13px 0 0 0px}
.addrRight{margin:12px 0 0 0}
.foocol>aside .addrRight p{line-height:1.6;padding:0;font-size:160%;}

.fsoc{width:175px;height:45px;margin:10px 0 0 5px;}
.fsoc a{float:left}
.fsoc a+a{margin-left:17px}

.foocol a span.svgicon-pdf{margin:0 3px 0 0;vertical-align:middle;cursor:pointer;}
.foocol a span.svgemail,.foocol a span.svgPhone,.foocol a span.svgenews{margin:0 5px 0 0;position:relative;top:5px;cursor:pointer;}
.foocol a span.svgemail{margin:0 8px 0 0;}
.foocol a span.svgPhone{margin:0 8px 0 0; top:3px;}

.foocol a span.svgicon-pdf,.foocol a span.svgemail,.foocol a span.svgPhone,.foocol a span.svgenews
{-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;transition:all 0.1s linear;}

.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{fill:#f2f2f2;width:21px;height:21px;}
.foocol a span.svgenews,.foocol a span.svgenews svg{width:25px;height:25px;}
.foocol a span.svgicon-pdf svg{fill:#f2f2f2}

.foocol a:hover span.svgemail svg,.foocol a:hover span.svgPhone svg,.foocol a:hover span.svgenews svg{fill:#fff}
.foocol a:hover span.svgicon-pdf svg{fill:#fc1422}

.copy{margin:25px auto 20px;height:auto;font-size:16px;text-align:center;line-height:1.5;}
.copy span{font-weight:400;font-style:normal;}
.copy big{}

.multiBoxFoot{width:86%;position:relative;display:block;height:auto;margin:0 auto 45px;}
.multiBoxFoot p{position:relative;display:block;width:100%;height:auto;padding:0 0 10px 0;color:#fff;
font-size:150%;font-weight:700;line-height:1.3;}
.multiBoxFoot>div a{display:inline-block;width:18%;position:relative;vertical-align:top;height:auto;cursor:pointer;
margin:0 0 0 5.6%;border:3px solid transparent}
.multiBoxFoot>div a+a{margin:0 0 0 5%;}
.multiBoxFoot>div a div{position:relative;display:block;width:100%;height:auto;cursor:pointer;}
.multiBoxFoot>div a div img{width:100%;}
.multiBoxFoot>div a:hover{border:3px solid #F8981D}

.lda{font-family:'Arial', sans-serif;font-size:12px;margin:60px 0 15px 3%;}
.lda a{color:#f2f2f2}
.lda a:hover{color:#33a0ff;}

nav.navFooter{display:block;margin:12px 0 0 0}
nav.navFooter>ul>li{margin:18px 0 0 0;}
nav.navFooter>ul>li:first-child{margin:0 0 0 0;}
nav.navFooter>ul>li a{font-weight:400;font-size:170%}
nav.navFooter>ul>li a:after{content:none}
nav.navFooter>ul>li a:hover{text-shadow:none;color:#fff;}
nav.navFooter>ul>li a:active{top:1px;}

.loginlink{position:relative;display:block;width:100%;height:auto;margin:20px auto 20px;text-align:center;}
.loginlink a{font-weight:400;font-size:150%;color:#f2f2f2}
.loginlink a:hover{color:#33a0ff;}
.loginlink a:active{top:1px;}


/*  ========================  PAGES */


/*pages*/

.pText{width:100%;padding:0 0 2% 0;font-size:180%;line-height:1.6!important}
.pText h2,
h1.entry-title,h2.entry-title, h3.entry-title{font-style:italic;font-weight:700;font-size:140%;color:#086666;}

.pText h1{font-style:italic;font-weight:700;font-size:120%;color:#086666;text-align:center;line-height:1.4;}

.pText h2,
h1.entry-title,h2.entry-title, h3.entry-title{margin:0 0 25px 0;}

h4{font-style:italic;font-weight:700;font-size:140%;text-align:center;
/*text gradient & shadow */
background: linear-gradient(0deg,#F8981D 30%,#FFCD05 50%,#F8981D 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-shadow: none;
filter: drop-shadow(-1px -1px 0px #aaa);-webkit-filter: drop-shadow(-1px -1px 0px #aaa);
}


p.BlineH{line-height:2.3;margin-top:10px}/* retailers */

.tCenterOrange{text-align:center;color:#F8981D;font-weight:700}


.pText:after{content:'';
  display: block;
  clear: both;}

.pagePic{float:right;width:40%;margin:.6% 0 0px 10px;border:1px solid #e9e9e9;
	height:auto;position:relative;display:block;}
.pagePicabout{width:60%;margin:3% 0 10px 10px;}

.pagePic img,.homeMascot img{width:100%}

.mascot{position:relative;display:block;}
.mascotAb{margin:50px auto 0!important}

h4.h4Home{position:relative;display:inline-block;text-align:left;padding:15px 0 0 17%}
h4.h4About{font-size:140%;padding:15px 0 0 12%}

.homeMascot{position:relative;display:inline-block;vertical-align:top;
width:16%;height:auto;margin:0;}


.dogsjj{position:relative;display:block;width:100%;margin:85px auto 105px;}
.dogsjj h3{font-weight:700;font-size:130%;padding-bottom:15px}
.dogsjjpic div{width:31%;display:inline-block;position:relative;vertical-align:top;height:auto;margin:0 auto;}
.dogsjjpic div+div{margin-left:2%}
.dogsjjpic img{width:100%}

@-webkit-keyframes movelittleguy{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes movelittleguy{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

.homeMascot:hover{-webkit-animation-duration:.7s;animation-duration:.7s;
-webkit-animation-name:movelittleguy;animation-name:movelittleguy;}

@-webkit-keyframes flashtext{0%,100%,50%{opacity:1}25%,75%{opacity:0}}
@keyframes flashtext{0%,100%,50%{opacity:1}25%,75%{opacity:0}}

.flashtext{-webkit-animation-duration:.7s;animation-duration:.7s;
-webkit-animation-name:flashtext;animation-name:flashtext;}

/* home */
.PicFlow{position:relative;display:block;width:100%;height:auto;margin:10px auto 2%;}
.PicFlow>div{width:24.11%;margin:0 .5% 15px 0;display:inline-block;vertical-align:top;padding:8px 0 0 0;background:#eee;}
.PicFlow>div:last-child{margin:0 0 15px 0;}


.PicFlow>div div{position:relative;display:block;width:93%;height:auto;margin:0 auto;}
.PicFlow>div p{font-size:70%;font-style:italic;color:#555;text-align:center}

.PicFlow div img{width:100%}


.multiBoxHoriz{position:relative;display:block;width:100%;height:auto;margin:0 auto 35px;}

.multiBoxHoriz>a{position:relative;display:inline-block;vertical-align:top;width:22%;height:auto;
margin:0 0 0 1%;border-radius:60px;cursor:pointer;
background: linear-gradient(0deg,#F8981D 30%,#FFCD05 50%,#F8981D 80%);
box-shadow:none;}
.multiBoxHoriz>a+a{margin:0 0 0 3%;}

.multiBoxHoriz div.multiPic{position:relative;display:block;width:94%;margin:0 auto;}
.multiBoxHoriz div.multiPic div{position:absolute;width:100%;height:100%;border-radius:60px;top:0;background:rgba(0,0,0,.3); border:5px solid #fff;-webkit-box-shadow:inset 0 0 15px #000;box-shadow:inset 0 0 15px #000;}

.multiBoxHoriz div.multiPic img{width:100%;border-radius:60px;border:3px solid #fff;}

.multiBoxHoriz a>p{position:absolute;top:40%;left:13%;line-height:1.2;font-size:120%;text-align:left!important;
cursor:pointer;color:#fff;font-weight:700;text-shadow:-2px 2px 2px #000}

.multiBoxHoriz a div.rightArrow{position:absolute;width:60px;height:60px;bottom:3%;right:8%;opacity:.7;cursor:pointer;}
.multiBoxHoriz a div.rightArrow p{position:absolute;width:60px;height:60px;bottom:20%;right:50%;cursor:pointer;
font-weight:700;font-family:'Arial Black', sans-serif;color:#fff;font-size:150%;opacity:0}
.multiBoxHoriz a div.rightArrow svg{fill:#fff;}

.multiBoxHoriz a:hover{background: linear-gradient(0deg,#086666 30%,#0fc4c4 50%,#086666 80%);
box-shadow:-2px 5px 5px rgba(0,0,0,.1);}
.multiBoxHoriz a:hover>div.multiPic div{background:transparent;border:1px solid #fff}
.multiBoxHoriz a:hover>div.rightArrow,.multiBoxHoriz a:hover>div.rightArrow p{opacity:1}

.multiBoxHoriz a:active{box-shadow:none}


/* BULLET LIST DESIGN   ABOUT PAGE*/
ul.blackBullet{list-style:none;padding:0;margin:30px 0 30px 0px}
ul.blackBullet li{margin:0 0 10px 0;padding:0;text-indent:0;font-weight:400}
ul.blackBullet li:before
{content:"▪";position:relative;top:3px;margin-right:5px;font-style:normal;
    font-size:140%;line-height:0;color:#086666;}/*#ccc for gray, was changed */

ul.BulletSpace li{margin:2% 0}

/* INDENT SECOND LINE OF TEXT IN ul li list*/
ul.liIn{margin:13px 0 0 5%}  
ul.liIn li{text-indent:-1.7%}

/* TABLES */
/* terms of sale */
.tableCont,.tableContDeliv{font-size:100%;position:relative;display:block;width:100%;margin:0}
.tableCont caption{text-align:left;font-weight:700}
.tableCont table,.tableContDeliv table{position:relative;display:block;width:100%; padding:0;}
		/* first top row */
.tableCont table tr:first-child{background:#e9e9e9;font-weight:700}
      /* first left column */
.tableContDeliv table tr:first-child{background:#fff;font-weight:400}
.tableContDeliv table tr td:first-child{background:#e9e9e9;font-weight:700}

		/* set space around words and borders & column width */
.tableCont table tr td,.tableContDeliv table tr td{width:12em; padding:10px 10px 5px;text-align:left;
word-wrap:normal;white-space:nowrap;border-top:1px solid #999; border:1px solid #999}
.tableContDeliv table tr td{text-align:center;}

.tableCont table tr td:first-child{width:12em;}
.tableCont table tr td:nth-last-child(4){width:12em;}
.tableCont table tr td:nth-last-child(3){width:12em;}
.tableCont table tr td:nth-last-child(2){width:12em;}
.tableCont table tr td:last-child{width:12em;}




/* Pot Size Pricing */
b.potTitle span{font-size:80%;font-style:italic}

section.potPic{width:100%;position:relative;display:block;height:auto;padding:0;margin:10px auto 0;font-size:100%;}

section.potPic article{float:left;margin:0; }
section.potPic article:first-child{width:16.8%;}
section.potPic article:nth-last-child(4){width:16.1%;}
section.potPic article:nth-last-child(3){width:18.4%;}
section.potPic article:nth-last-child(2){width:24.3%;}
section.potPic article:last-child{width:24.4%;}

section.potPic article aside,section.potPic article picture{position:relative;display:block;width:100%;height:auto;padding:0;margin:0 auto;}
section.potPic article picture{border-right:1px solid #aaa;z-index:0}
section.potPic article:last-child picture{border-right:1px solid transparent;}

section.potPic article aside{font-size:80%;height:55px;background:#e9e9e9;border-right:1px solid #aaa;z-index:1;
			font-family:'Arial', sans-serif;padding:7px 5px 5px; font-weight:700;line-height:1.3;text-align:center;}
section.potPic article:first-child aside{padding:18px 5px 5px;}
section.potPic article:last-child aside{border:none;}
section.potPic article aside span{font-size:80%;font-style:italic}

section.potPic article aside,section.potPic article picture,section.potPic article picture source,section.potPic article picture img{width:100%}


/* MAP */
iframe#iframeMap{position:relative;display:block;width:100%;height:600px; border:none; margin:0 auto}





/*  SITE COLORS */	
.black {color:#000;} .gray {color:#555;} .light-gray{color:#f7f7f7;} .white{color:#fff;}
.green {color:#086666;}


.cboth{clear:both}


/* ==|== FORMS ============================================================================ */ 
form{position:relative;display:block;width:80%;height:auto;margin:15px auto 15px;padding:5px;z-index:999;
cursor:default;color:#333;font-size:90%;
-webkit-user-select:none;-ms-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}

form.join{width:365px}

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:30%}
fieldset.fullWidth{width:40%}
fieldset.iContFieldset{margin:0 auto}
label{margin-bottom:20px}
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:11px 7px 0 20px;}
label.multiCheck{line-height:1.8}

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,input[type="submit"],a.btnhome,a.bthrss,.buttonDisable
{position:relative;height:auto;top:0px;margin:10px auto 0;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);}

button,input[type="submit"],a.btnhome,a.bthrss,.buttonDisable,.buttonDisable:hover
{background:#086666;}

button:hover,input[type="submit"]:hover,a.btnhome:hover, a.bthrss:hover
{color:#FFF;border:none;background:#777;}

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}


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;margin:5px 0 0 0;}
.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-family:'Arial', sans-serif;
font-weight:400;font-size:120%;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%;font-size:130%;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;font-size:90%;
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:110px;left:50%;width:320px;margin-left:-160px;height:auto;min-height:180px;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:47.9%;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 */ 
*a, a img, section a, .share, nav ul a,nav 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, #next a, #prev a, #social,#hideCatMob p,.pageMain,.fsoc,.error,#prev p, #next p,.respImages a:hover .seePic,.multiBoxHoriz,
.multiBoxHoriz div,.multiBoxHoriz a
{-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;transition:all 0.1s linear}

/* NO TRANSITION*/
.noTransition,
.svgicon-mailConnect,a:active, nav ul li a:active, button:active, .button:active, .reqbutton:active, .butop:active, input:required:invalid, textarea:required:invalid, input:required:valid, textarea:required:valid, .boxesWrap a:active .box-left-F, .boxesWrap a:active .box-F, .boxesWrap a:active .box-left, .boxesWrap a:active .box,#prev:active,#next:active,.pageMainWidth a.normal:active {-moz-transition:0;-ms-transition:0;-o-transition:0;-webkit-transition:0;transition:0;}



/* ==|== MOBILE ======================================================================= */
.forMob{display:none !important}
.forDeskInline{display:inline-block !important}		
.forDesk{display:block !important} 
.forBig{display:block}
.redAlert{color:#a30c13}


@media all and (min-width : 1224px){

header,main{padding:0 50px}/*Base=> 0 35px */
section.potPic{width:96%}
}

@media all and (min-width : 1124px) and (max-width : 1223px){ 

header,main{padding:0 30px}/*Base=> 0 35px */
section.potPic{width:98%}
}

@media all and (max-width : 1024px){       /*a.logo{border:1px solid #0c0}*/
.forBig{display:none!important}

header,main{padding:0 20px;}

section.potPic article aside{font-size:70%;}

fieldset{width:36%}

}/*---------------------------*/


@media all and (max-width : 960px){       

header,main{padding:0 15px}/*Base=> 0 35px */
a.logo{width:450px;}

section.potPic article aside{font-size:70%;height:75px; padding:3px 5px 5px;}

.PicFlow>div{width:24%}

.mascotAb{margin:0px auto 0!important}
h4.h4Home{padding:15px 0 0 5%}
h4.h4About{padding:15px 0 0 3%}
.multiBoxFoot{width:100%;}

.multiBoxHoriz a>p{top:25%;left:11%;font-size:110%;}
.multiBoxHoriz a div.rightArrow{width:40px;height:40px;bottom:35px;right:35px;}
.multiBoxHoriz a div.rightArrow p{width:50px;height:50px;bottom:0px;right:0px;font-size:120%!important;}
}/*---------------------------*/


@media all and (max-width : 853px){       /* a.logo{border:1px solid magenta}*/
header,main{padding:0 10px}/*Base=> 0 35px */
article#page{margin:30px auto 0;}/*Base=> 90px auto 0 */
footer{padding:0 0 15px;}

.phoneHead{width:250px;}

article#inSubHead{height:250px;}
article#inSubHead div,article#inSubHead div img{width:125%;left:-12%}

.mascotAb{margin:0px auto 0!important}
h4.h4Home{position:relative;display:inline-block;text-align:left;padding:15px 0 0 1%}
h4.h4About{font-size:130%;}

.tableCont.tableContWide{font-size:90%}

.multiBoxHoriz>a{width:24%;margin:0 0 0 .3%;}
.multiBoxHoriz>a+a{margin:0 0 0 .5%;}
.multiBoxHoriz a>p{top:25%;left:11%;font-size:110%;}

}/*---------------------------*/



@media all and (max-width: 768px){  		/*	a.logo{border:1px solid red}*/

a.logo{width:390px;}
.phoneHead{margin:35px 10px 0 0;font-size:180%;width:200px;}

article#page{margin:20px auto 10px;}



article#inSubHead{height:230px;}
article#inSubHead div,article#inSubHead div img{width:125%;left:-12%}

#toContact{width:52px;height:38px;top:30px;right:70px;}
#menustack{width:38px;height:30px;top:31px;right:20px;}
#toContact p,#menustack p{font-size:14px;}
#toContact p{top:-19px;}

.mascotAb{margin:0px auto 0!important}
h4.h4Home{position:relative;display:inline-block;text-align:left;padding:15px 0 0 1%}
h4.h4Home,h4.h4About{font-size:110%;}

.tableCont.tableContWide{font-size:80%;margin:0 0 0 -5px}

.PicFlow>div{width:32.2%}

fieldset{width:270px}

.multiBoxHoriz>a{width:44%;margin:0 0 0 4%;}
.multiBoxHoriz>a+a{margin:0 0 0 3%;}
.multiBoxHoriz>a:nth-last-child(2){margin:23px 0 0 4%;}
.multiBoxHoriz>a:last-child{margin:23px 0 0 3%;}
.multiBoxHoriz a>p{top:40%;left:11%;font-size:110%;}


}/*=======================================*/



@media all and (max-width : 640px){     /* a.logo{border:1px solid green}*/
.forDeskInline{display:none !important}		
.forDesk{display:none !important} 
.forMob{display:block !important}

a.logo{width:390px;}
.phoneHead{display:none}
a.svgicon-phone{display:block;}

.multiBoxHoriz>a{width:44%;margin:0 0 0 4%;}
.multiBoxHoriz>a+a{margin:0 0 0 3%;}
.multiBoxHoriz>a:nth-last-child(2){margin:23px 0 0 4%;}
.multiBoxHoriz>a:last-child{margin:23px 0 0 3%;}



#toContact{width:52px;height:38px;top:30px;right:55px;}
#menustack{width:38px;height:30px;top:31px;right:10px;}
#toContact p,#menustack p{font-size:14px;}
#toContact p{top:-19px;}


section.potPic article:first-child{width:32.52%;}
section.potPic article:nth-last-child(4){width:31.17%;}
section.potPic article:nth-last-child(3){width:35.6%;border:none;}
section.potPic article:nth-last-child(2){width:39.85%;clear:left;border:none;margin:25px 0 0 10%}
section.potPic article:last-child{width:40%;margin:25px auto 0}

.tableCont.tableContWide{font-size:80%;margin:0 0 0 -8px;}
.tableCont.tableContWide table tr td{width:0;padding:10px 1px 5px;}

.mascotAb{margin:0px auto 0!important}
h4.h4Home{position:relative;display:inline-block;text-align:left;padding:15px 0 0 1%}
h4.h4Home{font-size:110%;}
h4.h4About{font-size:100%;}


.foocol>aside:nth-last-child(2){margin:0 0 0 10px;width:45%;}
.foocol>aside:last-child{margin:0 0 0 20px;width:45%;}

/*---------------------------*/

					/* =======  blog ======== */
#wrapperblog{margin:0 15px 15px 15px !important;width:93.5% !important;}
/*content container*/
#blogcontainer{float:right !important;width:100% !important;margin:0 auto !important;
border-top:1px solid #ccc;padding:20px 0 0 0 !important;}
/*side bar container*/
#primary, #secondary{float:left !important;width:100% !important;margin:0 auto 25px !important;border-left:none !important;}
#primary>ul>li{width:93% !important;margin:0 0 15px 0;}
.widget-blogcontainer ul li a{position:relative;left:3px;}

#content textarea{width:210px !important;}
/*SHOW HIDE side bar*/
#hideCatMob{width:70%;height:28px;margin:0 auto 10px}
#hideCatMob p{font-size:125%;cursor:pointer;}
.xoxo{display:none}

}/*=======================================*/




@media all and (max-width : 580px){ 

header{padding:0}
header,article#header{height:80px;}
a.logo{margin:20px 0 0 5px;width:295px;}
a.svgicon-phone{margin:10px 70px 0 0;}
section#NavSpc{top:80px;}
#menustack{width:38px;height:30px;top:20px;right:10px;}

article#inSubHead{height:210px;}
article#inSubHead div,article#inSubHead div img{width:165%;left:-32%}

.PicFlow>div{width:48.5%}

.mascotAb{margin:0px auto 0!important}
h4.h4Home{position:relative;display:inline-block;text-align:left;padding:15px 0 0 1%}
h4.h4Home{font-size:110%;}
h4.h4About{font-size:100%;}
.homeMascot{width:30%;height:auto;margin:-1% 0 0 70%;}

.tableCont.tableContWide table tr td{word-wrap:nowrap;white-space:normal;}

article#footer{padding:0 10px}

.foocol>aside:nth-last-child(2){margin:0 0 0 0;width:45%;}
.foocol>aside:last-child{margin:0 0 0 10px;width:50%;}

form{width:100%;}

.multiBoxFoot p{font-size:130%;}
.multiBoxFoot>div a{width:30%;display:block;margin:0 auto 10px;}
.multiBoxFoot>div a+a{margin:0 auto 10px;}

.multiBoxHoriz>a{width:44%;margin:0 0 0 4%;}
.multiBoxHoriz>a+a{margin:0 0 0 3%;}
.multiBoxHoriz>a:nth-last-child(2){margin:23px 0 0 4%;}
.multiBoxHoriz>a:last-child{margin:23px 0 0 3%;}
.multiBoxHoriz a>p{top:30%;left:11%;font-size:100%;}
.dogsjjpic div{width:90%;display:block;}
.dogsjjpic div+div{margin:15px auto 0}
}/*=======================================*/


/* smartphones portrait */
@media all and (max-width : 414px){  

header{ margin:56px auto 0; border:1px solid transparent}
header,article#header{height:80px;}
a.logo{float:none;margin:18px auto 0;width:94%;}

article#inSubHead{height:210px;}
article#inSubHead div,article#inSubHead div img{width:225%;left:-55%}

section.potPic article
{width:80%!important;clear:none!important;float:none!important;margin:0 auto 20px!important;}
section.potPic article aside,section.potPic article picture{border:none!important;}
section.potPic article picture+aside{display:none}
section.potPic article aside{font-size:100%;height:60px; padding:3px 5px 5px;}

.tableCont{font-size:80%}
.tableCont table tr td{word-wrap:nowrap;white-space:normal;}

.foocol>aside:nth-last-child(2){margin:0 0 0 25px;width:90%;}
.foocol>aside:last-child{margin:35px 0 0 25px;width:90%;}

.multiBoxFoot>div a{width:70%;}

.multiBoxHoriz>a{display:block;width:250px;height:auto;
margin:0 auto 20px;}
.multiBoxHoriz>a+a{margin:0 auto 20px;}
.multiBoxHoriz>a:nth-last-child(2){margin:0 auto 20px;}
.multiBoxHoriz>a:last-child{margin:0 auto 20px;}

.multiBoxHoriz a>p{top:36%;left:11%;font-size:120%;}

/*=============   PHONE NAV ========================*/
/* mobile phones top navigation */
section#NavSpc{top:60px;position:fixed}
aside#phoneheader{display:block;}
#toContact,#menustack,a.svgicon-phone{position:fixed;}
a.svgicon-phone{display:block;top:-1px;left:15px;margin:0;width:34px;height:34px;}
a.svgicon-phone div p{width:130%;margin-top:9px;color:#fff;}
a.svgicon-phone svg{fill:#fff;}

#toContact:hover div p,#menustack:hover div p,a.svgicon-phone:hover div p{color:#fff;}
#toContact{width:45px;height:45px;left:auto;right:20px;bottom:1px;}
#toContact p{top:-22px;}
#menustack{width:40px;height:45px;top:8px;right:25px;padding:3px;}
#toContact .svgicon-mailConnect svg{fill:#fff}
.stackMenu,.stackMenu:before,.stackMenu:after{background:#fff;}
#toContact p,#menustack p{color:#e1e1e1;font-size:13px;}
#menustack p{top:21px;font-size:13px;}
a.svgicon-phone div p{font-size:13px;}
#toContact p{top:-18px;}
.stackMenu{top:11px;}
.stackMenu:before{top:-11px}
.stackMenu:after{top: 11px}
#toContact:hover,#menustack:hover{-webkit-animation-duration:0;animation-duration:0;
-webkit-animation-fill-mode:none;animation-fill-mode:none;
-webkit-animation-name:none;animation-name:none;}

.LockText,.UnlockText{width:65%;font-size:90%;line-height:2.3;}

.UnlockText{padding-right:3%;font-size:130%;}



}



}/*=======================================*/



/* smartphones portrait */
@media all and (max-width : 320px){ 

}/*=======================================*/


/* ==|== 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; }
 }