@charset "utf-8";
/* CSS Document */

/******************************/
/*******general styles*********/
/******************************/

/**********natural box layout model**********/
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
/**********end natural box layout model**********/

html, body {
      font-family: 'Open Sans', sans-serif;
      margin:0;
      padding:0;
      background:#010d05;
}

a img {
	border:none;	
}

figure {
      margin:0;
      padding:0;
}
.padded {
      padding:2em;      
}
#siteContainer {
	margin:0;
      background:#fff;
}

#siteContent {
	padding:0;
      background-color:#ffffff;
      overflow: visible;
}

.wrap {
	margin: 0 auto 0 auto;
	padding: 0;
	max-width: 1140px;
	overflow:visible !important;
}
.wrapS {
	margin: 0 auto 0 auto;
	padding: 0;
	max-width: 960px;
	overflow:visible !important;      
}
.wrapXS {
	margin: 0 auto 0 auto;
	padding: 0;
	max-width: 768px;
	overflow:visible !important;
}

img:not(.noRespond) {
	width:100%;
      height:auto;
}

.noMarginBottom {
	margin-bottom:0 !important;
}
.noMarginTop {
	margin-top:0 !important;	
}

hr.separator {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #ccc;
    margin: 2em 0;
}

/**********text styles**********/

.enlarge100 {
      font-size:2em;
}
.enlarge50, .enlarge {
      font-size:1.5em;
}
.enlarge25 {
      font-size:1.25em;      
}
.enlarge10 {
      font-size:1.125em;      
}
.reduce25 {
      font-size:0.75em;      
}
.reduce50 {
      font-size:0.5em;      
}
.bold {
      font-weight:bold;
}
.oblique {
      font-style:oblique;      
}

/**********site colors**********/
.nrcGreen {
      color:#076324;
}
.white {
      color:#ffffff;
}
.nrcGreenBG {
      background-color:#076324;
}
.blackBG {
      background-color:#000;
}
.imageBG::before {
      content: "";
      background-position: 50% 50%;
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;      
}
.imageBG {
      position: relative;
      overflow:auto;
}
.nrcGreenGradient {
      background-image:linear-gradient(to right, rgba(7,99,36,0), rgba(7,99,36,1), rgba(7,99,36,1), rgba(7,99,36,1), rgba(7,99,36,1), rgba(7,99,36,1),rgba(7,99,36,1), rgba(7,99,36,1), rgba(7,99,36,0));      
}
.nrcGreenRadial {
      /*background-image: radial-gradient(ellipse closest-side, rgba(7,99,36,1), rgba(7,99,36,1), rgba(7,99,36,1),rgba(7,99,36,0), rgba(7,99,36,0));*/
      background-image: radial-gradient(ellipse closest-side, rgba(7,99,36,1),rgba(7,99,36,1), rgba(7,99,36,1),rgba(7,99,36,1), rgba(7,99,36,1),rgba(7,99,36,0.75),rgba(7,99,36,0.5), rgba(7,99,36,0));
}
.whiteGradient {
      background-image:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1),rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0));   
}
.whiteRadial {
      background-image: radial-gradient(ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0.75), rgba(255,255,255,0.5),rgba(255,255,255,0.25),rgba(255,255,255,0));
}
.blackGradient {
      background-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1),rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0));       
}
.blackRadial {
      background-image: radial-gradient(ellipse closest-side, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0.75), rgba(0,0,0,0.5),rgba(0,0,0,0.25),rgba(0,0,0,0));
}
.greyBG {
	background-color:#dfdfdf;
}
.greyGradient {
background-image: linear-gradient(to right, rgba(223,223,223,0), rgba(223,223,223,1), rgba(223,223,223,1), rgba(223,223,223,1), rgba(223,223,223,1), rgba(223,223,223,1), rgba(223,223,223,1), rgba(223,223,223,1), rgba(223,223,223,1), rgba(223,223,223,1), rgba(223,223,223,0));      
}
.greyRadial {
      background-image: radial-gradient(ellipse closest-side, rgba(223,223,223,1),rgba(223,223,223,1),rgba(223,223,223,1),rgba(223,223,223,0),rgba(223,223,223,0))
}
.darkBlueBG {
      background-color:#000625;
}
.darkBlueGradient {
      background-image:linear-gradient(to right, rgba(0,6,37,0), rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,1),rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,0));   
}
.darkBlueRadial {
      background-image: radial-gradient(ellipse closest-side, rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,1), rgba(0,6,37,0.75), rgba(0,6,37,0.5),rgba(0,6,37,0.25),rgba(0,6,37,0));
}
.serviceIntroBG {
    background-color:#1d261e;
}
/**********alignment**********/

.center {
      text-align:center;
}
.left {
      text-align:left;
}
.right {
      text-align:right;
}
.justified {
      text-align:justify;
}
.floatLeft {
      float:left;
}
.floatRight {
      float:right;
}

/**********paragraph styles**********/

p {
      line-height:1.4;
}
p:first-of-type {
      margin-top:0;
}
p:last-of-type {
      margin-bottom:0;
}

/**********link styles*********/
a {
	color:#006225;
}

a:hover {
	color:#000000;
	text-decoration:none;
}
/******************************/
/*********Grid styles**********/
/******************************/

.gridContainer {
	width: 100%;
	overflow: auto;
}
.grid {
	float: left;
	overflow: auto;
	margin: 3.5% 0 3.5% 3.5%;
}
.gridContainer + .gridContainer > .grid {
	margin-top:0 !important;	
}
.grid:nth-of-type(1) {
	margin-left: 0 !important;
	clear: left;
}
.grid.one {
	width: 5.125%;
}
.grid.two {
	width: 13.75%;
}
.grid.three {
	width: 22.375%;
}
.grid.four {
	width: 31%;
}
.grid.five {
	width: 39.625%;
}
.grid.six {
	width: 48.25%;
}
.grid.seven {
	width: 56.875%;
}
.grid.eight {
	width: 65.5%;
}
.grid.nine {
	width: 74.125%;
}
.grid.ten {
	width: 82.75%;
}
.grid.eleven {
	width: 91.375%;
}
.grid.twelve {
	width: 100%;
}
.grid figure {
	margin: 0;
	padding: 0;
}
.grid h1:first-child {
	margin-top:0;
}

.grid p:last-of-type {
	margin-bottom:0;	
}
.grid.newRow {
      margin-left: 0 !important;
      clear: left;
}

/******************************/
/*********flex styles**********/
/******************************/

.flexContainer {
      display: flex;
      flex-wrap:wrap;
}

.flexVerticallyCenter {
      display:flex;
      align-items: center;
}
.flexCenter {
       justify-content: center;
}
.flexLeft {
      justify-content:flex-start;
}
.flexRight {
      justify-content:flex-end;
}

/******************************/
/****back to the top styles****/
/******************************/

.backToTop {
	background: none;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 32px;
	width: 40px;
	height: 40px;
	z-index: 100;
	display: none;
	text-decoration: none;
	color: #ffffff;
}
a.backToTop {
	color:#fff !important;
	opacity:0.75;
	background:#ccc;
	text-align:center;
	border-radius:0.5em 0.5em 0 0;	
}
.backToTop i {
	font-size: 36px;
      padding:2px 0;
}

/******************************/
/********header styles*********/
/******************************/

header {
      background:#fff;
}
.headerContent {
      position:relative;
}
a.clientLogin {
      border-radius:0.75em; 
      box-shadow: 0 0.0625em 0.125em 0 rgba(0,0,0,0.5);
      text-transform: uppercase;
      font-weight:700;
      text-decoration: none;
      display:inline-block;
      color:#fff;
}
a.callTodayBtn {
      text-transform: uppercase;
      font-weight:700;
      text-decoration: none;
      display:inline-block;
      color:#fff;
      border-radius:0.75em; 
      box-shadow: 0 0.0625em 0.125em 0 rgba(0,0,0,0.5);
}
a.callTodayBtn:hover, a.clientLogin:hover {
      background:#333;
}
a.callTodayBtn p {
      margin:0;
}
.headsetPhoto {
      float:left; 
      background-position: 50% 50%;
      background-size: cover;
      border-radius:0.75em 0 0 0.75em;
      min-width:82px;
}
.callToday figure img {
      border-radius: 0.5em 0 0 0.5em;
      border-style:solid;
      border-color:#076324;
      border-width:2px 0 2px 2px;
      width:3.25em;
      font-size:1.25em;
      box-shadow: 0 0.0625em 0.125em 0 rgba(0,0,0,0.5);      
}


/******************************/
/********footer styles*********/
/******************************/

footer {
      background:#010d05;
      color:#fff;
      padding:4em 0;
 }
.footerContent h2 {
      margin-top:0;
}
.footerContent .grid {
      margin-top:0;
}
ul.footerNav, ul.nrcSocialMedia, ul.footerSiteLinks {
      list-style:none;
      margin:0;
      padding:0;
}
/*ul.footerSiteLinks {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2;
      column-gap: 1.25em;      
}*/
ul.footerNav li, ul.nrcSocialMedia li {
      display:inline;
}
ul.footerNav li a {
      color:#fff;
      text-decoration:none;
      padding:1em 2em;
}
ul.nrcSocialMedia li a {
      display:inline-block;
      margin-right:1em;
}
.footerContact a {
      color:#fff;
      text-decoration:none;
}
.footerLogo figure {
      max-width:170px;
      display:inline-block;
}
footer .copyright a, ul.footerSiteLinks li a {
      text-decoration:none;
      color:#fff;
}
/******************************/
/*********Home styles**********/
/******************************/
.pageBlock h1 {
      margin:0;
}
.pageBlock h2 {
      margin:0.25em 0;
}
.pageBlock .blockContent {
      padding:5em 0;
      position:relative;
}
.servicesHome {
      background-color:#000625;
      position:relative;
}
.servicesHome h2 {
      font-size:1.35em;
}
.homeServiceBlock {
      position:relative;
      background:#eee; 
      border-radius:1em; 
      padding:0.25em 0.25em 2em 0.25em;      
}
.homeServiceBlock img {
	border-radius:1em 1em 0 0;
}
.homeServiceBlock a {
      text-decoration: none !important;
      color:#000;
}
.homeServiceBlock p {
	padding-left:0.75em;
    padding-right:0.75em
}
.homeServiceBlock p:last-of-type {
      margin-bottom:3em;
}
.homeServiceBlock a:hover {
      color: #076324;
}
.homeServiceBlock a.nrcBtn {
      font-size:0.85em;
      padding:0.75em 1em;
      position: absolute;
      bottom: 1.5em;
      left: 50%;
      transform: translateX(-50%);      
}
.homeServiceBlock a.nrcBtn:hover {
      color:#fff;
}
.homeHighlightBlock {
      font-family: 'PT Sans Narrow', sans-serif;
      font-size:2em;
      position: relative;
}
.highlightContent {
      position: relative;
      padding:2em 0;
}
.homeHighlightBlock h1 {
      margin:0;
}
.homeHighlightBlock h2 {
      margin-top:0;
      font-size:1.25em;
      font-weight:400;
}
.homeHighlightBlock p {
      font-size:0.75em;
}
.testimonials {
      background-color:#f0f0f0;
      position: relative;
}
.testimonials {
      padding-bottom:2em;
      /*****offset slick dots*****/
}
.testimonialsBlockContainer.slick-slider {
      overflow:hidden;
      /*****override the padding for >=1040px*****/
      padding-left:1em;
      padding-right:1em;
      /*****this is to make room for the dots*****/
      padding-bottom:48px;
}
.testimonialsBlockContainer {
      display:flex;
      align-items:stretch;
}
.testimonialsBlockContainer .slick-list {
      margin-left:-0.75em;
}
.testimonialsBlockContainer .slick-list .slick-track .slick-slide {
      margin-left:0.75em;
      height:inherit !important;
      background:#ffffff;
      border-radius:0.5em;
}
.testimonialsBlockContainer .slick-list .slick-track {
      display:flex !important;
}
.testimonialBlock {
      /*background:#1b1c21;*/
      background-color:#fff;
      border-radius:0.5em;
}
.testimonialBlock:nth-of-type(3n) {
      margin-right:0;
}
.testimonialText {
      padding:1em 2em;
      text-align: center;
}
.testimonialQuote {
      font-size:1.25em;
      font-style: oblique;
}
.clientLogo {
      margin:1em 0;
}
.clientLogo.squareLogo img, clientLogo.tallLogo img {
      max-width:100px;
      display:inline-block !important;
}
.clientLogo.wideLogo img {
      max-width:250px;
      display:inline-block !important;
}
.clientName {
      display:block;
      font-size:1.25em;
}
.clientPhoto {
      /*background-image:linear-gradient(to right, #19444a,#cbf9ff,#19444a);*/
      border-radius:0.5em 0.5em 0 0;
      padding:1em 0;
      position:relative;
      background-color:#003840;
}

.clientPhoto figure {
      height:200px;
      width:200px;
      background-position: 50% 50%;
      background-size: cover;
      border-radius:0.5em 0.5em 0 0;
      margin:0 auto;
      border-radius:100%;
      border-style:solid;
      border-width:3px;
      border-color:#ddd;
      position:relative;
}
.nrcGuarantee {
      font-family: 'PT Sans Narrow', sans-serif; 
      position:relative;
}
.nrcGuaranteeContent {
      position:relative;
}
.nrcGuaranteeContent h1 {
      font-size:3em;
}
.nrcGuaranteeContent p {
      font-size:2em;
}
.nrcVsInHouse {
      background:#dfdfdf;
      position: relative;
}
.nrcVsInHouse .blockContent {

}
.nrcVsInHouse h1 {
      font-size:3em;
      font-family: 'PT Sans Narrow', sans-serif;
      margin-top:0;
}
a.nrcBtn {
      padding:1em 2em;
      text-transform: uppercase;
      text-decoration: none;
      font-weight:bold;
      color: #fff;
      border-radius:0.5em;
      background-color:#076324;
      display:inline-block;
      margin-top:1em;
}
a.nrcBtn:hover {
      background-color:#000;
}
.centerList {
	display: table;
	margin: 0 auto;
}
.nrcPartners {
      background-color:#333;
      margin:0;
      overflow: auto;
      padding:2em 0;
}
.nrcPartners h1 {
      font-family: 'PT Sans Narrow', sans-serif;
      font-size:3em;
      margin-top:0;
      margin-bottom:0.5em;
}
ul.partnerLogos {
      list-style:none;
      margin:0;
      padding:0;
}
ul.partnerLogos li {
      display:inline-block;
      padding:0 2em;
      margin-bottom:1.25em;
}
.nrcHistory {
      padding:0;
      position:relative;
}
.nrcHistoryText {
      font-family: 'PT Sans Narrow', sans-serif;
      text-shadow: 0 0.0625em 0 rgba(0,0,0,0.9);
      font-size:2em;
      padding:2em 0;
      font-weight:bold;
      position:relative;
}
.openLetter {
      position:relative;
}
.openLetter .blockContent {
      background-image:linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0));
      padding:2em 0;
}
.openLetterText {
      font-size:1.25em;
}
.openLetterText p {
      line-height: 1.8;
}
.getAQuote {
      background-color:#194349;
      padding:3em 0;
      position:relative
}
.quoteForm {
      position:relative;
}
.getAQuote h1 {
      font-size:3em;
      margin-bottom:1em;
      text-transform: uppercase;
      text-shadow: 0 0.0625em 0.125em rgba(0,0,0,0.7);      
}
.quoteForm label.screenReaderOnly, #searchForm label.screenReaderOnly {
      position: absolute !important;
      top: -9999em !important;
      left: -9999em !important;      
}
.quoteForm ::placeholder {
      color: #a0a0a0;
      opacity: 1; /* Firefox */
}

.quoteForm :-ms-input-placeholder { /* Internet Explorer 10-11 */
      color:#a0a0a0;
}

.quoteForm ::-ms-input-placeholder { /* Microsoft Edge */
      color:#a0a0a0;
}
.quoteForm .grid.six {
      width:48.075%;
}
.quoteForm .grid {
      margin:0 0 3.85% 3.85%;
      overflow:hidden !important;
}
.quoteForm fieldset {
      border-width:0;
      padding:0 !important;
      margin:0 !important;
}
.quoteForm input[type=text], .quoteForm input[type=email], .quoteForm input[type=tel], .quoteForm textarea, .quoteForm select {
      font-family: 'Open Sans', sans-serif;
      font-size: 1.125em !important;
      width: 100%;
      background-color: #ffffff;
      color: #000000;
      padding: 0.875em 1.325em;
      border: none;
      border-radius: 0.5em;
      cursor: pointer;
}
.quoteForm select:invalid {
      color:#a0a0a0;
}
.quoteForm *:focus {
      outline:none;
}
.getAQuote fieldset {
      border-width: 0;
      padding: 0 !important;
      margin: 0 !important;      
}
.g-recaptcha div:first-child {
    margin: 0 auto !important;
}
.successMessage {
      display:none;
      background:#fff;
      border-radius: 0.5em;
      padding:2em;
}
.hideElement {
      display:none !important;
}
.showElement {
      display:block !important;
}
button.sendEmailBtn {
      font-size: 1.125em;
      padding: 1em 2.625em;
      display: inline-block;
      font-weight: 600;
      text-transform: uppercase;
      text-decoration: none;
      color: #194349;
      border-radius: 0.5em;
      background: #ffffff !important;      
      cursor: pointer;
      border-width:0;
}
button.sendEmailBtn:hover {
      padding: 0.875em 2.5em;
      color: #fff !important;
      background-color: transparent !important;
      border-style: solid;
      border-width: 0.125em;
      border-color: #ffffff;
}


/******************************/
/*****Cybersecurity styles*****/
/******************************/

.cyberAttack {
      /*background-color:#000625;*/
}
.cyberAttackContent {
      padding:2em 0;
      position:relative;
/*      background:#1e1f25;*/
      color:#fff;
/*      text-shadow: 0 0.0625em 0.125em rgba(0,0,0,0.7);*/
}
.cyberAttackContent a {
      color:#fff;
}
.cyberAttackContent a:hover {
      color:#fff;
}
.cyberAttack h1 {
      font-size:2.2em;
      margin-bottom:0.5em;
}
.victim {
      font-size:2em;
      font-weight:bold;
}
.guardianFortress {
      font-family: 'Black Ops One', cursive;
      color:#1d6222;
      font-weight:bold;
      
}
.cyberSecuritySolution .blockContent {
      position:relative;
      padding:5em 0; 
}
.cyberSecuritySolution h1 {
      font-size:2em;
      margin-bottom:0.5em;
}
.cyberSecuritySolution p {
      font-size:1.5em;
}
.nrcTesting {
      background-color:#076324;
      padding:0;
      position:relative;
}
.nrcTestingText {
      font-family: 'PT Sans Narrow', sans-serif;
      text-shadow: 0 0.0625em 0 rgba(0,0,0,0.9);
      font-size:2em;
      font-weight:bold;
      position:relative;
}
.securityHighlights figure {
      margin:0 auto 1em auto;
      max-width:768px;
}
.phishingRansomware p:first-of-type {
      margin-top:1em;
}
.phishingRansomware h1:nth-child(2) {
      margin:2em 0 0 0;
}
.nrcTesting .customText {
      font-size:1.6em; 
}

/******************************/
/******Managed IT styles*******/
/******************************/

.managedITContent {
    padding:2em 0;
}
.managedITContent h1 {
      margin-top:1em;
}
.managedITContent p {
      line-height:1.8;
}
ul.managedServicesList {
      list-style:none;
      margin:0;
      padding:0;
}
ul.managedServicesList li {
      margin:0.5em 0 0.5em 1.5em;
      padding:0;
}
ul.managedServicesList li:first-of-type {
      margin-top:0;
}
ul.managedServicesList li:last-of-type {
      margin-bottom:0;
}

ul.managedServicesList li::before {
      content:'';
      display: inline-block;
      background-image:url('https://newrivercomputing.com//images/uploads/site-assets/checkmark.svg');
      background-repeat: no-repeat;
      height:1em;
      width:1.5em;
      margin-left:-1.5em;
}

ul.managedServicesList li:last-of-type::before {
      content:none;
      margin:0;
      width:0;
      padding:0;
}
.peakPerformance {
      background-color: #076324;
      padding: 0;
      position: relative;
}
.peakPerformance .managedITContent {
      font-family: 'PT Sans Narrow', sans-serif;
      text-shadow: 0 0.0625em 0 rgba(0,0,0,0.9);
      font-size:1.5em;
      font-weight:bold;
      position:relative;
      padding:2em 0;
}
.peakPerformance .managedITContent h1 {
      margin-top:0;     
}
.smileBack {
      background:#f0f0f0;
      padding:1em 0;
}
.smileBackIntro {
      margin:1em 0;
}
/******************************/
/******Networking styles*******/
/******************************/

.networkingContent h1 {
      margin:0 0 1em 0;
}
.networkingContent p {
}
.networkingContent ul li {
    margin:0 0 0.5em -1em;
}
.pageHeading .networkingContent h1 {
      margin:0;
      text-shadow: 0 0.0625em 0 rgba(0,0,0,0.9);
      font-size:1.75em;
      text-transform: uppercase;
}
.pageHeading .networkingContent {
      position:relative;
      padding:1em 0;
}
.networkInstall .networkingContent {
      font-family: 'PT Sans Narrow', sans-serif;
      text-shadow: 0 0.0625em 0 rgba(0,0,0,0.9);
      font-size:1.5em;
      font-weight:bold;
      position:relative;
      padding:2em 0;
}
.networkInstall .networkingContent h1 {
      margin-top:0;     
}
.connectivityTrust .inBodyLogo {
      max-width:300px;
      margin:1em auto 0 auto;
}
.connectivityTrust .blockContent {
      padding:0;
}
.connectivityTrust p:first-of-type {
      padding-top:4em;
      margin-bottom:0;
}
.connectivityTrust figure {
      padding-bottom:8em;
}

/******************************/
/****Design & Install styles***/
/******************************/

.installContent {
      position:relative;
    padding:2em 0;
}
.saveTimeAndMoney h1 {
      margin-bottom:0.5em;
}
.installContent p {
      line-height:1.8;
}
.providingSolutions .installContent {
      font-family: 'PT Sans Narrow', sans-serif;
      text-shadow: 0 0.0625em 0 rgba(0,0,0,0.9);
      font-size:2em;
      font-weight:bold;
      position:relative;
      padding:2em 0;
}
.providingSolutions .installContent p {
      line-height:1.4;
}
.callUs h1 {
      font-size:1.75em;
      margin:0;
      padding:3em 0;
}
.callUs {
      background-color: #dfdfdf;      
}

/******************************/
/*********VoIP styles**********/
/******************************/

ul.standardFeaturesList li .featureCategory {
      font-size: 1.375em;
      font-weight:700;
      color:#076324;
}
ul.standardFeaturesList {
      list-style:none;
      line-height: 1.375;
      margin:1em 0;
      padding:0;
}
ul.standardFeaturesList li {
      margin:0;
}
ul.standardFeaturesList li ul {
      list-style: disc;
}
ul.standardFeaturesList li ul li {
      margin:1em 0 1em 1em;
      padding-left:0.25em;
}

/******************************/
/********Backup styles*********/
/******************************/

.networkingContent {
    padding:2em 0;
} 

.backupContent {
      position:relative;
}
.backupContent h1 {
      
}
.backupContent p {
      line-height:1.8;
}
.backupIntro {
      overflow:auto;
}
.backupIntro .backupContent h1 {
      margin-top:1em;
}
.backupHelp .backupContent {
      font-family: 'PT Sans Narrow', sans-serif;
      text-shadow: 0 0.0625em 0 rgba(0,0,0,0.9);
      font-size:1.5em;
      font-weight:bold;
      position:relative;
}
.backupHelp .backupContent h1, .considerBackup .backupContent h1 {
      margin:0 0 0.5em 0;     
}
.backupHelp .backupContent p, .considerBackup .backupContent p {
      line-height:1.4em;     
}
.considerBackup .backupContent {
      font-family: 'PT Sans Narrow', sans-serif;
      text-shadow: 0 0.0625em 0 rgba(0,0,0,0.9);
      font-size:1.5em;
      font-weight:bold;
      position:relative;
}
.backupHelp .backupContent, .considerBackup .backupContent {
      padding:2em 0;
}
.considerBackup {
      background-color:#000625;
}
.ourBackupServices .backupContent {
      padding:2em 0;
}
.ourBackupServices .backupContent figure {
      margin-bottom:1em;
}
ul.errorList li {
    margin:0 0 0 -1em;
}

/******************************/
/****In-house vs NRC styles****/
/******************************/

.comparisonIntro {
      background-color:#000625;
      overflow:auto;
}

.comparisonIntro .comparisonContent {
      font-family: 'PT Sans Narrow', sans-serif;
      text-shadow: 0 0.0625em 0 rgba(0,0,0,0.9);
      font-size:2em;
      position:relative;
      padding:1em 0;
}
.comparisonContent {
    padding:2em 0;
}
figure.nrcTeam {
      margin-top:2em;
}
figure.nrcTeam img {
      max-width:768px;
      margin:0 auto;
}
.teamOfExperts figure {
      margin-top:2em;
}
.teamOfExperts figure img {
      max-width:768px;
      margin:0 auto;
}


/******************************/
/*******Co-managed styles******/
/******************************/

.coManagedServices .comparisonContent {
      padding:2em 0;
}

.overwhelmingDemand p, .supplementYourTeam p {

}
/******************************/
/*******Compliance styles******/
/******************************/

.complianceIntro {
    padding:2em 0;
}
.nrcTesting {
    padding:4em 0;
}
/******************************/
/*******About Us styles********/
/******************************/
.aboutIntro h1 {
      margin-top:1em;
      margin-bottom:0.5em;
}
.aboutIntro {
      margin-bottom:2em;
}
.aboutIntro .aboutContent .grid:first-child {
      margin-bottom:0;
}
.teamMemberContent h1 {
      margin:1em 0 0 0;
}
.teamMemberContent h2 {
      margin:0.25em 0 0 0;
      font-size:1em;
}
.teamMemberContent p, .aboutIntro p {
      line-height: 1.8;
}
.imageGallery figure img {
      display:block;
}
.imageGallery figure.secondaryImage {
      float:left;
      width:49%;
      margin-bottom:2%;
}
.imageGallery figure.secondaryImage:nth-child(odd) {
      margin-right:1%;
}
.imageGallery figure.secondaryImage:nth-child(even) {
      margin-left:1%;
}


/************************************/
/*******Advisory board styles********/
/************************************/

.introText p {
      margin:1em 0;
      line-height:1.8;
}
p.advisorTitle, p.advisorCompany {
      margin:0;
      line-height:1.4 !important;
}
p.advisorLocation {
      font-size:0.85em;
      margin:0;
      line-height:1.4 !important;
}
.boardMemberBlock p {
      line-height:1.8;
}

/******************************/
/********Contact styles********/
/******************************/
.contactInfo h1 {
      margin-bottom:0.5em;
}
.contactInfo h2 {
      font-size:1.25em;
}
.officeHours,.contactAddress, .contactPhone {
      margin-top:1em;
}
.officeHours p, .contactAddress p, .contactPhone p {
      margin:0;
      line-height:1.8;
}

/******************************/
/******Newsletter styles*******/
/******************************/

.newsItems h1 {
      margin-bottom:1em;
}
.newsItems p {
      line-height:1.8;
}

ul.newsletterLinkList {
      margin:2em 0;
      list-style:none;
      padding:0;
      -webkit-column-count: 3; /* Chrome, Safari, Opera */
      -moz-column-count: 3; /* Firefox */
      column-count: 3;		
      -webkit-column-gap: 2em; /* Chrome, Safari, Opera */
      -moz-column-gap: 2em; /* Firefox */
      column-gap: 2em;
}
ul.newsletterLinkList li {
	padding:0;
	margin:0;
}
ul.newsletterLinkList li a {
	padding:0 0 1em 0;
	display:inline-block;
}

/******************************/
/********Privacy styles********/
/******************************/

.privacyContent h2 {
      font-size:1.25em;
      color:#076324;
}
h2.boxed {
      margin-top:0;
}

/******************************/
/********Sitemap styles********/
/******************************/

ul.sitemapLinks li {
      margin:1em 0;
}
.sitemap {
      margin-bottom:2em;
}

/******************************/
/*******Employment styles******/
/******************************/
.employmentIntro, .availablePositions, .drugFreeWorkplace {
      margin:2em 0;
}
.employmentContent h2 {
      margin-bottom:0.75em;
      font-size:1.25em;
}
.employmentIntro p, .drugFreeWorkplace p {
      line-height:1.8;
}


/******************************/
/******Service Area styles*****/
/******************************/
.serviceAreaIntro, .serviceAreaContent {
    padding:1em 0;
}
.serviceAreaContent .gridContainer h2 {
      margin-top:0;
}

.serviceAreaContent p {
      line-height:1.8;
}

/************************************************************************************************************/
/************************************************************************************************************/
/********************************************Desktop 1140 to 769*********************************************/
/************************************************************************************************************/
/************************************************************************************************************/


@media only screen and (min-width: 769px) and (max-width: 1140px) {
      .wrap {
            padding-left:1em;
            padding-right:1em;
      }
      /******************************/
      /*******About Us styles********/
      /******************************/
      
      .teamMemberBlock br {
            display:none !important
      }
      
      
      .teamMemberHeading h1 {
            font-size:2.5em !important;
      }      
}

/************************************************************************************************************/
/************************************************************************************************************/
/********************************************Desktop 860 to 769*********************************************/
/************************************************************************************************************/
/************************************************************************************************************/

@media only screen and (min-width: 769px) and (max-width: 860px) {
      .callText .phoneNumber {
            font-size:1em !important;
      }
      .headerButtons {
            font-size:0.9em;
      }
}

/************************************************************************************************************/
/************************************************************************************************************/
/*******************************************Desktop down to 769px*******************************************/
/************************************************************************************************************/
/************************************************************************************************************/

@media only screen and (min-width: 769px) {
      .mobile {
            display:none;
      }
      .siteContainer {
            position:relative;
            z-index:1;
      }
      .jsEnabled .nav {
            display: block;
      }      
      .navBtn {
            display: none;
      }
      .mainNav {
            float:right;
            clear:right;
      }
      .nav, .nav ul {
            line-height: 1.5em;
            list-style: outside none none;
            margin: 0;
            padding: 0;
            z-index:1010;      
      }
      .nav a {
            display: block;      
      }
      .nav li {
            float:left;
            margin:0;
      }
      .nav li a {
            color: #000000;
            display: block;
            text-align: center;
            text-decoration: none;
            padding:1em 2em;
      }
      /* unvisited link */
      .nav li a:link {
            color: #000000;
      }
      /* visited link */
      .nav li a:visited {
            color: #000000;
      }
      /* mouse over link */
      .nav li a:hover {
            color: #076324;
      }
      /* selected link */
      .nav li a:active {
            color: #000000;
      }
      .nav .topLevelNavLink .navText {
            position:relative;
            display: inline-block;
            z-index: 1001;
      }         
      .nav li {
            float: left;
      }
      .nav li ul {
            position: absolute;
            width: 15.5em;
            left: -999em;
      }
      li.closeSubNav {
            display:none;
      }
      .nav li ul li a {
            width: 15.5em;
            background:#eee;
            text-align:left;
            font-weight:normal;
            text-transform: capitalize;
            box-shadow:0 0.25em 0.25em rgba(0,0,0,0.7);
            text-shadow: none;
            padding: 0.5em 1.35em;            
      }
      .nav li ul li:nth-child(2) a {
            border-radius: 0.5em 0.5em 0 0;
            padding-top:1.5em;
      }
      .nav li ul li:last-child a {
            border-radius: 0 0 0.5em 0.5em;
            padding-bottom:1.5em;
      }
      /* unvisited link */
      .nav li ul li a:link {
            color: #000000;
      }
      /* visited link */
      .nav li ul li a:visited {
            color: #000000;
      }
      /* mouse over link */
      .nav li ul li a:hover {
            color: #076324;
      }
      /* selected link */
      .nav li ul li a:active {
            color: #000000;
      }
      .nav li:hover ul {
            left: auto;
      }      
      /* visited link */
      .nav li a.topLevelNavLink:visited {
        color: #000000;
      }
      /* mouse over link */
      .nav li a.topLevelNavLink:hover {
        color: #000000;
      }
      .nav li a.topLevelNavLink span::after {
            font-family: "Font Awesome 5 Free";
            content: "\f0da";
            position:absolute;
            right:-1.5em;
            vertical-align: -50%;
            width:1.5em;
            text-align:center;
            z-index: 1003;
            font-weight:bold;
      }
      .nav li a.topLevelNavLink:hover span::after, .nav li:hover a.topLevelNavLink span::after  {
            color: #076324;
            font-family: "Font Awesome 5 Free";
            content: "\f0d7";
            position:absolute;
            right:-1.5em;
            vertical-align: -50%;
            width:1.5em;
            text-align:center;
            z-index: 1003;
            font-weight:bold;
      }
      /* selected link */
      /*.nav li a.topLevelNavLink:active {
        color: #000000;
      }*/

      /******************************/
      /********header styles*********/
      /******************************/

      header {
            /*background:linear-gradient(to bottom, #064a1b, #096125);*/
            padding:1em 0 0 0;
            box-shadow: 0px 0px 0.75em 0px rgba(0,0,0,0.7);            
            position: fixed;
            width: 100%;
            z-index:99999;
            top: 0;
      }
      .callText {
            padding:1em;
      }
      .callText .phoneNumber {
            font-size:1.5em;
      }
      a.clientLogin {
            display:block;
            margin-left:0.5em;
            padding:1em;
      }
      figure.headerLogo {
            display: inline-block;
            margin:0 1em 0 0;
            float:left;
      }
      .callTodayBtn {
            display: flex !important;
            align-items: stretch;          
      }
      .headerButtons {
            display: flex;
            align-items: stretch;
            flex-direction: row-reverse;
      }
      a.clientLogin, .callTodayBtn .callText {
            display:flex;
            align-items:center;
      }

      /******************************/
      /*********Home styles**********/
      /******************************/

      .cyberSecurity {
            font-size:1.25em;
      }
    
      /******************************/
      /*****Cybersecurity styles*****/
      /******************************/

      .cyberAttack {
            padding:2em 0;
      }
      .cyberAttackContent {
            padding:0;
      }

    
      /******************************/
      /*******Managed IT styles******/
      /******************************/
      ul.managedServicesList {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        column-gap: 1.25em;            
      }
    
      /******************************/
      /*********Backup styles********/
      /******************************/    
        ul.errorList {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
            column-gap: 1.25em;            
        }
        .backupContent {
            padding:2em 0;    
        }
    
      /******************************/
      /****Design & Install styles***/
      /******************************/

      /*.installContent .gridContainer {
            display: flex;
            align-items: center;
            justify-content: center;
      }
      .newInfrastructure .gridContainer {
            flex-direction:row-reverse;
      }*/
      .newInfrastructure .grid {
            float:right !important;
            margin-left: 0;
            margin-right: 3.5%;
      }
      .newInfrastructure .grid:first-child {
            margin-right:0;
      }      

      
      /******************************/
      /*********VoIP styles**********/
      /******************************/
      
      ul.standardFeaturesList {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
            column-gap:1.25em;
      }
      ul.standardFeaturesList li .featuresListGroup {
            -webkit-column-break-inside: avoid;
                      page-break-inside: avoid;
                           break-inside: avoid;            
      }
      ul.standardFeaturesList li ul {
            margin:1.4375em 0 3.375em 1em;
      }
    .voipContent {
        padding:2em 0;
    }
    /*      
      .voipContent .gridContainer {
            display: flex;
            align-items: center;
            justify-content: center;
      }      
      .comparisonContent .gridContainer {
            display: flex;
            align-items: center;
            justify-content: center;
      }
      .voipProductivity .gridContainer {
            flex-direction:row-reverse;
      }
      .voipProductivity .grid {
            float:right !important;
            margin-left: 0;
            margin-right: 3.5%;
      }*/
      .voipProductivity .grid:first-child {
            margin-right:0;
      }      
      

      
      
      /******************************/
      /*******About Us styles********/
      /******************************/
      .aboutIntro {
            padding-top:2em;
            margin-bottom:4em;
      }
      .aboutIntro .grid {
            float:right !important;
            margin:0 3.5% 0 0;
      }
      .aboutIntro .grid:first-child {
            margin-right:0;
      }
      .aboutIntro h1 {
            font-size:3.5em;
            line-height:1.2;
            margin:0;
      }
      .aboutIntro .aboutContent .grid:first-child {
            background:#076324;
            color:#fff;
            padding:3em;
            text-shadow: 0 0.0625em 0.125em rgba(0,0,0,0.7);
      }
      .aboutIntro .aboutContent {
            display:flex;
            align-items:stretch;
            flex-direction:row-reverse;
      }
      .teamMemberHeading  {
            background:#076324;
            color:#fff;
            margin-bottom:2em;
            position:relative;
      }
      .teamMemberHeading  .gridContainer {
            position:relative;
      }
      .teamMemberHeading .grid {
            margin:0 !important;
      }
      .teamMemberHeading .grid.eight {
            width:69%;
      }
      .teamMemberHeading .grid:first-child {
            padding:3em;
            text-shadow: 0 0.0625em 0.125em rgba(0,0,0,0.7);
      }
      .teamMemberHeading .grid:last-child {
            float:right !important;
      }
      .teamMemberHeading h1 {
            font-size:3.5em;
            line-height:1.2;
            margin-top:0;
      }
      .teamMemberHeading h2 {
            font-size:1.5em;
            font-weight:100;
      }
      .teamMemberHeading figure img {
            display:block;
      }
      .nrcYear {
            position:absolute;
            bottom:3em;
            left:3em;
            margin:0;
      }
      .nrcYear span {
            font-size:1.25em;                  
      }
      .teamMemberBlock.even .grid {
            float:right !important;
            margin-left: 0;
            margin-right: 3.5%;
      }
      .teamMemberBlock.even .grid:first-child {
            margin-right:0;
      }
      .teamMemberBlock.even .nrcYear {
            left:inherit !important;
      }
      .teamMemberBlock {
            margin-bottom:2em;
      }
      
      /************************************/
      /*******Advisory board styles********/
      /************************************/
      /*
      .odd .boardMemberBlock .grid {
            float:right !important;
            margin: 3.5% 3.5% 3.5% 0%;      
      }
      .odd .boardMemberBlock .grid:nth-of-type(1) {
            margin-right: 0 !important;
            clear: left;
      }
      .even .boardMemberBlock .grid {
            float:right !important;
            margin: 3.5% 3.5% 3.5% 0%;      
      }
      .even .boardMemberBlock .grid:nth-of-type(1) {
            margin-right: 0 !important;
            clear: left;
      }*/
      
      /******************************/
      /********Sitemap styles********/
      /******************************/
      
      ul.sitemapLinks {
          margin: 2em 0;
          list-style: none;
          padding: 0;
          -webkit-column-count: 3;
          -moz-column-count: 3;
          column-count: 3;
          -webkit-column-gap: 2em;
          -moz-column-gap: 2em;
          column-gap: 2em;
      }
      
      ul.sitemapLinks li:first-child {
            margin-top:0;
      }

      /******************************/
      /******Service Area styles*****/
      /******************************/

      .serviceAreaContent .gridContainer {
            display: flex;
            align-items: center;
            justify-content: center;
      }
      
}

/************************************************************************************************************/
/************************************************************************************************************/
/*****************************************General mobile up to 768px******************************************/
/************************************************************************************************************/
/************************************************************************************************************/

@media only screen and (max-width: 768px) {
      
      .right {
            text-align:left;
      }
      .desktop {
            display:none;
      }

      .wrap, .wrapS, .wrapXS {
            padding: 0 1em;
      }      

      /******************************/
      /*********grid styles**********/
      /******************************/
      
      .grid + .grid:not(.noExpand) {
            margin-top:0 !important;	
      }
      .grid:not(.noExpand) {
            /*Add the noExpand class to grid elements that shouldn't expand to 100%. This is primarily for nested grids.*/
            width: 100% !important;
            margin-left: 0 !important;
      }
      .grid:not(.noExpand).floatRight {
	      margin-right: 0 !important;      
      }       
      
      /******************************/
      /********header styles*********/
      /******************************/
      header {
            position:relative;
      }
      header .wrap {
            padding:0;
      }
      .headerContent {
            text-align: center;
      }
      figure.headerLogo {
            text-align:center;
            padding:1em 0;
      }
      figure.headerLogo img {
             max-height:80px;     
      }
      .headerButtons {
            display:inline-flex;
            flex-direction: column;
      }
      .headsetPhoto {
            display:none;
      }
      a.callTodayBtn {
            text-align:center;
            margin-bottom:1em;
      }
      .callText {
            padding:0.5em 1em;
      }
      a.clientLogin br {
            display:none;
      }
      a.clientLogin {
            padding:0.5em 1em;
            text-align:center;
            display:inline-block;
            margin-bottom:1em;
      }      
      .navBtn i {
            font-size:1.5em;
            padding:0.25em 0.15em;
            min-width:1.25em;
      }
      button.navBtn {
            background-color:#333;
            border:0px solid #777;
            margin:0;
            color:#fff;
            line-height:1;
            text-align:center;
            cursor: pointer;
            border-radius:0.5em;
            position:absolute;
            top:1em;
            left:1em;
      }
      .jsEnabled .nav {
            display: none;
      }
     .nav {
            padding:10em 0;
            margin: 0;
            list-style: none;
            line-height: 1;
            background:#000000;
            overflow:hidden;
            position:relative;
            z-index:1001;
      }
      ul.nav, ul.navSubmenu {
            list-style:none;
            display:block;
            text-align: center;
      }
      ul.navSubmenu {
            margin:0;
            padding:0;
            position:absolute;
            width:100%;
            height:100%;
            top:0;
            left:100%;
            background:#000;
            color:#fff;
            z-index:1010;
      }
      ul.navSubmenu.showSubNav {
            left:0;
      }
      li.closeSubNav {
            margin:3em 0 3.5em 0 !important;
      }
      li.closeSubNav a {
            color:#808080 !important;
            position: relative;
            z-index:1011;
      }
      li.closeSubNav a span::before {
            font-family: "Font Awesome 5 Free";
            content: "\f0d9";
            position:absolute;
            left:-1em;
            z-index:1011;
            font-weight:bold;
      }
      ul.nav li {
            display:block;
            text-align: center;
            margin:2em 0;
      }
      ul.nav li a {
            color:#fff;
            text-decoration:none;
            font-size:1.40625em;
            text-transform: uppercase;
      }
      .nav .topLevelNavLink .navText {
            position:relative;
            display: inline-block;
            z-index: 1001;
      }      
      .nav li a.topLevelNavLink span::after {
            font-family: "Font Awesome 5 Free";
            content: "\f0da";
            position:absolute;
            right:-1.5em;
            vertical-align: -50%;
            width:1.5em;
            text-align:center;
            z-index:1002;
            font-weight:bold;
      }
      .navLabel:hover {
            cursor: pointer;
      }
      
      /******************************/
      /********footer styles*********/
      /******************************/
      footer {
            padding:2em 0;
      }
      .footerSocial {
            text-align:center;
            display:inline-block;
      }
      ul.nrcSocialMedia li:last-of-type a {
            margin-right:0;
      }
      .footerSocial #likeUs {
            margin-top:0.5em;
      }
      footer .grid {
            margin-bottom:2em;
      }
      
      /******************************/
      /***Design and Install styles**/
      /******************************/      
      
      .newInfrastructure .right {
            text-align:left;
      }
      
      /******************************/
      /**********VOIP styles*********/
      /******************************/
      
      ul.standardFeaturesList {
            margin-bottom:2em;
      }
      
      /******************************/
      /*******About Us styles********/
      /******************************/
      
      .teamMemberBlock br {
            display:none !important
      }
      .teamMemberHeading {
            text-align:center;
      }
      .teamMemberHeading h2 {
            margin-bottom:0.25em;
      }
      .nrcYear {
            font-size:0.85em;
      }
      
      /************************************/
      /*******Advisory board styles********/
      /************************************/
      .memberInfo h1, .memberInfo .advisorTitle, .memberInfo .advisorCompany, .memberInfo .advisorLocation {
            text-align: center;
      }       
}


/******************************************intermediate mobile styles****************************************/

/************************************************************************************************************/
/************************************************************************************************************/
/********************************************Mobile 481 to 768px*********************************************/
/************************************************************************************************************/
/************************************************************************************************************/

@media (min-width: 481px) and (max-width:768px) {
      /******************************/
      /******Newsletter styles*******/
      /******************************/
      
      ul.newsletterLinkList {
            -webkit-column-count: 2 !important; /* Chrome, Safari, Opera */
            -moz-column-count: 2 !important; /* Firefox */
            column-count: 2 !important;		
            -webkit-column-gap: 2em; /* Chrome, Safari, Opera */
            -moz-column-gap: 2em; /* Firefox */
            column-gap: 2em;
      }      
}

/************************************************************************************************************/
/************************************************************************************************************/
/********************************************Mobile 480 and down*********************************************/
/************************************************************************************************************/
/************************************************************************************************************/

@media (max-width: 480px) {
      /******************************/
      /******Newsletter styles*******/
      /******************************/

      ul.newsletterLinkList {
            -webkit-column-count: 1 !important; /* Chrome, Safari, Opera */
            -moz-column-count: 1 !important; /* Firefox */
            column-count: 1 !important;		
            -webkit-column-gap: 0; /* Chrome, Safari, Opera */
            -moz-column-gap: 0; /* Firefox */
            column-gap: 0;
      }
}