/** index-nww-style102116.css Nick Sharpe 10/21/2016 **/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
article,aside,footer,header,nav,section {display: block;}
h1 {font-size: 2em;margin: 0.67em 0;}
figcaption,figure,main {display: block;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
a {background-color: transparent;-webkit-text-decoration-skip: objects;}
b,strong {font-weight: inherit;}
b,strong {font-weight: bolder;}
small {font-size: 80%;}
/* Embedded content
   ========================================================================== */
audio,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
button,input,optgroup,select,textarea {font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
details,menu {display: block;}
[hidden] {display: none;}
html, body{width:100%;height:100%;margin:0;padding:0;}
body{font:200 1em/1.5em 'Open Sans', Arial, Helvetica, sans-serif;color:#323232;}
strong, th, h1,h2,h3,h4,h5,h6{font-weight:bold;}
em{font-style:italic;font-weight:500;}
h1{font-size:300%;margin:0;padding:0px;}
h2{font-size:200%;}
h3{font-size:150%;}
h4{font-size:120%;padding:0;font-weight:bold;}
.italic{font-style:italic;}
.bold{font-weight:bold;}
.quote{font-size:.9em;font-style:italic;font-family:Georgia, serif;}
.shell{width: auto;height: 100VH;}
div#hero{position: relative;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0;background: transparent url(images/Business-Meeting-female-c16x750.jpg) no-repeat scroll 0 0 / cover;}
#header{position:relative;top:0;left: 0;width:100%;height:70px;padding:0;background-color:transparent;}
.logo{position:relative;top:5px;left:5%;margin:0;padding:0;width:320px;height:45px;}
.logo h1, .logo h2{text-indent:-9999px;}
.tagline{position:relative;top:10px;left:10%;width:230px;height:18px;margin:0;padding:0;color:#000;font-family:trebuchet;font-weight:100;font-style:oblique;font-size:.8em;}
.phonebox{position:relative;top:0;left:70%;width:30%;margin-top:-50px;}
ul#head-nav{width: 100%;height: 16px;margin-bottom: 10px;/*border: 1px solid green;*/}
ul#head-nav li{font: normal 200 .9em/.9em "Open Sans", Arial, Helvetica, sans-serif;}
ul#head-nav li a{float:left;margin-right: 15px;text-decoration:none;padding:0;color:#666;}
ul.socials{position:relative;top:0px;left:0px;margin:0;padding:0;width:100%;height:40px;}
ul.socials li{float:left;margin-right:15px;text-decoration:none;padding:0;display:inline;}
ul.socials li a.topphone{text-decoration:none;color:#0071ef;font:normal 700 1.2em/1em Arial, Helvetica, sanserif;}
div#topnav-shell{position:relative;top:0px;width: 100%;height: 60px;margin: 0;/*border: 1px dotted red;*/}
ul#topnav{position:relative;top:0px;left: 32%;margin:0;padding:0;width:70%;height:60px;/*border: 1px dashed green;*/}
ul#topnav li a{float:left;height:60px;margin-right: 20px;text-decoration:none;padding:0;color:#666;/*border: 1px dashed purple;*/}
ul#topnav li a img{/*border: 1px dashed orange;*/}
ul#topnav li.current a{background-color: #8e8477;}

.html5{position: absolute;top: 80%;left: 6%;}

#valueprop {width: 100%;height: 100%;margin-top: 0px;background-color: transparent;background-image: none;}
#slider-wrap {width: 80%;height: 100%;max-width: 1366px;padding: 0;color: #fff;background-color: transparent;margin: 0px auto;}
#slider-wrap a{color: #fff;text-decoration: none;}
#headline {position: relative;top: 1%;left: 45%;width: 50%;margin: 0;padding:2px 0 0;text-align: center;background-color: rgba(0,0,0,.4);}
h2.headline {color: #fff;font: 200 3em/1em 'Open Sans', sans-serif;text-shadow: 1px 2px 3px #000;}
#headline p{font-size: 1em;}
#headline h3{letter-spacing: -.05em;font: 500 1.1em/1em Arial, helvetica, sanserif;}
.vp-testi{clear: both;position:absolute;bottom: 5%;padding: 0;margin: 0 0 0 2%;width: 30%;height: auto;font: italic .9em/1.2em "Open sans";background: rgba(0,0,0,.5);/*border: 1px dashed red;*/}
/** CTAs **/
p.get-quote a{display: inline;float:right;width:auto;height:auto;margin:10px 10% 10px 0;padding:0 15px;color:#fff;text-decoration:none;font:300 150%/1.6em 'Open Sans', san-serif;background-color:#00b52a;border-radius:12px;-webkit-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);-moz-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);border:3px solid #093;transition:0.6s;}
p.get-quote a:hover{background-color:green;-webkit-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);-moz-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);border:3px solid #fff;text-shadow:2px 1px 4px #666;}

p.learn-more a{display: inline-block;width:30%;height:auto;margin:10px 0 10px 10%;padding:0 15px;color:#fff;text-decoration:none;font:300 150%/1.6em 'Open Sans', sanserif;background-color:#00b52a;border-radius:12px;-webkit-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);-moz-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);border:3px solid #093;transition:0.6s;}
p.learn-more a:hover{background-color:#0071ef;-webkit-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);-moz-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);border:3px solid #fff;text-shadow:2px 1px 4px #666;}

/* 3 Box **/
#box3 h3{font: 300 2em/1.5em 'Open Sans', Helvetica, Arial sans-serif;color:green;}
#box3 p{font:normal 100 .9em/1.5em 'Open Sans', Helvetica, Arial sans-serif;margin-bottom: 1.5em;}
#box3 p.kudos{color: #666;font-size: .85em;font-style: italic;font-weight: 400;line-height: 1.2em;font-family: Georgia, serif;}
iframe{width:100%; height:100%;}
div.fancy-quote{position:relative;top:0px;margin: 20px auto 0;}
div.fancy-quote p.casey{width:100%;margin:20px auto;font:italic 300 1.15em/1.4em Georgia, serif;color: #666;text-align: justify;}

/* ARTICLE */
article{max-width: 1366px;}
article h2{font: 300 2.2em/1.5em 'Open Sans', Helvetica, Arial sans-serif;color:green;}
article#wheremoney h2{color: #fff;}
article#wheremoney h3{text-align: center;}
article#wheremoney p{color: #fff;}
#small-fancy-quote{position:relative;top:10px;width: 460px;margin: 10px 0 0;height: 240px;}                       
#doit h2, #doit h3{text-align: center;}
#recent-div{width: 45%;margin-left: 10px;}
div#recent{width: 45%;margin-right: 10px;float: right;height: auto;}
div#recent img{width: 100%;margin-bottom: 10px;}
div#recent-l{width: 45%;height: auto;}
div#recent-l img{width: 100%;margin-bottom: 10px;}

/*MAIN CONTENT */h2{font-size:32px;font-family:'Open Sans', arial, helvetica, sans-serif;color:#444;margin:10px 0 0 0;}
section{width:100%;height:auto;border:1px dashed #eee;}
section h2{font:300 2.2em/1.5em 'Open Sans', Helvetica, Arial sans-serif;color:green;margin:5% 0 0 15%;}
article{width:80%;height:auto;margin:0px auto 130px;padding:50px 0px 30px;overflow:hidden;}
section.whowhat{box-shadow:0px 10px 15px rgba(0, 0, 0, 0.1) inset;background:none repeat scroll 0% 0% rgb(238, 238, 238);padding:10px 0px;background-color:#eee;}
#box3{position:relative;top:0;left:0;width:100%;height:auto;margin:0;padding:0;color:#666;text-align:left;display:inline-block;}
#box3 h3{font-size:1.8em;margin-bottom:20px;color:#0071ef;font-family:Avenir, Arial,Helvetica,sans-serif;font-weight:600;}
#box3 h3 a{color:#5A6673;text-decoration:none;}
#boxa, #boxb, #boxc{float: left;top: 0;width: 30%;height: auto;margin:0;padding:0 1%;}
/*#box3 p{color:#333;font:100 1em/1.5em 'Open Sans';}*/
p.kudos{color:#666;font-size:.85em;font-style:italic;font-weight:400;line-height:1.2em;font-family:Georgia, serif;}
ol.whatwedo li{margin-bottom:10px;font-size:20px;line-height:28px;}
div.fancy-quote{position:relative;top:0px;margin:30px auto 60px;width:90%;height:auto;padding:30px;}
div.fancy-quote p{width:100%;margin:0 auto;font-size:1.3em;line-height:1.5em;text-align:center;font-family:Georgia;font-style:italic;}
.post-img{float:right;width:45%;margin:0;padding:0;}
.post-img img{width:100%;}
.post-cnt{width:50%;height:auto;margin:0;padding:0 5% 0 0}
.post-cnt p{padding:0 5% 0 0;font-size:.9em;color:#666;margin:20px 0;line-height:1.3em;}
p.learn{float:left;font-size:1em;margin:10px 10px 10px 0;padding:10px;width:auto;height:auto;text-align:center;background-color:#00b52a;box-shadow:2px 2px 4px #666;border:1px solid green;}
p.learn a{text-decoration:none;color:#fff;}
p.learn a:hover{color:orange;}
p.getstarted{float:right;font-size:1em;margin:0px;padding:10px;width:auto;height:auto;text-align:center;background-color:#00b52a;box-shadow:2px 2px 4px #666;border:1px solid green;}
p.getstarted a{text-decoration:none;color:#fff;}
p.getstarted a:hover{color:orange;}
footer{position:relative;top:20px;left:0;width:100%;height:auto;padding:0;background-color:#e1e1e1;}
footer p{color:#24749f;margin:5px;font-size:.75em;letter-spacing:2px;text-align:center;padding:10px 2px 10px 2px;}
footer a:link{color:#24749f;}
footer a:visited{color:#0060ff;}
footer a:hover{color:#00FFFF;}
footer p img{vertical-align:sub;}
ul{list-style-type:none;}
ul#footnav{position:relative;top:10px;margin:0 auto;width:60%;height:25px;padding:0;}
ul#footnav li{float:left;margin:0;padding:0 0 3px 0;color:#3d73b3;font-family:Arial;text-transform:uppercase;font-size:.8em;}
ul#footnav li a{text-decoration:none;padding:0 10px 10px 10px;}
ul#footnav li a:hover{color:#ffc19f;text-shadow:1px 1px 1px #000;}
ul#footnav li.current a{color:#6699ff;font-weight:bold;}
ul#footnav li a:visited{color:#24749f;}

/* MEDIA QUERIES */
/* 320 */
 @media only screen and (max-width:380px) {
  .phonebox{position:relative;top:0;left: 0;width:100%;margin-top:0px;border: 1px solid orange;  }
   ul.socials{display: none;position:relative;top:0px;left:0px;margin:0;padding:0;width:100%;height:20px;}
   p.get-quote a{display: inline;float:right;width:30%;height:auto;margin:10px 0;padding:0 5px;color:#fff;text-decoration:none;font:300 1em/1em 'Open Sans', san-serif;background-color:#00b52a;border-radius:12px;-webkit-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);-moz-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);border:3px solid #093;transition:0.6s;}
   p.get-quote a:hover{background-color:green;-webkit-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);-moz-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);border:3px solid #fff;text-shadow:2px 1px 4px #666;}
   p.learn-more a{display: inline-block;width:30%;height:auto;margin:10px 0;padding:0 15px;color:#fff;text-decoration:none;font:300 1em/1em 'Open Sans', sanserif;background-color:#00b52a;border-radius:12px;-webkit-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);-moz-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);border:3px solid #093;transition:0.6s;}
   p.learn-more a:hover{background-color:#0071ef;-webkit-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);-moz-box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);box-shadow:5px 5px 5px rgba(50, 50, 50, 0.3);border:3px solid #fff;text-shadow:2px 1px 4px #666;}
   .html5{display: none;}
 }


/* 480 **** */
@media (max-width:500px) {
      div#hero{position: relative;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0;background: transparent url(images/Business-Meeting-female-c16x750.jpg) no-repeat scroll 0 0 / cover;}
      .phonebox{position:relative;top:0;left:10%;width:80%;margin-top:0px;}
      ul#topnav{display: none;}
      #boxa, #boxb, #boxc{float:none;position: relative;top: 0;width: 90VW;height: auto;margin:0 auto;padding:0 1%;}
      .post-cnt{position: relative;width:90%;}
      .post-img{float:none;width:95%;margin:0 auto;padding:0;}
      p.learn-more p.get-quote{display: inline-block;width: 30%;height: auto;}  
      div.fancy-quote {position: relative;top:10px;width: 90%;height: auto;font-size: .9em;margin: 0 auto;}
      p.casey{width:100%;margin:0 auto;font:italic 300 .8em/1.4em Georgia, serif;color: red;}

      ul.footnav {width: 100%;}
}
 
/* media queries */
@media only screen and (max-width:767px){
div#hero{position: relative;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0;background: transparent url(images/Business-Meeting-female-c16x750.jpg) no-repeat scroll 0 0 /cover}
p.tagline{display: none;}
ul#topnav{display: none;}
#slider-wrap{position: relative;top: 0; left: 0;width: 100%;}
#headline {position: relative;top: 15%;left: 0;width: 80%;margin: 0 auto;padding:2px 0 0;text-align: center;background-color: rgba(0,0,0,.4);}
h2.headline {color: #fff;font: 200 150%/100% 'Open Sans', Arial, Helvetica, sans-serif;text-shadow: 1px 2px 3px #000;margin-top: 10%;}
.vp-testi{display: none;}
#boxa, #boxb, #boxc{float:none;position: relative;top: 0;width: 90VW;height: auto;margin:0 auto;padding:1%;}

#recent-div{width: 90%;margin: 0 auto;}

}

/**** OG ***/
@media only screen and (min-width:640px) and (max-width:767px){
body{width:100%;}
.shell{width:100%;margin:0 auto;}
header{position:relative;width:100%;height:auto;top:0px;margin:0 auto;padding:0;background-color:transparent;}
.logo{position:relative;top:0;left:0;display:block;margin:0;padding:0 0 0 0;height:auto;width:280px;}
.logo img{width:280px;height:60px;left:0%}
.logo h1{display:none;}
.logo h2{display:none;}
.tagline em{display:none;}
.phonebox{position:relative;top:0px;margin: 0 auto;width:75%;height:auto;color:#000;font-size:1em;font-weight:700;padding:5px 0px;}
#phone{position:absolute;top:5px;right:10px;}
.phone a{text-decoration:none;font-size:1em;color:#00b25a;font-weight:700;}
ul{list-style-type:none;}
ul.socials{position:relative;top:0px;left:0px;margin:0;padding:0;width:100%;height:auto;}
ul.socials li{display:inline;margin:0 10px 0 0;padding:0;}
ul.socials li a{float:left;text-decoration:none;margin:0 10px 0 0;padding:0;border:none;}
ul.socials li a.phone{text-decoration:none;color:#00b52a;font-weight:700;}
ul.socials li a:hover{color:orange;}
ul#topnav{}
nav#navigation{display:none;position:relative;top:0;left:5%;width:80%;height:20%;margin:0;padding:0;}
#navigation a.nav-btn{display:block;font-size:13px;line-height:36px;padding-top:0px;height:28px;padding-left:22px;text-transform:uppercase;color:#2b9208;font-size:13px;font-family:'Ubuntu', sans-serif;font-weight:700;}
#navigation a.nav-btn:hover{text-decoration:none;}
#navigation a.nav-btn span.arr{background:url(images/nav-arr.png) no-repeat 0 0;width:13px;height:9px;position:absolute;right:14px;top:12px;}
#navigation a.nav-btn span.arr.active{background:url(images/nav-arr.png) no-repeat 0 bottom;}
#navigation{position:relative;z-index:1000;}
#navigation ul{display:none;position:absolute;top:36px;left:0;width:100%;}
#navigation ul li{display:block;line-height:36px !important;float:none;background:url(images/navigation.png) repeat 0 0;}
#navigation ul li a{padding:0 22px;}
#navigation ul li.first a{padding-left:26px;display:none;}
section{width:100%;height:auto;margin:0 auto;}
article{width:90%;height:auto;margin:0 auto;padding:0;}
p.quote{display:none;}
#box3{position:relative;top:0;left:0;width:100%;height:auto;margin:0;padding:0;color:#666;text-align:left;}
#box3 h3{font-size:1.8em;margin-bottom:20px;color:#0071ef;font-family:Avenir, Arial,Helvetica,sans-serif;font-weight:600;}
#box3 hr{height:1px;background-color:#0e3c51;}
/*#boxa, #boxb, #boxc{float:none;width:90%;height:auto;margin:0 0 2%;padding:0 0 5% 0;}*/
.post-img{float:none;width:100%;margin:0 auto;padding:5%;}
.post-img img{width:90%;margin:0 auto;}
div#recent{width:90%;float:none;height:auto;}
.post-cnt{width:100%;}
.post-cnt p{text-align:justify;}
h2{font-size:1.2em;line-height:1em;padding-bottom:10px;}
p.learn{float:left;font-size:1em;margin:5px;padding:5px;width:auto;height:auto;text-align:center;background-color:#00b52a;box-shadow:2px 2px 4px #666;border:1px solid green;}
p.learn a{text-decoration:none;color:#fff;}
p.learn a:hover{color:orange;}
p.getstarted{float:right;font-size:1em;margin:5px;padding:5px;width:auto;height:auto;text-align:center;background-color:#00b52a;box-shadow:2px 2px 4px #666;border:1px solid green;}
p.getstarted a{text-decoration:none;color:#fff;}
p.getstarted a:hover{color:orange;}
.socials{background:url(images/socials-bg.png) repeat-x 0 0;padding-bottom:20px;height:100%;}
.socials-inner{padding-left:10px;}
.socials h3{float:none;display:block;}
.socials ul li{display:block;float:none;line-height:30px;}
.socials ul li a{display:block;float:none;}
.socials ul li a span{top:4px;}
ol.whatwedo{width:100%;text-align:justify;}
ol.whatwedo li{margin-bottom:10px;font-size:1em;line-height:1.2em;}
#footer h2{padding-bottom:12px;}
footer{width:100%}
ul#footnav{width:100%;}
}
@media only screen and (min-width:768px) and (max-width:1023px){nav#navigation{position:relative;top:0;left:5%;width:90%;}
}
@media only screen and (max-width:480px), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:240dpi){
#navigation a.nav-btn span.arr{background:url(images/nav-arr@2x.png) no-repeat 0 0;-webkit-background-size:13px 18px;-moz-background-size:13px 18px;background-size:13px 18px;}
#navigation a.nav-btn span.arr.active{background:url(images/nav-arr@2x.png) no-repeat 0 bottom;-webkit-background-size:13px 18px;-moz-background-size:13px 18px;background-size:13px 18px;}
.search{position:relative;top:0;margin:0 auto;text-align:center;}
.logo{left:0%;background:url(images/nicksww-logo-hip1-180x46.png) no-repeat 0 0;-webkit-background-size:81px 23px;-moz-background-size:81px 23px;background-size:81px 23px;}
}

@media only screen and (min-width:768px) and (max-width:1048px){
ul#topnav{position:relative;top:0px;left: 30%;margin:0;padding:0;width:100%;height:60px;}
#slider-wrap{width: 100%;}
div#headline {position: relative;top: 10%;left: 40%;width: 50%;margin: 0;padding:2px 0 0;text-align: center;background-color: rgba(0,0,0,.4);}
h2.headline {color: #fff;font: 200 150%/100% 'Open Sans', Arial, Helvetica, sans-serif;text-shadow: 1px 2px 3px #000;}
  
}