/*
This file is used to contain all vendor imports.
*/
/*
This file is used to contain all abstracts imports.
Files inside this folder can contain abstract settings,
helpers or functions. They have no direct output.
*/
/*
This file is used to contain all base imports.
Files inside this folder can contain global styles used in the project.
*/
/*
This file can be used to overwrite any normalize settings.
*/
html,
body {
  margin: 0;
  padding: 0; }

.hide {
  display: none; }

.black {
  color: #000; }

.bg-black {
  background-color: #000; }

.link-black {
  color: #000;
  border-bottom: 1px solid transparent; }
  .link-black:hover {
    color: black;
    border-bottom: 1px solid black; }

.link-dash-black {
  color: #000;
  border-bottom: 1px dashed #000; }
  .link-dash-black:hover {
    color: black;
    border-bottom: 1px solid black; }

.link-line-black {
  color: #000;
  border-bottom: 1px solid #000; }
  .link-line-black:hover {
    color: black;
    border-bottom: 1px solid black; }

.white {
  color: #fff; }

.bg-white {
  background-color: #fff; }

.link-white {
  color: #fff;
  border-bottom: 1px solid transparent; }
  .link-white:hover {
    color: #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }

.link-dash-white {
  color: #fff;
  border-bottom: 1px dashed #fff; }
  .link-dash-white:hover {
    color: #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }

.link-line-white {
  color: #fff;
  border-bottom: 1px solid #fff; }
  .link-line-white:hover {
    color: #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }

.gray {
  color: #868589; }

.bg-gray {
  background-color: #868589; }

.link-gray {
  color: #868589;
  border-bottom: 1px solid transparent; }
  .link-gray:hover {
    color: #5d5d60;
    border-bottom: 1px solid #5d5d60; }

.link-dash-gray {
  color: #868589;
  border-bottom: 1px dashed #868589; }
  .link-dash-gray:hover {
    color: #5d5d60;
    border-bottom: 1px solid #5d5d60; }

.link-line-gray {
  color: #868589;
  border-bottom: 1px solid #868589; }
  .link-line-gray:hover {
    color: #5d5d60;
    border-bottom: 1px solid #5d5d60; }

.green {
  color: #6ebe49; }

.bg-green {
  background-color: #6ebe49; }

.link-green {
  color: #6ebe49;
  border-bottom: 1px solid transparent; }
  .link-green:hover {
    color: #4b8630;
    border-bottom: 1px solid #4b8630; }

.link-dash-green {
  color: #6ebe49;
  border-bottom: 1px dashed #6ebe49; }
  .link-dash-green:hover {
    color: #4b8630;
    border-bottom: 1px solid #4b8630; }

.link-line-green {
  color: #6ebe49;
  border-bottom: 1px solid #6ebe49; }
  .link-line-green:hover {
    color: #4b8630;
    border-bottom: 1px solid #4b8630; }

.red {
  color: #dc1f2e; }

.bg-red {
  background-color: #dc1f2e; }

.link-red {
  color: #dc1f2e;
  border-bottom: 1px solid transparent; }
  .link-red:hover {
    color: #94151f;
    border-bottom: 1px solid #94151f; }

.link-dash-red {
  color: #dc1f2e;
  border-bottom: 1px dashed #dc1f2e; }
  .link-dash-red:hover {
    color: #94151f;
    border-bottom: 1px solid #94151f; }

.link-line-red {
  color: #dc1f2e;
  border-bottom: 1px solid #dc1f2e; }
  .link-line-red:hover {
    color: #94151f;
    border-bottom: 1px solid #94151f; }

.orange {
  color: #ff5000; }

.bg-orange {
  background-color: #ff5000; }

.link-orange {
  color: #ff5000;
  border-bottom: 1px solid transparent; }
  .link-orange:hover {
    color: #ad3600;
    border-bottom: 1px solid #ad3600; }

.link-dash-orange {
  color: #ff5000;
  border-bottom: 1px dashed #ff5000; }
  .link-dash-orange:hover {
    color: #ad3600;
    border-bottom: 1px solid #ad3600; }

.link-line-orange {
  color: #ff5000;
  border-bottom: 1px solid #ff5000; }
  .link-line-orange:hover {
    color: #ad3600;
    border-bottom: 1px solid #ad3600; }

.cyan {
  color: #00a1dd; }

.bg-cyan {
  background-color: #00a1dd; }

.link-cyan {
  color: #00a1dd;
  border-bottom: 1px solid transparent; }
  .link-cyan:hover {
    color: #00668b;
    border-bottom: 1px solid #00668b; }

.link-dash-cyan {
  color: #00a1dd;
  border-bottom: 1px dashed #00a1dd; }
  .link-dash-cyan:hover {
    color: #00668b;
    border-bottom: 1px solid #00668b; }

.link-line-cyan {
  color: #00a1dd;
  border-bottom: 1px solid #00a1dd; }
  .link-line-cyan:hover {
    color: #00668b;
    border-bottom: 1px solid #00668b; }

.teal {
  color: #008f98; }

.bg-teal {
  background-color: #008f98; }

.link-teal {
  color: #008f98;
  border-bottom: 1px solid transparent; }
  .link-teal:hover {
    color: #004246;
    border-bottom: 1px solid #004246; }

.link-dash-teal {
  color: #008f98;
  border-bottom: 1px dashed #008f98; }
  .link-dash-teal:hover {
    color: #004246;
    border-bottom: 1px solid #004246; }

.link-line-teal {
  color: #008f98;
  border-bottom: 1px solid #008f98; }
  .link-line-teal:hover {
    color: #004246;
    border-bottom: 1px solid #004246; }

.gray-6 {
  color: #666; }

.bg-gray-6 {
  background-color: #666; }

.link-gray-6 {
  color: #666;
  border-bottom: 1px solid transparent; }
  .link-gray-6:hover {
    color: #3d3d3d;
    border-bottom: 1px solid #3d3d3d; }

.link-dash-gray-6 {
  color: #666;
  border-bottom: 1px dashed #666; }
  .link-dash-gray-6:hover {
    color: #3d3d3d;
    border-bottom: 1px solid #3d3d3d; }

.link-line-gray-6 {
  color: #666;
  border-bottom: 1px solid #666; }
  .link-line-gray-6:hover {
    color: #3d3d3d;
    border-bottom: 1px solid #3d3d3d; }

.gray-b {
  color: #bbb; }

.bg-gray-b {
  background-color: #bbb; }

.link-gray-b {
  color: #bbb;
  border-bottom: 1px solid transparent; }
  .link-gray-b:hover {
    color: #929292;
    border-bottom: 1px solid #929292; }

.link-dash-gray-b {
  color: #bbb;
  border-bottom: 1px dashed #bbb; }
  .link-dash-gray-b:hover {
    color: #929292;
    border-bottom: 1px solid #929292; }

.link-line-gray-b {
  color: #bbb;
  border-bottom: 1px solid #bbb; }
  .link-line-gray-b:hover {
    color: #929292;
    border-bottom: 1px solid #929292; }

.gray-c {
  color: #ccc; }

.bg-gray-c {
  background-color: #ccc; }

.link-gray-c {
  color: #ccc;
  border-bottom: 1px solid transparent; }
  .link-gray-c:hover {
    color: #a3a3a3;
    border-bottom: 1px solid #a3a3a3; }

.link-dash-gray-c {
  color: #ccc;
  border-bottom: 1px dashed #ccc; }
  .link-dash-gray-c:hover {
    color: #a3a3a3;
    border-bottom: 1px solid #a3a3a3; }

.link-line-gray-c {
  color: #ccc;
  border-bottom: 1px solid #ccc; }
  .link-line-gray-c:hover {
    color: #a3a3a3;
    border-bottom: 1px solid #a3a3a3; }

html, body {
  font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #868589;
  font-size: 1rem;
  line-height: 1.5rem; }

a {
  transition: all 0.4s;
  font-weight: inherit;
  text-decoration: none;
  color: inherit; }
  a:hover {
    text-decoration: none; }

h1, h2 {
  font-weight: 600;
  letter-spacing: -0.08rem; }

h3, h4 {
  font-weight: 600;
  letter-spacing: -0.08rem; }

h5, h6 {
  font-weight: 600;
  letter-spacing: 0; }

h1 {
  font-size: 2.625rem;
  line-height: 2.625rem; }

h2 {
  font-size: 1.875rem;
  line-height: 2rem; }

h3 {
  font-size: 1.65rem;
  line-height: 1.65rem; }

h4 {
  font-size: 1.5rem;
  line-height: 1.5rem; }

h5 {
  font-size: 1.25rem;
  line-height: 1.25rem; }

h6 {
  font-size: 1.125rem;
  line-height: 1.125rem; }

p, ul, ol, li {
  font-size: 1rem;
  line-height: 1.375rem; }

sup {
  font-size: 50%;
  vertical-align: baseline;
  position: relative; }

em {
  font-style: italic; }

strong, .strong, .bold {
  font-weight: 600; }

.uppercase {
  text-transform: uppercase; }

.normal, .regular {
  font-weight: 400; }

.medium {
  font-weight: 500; }

.small {
  font-size: 85%;
  line-height: 1; }

.eyebrow-green::before {
  content: "";
  width: 3.125rem;
  display: block;
  padding-bottom: 0.75rem;
  border-top: 2px solid #6ebe49; }

/*
This file is used to contain all component imports.
Files inside this folder should contain all styles relating
to a reusable component.
*/
.btn {
  font-size: 1rem;
  line-height: 1rem;
  padding: 1rem 1.8rem;
  font-weight: 600;
  border-radius: 0; }

.btn-sm {
  padding: 0.25rem 0.5rem;
  min-width: 0; }

button:focus, .btn:focus, .btn.focus, .btn:active, .btn.active {
  box-shadow: none;
  outline: none; }

.btn-primary {
  background-color: #6ebe49;
  border-color: #6ebe49;
  color: #fff; }
  .btn-primary:hover {
    background-color: #4b813d;
    border-color: #4b813d; }
  .btn-primary:focus {
    box-shadow: none; }
  .btn-primary:active {
    box-shadow: none; }

.stretched-link:hover {
  text-decoration: none; }

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #bbb; }
  .btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #bbb; }

.btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: none; }

.jumbotron {
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: none; }

.showOnSubmission {
  display: none; }

/* This is assigned to items so they can be hidden on submission of form, but no styling should be applied here */
.showblock {
  padding: 1.5rem;
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center; }

.laptop {
  padding-top: 3rem;
  padding-bottom: 3rem; }

/* logos */
#logo_insider {
  width: 9.375rem;
  margin: 1rem 0; }

#logo_seagate {
  width: 10rem;
  margin: 1rem 0; }

.form-control {
  color: #333;
  border: 1px solid #afafaf;
  border-radius: 0;
  transition: all 0.4s;
  padding: 1.25rem 0.75rem 1rem;
  height: auto; }

.form-control::placeholder {
  color: #333; }

.form-control:focus {
  border-color: #6ebe49;
  box-shadow: none; }

.help-block.with-errors {
  margin-top: 5px; }
  .help-block.with-errors ul li {
    color: #dc1f2e;
    font-size: 0.8rem; }

.form-group input.has-error,
input.error,
select.error,
textarea.error {
  outline: none;
  box-shadow: none;
  border-color: #dc1f2e;
  border-width: 2px;
  border-style: solid; }
  .form-group input.has-error:valid,
  input.error:valid,
  select.error:valid,
  textarea.error:valid {
    border-style: auto;
    border-color: inherit; }

/* Checkbox container */
.check-container {
  color: #333;
  padding-bottom: 0;
  margin-left: 2.5rem;
  margin-bottom: 0;
  cursor: pointer;
  line-height: 1.2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.4s; }

/* Hide the browser's default checkbox */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.35rem;
  width: 1.35rem;
  background-color: #fff;
  border: 1px solid #afafaf;
  border-radius: 0; }

/* On mouse-over, add a background color */
.check-container:hover input ~ .checkmark {
  background-color: #eeeeee; }

/* When the checkbox is checked, add a background */
.check-container input:checked ~ .checkmark {
  background-color: #6ebe49;
  border-color: #6ebe49; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.check-container .checkmark:after {
  left: 0.35rem;
  top: 0;
  width: 0.5rem;
  height: 1rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

input[type="checkbox"]:required:invalid.error + .checkmark {
  border-color: #dc1f2e; }

input[type="checkbox"]:required:valid + .checkmark {
  border-color: #6ebe49; }

.nav-pills .nav-link {
  position: relative;
  background: none;
  color: #afafaf;
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 600;
  padding: 0 0 5px;
  margin-left: 1rem;
  margin-right: 1rem;
  border-bottom: 1px solid transparent;
  border-radius: 0; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  border-bottom: 1px solid #f4f4f4;
  background: none;
  color: #000; }
  .nav-pills .nav-link.active::after, .nav-pills .show > .nav-link::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    width: 3.125rem;
    border-bottom: 1px solid #6ebe49; }

.bootstrap-select.form-control {
  border: 1px solid #afafaf; }

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #333; }

.dropdown-item.active, .dropdown-item:active {
  background-color: #6ebe49; }

button.btn.dropdown-toggle, button.btn.dropdown-toggle.bs-placeholder {
  padding: 1.25rem 0.75rem 1rem; }

div.dropdown-menu {
  width: 100%; }

.dropdown-menu li a span.text {
  white-space: normal; }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-weight: 400; }

/*
This file is used to contain all layout imports.
Files inside this folder should contain all styles relating to layouts.
*/
/* CSS Document */
main {
  background: url("../../build/images/main-bg.png") center 15rem no-repeat;
  background-size: 1140px; }

#toolbox {
  text-align: center;
  padding-top: 2.75rem;
  padding-bottom: 2.75rem; }

#toolbox .toolbox-title {
  color: #868589;
  font-weight: 600;
  margin-bottom: 0.75rem; }

#toolbox span {
  display: block;
  width: 100%;
  text-align: center; }

#toolbox a {
  color: #6ebe49;
  transition: all 0.4s;
  border-bottom: 1px solid #fff; }

#toolbox a:hover {
  color: #4b813d;
  border-bottom: 1px solid #4b813d; }

#signup {
  background: #6ebe49;
  color: #fff;
  transition: background 0.4s; }

#signup a {
  display: block;
  padding: 0.75rem 0;
  overflow: auto;
  text-align: center;
  font-weight: 400;
  color: #fff; }

#signup a div {
  display: block;
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
  font-weight: bold; }

#signup a span {
  border-bottom: 0.05rem dashed #fff; }

#signup:hover {
  background: #4b813d; }

#signup a:hover span {
  color: #fff;
  border-bottom: 1px solid #fff; }

#social {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem; }

#social-blog {
  text-align: center;
  color: #868589;
  padding-bottom: 0.75rem;
  transition: all 0.4s; }

#social-blog a {
  color: #868589;
  border-bottom: 1px dashed #868589;
  transition: all 0.4s;
  font-weight: bold; }

#social-blog a:hover {
  color: #4b813d;
  border-bottom: 0.05rem solid #4b813d; }

#social #social-icons a {
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  background: none;
  transition: all 0.4s; }

#social #social-icons a.facebook {
  background: url("../../build/images/social/icon-facebook.svg"); }

#social #social-icons a.linkedin {
  background: url("../../build/images/social/icon-linkedin.svg"); }

#social #social-icons a.twitter {
  background: url("../../build/images/social/icon-twitter.svg"); }

#social #social-icons a.youtube {
  background: url("../../build/images/social/icon-youtube.svg"); }

#social #social-icons a img {
  opacity: 0;
  transition: all 0.4s; }

#social #social-icons a:hover {
  border: none; }

#social #social-icons a img:hover {
  opacity: 1; }

#copyright {
  color: #868589;
  font-size: 0.8rem;
  line-height: 1.2rem;
  text-align: center; }

#copyright div[class^="col"] {
  border-top: 1px solid #ccc;
  padding-top: 1.875rem;
  padding-bottom: 2rem; }

#copyright a {
  display: inline-block;
  margin: 0 0.75rem 1.125rem;
  position: relative;
  color: #868589;
  border-bottom: 1px solid #eeeeee;
  transition: all 0.4s; }

#copyright a:hover {
  color: #4b813d;
  border-bottom: 1px solid #4b813d; }

#copyright a:nth-child(-n+2)::after {
  color: #868589;
  content: '|';
  position: absolute;
  right: -0.95rem;
  font-size: 0.95rem; }

/* XS (Base mobile-first size) */
/* SM (576px and up) */
@media (min-width: 576px) {
  footer .pipe {
    display: inline;
    margin: 0 0.3rem; }
    footer .pipe::after {
      content: '|'; }

  #toolbox span {
    display: inline-block;
    width: auto; }

  #toolbox .toolbox-container span {
    position: relative;
    margin: 0 1.125rem 0;
    color: #868589; }

  #toolbox .toolbox-container span:nth-child(odd)::after {
    content: '|';
    position: absolute;
    right: -1.437rem;
    top: 0; }

  #signup a div {
    display: inline-block;
    float: none;
    clear: none;
    width: inherit; } }
/* MD (768px and up) */
@media (min-width: 768px) {
  #toolbox .toolbox-container {
    display: inline-block; }

  #toolbox .toolbox-container .show-divider::after {
    content: '|';
    position: absolute;
    right: -1.437rem;
    top: 0rem; }

  main {
    background-position: center 20rem;
    background-size: 2240px; } }
/* LG (992px and up) */
@media (min-width: 992px) {
  h1 {
    font-size: 3rem;
    line-height: 3.625rem; }

  h2 {
    font-size: 2.5rem;
    line-height: 3rem; }

  h3 {
    font-size: 1.5rem;
    line-height: 1.75rem; }

  .laptop {
    padding-top: 15rem;
    padding-bottom: 0; } }
/* XL (1200px and up) */
/* 2XL (1920px and up) */
/* 3XL (2400px and up) */

/*# sourceMappingURL=styles.css.map */