@charset "UTF-8";
@font-face {
  font-family: "Infotechie";
  src: url("../type/Infotechie.eot?eg4enq");
  src: url("../type/Infotechie.eot?eg4enq#iefix") format("embedded-opentype"), url("../type/Infotechie.ttf?eg4enq") format("truetype"), url("../type/Infotechie.woff?eg4enq") format("woff"), url("../type/Infotechie.svg?eg4enq#Infotechie") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*.fa {
    // use !important to prevent issues with browser extensions that change fonts
    font-family: 'Infotechie' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    // Better Font Rendering ===========
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
[class^=fa-], [class*=" fa-"] {
  display: inline-block;
  font: normal normal normal 14px/1 "Infotechie";
  font-size: inherit;
  text-rendering: auto;
  speak: none;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-overlap {
  position: absolute;
  margin-left: -1.3em;
  margin-top: 0.8em;
  color: #fff;
  font-size: 0.6em !important;
}

.fa-wrench:before {
  content: "\e900";
}

.fa-windows:before {
  content: "\e901";
}

.fa-tags:before {
  content: "\e902";
}

.fa-phone:before {
  content: "\e903";
}

.fa-mobile:before {
  content: "\e904";
}

.fa-mobile-phone:before {
  content: "\e904";
}

.fa-map-marker:before {
  content: "\e905";
}

.fa-folder-open:before {
  content: "\e906";
}

.fa-linkedin-square:before {
  content: "\e907";
}

.fa-linkedin:before {
  content: "\e908";
}

.fa-twitter-square:before {
  content: "\e909";
}

.fa-twitter:before {
  content: "\e90a";
}

.fa-facebook-square:before {
  content: "\e90b";
}

.fa-envelope:before {
  content: "\e90c";
}

.fa-download:before {
  content: "\e90d";
}

.fa-desktop:before {
  content: "\e90e";
}

.fa-compass:before {
  content: "\e90f";
}

.fa-comments:before {
  content: "\e910";
}

.fa-cog:before {
  content: "\e911";
}

.fa-gear:before {
  content: "\e911";
}

.fa-caret-right:before {
  content: "\e912";
}

.fa-chevron-right:before {
  content: "\e913";
}

.fa-suitcase:before {
  content: "\e914";
}

.fa-briefcase:before {
  content: "\e915";
}

.fa-apple:before {
  content: "\e916";
}

.fa-android:before {
  content: "\e917";
}

.fa-fire:before {
  content: "\e918";
}

.fa-question-circle:before {
  content: "\e919";
}

.fa-install:before {
  content: "\e91a";
}

.fa-archive:before {
  content: "\e91b";
}

.fa-clipboard:before {
  content: "\e91c";
}

.fa-cog1:before {
  content: "\e91d";
}

.fa-drive:before {
  content: "\e91e";
}

.fa-edit:before {
  content: "\e91f";
}

.fa-line-graph:before {
  content: "\e920";
}

.fa-lock:before {
  content: "\e921";
}

.fa-mail:before {
  content: "\e922";
}

.fa-menu:before {
  content: "\e923";
}

.fa-mobile1:before {
  content: "\e924";
}

.fa-suitcase1:before {
  content: "\e925";
}

.fa-tools:before {
  content: "\e926";
}

/* A selection of rules from normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 0.6875em;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ==========================================================================
   Global
   ========================================================================== */
*, *:before, *:after {
  box-sizing: border-box;
}

html {
  font-size: 112.5%;
  /*@include bps.at-least(1200px) {
      font-size: 106.25%;
  }

  @include bps.at-least(bps.$bp6) {
      font-size: 112.5%;
  }*/
}
@media screen and (min-width: 700px) {
  html {
    font-size: 100%;
  }
}

body {
  color: #545454;
  font-family: Lato, sans-serif;
  line-height: 1.3;
}

h1, h2 {
  line-height: 1;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 500px) {
  h1, h2 {
    text-align: left;
  }
}

h1 {
  margin: 1em 0 0.5em;
  color: #1d2d3a;
  font-family: Oswald, sans-serif;
  font-size: 1.5em;
  text-transform: uppercase;
}
@media screen and (min-width: 500px) {
  h1 {
    font-size: 2.5em;
  }
}

h2, h3 {
  margin: 1em 0 0.25em;
}

h2 {
  color: #b2a687;
}

h1 + p,
h1 + ul,
h1 + ol,
h2 + p,
h2 + ul,
h2 + ol,
h3 + p,
h3 + ul,
h3 + ol {
  margin-top: 0;
}

.OuterWrap {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  background-image: linear-gradient(to bottom, #fff, #fff 120px, rgba(255, 255, 255, 0.4) 300px, rgba(255, 255, 255, 0.4)), url("../../_/img/Poly_Bg.jpg");
  background-repeat: repeat-x, repeat;
  background-position: 0 0, 50% 0;
  background-attachment: scroll, fixed;
  background-color: #fff;
}
@media screen and (min-width: 900px) {
  .OuterWrap {
    background-image: linear-gradient(to bottom, #fff, #fff 120px, rgba(255, 255, 255, 0.4) 300px, rgba(255, 255, 255, 0.4)), url("../../_/img/Poly_Bg_2x.jpg");
  }
}

@media screen and (max-width: 899px) {
  html.Enhance {
    background: none;
    background-color: #16222b;
  }
}

@media screen and (max-width: 899px) {
  .Enhance .Wrap {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 100%;
    background-image: linear-gradient(to bottom, #fff, #fff 120px, rgba(255, 255, 255, 0.4) 300px, rgba(255, 255, 255, 0.4)), url("../../_/img/Poly_Bg.jpg");
    background-repeat: repeat-x, repeat;
    background-position: 0 0, 50% 0;
    background-attachment: scroll, fixed;
    background-color: #fff;
    transition: all 0.25s;
  }
}

@media screen and (max-width: 899px) {
  .Enhance .MenuActive .Wrap {
    transform: translateX(-16em);
  }
}

/*ul {
    margin-left: 2.14285714em;
    padding-left: 0;
    list-style: none;
}

ul > li {
    position: relative;
}

ul > li:before {
    content: "\f054";
    position: absolute;
    top: 0.4166666666666667em;
    left: -2.14285714em;
    width: 2.14285714em;
    text-align: center;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
    font-size: 0.75em; // can't have font-size inherit on line above, so need to override
    text-rendering: auto; // optimizelegibility throws things off #1094
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
li > ol {
  list-style-type: lower-alpha;
}

img {
  max-width: 100%;
}

fieldset {
  border: none;
  margin: 1em 0;
  padding: 0;
}

h1 > .fa {
  font-size: 1.3em;
}

input[type=submit],
.Btn:link {
  display: inline-block;
  padding: 0.777em 1.333em;
  background-color: #16222b;
  border: none;
  border-radius: 0.333em;
  color: #fff;
  text-align: center;
}

.Btn:visited {
  color: #fff;
}

.Btn:hover,
.Btn:focus,
.Btn:active {
  background-color: #3c4a55;
}

/* ==========================================================================
   Links
   ========================================================================== */
a:link, a:visited {
  color: #1d2d3a;
  text-decoration: none;
}

.PrimaryContent a:link,
.PrimaryContent a:visited {
  color: rgb(75.53, 117.2017241379, 151.06);
}

/* ==========================================================================
   Block Quotes
   ========================================================================== */
blockquote,
cite {
  position: relative;
  display: block;
  margin-right: 2rem;
  margin-left: 2rem;
}

blockquote:before {
  position: absolute;
  top: -0.2em;
  left: -0.5em;
  content: "“";
  display: block;
  font-size: 4rem;
}

blockquote > *:last-child:after {
  content: "”";
  display: inline;
}

cite + blockquote {
  margin-top: 3rem;
}

/* ==========================================================================
   Head
   ========================================================================== */
.header {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #1d2d3a;
  background-image: linear-gradient(#1d2d3a, #1d2d3a), linear-gradient(to right, #16222b, #16222b 50%, transparent 50%);
  background-position: center top, left top;
  background-repeat: no-repeat, no-repeat;
  background-size: 1100px 100%, 100% 100%;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .header {
    height: 80px;
    margin-bottom: 6em;
  }
}

.LogoWrap {
  padding: 3px 5px;
  background-color: #16222b;
}
@media screen and (min-width: 600px) {
  .LogoWrap {
    width: 220px;
    background-color: transparent;
    background-image: linear-gradient(100deg, #16222b, #16222b 90%, transparent 90%);
    padding: 3px 20px 3px 0;
  }
}
@media screen and (min-width: 1100px) {
  .LogoWrap {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 50%;
    margin-left: -550px;
  }
}

.homelink {
  display: block;
  width: 159px;
  height: 74px;
  margin: 0 auto 0 0;
  background: url("../../_/img/it_2x.png") 0 0 no-repeat transparent;
  background-size: contain;
}

.homelink > img {
  display: none;
}

.SupportNav {
  margin: 0;
  padding: 10px;
}
@media screen and (min-width: 600px) {
  .SupportNav {
    position: absolute;
    top: 27px;
    right: 60px;
    padding: 0;
    font-size: 1em;
  }
}
@media screen and (min-width: 900px) {
  .SupportNav {
    top: 40px;
    right: 10px;
  }
}
@media screen and (min-width: 1100px) {
  .SupportNav {
    right: 50%;
    margin-right: -550px;
    padding-right: 25px;
  }
}

.SupportNav > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: middle;
}

.SupportNav > ul > li, .dqs-Link {
  display: inline-block;
}

.SupportNav > h3 {
  display: inline-block;
  margin: 0 0 0.25em;
  padding-right: 0.5em;
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 0.7222222222em;
  font-weight: normal;
  line-height: 24px;
  text-transform: none;
  vertical-align: middle;
}

.SupportNav > h3:after {
  content: ":";
}

:root {
  --btn-bg-color: #16222b;
}

/* ==========================================================================
   Main Content
   ========================================================================== */
@media screen and (min-width: 1100px) {
  .TwoCols .Main {
    display: grid;
    grid-template-columns: 1fr minmax(33rem, 48rem) minmax(12rem, 20rem) 1fr;
    grid-gap: 2rem;
  }
}

@media screen and (min-width: 1100px) {
  .TwoCols .MainContent {
    grid-column: 2/3;
  }
}

.MainContent, .SndContent {
  clear: both;
  margin: 1em 10px 3em;
}

.SlantT:after, .fullBleedWrap:after, .fullBleedWrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding: 7% 0 0.0001em;
  background-color: transparent;
  background-image: linear-gradient(177deg, transparent, transparent 50%, #fff 50%);
}

.fullBleedWrap:after {
  padding: 0.0001em 0 7%;
  background-image: linear-gradient(177deg, #fff, #fff 50%, transparent 50%);
}

.contentArea {
  max-width: 56rem;
  margin: 0 auto;
}

.TwoCols .contentArea {
  max-width: 48rem;
}

/*.contentArea > .PrimaryContent > *:not(.fullBleedWrap) {
	width: 100%;
	max-width: 40rem;
	margin-right: auto;
	margin-left: auto;
}*/
.fullBleedWrap {
  width: calc(100% + 20px);
  margin: 1rem -10px;
  background-color: transparent;
}

.fullBleed {
  padding: 1rem;
  background-color: #fff;
}

.fullBleedContent {
  width: 100%;
  max-width: 48rem;
  margin: 0 auto;
}

.PageHead1 {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
@media screen and (min-width: 900px) {
  .PageHead1 {
    margin-left: -10px;
  }
}

.PageHead1 .Headlines > * {
  margin: 0;
}

.PageHead1 .Headlines h1 {
  text-align: left;
}

.PageHead1 .Headlines h4 {
  color: #b2a687;
}
@media screen and (min-width: 600px) {
  .PageHead1 .Headlines h4 {
    font-size: 1.3125rem;
  }
}

.BigSvgWrap {
  flex-shrink: 0;
  position: relative;
  width: 100px;
  height: 100px;
  margin-right: 0.75rem;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .BigSvgWrap {
    width: 140px;
    height: 140px;
  }
}

.BigSvgWrap > svg {
  width: 100%;
  height: auto;
}

.BigSvgWrap.Circled {
  display: flex;
  justify-content: center;
  align-items: center;
}

.BigSvgWrap.Circled:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #3f3f3f;
  border-radius: 50%;
}

.BigSvgWrap.Circled svg {
  position: relative;
  z-index: 1;
  width: 64%;
  height: auto;
}

.BigSvgWrap.Circled.Portrait svg {
  width: auto;
  height: 64%;
}

.BigSvgWrap.Circled svg path {
  fill: #fff;
}

.BigSvgWrap + h1 {
  margin-top: 0.25em;
  text-align: left;
}

.Plans {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  grid-gap: 2rem;
  margin: 2rem 0;
}

.Plans .Plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #F9F9F9;
  border-radius: 1rem;
}

.PlanHead {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 7rem;
  padding: 0 0.5rem;
  background-color: #00ADEF;
  color: #fff;
  border-radius: 1rem 1rem 0 0;
}

.PlanHead .PlanTitle,
.PlanHead .PlanSubHead {
  margin: 0.25rem 0;
  text-align: center;
  color: #fff;
}

.PlanSubHead {
  font-size: 0.75rem;
  font-weight: normal;
}

.PlanBody {
  padding: 0 0.5rem 1rem;
  font-size: 0.8125rem;
  text-align: center;
}

.PlanBody p:first-child {
  margin-bottom: 2em;
  font-weight: bold;
}

.PlanBody ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.PlanBody li {
  margin: 1em 0;
}

.PlanBody .PlanIcons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 2rem 0;
}

#microsoft-365 .PlanIcons {
  margin: 1rem 0;
}

.PlanIcons .PlanIcon {
  width: 44px;
  height: 44px;
  margin: 0.5rem 0.1rem;
  background-color: #1d2d3a;
  border-radius: 50%;
}

.PlanIcons .PlanIcon2 {
  width: 44px;
  height: 44px;
  margin: 0.5rem 0.1rem;
}

.PlanIcon svg {
  width: 100%;
  height: 100%;
  padding: 8px;
}

.PlanIcon2 svg {
  width: 100%;
  height: 100%;
  padding: 2px;
}

.PlanIcon path {
  fill: #fff;
}

.PlanIcon.Access {
  background-color: #B92025;
}

.PlanHeader {
  margin-top: 2rem;
  text-transform: uppercase;
}

.PlanIcons .PlanIcon.Excel {
  background-color: #02723b;
}

.PlanIcons .PlanIcon.Exchange {
  background-color: #2372ba;
}

.PlanIcons .PlanIcon.OneDrive {
  background-color: #094ab1;
}

.PlanIcons .PlanIcon.OneNote {
  background-color: #733781;
}

.PlanIcons .PlanIcon.OneNote path.Invert {
  fill: #733781;
}

.PlanIcons .PlanIcon.Outlook {
  background-color: #2372ba;
}

.PlanIcons .PlanIcon.PowerApps {
  background-color: #992065;
}

.PlanIcons .PlanIcon.PowerPoint {
  background-color: #dc5b26;
}

.PlanIcons .PlanIcon.SharePoint {
  background-color: #2372ba;
}

.PlanIcons .PlanIcon.Skype {
  background-color: #0078D7;
}

.PlanIcons .PlanIcon.Teams {
  background-color: #5558af;
}

.PlanIcons .PlanIcon.Teams path.Invert {
  fill: #5558af;
}

.PlanIcons .PlanIcon.Word {
  background-color: #2c3580;
}

.Cards {
  clear: both;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  grid-gap: 2rem;
  margin: 2rem 0;
}

.Cards2 {
  grid-template-columns: 1fr;
}

.Cards .Card {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 6rem;
  margin-left: 2.5rem;
  padding: 0.5rem 0;
  background-color: #F9F9F9;
  border-radius: 1rem;
}

svg.Flip {
  transform: rotate(180deg);
}

.Cards .Card:before {
  content: "";
  position: absolute;
  left: -2.5rem;
  width: 5rem;
  height: 5rem;
  background-color: #3f3f3f;
  border-radius: 50%;
}

#edr .Cards .Card:before,
#vulnerability-audit .Cards .Card:before,
.Cards .SvgCard:before {
  background-color: transparent;
  /*box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);*/
}

.Cards .Card.Card--Img:before {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.3) 0.2rem 0.2rem 0.5rem;
}

.Card > img,
.Card > svg {
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  margin-right: 1rem;
  margin-left: -2.5rem;
  padding: 1rem;
  z-index: 1;
}

.SvgCard > svg {
  padding: 0;
}

.Card.Card--Img > img {
  flex-shrink: 1;
  width: 3rem;
  height: 3rem;
  margin-right: 2rem;
  margin-left: -1.5rem;
}

.Card > img {
  padding: 0;
}

.Card:not(.SvgCard) > svg path {
  fill: #fff;
}

.Card > svg path.Invert {
  fill: #3f3f3f;
}

.Card .CardContentWrap {
  display: flex;
  flex-wrap: wrap;
}

.Card .CardContentWrap > * {
  flex: 1 1 0;
  min-width: 10rem;
  margin-right: 2rem;
}

.Card .CardContent h3 {
  margin: 0.1em 0;
  font-size: 1.0625rem;
  line-height: 1;
}

.Card .CardContent p,
.Card .CardContent li {
  margin: 0;
  font-size: 0.75rem;
}

.Card .CardContent ul {
  margin: 0;
  padding-left: 1em;
}

.Card .CardContent li {
  margin: 0.5rem 0;
}

.PrimaryContent h1,
.PrimaryContent h2,
.PrimaryContent h3,
.PrimaryContent h4 {
  color: #3f3f3f;
}

.PrimaryContent li {
  margin-bottom: 0.34em;
}

#assessment-planning .ThemeColor1,
#assessment-planning .PrimaryContent h3 {
  color: #C7B299;
}

#vulnerability-audit .ThemeColor1 {
  color: #2ca3b1;
}

#penetration-testing .ThemeColor1 {
  color: #da2037;
}

.AzureMgtColor,
#azure-management .PrimaryContent h3 {
  color: #0088d6;
}

.AzureMgtBg {
  --btn-bg-color: #0088d6;
  background-color: #0088d6;
}

#careers .ThemeColor1,
#careers .PrimaryContent h3,
#company-members .ThemeColor1,
#company-members .PrimaryContent h3,
#testimonials .ThemeColor1,
#testimonials .PrimaryContent h3 {
  color: #6a747d;
}

.CybersecurityColor,
#cybersecurity-overview .PrimaryContent h3 {
  color: #6b757e;
}

.CybersecurityBg {
  --btn-bg-color: #6b757e;
  background-color: #6b757e;
}

.CybersecurityTrngColor,
#cybersecurity-training .PrimaryContent h3 {
  color: #0057b8;
}

.CybersecurityTrngBg {
  --btn-bg-color: #0057b8;
  background-color: #0057b8;
}

.DattoBackupColor,
#datto-backup .PrimaryContent h3 {
  color: #a374c5;
}

.DattoBackupBg {
  --btn-bg-color: #a374c5;
  background-color: #a374c5;
}

.DeviceMgtColor,
#device-management .PrimaryContent h3 {
  color: #2bc481;
}

.DeviceMgtBg {
  --btn-bg-color: #2bc481;
  background-color: #2bc481;
}

.BackupColor,
#managed-backup .PrimaryContent h3 {
  color: #a374c5;
}

.BackupBg {
  --btn-bg-color: #a374c5;
  background-color: #a374c5;
}

.EdrOverwatchColor,
#edr-overwatch .PrimaryContent h3 {
  color: #2b8dd0;
}

.EdrOverwatchBg {
  --btn-bg-color: #2b8dd0;
  background-color: #2b8dd0;
}

.EdrColor,
#edr .PrimaryContent h3 {
  color: #01c5d1;
}

.EdrBg {
  --btn-bg-color: #01c5d1;
  background-color: #01c5d1;
}

.FirewallColor,
#managed-firewall .PrimaryContent h3 {
  color: #d72d2d;
}

.FirewallBg {
  --btn-bg-color: #d72d2d;
  background-color: #d72d2d;
}

.ItdrColor {
  color: #73bf43;
}

.ItdrBg {
  --btn-bg-color: #73bf43;
  background-color: #73bf43;
}

.NetworkingColor,
#managed-networking .PrimaryContent h3 {
  color: #ff911e;
}

.NetworkingBg {
  --btn-bg-color: #ff911e;
  background-color: #ff911e;
}

.MobileDeviceMgtColor,
#mobile-device-mgt .PrimaryContent h3 {
  color: #54c2b9;
}

.MobileDeviceMgtBg {
  --btn-bg-color: #54c2b9;
  background-color: #54c2b9;
}

.Office365Color,
#office-365 .PrimaryContent h3 {
  color: #dc3e15;
}

.Office365Bg {
  --btn-bg-color: #dc3e15;
  background-color: #dc3e15;
}

.PwdManagerColor,
#password-manager .PrimaryContent h3 {
  color: #f15a23;
}

.PwdManagerBg {
  --btn-bg-color: #f15a23;
  background-color: #f15a23;
}

.SiemColor,
#siem .PrimaryContent h3 {
  color: #3e3e3e;
}

.SiemBg {
  --btn-bg-color: #3e3e3e;
  background-color: #3e3e3e;
}

.TechWatchColor,
#techwatch .PrimaryContent h3,
#tw-cloud .PrimaryContent h3,
#tw-server .PrimaryContent h3 {
  color: #2b8dd0;
}

.TechWatchBg {
  --btn-bg-color: #2b8dd0;
  background-color: #2b8dd0;
}

.DwnLoadSheet {
  margin-top: 2em;
  padding: 0 1rem;
  text-align: center;
}

.ms-List {
  list-style: none;
  padding: 0;
}

.ms-List li {
  margin: 1rem;
}

.ms-List .Btn:link,
.ms-List .Btn:visited {
  color: #fff;
  background-color: #3c4a55;
}

.ms-List .Btn:hover,
.ms-List .Btn:focus,
.ms-List .Btn:active {
  background-color: var(--btn-bg-color);
}

.ms-List .Btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  text-align: left;
}
@media screen and (min-width: 500px) {
  .ms-List .Btn {
    font-size: 1.5rem;
  }
}

.ms-List .Btn svg {
  flex-shrink: 0;
  margin-right: 1rem;
}

.ms-List .Btn.Office365Bg svg {
  flex-shrink: 1;
  max-width: 250px;
  width: 100%;
}

.Disclaim {
  padding: 1em;
  font-size: 0.75rem;
  border: 1px solid #3f3f3f;
  border-radius: 0.5em;
  text-align: center;
  line-height: 2;
}

#edr .PrimaryContent {
  position: relative;
}

@media (min-width: 640px) {
  #partner-huntress {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
  }
}
/* ==========================================================================
   Links to navigation
   ========================================================================== */
.MenuLink:link,
.MenuLink:visited {
  color: #fff;
}

.MenuLink:hover,
.MenuLink:focus,
.MenuLink:active {
  color: #848484;
}

.MenuLinkWrap .MenuLink:link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.1px;
  z-index: 101;
}

.MenuLinkWrap .MenuLink:link > .fa {
  padding: 24px 20px 0.3em 0.3em;
  font-size: 30px;
}

.TopLinkWrap {
  display: none;
}

.Enhance .TopLinkWrap {
  display: block;
  text-align: right;
}
@media screen and (min-width: 900px) {
  .Enhance .TopLinkWrap {
    display: none;
  }
}

.TopLinkWrap .MenuLink:link {
  display: inline-block;
  width: 2em;
  margin: 10px;
  padding: 0;
  /*border: solid 1px clr.$c10;*/
  border-radius: 50%;
  font-family: Lato, sans-serif;
  font-weight: bold;
  line-height: 2;
  text-align: center;
}

@media screen and (max-width: 899px) {
  .Enhance .TopLinkWrap {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
  }
}

@media screen and (max-width: 899px) {
  .Enhance .TopLinkWrap .MenuLink:link {
    margin: 20px 10px 0;
  }
}

@media screen and (min-width: 900px) {
  .MenuLinkWrap {
    display: none;
  }
}

/* ==========================================================================
   Navigation
   ========================================================================== */
.nav {
  background-color: #1d2d3a;
  color: #fff;
  font-family: Oswald, sans-serif;
}
@media screen and (min-width: 900px) {
  .nav {
    position: absolute;
    z-index: 3;
    top: 80px;
    left: 0;
    right: 0;
    height: 2.4rem;
  }
}

.Enhance .nav {
  background-color: transparent;
}
@media screen and (max-width: 899px) {
  .Enhance .nav {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 16em;
    min-height: 100%;
    padding-top: 79px;
    border: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 900px) {
  .Enhance .nav {
    background-color: #1d2d3a;
    background-color: rgba(29, 45, 58, 0.85);
  }
}

@media screen and (max-width: 899px) {
  .Enhance .MenuActive .nav {
    visibility: visible;
  }
}

.nav ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
  list-style: none;
}

@media screen and (min-width: 900px) {
  .nav > ul {
    display: flex;
    justify-content: space-between;
    font-size: 0.8125em;
  }
}
@media screen and (min-width: 1100px) {
  .nav > ul {
    max-width: 1060px;
    margin: 0 auto;
  }
}

.nav li > ul {
  display: none;
  font-size: 0.8333333333em;
  font-weight: 300;
  list-style: none;
}
@media screen and (min-width: 900px) {
  .nav li > ul {
    position: absolute;
    top: 2.4rem;
    right: 0;
    width: 13em;
    padding-bottom: 0.5em;
    font-size: 1em;
  }
}

@media screen and (min-width: 900px) {
  .nav li:first-child > ul {
    right: auto;
    left: 0;
  }
}

@media screen and (min-width: 900px) {
  #nav-About > ul,
  #nav-PersonalServices > ul {
    width: 10em;
  }
}

.nav li {
  padding: 0.6em 0;
}
@media screen and (min-width: 900px) {
  .nav li {
    display: inline-block;
  }
}

@media screen and (min-width: 900px) {
  .nav > ul > li {
    height: 2.4rem;
  }
}
@media screen and (min-width: 1100px) {
  .nav > ul > li {
    padding: 0.6em 0.8em;
  }
}

@media screen and (min-width: 900px) {
  .nav li > ul > li,
  .nav li > ul > li a:link {
    display: block;
    text-align: right;
  }
}

.nav .active ul,
.Enhance .nav li:hover > ul {
  display: block;
}

@media screen and (min-width: 900px) {
  .nav .subnav {
    position: relative;
  }
}

.nav a:link {
  display: block;
  padding: 0.4em 0.7em;
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .nav a:link {
    display: inline-block;
    font-family: Oswald, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
  }
}

.nav li > ul a:link {
  font-weight: normal;
  letter-spacing: 0.5px;
}
@media screen and (min-width: 900px) {
  .nav li > ul a:link {
    font-weight: 300;
    text-transform: none;
  }
}

.nav a:visited {
  color: #fff;
}

.nav .active ul,
.nav li:hover,
.nav li:hover ul,
.nav li ul a:hover,
.nav li ul a:focus,
.nav li ul a:active,
.TopLinkWrap a:hover,
.TopLinkWrap a:focus,
.TopLinkWrap a:active {
  background-color: #3c4a55;
}
@media screen and (min-width: 900px) {
  .nav .active ul,
  .nav li:hover,
  .nav li:hover ul,
  .nav li ul a:hover,
  .nav li ul a:focus,
  .nav li ul a:active,
  .TopLinkWrap a:hover,
  .TopLinkWrap a:focus,
  .TopLinkWrap a:active {
    background-color: rgba(29, 45, 58, 0.85);
  }
}

/* ==========================================================================
   Foot
   ========================================================================== */
.foot {
  clear: both;
  padding: 1px 0;
  background-color: #fff;
  text-align: center;
}

.foot-Wrap {
  box-sizing: content-box;
  max-width: 70rem;
  margin: 0 auto;
  padding: 3rem 20px 0;
}

@media screen and (min-width: 900px) {
  .vcard > br {
    display: none;
  }
  .cnt-group {
    display: inline-block;
    margin-right: 1em;
    vertical-align: top;
  }
  .cnt-g1 {
    margin-right: 3em;
  }
}
@media screen and (max-width: 599px) {
  .SocialWrap {
    position: absolute;
    top: 7px;
    right: 75px;
  }
}
@media screen and (min-width: 900px) {
  .SocialWrap {
    position: absolute;
    top: 10px;
    right: 15px;
    margin: 0;
    color: #fff;
    font-size: 12px;
  }
}
@media screen and (min-width: 1100px) {
  .SocialWrap {
    right: 50%;
    margin-right: -550px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 900px) {
  .SocialWrap a:link,
  .SocialWrap a:visited {
    color: #fff;
  }
}

.SocialWrap * {
  vertical-align: middle;
}

.social-Contact {
  display: none;
}
@media screen and (min-width: 900px) {
  .social-Contact {
    display: inline;
    padding: 0 0.5em;
  }
}

.social-City, .social-Phone {
  padding: 0 0.5em;
}

.socialLink:link,
.socialLink:visited {
  display: inline-block;
  color: #848484;
  margin: 0 5px;
  padding: 1px;
  background-color: transparent;
  border-radius: 4px;
}
@media screen and (max-width: 599px) {
  .socialLink:link,
  .socialLink:visited {
    color: #fff;
  }
}
@media screen and (min-width: 900px) {
  .socialLink:link,
  .socialLink:visited {
    color: #fff;
  }
}

.socialLink:hover,
.socialLink:focus,
.socialLink:active {
  color: #3b5998;
  background-color: #fff;
}

.socialLink.social-Twitter:hover,
.socialLink.social-Twitter:focus,
.socialLink.social-Twitter:active {
  color: #1dcaff;
}

.socialLink.social-LinkedIn:hover,
.socialLink.social-LinkedIn:focus,
.socialLink.social-LinkedIn:active {
  color: #0077B5;
}

.socialLink {
  font-size: 0;
}

.socialLink > .fa {
  font-size: 48px;
}
@media screen and (max-width: 599px) {
  .socialLink > .fa {
    font-size: 16px;
  }
}
@media screen and (min-width: 900px) {
  .socialLink > .fa {
    font-size: 16px;
  }
}

.copy {
  clear: both;
  max-width: 1100px;
  padding: 0 10px;
}
@media screen and (min-width: 900px) {
  .copy {
    text-align: left;
  }
}

.FootHead2 {
  width: auto;
  padding: 0.5rem 1rem;
  border-radius: 2em;
  color: #3f3f3f;
  font-size: 1.125rem;
  text-align: center;
  text-transform: none;
}
@media screen and (min-width: 900px) {
  .FootHead2 {
    text-align: left;
  }
}

.FootLogo1 {
  max-height: 75px;
}

.FootAccolades {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -0.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 900px) {
  .FootAccolades {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.FootAccolades > * {
  flex-grow: 0;
  flex-shrink: 1;
  margin: 0.5rem;
}

.FootList1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0.5rem -0.25rem;
  padding: 0 1rem;
}
@media screen and (min-width: 900px) {
  .FootList1 {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

.FootList1 > li {
  margin: 0.25rem;
}

.FootDeets1 {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 1rem;
}
@media screen and (min-width: 900px) {
  .FootDeets1 {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media screen and (min-width: 900px) {
  .FootDeets1 * {
    text-align: left;
  }
}

.dqs-Link:link,
.dqs-Link:visited {
  color: #fff;
}

.dqs-Link {
  padding: 0 5px;
  font-size: 0;
}

.dqs-Link > .fa {
  min-width: 24px;
  font-size: 24px;
}

.dqs-Windows:hover,
.dqs-Windows:focus,
.dqs-Windows:active {
  color: #00ADEF;
}

.dqs-Android:hover,
.dqs-Android:focus,
.dqs-Android:active {
  color: #A4C639;
}

.dqs-Ios:hover,
.dqs-Ios:focus,
.dqs-Ios:active {
  color: #f0d8c7;
}

.dqs-Apple:hover,
.dqs-Apple:focus,
.dqs-Apple:active {
  color: #A8B1B8;
}

.help-DownloadApps {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7.3em, 1fr));
  grid-gap: 0.5em;
  margin: 0 0 64px;
  padding: 0;
  font-size: 1rem;
  list-style: none;
}

.dqs-Btn {
  display: inline-block;
  width: 100%;
  padding: 7px;
  background-color: #16222b;
  border-radius: 0.3em;
  color: #fff;
  font-size: 1em;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .dqs-Btn {
    padding: 5px 7px;
  }
}

.dqs-Btn:link,
.dqs-Btn:visited {
  color: #fff !important;
}

.dqs-Btn:hover,
.dqs-Btn:focus {
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3);
}

.dqs-Btn:active {
  box-shadow: inset 1px 1px 10px 1px rgba(0, 0, 0, 0.3);
}

.dqs-Btn > .fa {
  width: auto;
  padding-right: 0.2em;
  font-size: 20px;
}

.dqs-Btn.dqs-Windows {
  background-color: #00ADEF;
}

.dqs-Btn.dqs-Android {
  background-color: #A4C639;
}

.dqs-Btn.dqs-Ios {
  background-color: #333;
}

.help-DownloadApps .dqs-Apple {
  background-color: #A8B1B8;
}

/* ==========================================================================
   Forms
   ========================================================================== */
input[type=text],
input[type=email],
input[type=tel],
textarea,
select {
  width: 100%;
  max-width: 30em;
}

.InputWrap {
  margin-bottom: 0.5em;
}

.RequiredLine {
  font-size: 0.8125rem;
}

#contact-Phone input,
#contact-State select {
  max-width: 24ex;
}

.LeadForm h2 {
  margin: 0.75em 0 0.25em;
  font-size: 1.6875rem;
}

.LeadSet {
  margin: 1rem 0 0;
  font-size: 1.125rem;
}

.LeadSet .attn {
  font-size: 1rem;
}

.LeadForm {
  max-width: 24rem;
  margin: 1rem auto;
  padding: 1px 1rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 1rem;
}

.ContactSet > .PushOver,
.LeadForm #lead-Title {
  position: absolute;
  left: -70rem;
}

.LeadSet input[type=text],
.LeadSet input[type=email],
.LeadSet input[type=tel] {
  width: 100%;
  padding: 0.35rem 0.5rem;
  background: #F9F9F9;
  border: none;
  border-radius: 0.25rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 1rem inset;
}

.LeadSet .subtn {
  margin-top: 2em;
}

.LeadSet input[type=submit] {
  width: 100%;
  background: #b2a687;
}

.LeadSet input[type=submit]:hover {
  background: #3f3f3f;
}

/* ==========================================================================
   Misc
   ========================================================================== */
.hide, legend, .header hr, .foot hr {
  display: none;
}

.OffScreen {
  position: absolute;
  left: -999em;
}

.attn {
  color: #c00;
}

.hl {
  margin: 1em 0 3em;
  padding: 1em;
  background-color: #5f0a24;
  color: #fff;
}

.hl > *:first-child {
  margin-top: 0;
}

.hl > *:last-child {
  margin-bottom: 0;
}

.hl a:link {
  font-weight: bold;
  text-decoration: underline;
}

.hl h2,
.hl a:link,
.hl a:visited {
  color: #fff;
}

.SupportHours * {
  display: inline-block;
  margin: 0;
  color: #fff;
  font-size: 1em;
  font-weight: normal;
}

.SupportHours > h2, .SupportHours > p {
  padding-right: 0.5em;
}

.SupportHours > h2:after {
  content: ":";
}

.SupportHours > h3 {
  text-align: right;
}

@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}