/* Nunito Light */
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Light.eot');
    src: url('../fonts/Nunito-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-Light.woff2') format('woff2'),
        url('../fonts/Nunito-Light.woff') format('woff'),
        url('../fonts/Nunito-Light.ttf') format('truetype'),
        url('../fonts/Nunito-Light.svg#Nunito-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/* ^ */
/* Nunito Light Italic */
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-LightItalic.eot');
    src: url('../fonts/Nunito-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-LightItalic.woff2') format('woff2'),
        url('../fonts/Nunito-LightItalic.woff') format('woff'),
        url('../fonts/Nunito-LightItalic.ttf') format('truetype'),
        url('../fonts/Nunito-LightItalic.svg#Nunito-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
/* ^ */
/* Nunito Regular */
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Regular.eot');
    src: url('../fonts/Nunito-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-Regular.woff2') format('woff2'),
        url('../fonts/Nunito-Regular.woff') format('woff'),
        url('../fonts/Nunito-Regular.ttf') format('truetype'),
        url('../fonts/Nunito-Regular.svg#Nunito-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* ^ */
/* Nunito Italic */
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Italic.eot');
    src: url('../fonts/Nunito-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-Italic.woff2') format('woff2'),
        url('../fonts/Nunito-Italic.woff') format('woff'),
        url('../fonts/Nunito-Italic.ttf') format('truetype'),
        url('../fonts/Nunito-Italic.svg#Nunito-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
/* ^ */
/* Nunito Semibold */
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-SemiBold.eot');
    src: url('../fonts/Nunito-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-SemiBold.woff2') format('woff2'),
        url('../fonts/Nunito-SemiBold.woff') format('woff'),
        url('../fonts/Nunito-SemiBold.ttf') format('truetype'),
        url('../fonts/Nunito-SemiBold.svg#Nunito-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/* ^ */
/* Nunito Semibold Italic */
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-SemiBoldItalic.eot');
    src: url('../fonts/Nunito-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Nunito-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Nunito-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/Nunito-SemiBoldItalic.svg#Nunito-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
/* ^ */
/* Nunito Bold */
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Bold.eot');
    src: url('../fonts/Nunito-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-Bold.woff2') format('woff2'),
        url('../fonts/Nunito-Bold.woff') format('woff'),
        url('../fonts/Nunito-Bold.ttf') format('truetype'),
        url('../fonts/Nunito-Bold.svg#Nunito-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/* ^ */
/* Nunito Bold Italic */
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-BoldItalic.eot');
    src: url('../fonts/Nunito-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-BoldItalic.woff2') format('woff2'),
        url('../fonts/Nunito-BoldItalic.woff') format('woff'),
        url('../fonts/Nunito-BoldItalic.ttf') format('truetype'),
        url('../fonts/Nunito-BoldItalic.svg#Nunito-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
/* ^ */
@charset "UTF-8";
/* VARIABLES */
/* Colors */
/* header h2 text */
/* highlight */
/* Footer column titles */
/* Product package component description */
/* Product icons */
/* Add-ons price bgs */
/* Product & article titles */
/* Package items icons & section titles */
/* Font family */
/* MIXINS */
/* Border Radius */
/* User Select */
/* Transition */
/* Transform */
/* EXTENDS */
/* Word wrap */
code, pre, p code, p pre {
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* Styling shared between form fields */
textarea, textarea:focus, input, input[type=text], input[type=email], input[type=password], input[type=number],
input:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus {
  width: 100%;
  padding: 14px 20px;
  font-family: "Nunito", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: 400;
  outline: none;
}

/* Setup box sizing */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Reset document & layout elements */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
  vertical-align: top;
  margin: 0;
  padding: 0;
  outline: none;
  font-family: "Nunito", "Helvetica", sans-serif;
  border: 0;
}

/* Set body */
body {
  position: relative;
  overflow: auto;
  font-family: "Nunito", "Helvetica", sans-serif;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0B242E;
  background: linear-gradient(to right, #EBF2F5, #D1CFC8);
}

/* TEMPORARY */
svg {
  width: 50px;
  height: 50px;
}

/* DIV.CLEAR*/
div.clear {
  clear: both;
  font-size: 1px;
  line-height: 0;
}

/* FOR MOBILE */
.for-mobile {
  display: none !important;
}

/* TEXT STYLES */
/* Headers */
h1 {
  line-height: 1.5em;
  font-size: 60px;
  font-weight: 600;
}

h2 {
  line-height: 1.25em;
  font-size: 50px;
  font-weight: 600;
}

h3 {
  line-height: 1.5em;
  font-size: 40px;
  font-weight: 600;
}

h4 {
  line-height: 1.35em;
  font-size: 32px;
  font-weight: 600;
}

h5 {
  line-height: 1.5em;
  font-size: 28px;
  font-weight: 700;
}

h6 {
  line-height: 1.5em;
  font-size: 24px;
  font-weight: 400;
}

/* Paragraph */
p {
  line-height: 1.75em;
  font-size: 20px;
  font-weight: 400;
}

/* Special Text Tags */
b {
  font-weight: 700;
}

/* LISTS */
/* Unordered List */
ol ul,
ul {
  display: block;
  margin: 0 !important;
  padding: 16px 0 24px;
}
ol ul ol,
ul ol {
  padding: 24px 0 0 16px;
}
ol ul li,
ul li {
  display: block;
  margin: 0;
  padding: 16px 0;
  list-style: none;
  line-height: 2em;
  font: 20px "Nunito", "Helvetica", sans-serif;
  font-weight: 400;
}
ol ul li::before,
ul li::before {
  content: "•";
  counter-increment: none;
  vertical-align: top;
  display: inline-block;
  height: 30px;
  margin-right: 6px;
  padding: 0;
  line-height: 30px !important;
  font-size: 30px !important;
  font-weight: 700;
  color: #217BA0;
}

/* Ordered List */
ul ol,
ol {
  display: block;
  margin: 0;
  padding: 16px 0 24px;
  counter-reset: item;
}
ul ol ul,
ol ul {
  padding: 24px 0 0 16px;
}
ul ol li,
ol li {
  display: block;
  margin: 0;
  padding: 16px 0;
  list-style: none;
  line-height: 2em;
  font: 20px "Nunito", "Helvetica", sans-serif;
  font-weight: 400;
}
ul ol li::before,
ol li::before {
  content: counter(item) ". ";
  counter-increment: item;
  padding-right: 6px;
  font-family: "Nunito", "Helvetica", sans-serif;
  font-weight: 700;
  color: #217BA0;
}

/* Code */
code, pre, p code, p pre {
  display: inline-block;
  padding: 10px 12px;
  font-family: "Consolas", "Courier New", monospace;
  color: #BCBBB6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: rgba(189, 207, 214, 0.3);
}

code, pre {
  margin-top: 5px;
  line-height: 1.5em;
}

p code, p pre {
  margin-top: 0;
  line-height: 1em;
}

/* Blockquote */
blockquote {
  display: block;
  margin: 25px 0;
  padding: 8px 32px 16px;
  font-style: italic;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -ms-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
}

/* CLASSES for Text Styles */
/* Font Weights */
.t-light {
  font-weight: 300 !important;
}

.t-normal {
  font-weight: 400;
}

.t-semibold {
  font-weight: 600;
}

.t-bold {
  font-weight: 700;
}

/* Text Transform */
.t-upper {
  text-transform: uppercase;
}

.t-capital {
  text-transform: capitalize;
}

/* Text Decoration */
.t-through {
  text-decoration: line-through;
}

.t-under {
  text-decoration: underline;
}

/* Text Align */
.t-left {
  text-align: left;
}

.t-center {
  text-align: center;
}

.t-right {
  text-align: right;
}

/* Font Sizes */
.t-small {
  font-size: 0.825em;
}

.t-almost {
  font-size: 0.9em;
}

/* FORMS */
form#search-form {
  max-width: 700px;
  margin: 0 auto;
  padding: 0;
}

form div {
  padding: 25px 0;
}

/* Fields & Labels */
/* Labels */
label {
  display: block;
  width: 100%;
  padding: 40px 0 10px 12px;
  font: 20px "Nunito", "Helvetica", sans-serif;
  font-weight: 600;
  color: #889CA4;
}

/* Inputs */
input {
  outline: none;
  display: inline-block;
}

/* Input Types */
input, input[type=text], input[type=email], input[type=password], input[type=number],
input:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus {
  height: 60px;
  padding: 20px 18px;
  font: 20px "Nunito", "Helvetica", sans-serif;
  font-weight: 400;
  color: #0B242E;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

input, input[type=text], input[type=email], input[type=password], input[type=number] {
  background: none;
  border: 2px #ADC5CE solid;
}

input:-webkit-autofill {
  padding-left: 18px;
  font: 20px "Nunito", "Helvetica", sans-serif;
  -webkit-background-clip: text;
}

input:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus {
  background: rgba(235, 242, 245, 0.1);
  border: 2px #8AB5C7 solid;
  box-shadow: inset 1px 1px 4px rgba(3, 55, 75, 0.35);
}

input:focus::placeholder {
  visibility: hidden !important;
}

/* Textarea */
textarea, textarea:focus {
  outline: none;
  height: 200px;
  max-height: 200px;
  padding: 12px 18px;
  resize: none;
  overflow-y: auto;
  font: 20px "Nunito", "Helvetica", sans-serif;
  line-height: 1.75em;
  color: #0B242E;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

textarea {
  background: none;
  border: 2px #ADC5CE solid;
}

textarea:focus::placeholder {
  visibility: hidden !important;
}

textarea:focus {
  background: rgba(235, 242, 245, 0.1);
  border: 2px #8AB5C7 solid;
  box-shadow: inset 1px 1px 4px rgba(3, 55, 75, 0.35);
}

/* Select */
select option {
  max-width: 90%;
  margin: 5px auto;
  padding: 20px 25px;
}

::placeholder {
  font-size: 20px;
  color: #889CA4;
}

/* Custom Input type Checkbox */
label.checkbox-container {
  cursor: pointer;
  position: relative;
  display: block;
  margin-bottom: 12px;
  padding: 0 0 0 44px;
  font-size: 24px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
label.checkbox-container input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}
label.checkbox-container span.checkbox-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  background-color: rgba(235, 242, 245, 0.5);
  border: 2px #8AB5C7 solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
label.checkbox-container .checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
label.checkbox-container .checkbox-checkmark:after {
  top: 2px;
  left: 8px;
  width: 12px;
  height: 19px;
  border: solid #2298C9;
  border-width: 0 5px 5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
label.checkbox-container input:checked ~ .checkbox-checkmark {
  background-color: #FFF;
  border: 2px #6E9AAB solid;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
label.checkbox-container input:checked ~ .checkbox-checkmark:after {
  display: block;
}

.checkbox-container:hover input ~ .checkbox-checkmark {
  background-color: #F6FCFF;
  border: 2px #6E9AAB solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/* Custom Input type Radio */
label.radio-container {
  cursor: pointer;
  position: relative;
  display: block;
  margin-bottom: 12px;
  padding: 0 0 0 44px;
  font-size: 24px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
label.radio-container input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}
label.radio-container span.radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-color: rgba(235, 242, 245, 0.5);
  border: 2px #8AB5C7 solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
label.radio-container .radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
label.radio-container .radio-checkmark:after {
  top: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
  background: #2298C9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
label.radio-container input:checked ~ .radio-checkmark {
  background-color: #FFF;
  border: 2px #6E9AAB solid;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
label.radio-container input:checked ~ .radio-checkmark:after {
  display: block;
}

.radio-container:hover input ~ .radio-checkmark {
  background-color: #F6FCFF;
  border: 2px #6E9AAB solid;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/* Input type Submit & Buttons */
button[type=submit],
button[type=button],
input[type=submit],
input[type=button],
input.btn, button.btn {
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 12px 26px;
  font: 20px "Nunito", "Helvetica", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  border-radius: 35px;
  background: #E36802;
  border: 2px solid #E36802;
  box-shadow: 2px 2px 6px rgba(3, 55, 75, 0.25);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

button[type=submit]:hover,
input[type=submit]:hover,
input[type=button]:hover,
input.btn:hover, button.btn:hover {
  padding: 12px 32px;
  background: #F77102;
  box-shadow: 2px 2px 8px rgba(3, 55, 75, 0.35);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
  outline: none;
  border: 2px solid #F77102;
}

/* CLASSES for Buttons */
.btn {
  display: inline-block;
  width: auto;
  height: auto;
  text-transform: uppercase;
  text-decoration: none;
}

/* Button Sizes */
/* Small */
.btn.small {
  padding: 11px 22px;
  font: 15px "Nunito", "Helvetica", sans-serif;
  font-weight: 700;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
}

.btn.small:hover {
  padding: 11px 28px;
}

.btn.small {
  margin: 5px;
}

/* Medium */
.btn.medium {
  padding: 14px 32px;
  font: 20px "Nunito", "Helvetica", sans-serif;
  font-weight: 700;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  border-radius: 35px;
}

.btn.medium:hover {
  padding: 14px 38px;
}

.btn.medium {
  margin: 8px;
}

/* Button Colors and Styles */
/* Blue Fill */
.btn.blue-fill {
  color: #FFF;
  background: #2298C9;
  border: 2px solid #2298C9;
  box-shadow: 2px 2px 6px rgba(3, 55, 75, 0.25);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

.btn.blue-fill:hover {
  background: #03B0F5;
  border: 2px solid #03B0F5;
  box-shadow: 2px 2px 8px rgba(3, 55, 75, 0.35);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

/* Blue Border Light Text */
.btn.blue-border-light {
  color: #E6E6E6;
  background: none;
  border: 2px #23ACE2 solid;
  box-shadow: 2px 2px 6px rgba(3, 55, 75, 0.25), inset 1px 1px 4px rgba(3, 55, 75, 0.25);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

.btn.blue-border-light:hover {
  color: #FFF;
  background: none;
  border: 2px #14B7F8 solid;
  box-shadow: 2px 2px 8px rgba(3, 55, 75, 0.35), inset 1px 1px 4px rgba(3, 55, 75, 0.35);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

/* Blue Border Dark Text */
.btn.blue-border-dark {
  color: #0C5875;
  background: none;
  border: 2px #23ACE2 solid;
  box-shadow: 2px 2px 6px rgba(3, 55, 75, 0.25), inset 1px 1px 4px rgba(3, 55, 75, 0.25);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

.btn.blue-border-dark:hover {
  color: #03374B;
  background: none;
  border: 2px #14B7F8 solid;
  box-shadow: 2px 2px 8px rgba(3, 55, 75, 0.35), inset 1px 1px 4px rgba(3, 55, 75, 0.35);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

/* Blue Fill */
.btn.orange-fill {
  color: #FFF;
  background: #E36802;
  border: 2px solid #E36802;
  box-shadow: 2px 2px 6px rgba(45, 36, 36, 0.25);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

.btn.orange-fill:hover {
  background: #F77102;
  border: 2px solid #F77102;
  box-shadow: 2px 2px 8px rgba(45, 36, 36, 0.35);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

/* Blue Border Light Text */
.btn.orange-border-light {
  color: #E6E6E6;
  background: none;
  border: 2px #E36802 solid;
  box-shadow: 2px 2px 6px rgba(45, 36, 36, 0.25), inset 1px 1px 4px rgba(45, 36, 36, 0.25);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

.btn.orange-border-light:hover {
  color: #FFF;
  background: none;
  border: 2px #F77102 solid;
  box-shadow: 2px 2px 8px rgba(45, 36, 36, 0.35), inset 1px 1px 4px rgba(45, 36, 36, 0.35);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

/* Blue Border Dark Text */
.btn.orange-border-dark {
  color: #2D2424;
  background: none;
  border: 2px #E36802 solid;
  box-shadow: 2px 2px 6px rgba(45, 36, 36, 0.25), inset 1px 1px 4px rgba(45, 36, 36, 0.25);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

.btn.orange-border-dark:hover {
  background: none;
  border: 2px #F77102 solid;
  box-shadow: 2px 2px 8px rgba(45, 36, 36, 0.35), inset 1px 1px 4px rgba(45, 36, 36, 0.35);
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

/* CLASSES for links */
.link-white,
.link-gray,
.link-blue,
.link-orange,
.link-dark {
  cursor: pointer;
  text-decoration: none;
}

.link-white {
  color: #F6FCFF;
}

.link-gray {
  color: #D1CFC8;
}

.link-blue {
  color: #23ACE2;
}

.link-orange {
  color: #E36802;
}

.link-dark {
  color: #0C5875;
}

.link-white:hover,
.link-gray:hover,
.link-blue:hover,
.link-orange:hover,
.link-dark:hover {
  text-decoration: underline;
}

.link-white:hover {
  color: #FFF;
}

.link-gray:hover {
  color: #E6E6E6;
}

.link-blue:hover {
  color: #14B7F8;
}

.link-orange:hover {
  color: #F77102;
}

.link-dark:hover {
  color: #0C6E96;
}

.link-white:visited {
  color: #EBF2F5;
}

.link-gray:visited {
  color: #BCBBB6;
}

.link-blue:visited {
  color: #2298C9;
}

.link-orange:visited {
  color: #E14D2A;
}

.link-dark:visited {
  color: #03374B;
}

/* CLASSES for Text Colors */
.t-white {
  color: #FFF;
}

.t-off-white-1 {
  color: #F6FCFF;
}

.t-off-white-2 {
  color: #EBF2F5;
}

.t-gray-1 {
  color: #E6E6E6;
}

.t-gray-2 {
  color: #D1CFC8;
} /* header h2 text */
.t-gray-3 {
  color: #BCBBB6;
}

.t-gray-4 {
  color: #707070;
}

.t-blue-1 {
  color: #5ED1FF;
}

.t-blue-2 {
  color: #14B7F8;
}

.t-blue-3 {
  color: #03B0F5;
} /* highlight */
.t-blue-4 {
  color: #23ACE2;
}

.t-blue-5 {
  color: #2298C9;
}

.t-off-blue-1 {
  color: #BDCFD6;
}

.t-off-blue-2 {
  color: #ADC5CE;
}

.t-off-blue-3 {
  color: #8AB5C7;
}

.t-off-blue-4 {
  color: #889CA4;
}

.t-off-blue-5 {
  color: #6E9AAB;
} /* Footer column titles */
.t-off-blue-6 {
  color: #608492;
} /* Product package component description */
.t-dark-blue-1 {
  color: #217BA0;
} /* Product icons */
.t-dark-blue-2 {
  color: #0C6E96;
} /* Add-ons price bgs */
.t-dark-blue-3 {
  color: #0C5875;
} /* Product & article titles */
.t-dark-blue-4 {
  color: #0A516C;
} /* Package items icons & section titles */
.t-dark-blue-5 {
  color: #053D53;
}

.t-dark-blue-6 {
  color: #03374B;
}

.t-black-1 {
  color: #0B242E;
}

/* Special Colors */
.t-orange {
  color: #C7983B;
}

.t-red {
  color: #CB5353;
}

.t-pink {
  color: #CF4EB5;
}

.t-purple {
  color: #9A4DBF;
}

.t-navy {
  color: #4069BE;
}

.t-cyan {
  color: #2AAAA5;
}

.t-green {
  color: #3AB463;
}

.t-lime {
  color: #89AF3A;
}

.t-yellow {
  color: #BBB234;
}

/* CLASSES for Backgrounds */
.bg-main {
  background: linear-gradient(to right, #EBF2F5, #D1CFC8);
}

.bg-promo {
  background: linear-gradient(to right, #F6FCFF, #EBF2F5);
}

.bg-custom {
  background: linear-gradient(to right, #ADC5CE, #FFF);
}

.bg-basic {
  background: linear-gradient(to right, rgba(189, 207, 214, 0.3), rgba(235, 242, 245, 0.1));
}

.bg-top-sum {
  background: linear-gradient(to right, rgba(235, 242, 245, 0.1), #FFF);
}

.bg-blog {
  background: linear-gradient(to right, #D1CFC8, rgba(136, 156, 164, 0.5));
}

.bg-header {
  background: linear-gradient(to bottom, #0B242E 10%, #0C5875 70%, #053D53);
}

.bg-footer {
  background: linear-gradient(to bottom, #053D53, #0C5875);
}

.bg-bottom-sum {
  background: linear-gradient(to right, #217BA0, #0C5875);
}

.bg-orange-1 {
  background: #E36802;
}

.bg-dark-blue-2 {
  background: #0C6E96;
}

.bg-off-blue-5 {
  background: #6E9AAB;
}

.bg-off-white-2-1 {
  background: rgba(235, 242, 245, 0.1);
}

.bg-off-blue-1-3 {
  background: rgba(189, 207, 214, 0.3);
}

.bg-off-blue-1-5 {
  background: rgba(189, 207, 214, 0.5);
}

.bg-shadow-inset {
  box-shadow: inset 0 5px 20px rgba(3, 55, 75, 0.25);
}

.bg-shadow {
  box-shadow: 0 5px 20px rgba(3, 55, 75, 0.35);
}

/* TAGS */
.tags {
  display: inline-block;
  width: 100%;
  padding: 0;
}
.tags .tag {
  display: inline-block;
  margin: 0 0 15px 0;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.025em;
  color: #FFF;
  opacity: 0.8;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}
.tags .tag:first-child {
  margin-right: 10px;
}
.tags .tag:last-child {
  margin-right: 0;
}
.tags .tag.orange {
  background: #C7983B;
}
.tags .tag.red {
  background: #CB5353;
}
.tags .tag.pink {
  background: #CF4EB5;
}
.tags .tag.purple {
  background: #9A4DBF;
}
.tags .tag.navy {
  background: #4069BE;
}
.tags .tag.cyan {
  background: #2AAAA5;
}
.tags .tag.green {
  background: #3AB463;
}
.tags .tag.lime {
  background: #89AF3A;
}
.tags .tag.yellow {
  background: #BBB234;
}
.tags .tag:hover {
  opacity: 1;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

/* Screen Frame */
#screen-frame {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}

/* NAV */
nav {
  position: relative;
}
nav .container {
  padding: 0 25px;
}
nav .container #top-nav-items .nav-item a {
  display: inline-block;
  width: 100%;
  padding: 15px 10px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #D1CFC8;
  text-decoration: none;
  border-top: 2px rgba(209, 207, 200, 0.7) solid;
}
nav .container #top-nav-items .nav-item a:hover, nav .container #top-nav-items .nav-item a.selected {
  color: #FFF;
  border-top: 2px #F77102 solid;
}
nav #mobile-button-open,
nav #mobile-menu {
  display: none;
}

/* Home NAV */
nav#home-nav {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  padding-top: 40px;
}
nav#home-nav #logo-top {
  display: block;
  width: 300px;
}
nav#home-nav #logo-top a svg {
  width: 300px;
  height: auto;
  fill: #23ACE2;
}
nav#home-nav #top-nav-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  padding-top: 40px;
}
nav#home-nav #top-nav-items .nav-item {
  flex: 1 1 auto;
}

/* Sub NAV */
nav#sub-nav {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  padding-top: 30px;
}
nav#sub-nav .container #top-nav-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
nav#sub-nav .container #top-nav-items .nav-item {
  flex: 1 1 auto;
  padding-top: 40px;
}
nav#sub-nav .container #top-nav-items #logo-top {
  flex: 0 1 80px;
}
nav#sub-nav .container #top-nav-items #logo-top svg {
  width: 80px;
  height: auto;
  fill: #23ACE2;
}

/* CONTAINER & HEADER CLASSES */
/* Section Title */
.section-title {
  display: block;
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.section-title h5, .section-title h6 {
  font-weight: 300;
}
.section-title h4, .section-title h5, .section-title h6 {
  padding-top: 20px;
}

/* Container */
.container {
  display: block;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 25px;
}

.sub-section .container {
  padding: 100px 30px 140px;
}

/* Columns */
.columns {
  display: flex;
  gap: 50px;
}
.columns .col-50 {
  flex: 1 1 50%;
}
.columns .col-33 {
  flex: 1 1 33%;
}
.columns .col-full {
  flex: 1 1 100%;
}

/* Header */
header {
  position: relative;
}

/* Sub-Header */
header.sub-header {
  box-shadow: inset 0px 0px 36px rgba(0, 0, 0, 0.3);
}
header.sub-header > .container h1 {
  max-width: 580px;
  font-size: 60px;
  line-height: 1.25em;
}
header.sub-header > .container h2 {
  padding: 30px 0 0 4px;
  font-size: 24px;
  line-height: 1.65em;
}
header.sub-header > .main-sub-header {
  padding: 250px 25px 120px;
}
header.sub-header > .main-sub-header h2 {
  max-width: 640px;
}

/* Region Header */
header.sub-header > .region-header {
  padding: 240px 25px 120px;
}
header.sub-header > .region-header h1, header.sub-header > .region-header h2 {
  max-width: 700px;
}
header.sub-header > .region-header h2 {
  padding-bottom: 40px;
}

/* Product Header */
header.sub-header > .product-header {
  padding: 240px 25px 120px;
}
header.sub-header > .product-header h1 {
  max-width: 640px;
}
header.sub-header > .product-header h2 {
  max-width: 740px;
  font-size: 20px;
}

/* REPEATING CONTAINER CLASSES */
/* List of Package Components with Checkboxes */
.checkboxed-package-items h3 {
  padding: 40px 0 20px 5px;
}
.checkboxed-package-items .package-item {
  padding: 40px 32px;
}
.checkboxed-package-items .package-item h5,
.checkboxed-package-items .package-item .checkbox-container {
  display: inline-block;
  width: calc(100% - 55px);
  min-height: 32px;
  margin-bottom: 0;
}
.checkboxed-package-items .package-item h5 .item-icon, .checkboxed-package-items .package-item h5 .item-text,
.checkboxed-package-items .package-item .checkbox-container .item-icon,
.checkboxed-package-items .package-item .checkbox-container .item-text {
  vertical-align: top;
  display: inline-block;
}
.checkboxed-package-items .package-item h5 .item-icon,
.checkboxed-package-items .package-item .checkbox-container .item-icon {
  width: 42px;
  padding: 0 0 0 10px;
}
.checkboxed-package-items .package-item h5 .item-icon svg,
.checkboxed-package-items .package-item .checkbox-container .item-icon svg {
  width: 32px;
  height: auto;
  fill: #0A516C;
}
.checkboxed-package-items .package-item h5 .item-text,
.checkboxed-package-items .package-item .checkbox-container .item-text {
  width: calc(100% - 50px);
  margin-top: -2px;
  padding: 0 0 20px 6px;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.35em;
}
.checkboxed-package-items .package-item h5 .item-text span,
.checkboxed-package-items .package-item .checkbox-container .item-text span {
  display: block;
  font-size: 22px;
  line-height: 2em;
}
.checkboxed-package-items .package-item button.item-desc-toggle {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 0 0 18px;
  padding: 0;
  outline: none;
  border: none;
  background: none;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.checkboxed-package-items .package-item button.item-desc-toggle span {
  position: absolute;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0;
  border: solid #6E9AAB;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-width 0s ease-out 0.1s;
  -moz-transition: border-width 0s ease-out 0.1s;
  -o-transition: border-width 0s ease-out 0.1s;
  transition: border-width 0s ease-out 0.1s;
}
.checkboxed-package-items .package-item button.item-desc-toggle svg {
  width: 32px;
  height: auto;
  fill: #889CA4;
}
.checkboxed-package-items .package-item button.item-desc-toggle.down:hover span,
.checkboxed-package-items .package-item button.item-desc-toggle.up:hover span {
  border: solid #2298C9;
}
.checkboxed-package-items .package-item button.item-desc-toggle.down span,
.checkboxed-package-items .package-item button.item-desc-toggle.down:hover span {
  top: -4px;
  border-width: 0 3px 3px 0;
  -webkit-transition: top 0.5s ease-out;
  -moz-transition: top 0.5s ease-out;
  -o-transition: top 0.5s ease-out;
  transition: top 0.5s ease-out;
}
.checkboxed-package-items .package-item button.item-desc-toggle.up span,
.checkboxed-package-items .package-item button.item-desc-toggle.up:hover span {
  top: 12px;
  border-width: 3px 0 0 3px;
  -webkit-transition: top 0.5s ease-out;
  -moz-transition: top 0.5s ease-out;
  -o-transition: top 0.5s ease-out;
  transition: top 0.5s ease-out;
}
.checkboxed-package-items .package-item p {
  display: inline-block;
}
.checkboxed-package-items .package-item .item-desc-wrapper {
  display: block;
  overflow: hidden;
}
.checkboxed-package-items .package-item .item-desc-wrapper p.item-desc {
  width: 100%;
  padding: 0 7.5% 30px 55px;
  font-size: 22px;
  color: #608492;
  -webkit-transition: margin-top 0.5s ease-out;
  -moz-transition: margin-top 0.5s ease-out;
  -o-transition: margin-top 0.5s ease-out;
  transition: margin-top 0.5s ease-out;
}
.checkboxed-package-items .package-item .item-desc-wrapper p.item-desc.folded {
  margin-top: -300px;
}
.checkboxed-package-items .package-item .item-desc-wrapper p.item-desc.unfolded {
  margin-top: 0;
}
.checkboxed-package-items .package-item p.item-price {
  margin: 0 0 0 59px;
  padding: 4px 26px;
  line-height: 1.5em;
  font-size: 24px;
}

.checkboxed-package-items .package-item .item-desc-wrapper p.item-desc {
  padding-left: 12px !important;
}

/* Section Custom IT Solutions Promo */
#custom-solutions-section .container {
  padding: 100px 25px 120px;
  background: url("../images/home_custom_it.svg");
  background-repeat: no-repeat;
  background-size: auto 90%;
  background-position: 95% 101%;
}
#custom-solutions-section .container h2 {
  overflow-wrap: anywhere;
}
#custom-solutions-section .container h5 {
  padding: 10px 0 60px 2px;
}

/* Section Products Components */
#product-components-section .container {
  padding: 100px 25px 120px;
}
#product-components-section .container .section-title h6 {
  padding-bottom: 30px;
}
#product-components-section .container #products-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 30px 0 0;
  gap: 50px;
}
#product-components-section .container #products-list .product-item {
  flex: 1 1 calc(33.333% - 50px);
  padding: 40px 0 0;
}
#product-components-section .container #products-list .product-item h4 {
  font-size: 28px;
}
#product-components-section .container #products-list .product-item h4 a {
  text-decoration: none;
  color: #0C5875;
  padding: 0 15px;
}
#product-components-section .container #products-list .product-item h4 a span {
  display: inline-block;
}
#product-components-section .container #products-list .product-item h4 a .product-icon svg {
  width: 50px;
  height: auto;
  fill: #217BA0;
}
#product-components-section .container #products-list .product-item h4 a .product-title {
  padding: 10px 0 0 20px;
}
#product-components-section .container #products-list .product-item h4 a:hover {
  color: #217BA0;
}
#product-components-section .container #products-list .product-item p {
  display: block;
  padding: 30px 15px;
  border-top: 2px rgba(138, 181, 199, 0.5) solid;
}
#product-components-section .container #products-list .product-item a.btn {
  margin: 0 0 0 15px;
}

/* Section Articles Listing */
.articles-section .container {
  padding: 40px 25px 140px;
}
.articles-section .container .section-title h2 {
  padding-bottom: 10px;
}
.articles-section .container #articles-listing {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0;
  align-content: space-between;
  gap: 60px;
}
.articles-section .container #articles-listing .article-item {
  flex: 1 1 calc(50% - 30px);
  padding: 30px 0 0;
}
.articles-section .container #articles-listing .article-item .item-image img {
  display: block;
  width: 100%;
  height: auto;
}
.articles-section .container #articles-listing .article-item .item-text {
  padding-top: 25px;
}
.articles-section .container #articles-listing .article-item .item-text h4 {
  line-height: 1.35em;
}
.articles-section .container #articles-listing .article-item .item-text h4 a {
  text-decoration: none;
  color: #0C5875;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}
.articles-section .container #articles-listing .article-item .item-text h4 a:hover {
  text-decoration: underline;
  color: #0A516C;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}
.articles-section .container #articles-listing .article-item .item-text p {
  padding: 15px 0 30px;
}

/* FOOTER */
footer .container {
  padding-bottom: 40px;
}
footer .container #footer-logo {
  padding: 25px;
  border-bottom: 2px rgba(136, 156, 164, 0.2) solid;
}
footer .container #footer-logo a svg {
  width: 240px;
  height: auto;
  fill: #23ACE2;
}
footer .container #footer-logo a:hover svg {
  fill: #5ED1FF;
}
footer .container #footer-columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 30px 30px 50px;
  align-content: stretch;
}
footer .container #footer-columns ul {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
}
footer .container #footer-columns ul li {
  padding: 10px 0;
  margin: 0;
}
footer .container #footer-columns ul li a {
  text-decoration: none;
}
footer .container #footer-columns ul li a:hover {
  text-decoration: underline;
}
footer .container #footer-columns ul li::before {
  display: none;
}
footer .container #footer-columns ul:first-child {
  flex: 1 1 30%;
}
footer .container #footer-columns ul:first-child li {
  font-size: 16px;
  font-weight: 300;
}
footer .container #footer-columns ul:first-child li span {
  display: inline-block;
}
footer .container #footer-columns ul:first-child li .footer-data-icon {
  padding-top: 2px;
}
footer .container #footer-columns ul:first-child li .footer-data-icon svg {
  width: 16px;
  height: auto;
  fill: #889CA4;
}
footer .container #footer-columns ul:first-child li .footer-data-text {
  padding-left: 10px;
}
footer .container #footer-columns ul:first-child li .footer-data-text a {
  font-weight: 600;
  color: #14B7F8;
}
footer .container #footer-columns ul:first-child li .footer-data-text a:hover {
  color: #5ED1FF;
}
footer .container #footer-columns ul:nth-child(n+1) li:first-child {
  font-size: 16px;
}
footer .container #footer-columns ul:nth-child(n+1) li {
  font-size: 15px;
  font-weight: 400;
}
footer .container #footer-columns ul:nth-child(n+1) li a {
  color: #D1CFC8;
}
footer .container #footer-columns ul:nth-child(n+1) li a:hover {
  color: #FFF;
}
footer .container #footer-copy {
  padding: 30px 25px 10px;
  border-top: 2px rgba(136, 156, 164, 0.2) solid;
}
footer .container #footer-copy p {
  font-size: 16px;
  font-weight: 300;
}
footer .container #footer-copy p a {
  text-decoration: none;
  font-weight: 600;
  color: #BCBBB6;
}
footer .container #footer-copy p a:hover {
  text-decoration: underline;
  color: #EBF2F5;
}

/* HOME */
/* Header */
header#home-header {
  box-shadow: inset 0px 0px 36px rgba(0, 0, 0, 0.3);
}
header#home-header > .container {
  padding: 300px 25px 150px;
  background: url("../images/home_header.svg");
  background-repeat: no-repeat;
  background-size: auto 420px;
  background-position: 95% 101%;
}
header#home-header > .container h1 {
  font-size: 54px;
  max-width: 1080px;
}
header#home-header > .container h2 {
  max-width: 640px;
  padding: 40px 0 60px 5px;
  font-size: 24px;
  line-height: 1.5em;
}
header#home-header > .container .button-group a.btn.orange-border-light {
  background: #0A516C;
}
header#home-header > .container .button-group a.btn.orange-border-light:hover {
  background: #053D53;
}

/* Section Product Package */
#home-product-package .container {
  padding: 100px 25px 140px;
}
#home-product-package .container .section-title h2 {
  padding-bottom: 5px;
}
#home-product-package .container #package-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 60px 0 0;
}
#home-product-package .container #package-container #basic-package {
  padding: 32px;
}
#home-product-package .container #package-container #basic-package h4 {
  padding-bottom: 40px;
}
#home-product-package .container #package-container #basic-package h5.package-item {
  padding: 0 0 32px;
  font-size: 24px;
  font-weight: 400;
}
#home-product-package .container #package-container #basic-package h5.package-item span {
  display: inline-block;
}
#home-product-package .container #package-container #basic-package h5.package-item span.item-icon {
  width: 32px;
  padding-top: 1px;
}
#home-product-package .container #package-container #basic-package h5.package-item span.item-icon svg {
  width: 32px;
  height: auto;
  fill: #0A516C;
}
#home-product-package .container #package-container #basic-package h5.package-item span.item-text {
  width: calc(100% - 32px);
  padding-left: 12px;
}
#home-product-package .container #package-container #package-addons h4 {
  padding: 32px;
}
#home-product-package .container #package-container #package-addons h5 {
  position: relative;
  min-height: 100%;
  padding: 32px 32px 72px;
  font-size: 22px;
  font-weight: 400;
}
#home-product-package .container #package-container #package-addons h5 span {
  display: inline-block;
}
#home-product-package .container #package-container #package-addons h5 span.item-icon {
  width: 32px;
}
#home-product-package .container #package-container #package-addons h5 span.item-icon svg {
  width: 32px;
  height: auto;
  fill: #0A516C;
}
#home-product-package .container #package-container #package-addons h5 span.item-text {
  width: calc(100% - 40px);
  padding: 1px 0 0 8px;
}
#home-product-package .container #package-container #package-addons h5 span.item-text > span {
  display: block;
  margin: 0;
  font-size: 16px;
}
#home-product-package .container #package-container #package-addons h5 span.item-price {
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: inline-block;
  padding: 4px 20px;
  font-size: 18px;
}
#home-product-package .container #package-container > * {
  flex: 1 1 50%;
}
#home-product-package .container #package-container > * h4 {
  padding-bottom: 30px;
}
#home-product-package .container #package-container > * ul {
  margin: 0;
  padding: 0;
}
#home-product-package .container #package-container > * ul li span.item-icon svg {
  width: 28px;
  height: auto;
  fill: #0A516C;
}
#home-product-package .container #package-container > * ul li span.item-text {
  padding-left: 8px;
}
#home-product-package .container #package-container > * ul li::before {
  display: none;
}
#home-product-package .container #package-summary {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 30px 40px;
}
#home-product-package .container #package-summary #package-price p {
  font-size: 24px;
}
#home-product-package .container #package-summary #package-price p span.price-title {
  font-size: 24px;
}
#home-product-package .container #package-summary #package-price p span {
  font-size: 30px;
}
#home-product-package .container #package-summary #package-subscribe a {
  float: right;
  margin-right: 0;
}
#home-product-package .container #package-summary > * {
  flex: 1 1 auto;
}

/* Section Articles Listing */
#home-articles-section .container {
  padding: 100px 25px 140px;
}
#home-articles-section .container .section-title h2 {
  padding-bottom: 10px;
}
#home-articles-section .container #articles-listing {
  padding: 40px 0 80px;
}
#home-articles-section .container .button-group {
  padding-top: 40px;
  border-top: 1px solid rgba(136, 156, 164, 0.5);
}

/* PRODUCTS */
/* Header */
header.sub-header > #products-header {
  background: url("../images/products_header.svg");
  background-repeat: no-repeat;
  background-size: auto 360px;
  background-position: 95% 80%;
}

/* Ready Package Section */
#custom-it-product-package .container,
#product-package .container {
  padding: 100px 25px 140px;
}
#custom-it-product-package .container #package-top-summary,
#product-package .container #package-top-summary {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 40px 35px 50px;
  justify-content: space-between;
}
#custom-it-product-package .container #package-top-summary .package-top-price p,
#product-package .container #package-top-summary .package-top-price p {
  font-size: 24px;
}
#custom-it-product-package .container #package-top-summary .package-top-price p span,
#product-package .container #package-top-summary .package-top-price p span {
  font-size: 30px;
}
#custom-it-product-package .container #basic-package,
#product-package .container #basic-package {
  padding: 0 30px 40px;
}
#custom-it-product-package .container #basic-package .package-item,
#product-package .container #basic-package .package-item {
  padding: 25px 0 0;
}
#custom-it-product-package .container #basic-package .package-item h5 .item-text,
#product-package .container #basic-package .package-item h5 .item-text {
  margin-top: -2px;
  padding: 0 0 0 15px;
}
#custom-it-product-package .container #basic-package .package-item p,
#product-package .container #basic-package .package-item p {
  padding: 10px 5% 30px 49px;
  font-size: 22px;
}
#custom-it-product-package .container #package-addons,
#product-package .container #package-addons {
  padding-bottom: 40px;
}
#custom-it-product-package .container #package-addons h3,
#product-package .container #package-addons h3 {
  padding: 60px 0 20px 40px;
}
#custom-it-product-package .container #package-addons .package-item,
#product-package .container #package-addons .package-item {
  padding: 36px 30px;
}
#custom-it-product-package .container #package-addons .package-item h5 .item-text,
#product-package .container #package-addons .package-item h5 .item-text {
  margin-top: -2px;
  padding-left: 15px;
}
#custom-it-product-package .container #package-bottom-summary,
#product-package .container #package-bottom-summary {
  padding: 32px 20px;
}
#custom-it-product-package .container #package-bottom-summary .summary-components,
#product-package .container #package-bottom-summary .summary-components {
  width: 100%;
  padding: 0 20px 25px;
  border-bottom: 1px #608492 solid;
}
#custom-it-product-package .container #package-bottom-summary .summary-components p,
#product-package .container #package-bottom-summary .summary-components p {
  font-size: 24px;
}
#custom-it-product-package .container #package-bottom-summary .summary-components p span,
#product-package .container #package-bottom-summary .summary-components p span {
  font-size: 30px;
}
#custom-it-product-package .container #package-bottom-summary .summary-components p:nth-child(2),
#product-package .container #package-bottom-summary .summary-components p:nth-child(2) {
  padding-top: 5px;
}
#custom-it-product-package .container #package-bottom-summary .summary-total,
#product-package .container #package-bottom-summary .summary-total {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 12px 20px 0;
  justify-content: space-between;
}
#custom-it-product-package .container #package-bottom-summary .summary-total p,
#product-package .container #package-bottom-summary .summary-total p {
  font-size: 24px;
}
#custom-it-product-package .container #package-bottom-summary .summary-total p span,
#product-package .container #package-bottom-summary .summary-total p span {
  font-size: 30px;
}

#product-package .container form #package-addons .package-item .item-desc-wrapper {
  padding: 0;
}
#product-package .container form #products-contact-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0;
  gap: 0;
}
#product-package .container form #products-contact-form .col-50 {
  flex: 1 1 calc(50% - 50px);
  padding: 0 25px;
}
#product-package .container form #products-contact-form .col-full {
  padding: 60px 25px 30px;
}
#product-package .container form #products-contact-form #package-bottom-summary {
  padding: 32px 20px 12px;
}
#product-package .container form #products-contact-form #package-bottom-summary #summary-total {
  padding-top: 0;
}
#product-package .container form #products-contact-form #package-bottom-summary #summary-total #package-price,
#product-package .container form #products-contact-form #package-bottom-summary #summary-total #package-subscribe {
  padding-top: 0;
}

/* CUSTOM IT SOLUTIONS */
/* Header */
header.sub-header > #custom-it-header {
  background: url("../images/custom_it_header.svg");
  background-repeat: no-repeat;
  background-size: auto 360px;
  background-position: 98% 80%;
}
header.sub-header > #custom-it-header h1 {
  max-width: 1080px;
}

/* Request Quote Section */
#custom-it-section .container {
  padding: 100px 25px 120px;
}
#custom-it-section .container .section-title h6 {
  padding-top: 20px;
}
#custom-it-section .container form #custom-it-contact-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 60px 0 0;
  gap: 0 50px;
}
#custom-it-section .container form #custom-it-contact-form .col-50 {
  flex: 1 1 calc(50% - 50px);
}
#custom-it-section .container form #custom-it-contact-form .col-50 label {
  padding-top: 0;
}
#custom-it-section .container form #custom-it-contact-form .col-full {
  padding: 30px 0 0;
}

/* BLOG HOME */
/* Header */
header.sub-header > #blog-header {
  background: url("../images/blog_header.svg");
  background-repeat: no-repeat;
  background-size: auto 340px;
  background-position: 95% 80%;
}

/* Articles Listing & Menu */
#blog-articles-section .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0 25px 140px;
}
#blog-articles-section .container #articles-listing {
  flex: 1 1 calc(100% - 320px);
  padding-top: 40px;
}
#blog-articles-section .container #articles-tags {
  flex: 1 1 320px;
  padding-left: 60px;
}
#blog-articles-section .container #articles-tags ul {
  margin: 0;
  padding: 93px 0;
  border-left: 2px #D1CFC8 solid;
}
#blog-articles-section .container #articles-tags ul li:first-child {
  font-size: 30px;
  font-weight: 600;
  background: none;
}
#blog-articles-section .container #articles-tags ul li {
  display: inline-block;
  width: auto;
  margin-top: 20px;
  padding: 0 0 0 25px;
  background: #D1CFC8;
  clear: both;
}
#blog-articles-section .container #articles-tags ul li a {
  margin-bottom: 0;
}
#blog-articles-section .container #articles-tags ul li::before {
  display: none;
}

/* BLOG ARTICLE */
/* Header */
header.sub-header > #article-header {
  padding: 200px 25px 60px;
}
header.sub-header > #article-header #article-image {
  position: relative;
  display: block;
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
header.sub-header > #article-header #article-image img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
header.sub-header > #article-header h1 {
  max-width: 100%;
  padding-top: 40px;
  line-height: 1.25em;
  font-size: 50px;
}
header.sub-header > #article-header h2 {
  max-width: 100%;
  padding-top: 30px;
}

/* Article Content */
#article-section .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0 25px 140px;
}
#article-section .container #article-text {
  flex: 1 1 calc(100% - 400px);
  padding: 60px 60px 0 0;
}
#article-section .container #article-text p {
  padding: 16px 0;
}
#article-section .container #article-text img {
  display: block;
  width: auto;
  max-width: 90%;
  height: auto;
  margin: 0 0 20px;
}
#article-section .container #related-articles {
  flex: 1 1 400px;
  border-left: 2px #D1CFC8 solid;
}
#article-section .container #related-articles ul {
  max-width: 270px;
  margin: 0;
  padding: 60px 0;
}
#article-section .container #related-articles ul li:first-child {
  font-size: 30px;
  font-weight: 600;
  background: none;
}
#article-section .container #related-articles ul li {
  display: inline-block;
  width: auto;
  margin-top: 20px;
  padding: 0 0 0 25px;
  background: #D1CFC8;
  clear: both;
  float: none;
}
#article-section .container #related-articles ul li a {
  margin-bottom: 0;
}
#article-section .container #related-articles ul li::before {
  display: none;
}
#article-section .container #related-articles .articles-listing {
  padding: 20px 0 80px;
}
#article-section .container #related-articles .articles-listing h4 {
  padding-left: 25px;
}
#article-section .container #related-articles .articles-listing .article-item {
  padding: 25px;
}
#article-section .container #related-articles .articles-listing .article-item .item-image img {
  display: block;
  width: 100%;
  height: auto;
}
#article-section .container #related-articles .articles-listing .article-item .item-text {
  padding-top: 20px;
}
#article-section .container #related-articles .articles-listing .article-item .item-text h5 {
  line-height: 1.25em;
  font-size: 24px;
}
#article-section .container #related-articles .articles-listing .article-item .item-text h5 a {
  text-decoration: none;
  color: #0C5875;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}
#article-section .container #related-articles .articles-listing .article-item .item-text h5 a:hover {
  text-decoration: underline;
  color: #0A516C;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}
#article-section .container #related-articles .articles-listing .article-item .item-text p {
  padding: 15px 0 20px;
  font-size: 18px;
}
#article-section .container #related-articles .articles-listing .article-item .item-text a.btn {
  padding: 10px 20px;
}

/* FAQ */
/* Header */
header.sub-header > #faq-header {
  background: url("../images/faq_header.svg");
  background-repeat: no-repeat;
  background-size: auto 360px;
  background-position: 95% 90%;
}
header.sub-header > #faq-header h1 {
  max-width: 640px;
}

/* Questions Section */
#faq-questions .container {
  padding: 80px 25px 120px;
}
#faq-questions .container .faq-items h3 {
  padding: 60px 0 20px 40px;
}
#faq-questions .container .faq-items .faq-item {
  cursor: pointer;
  margin-bottom: 40px;
  padding: 40px 30px 0;
  background: linear-gradient(to right, rgba(189, 207, 214, 0.3), rgba(235, 242, 245, 0.1));
}
#faq-questions .container .faq-items .faq-item h5 {
  display: inline-block;
  width: calc(100% - 55px);
  min-height: 32px;
  margin-bottom: 0;
}
#faq-questions .container .faq-items .faq-item h5 .item-text {
  vertical-align: top;
  display: block;
  width: 100%;
  padding: 0 0 20px 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.15em;
}
#faq-questions .container .faq-items .faq-item button.item-desc-toggle {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 0 0 18px;
  padding: 0;
  outline: none;
  border: none;
  background: none;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#faq-questions .container .faq-items .faq-item button.item-desc-toggle span {
  position: absolute;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0;
  border: solid #6E9AAB;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-width 0s ease-out 0.1s;
  -moz-transition: border-width 0s ease-out 0.1s;
  -o-transition: border-width 0s ease-out 0.1s;
  transition: border-width 0s ease-out 0.1s;
}
#faq-questions .container .faq-items .faq-item button.item-desc-toggle svg {
  width: 32px;
  height: auto;
  fill: #889CA4;
}
#faq-questions .container .faq-items .faq-item {
  /*button.item-desc-toggle.down:hover span,
  button.item-desc-toggle.up:hover span { border: solid $blue-5; }
  button.item-desc-toggle.down span,
  button.item-desc-toggle.down:hover span {
      top: -4px;
      border-width: 0 3px 3px 0;
      @include elementTransition(top .5s ease-out);
  }
  button.item-desc-toggle.up span,
  button.item-desc-toggle.up:hover span {
      top: 12px;
      border-width: 3px 0 0 3px;
      @include elementTransition(top .5s ease-out);
  }*/
}
#faq-questions .container .faq-items .faq-item p {
  display: inline-block;
}
#faq-questions .container .faq-items .faq-item .item-desc-wrapper {
  display: block;
  overflow: hidden;
}
#faq-questions .container .faq-items .faq-item .item-desc-wrapper p.item-desc {
  width: 100%;
  padding: 0 5% 40px 10px;
  font-size: 22px;
  color: #608492;
  -webkit-transition: margin-top 0.5s ease-out;
  -moz-transition: margin-top 0.5s ease-out;
  -o-transition: margin-top 0.5s ease-out;
  transition: margin-top 0.5s ease-out;
}
#faq-questions .container .faq-items .faq-item .item-desc-wrapper p.item-desc.folded {
  margin-top: -300px;
}
#faq-questions .container .faq-items .faq-item .item-desc-wrapper p.item-desc.unfolded {
  margin-top: 0;
}
#faq-questions .container .faq-items .faq-item.down button.item-desc-toggle span {
  top: -4px;
  border-width: 0 3px 3px 0;
  -webkit-transition: top 0.5s ease-out;
  -moz-transition: top 0.5s ease-out;
  -o-transition: top 0.5s ease-out;
  transition: top 0.5s ease-out;
}
#faq-questions .container .faq-items .faq-item.down button.item-desc-toggle:hover span {
  border: solid #2298C9;
  border-width: 0 3px 3px 0;
}
#faq-questions .container .faq-items .faq-item.up button.item-desc-toggle span {
  top: 12px;
  border-width: 3px 0 0 3px;
  -webkit-transition: top 0.5s ease-out;
  -moz-transition: top 0.5s ease-out;
  -o-transition: top 0.5s ease-out;
  transition: top 0.5s ease-out;
}
#faq-questions .container .faq-items .faq-item.up button.item-desc-toggle:hover span {
  border: solid #2298C9;
  border-width: 3px 0 0 3px;
}
#faq-questions .container .faq-items .faq-item h5 a:hover {
  text-decoration: none;
}
/* Bottom Section */
#faq-bottom-section .container {
  background: url("../images/faq_bottom.svg");
  background-repeat: no-repeat;
  background-size: auto 300px;
  background-position: 95% center;
  padding: 100px 25px 120px;
}
#faq-bottom-section .container h4 {
  padding: 20px 0 60px;
}

/* CONTACT */
/* Header */
header.sub-header > #contact-header {
  background: url("../images/contact_header.svg");
  background-repeat: no-repeat;
  background-size: auto 380px;
  background-position: 95% 101%;
}

/* Form and Data */
#contact-section .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0 25px 140px;
}
#contact-section .container h3 {
  line-height: 1.2em;
}
#contact-section .container h3 span {
  display: block;
  padding-top: 0;
  font-size: 24px;
  font-weight: 400;
}
#contact-section .container #contact-form {
  flex: 1 1 calc(100% - 460px);
  padding: 100px 60px 0 0;
}
#contact-section .container #contact-form form textarea {
  margin: 50px 0 20px;
}
#contact-section .container #contact-form form input[type=submit] {
  margin-top: 30px;
}
#contact-section .container #contact-data {
  flex: 1 1 460px;
  padding: 100px 40px 0;
  border-left: 2px #D1CFC8 solid;
}
#contact-section .container #contact-data ul {
  padding: 40px 0 100px;
}
#contact-section .container #contact-data ul li {
  padding: 0 0 20px 0;
  font-size: 20px;
  font-weight: 400;
}
#contact-section .container #contact-data ul li span {
  display: inline-block;
}
#contact-section .container #contact-data ul li .contact-data-icon {
  padding-top: 2px;
}
#contact-section .container #contact-data ul li .contact-data-icon svg {
  width: 24px;
  height: auto;
  fill: #BCBBB6;
}
#contact-section .container #contact-data ul li .contact-data-text {
  padding-left: 15px;
  color: #053D53;
}
#contact-section .container #contact-data ul li::before {
  display: none;
}

/* PRODUCTS */
/* Headers */
/* Hybrid Cloud Header */
header.sub-header > #hybrid-header {
  background: url("../images/products/hybrid_cloud.svg");
  background-repeat: no-repeat;
  background-size: auto 340px;
  background-position: 95% 65%;
}

/* Cloud Solutions Header */
header.sub-header > #cloud-header {
  background: url("../images/products/cloud_solutions.svg");
  background-repeat: no-repeat;
  background-size: auto 320px;
  background-position: 95% 65%;
}

/* Endpoint Security Header */
header.sub-header > #endpoint-header {
  background: url("../images/products/endpoint_security.svg");
  background-repeat: no-repeat;
  background-size: auto 340px;
  background-position: 95% 65%;
}

/* Microsoft 365 Header */
header.sub-header > #microsoft-header {
  background: url("../images/products/microsoft_365.svg");
  background-repeat: no-repeat;
  background-size: auto 340px;
  background-position: 95% 65%;
}

/* Thin Clients Header */
header.sub-header > #thin-header {
  background: url("../images/products/thin_clients.svg");
  background-repeat: no-repeat;
  background-size: auto 340px;
  background-position: 95% 65%;
}

/* Password Manager Header */
header.sub-header > #password-header {
  background: url("../images/products/password_manager.svg");
  background-repeat: no-repeat;
  background-size: auto 340px;
  background-position: 95% 65%;
}

/* First Section */
.product-first-section .container {
  padding-top: 80px;
}
.product-first-section .container .columns {
  padding: 60px 0;
}

/* Cloud Solutions First Section */
#cloud-first-section .container .section-title {
  max-width: 1000px;
}
#cloud-first-section .container .section-title h5 {
  padding-top: 20px;
}

/* Endpoint Security and Microsoft 365 First Section */
#endpoint-first-section .container .section-title,
#microsoft-first-section .container .section-title {
  max-width: 700px;
}

/* Second Section */
.product-second-section .container .section-title h4 {
  padding-top: 10px;
}
.product-second-section .container .columns {
  padding: 60px 0;
}

/* Cloud Solutions, Endpoint Security, Microsoft 365, Thin Clients Second Sections */
#cloud-second-section .container,
#endpoint-second-section .container,
#thin-second-section .container,
#microsoft-second-section .container {
  background: url("../images/faq_bottom.svg");
  background-repeat: no-repeat;
  background-size: auto 300px;
  background-position: 95% center;
  padding: 100px 25px 120px;
}
#cloud-second-section .container h5,
#endpoint-second-section .container h5,
#thin-second-section .container h5,
#microsoft-second-section .container h5 {
  max-width: 780px;
  padding: 30px 0 60px;
}

/* REGIONS */
/* Headers */
header.sub-header > .region-header {
  background: url("../images/regions/limburg.svg");
  background-repeat: no-repeat;
  background-size: auto 460px;
  background-position: 95% 75%;
}

/* First Section */
section.region-first-section .container {
  padding-top: 80px;
}
section.region-first-section .container .section-title h4 {
  padding-top: 10px;
  line-height: 1.35em;
}
section.region-first-section .container .columns {
  padding-top: 60px;
}
section.region-first-section .container .columns .col-33 p,
section.region-first-section .container .columns .col-50 p {
  padding: 0 0 40px;
}

/* Second Section */
section.region-second-section .container .columns {
  padding: 60px 0;
}

/* Third Section */
section.region-third-section .container h2 {
  max-width: 800px;
}
section.region-third-section .container h6 {
  max-width: 800px;
  padding: 40px 0 0;
}
section.region-third-section .container .button-group {
  padding-top: 60px;
}

/* Limburg Background */
section#limburg-third-section .container {
  background: url("../images/regions/all_limburg.svg");
  background-repeat: no-repeat;
  background-size: auto 120%;
  background-position: center right;
}

/* Roermond Background */
section#roermond-third-section .container {
  background: url("../images/regions/roermond.svg");
  background-repeat: no-repeat;
  background-size: auto 120%;
  background-position: center right;
}

/* Sittard Background */
section#sittard-third-section .container {
  background: url("../images/regions/sittard.svg");
  background-repeat: no-repeat;
  background-size: auto 120%;
  background-position: center right;
}

/* Venlo Background */
section#venlo-third-section .container {
  background: url("../images/regions/venlo.svg");
  background-repeat: no-repeat;
  background-size: auto 120%;
  background-position: center right;
}

/* Weert Background */
section#weert-third-section .container {
  background: url("../images/regions/weert.svg");
  background-repeat: no-repeat;
  background-size: auto 120%;
  background-position: center right;
}

/* SMALLER RESOLUTIONS */
/* < 1350px */
@media all and (max-width: 1350px) {
  /* Section Products Components */
  #product-components-section .container {
    padding: 80px 32px 100px;
  }
  #product-components-section .container .section-title h6 {
    padding-bottom: 30px;
  }
  #product-components-section .container #products-list .product-item {
    flex: 1 1 calc(50% - 30px);
    padding: 20px 0 0;
  }
  /* Sub-Header */
  header.sub-header > .container {
    padding: 200px 25px 80px;
  }
  header.sub-header > .container h1, header.sub-header > .container h2 {
    max-width: 560px;
  }
  header.sub-header > .container h1 {
    font-size: 56px;
  }
  /* Product & Region Header */
  header.sub-header > .product-header,
  header.sub-header > .region-header {
    padding: 220px 25px 100px;
  }
  header.sub-header > .product-header h1, header.sub-header > .product-header h2,
  header.sub-header > .region-header h1,
  header.sub-header > .region-header h2 {
    max-width: 640px;
  }
  /* PRODUCTS, CUSTOM IT, CONTACT */
  /* Header */
  header.sub-header > #products-header,
  header.sub-header > #custom-it-header,
  header.sub-header > #faq-header,
  header.sub-header > #contact-header {
    background-size: auto 300px;
  }
  /* BLOG */
  /* Header */
  header.sub-header > #blog-header {
    background-size: auto 270px;
  }
  /* PRODUCTS */
  /* Headers */
  /* Hybrid Cloud, Endpoint Security, Microsoft 365, Thin Clients, Password Manager */
  header.sub-header > #hybrid-header,
  header.sub-header > #endpoint-header,
  header.sub-header > #microsoft-header,
  header.sub-header > #thin-header,
  header.sub-header > #password-header {
    background-size: auto 300px;
    background-position: 95% 70%;
  }
  /* Cloud Solutions */
  header.sub-header > #cloud-header {
    background-size: auto 280px;
    background-position: 95% 70%;
  }
}
/* < 1200px */
@media all and (max-width: 1200px) {
  /* HOME */
  /* Header */
  header#home-header > .container {
    padding: 300px 25px 100px;
    background-size: auto 360px;
  }
  header#home-header > .container h1 {
    line-height: 1.35em;
  }
  header#home-header > .container h2 {
    max-width: 580px;
    padding: 40px 5% 40px 0;
  }
  /* Section Custom IT Solutions Promo */
  #custom-solutions-section {
    background: linear-gradient(to right, #BDCFD6, rgba(235, 242, 245, 0.5)), url("../images/home_custom_it.svg"), linear-gradient(to right, #ADC5CE, #FFF);
    background-repeat: no-repeat;
    background-size: cover, auto 90%, cover;
    background-position: top left, 95% 101%, top left;
  }
  #custom-solutions-section .container {
    background: none;
  }
  /* Sub-Header */
  /* Product & Region Header */
  header.sub-header > .product-header h2,
  header.sub-header > .region-header h2 {
    max-width: 560px;
  }
  /* CUSTOM IT */
  /* Header */
  header.sub-header > #custom-it-header {
    background-size: auto 270px;
  }
  header.sub-header > #custom-it-header h1 {
    font-size: 52px;
    overflow-wrap: anywhere;
  }
  /* CLOUD SOLUTIONS, ENDPOINT SECURITY, MICROSOFT 365, THIN CLIENTS*/
  /* Second Section */
  #cloud-second-section .container,
  #endpoint-second-section .container,
  #thin-second-section .container,
  #microsoft-second-section .container {
    padding: 360px 25px 80px;
    text-align: center;
    background-size: auto 260px;
    background-position: 55% 60px;
  }
  #cloud-second-section .container h2,
  #endpoint-second-section .container h2,
  #thin-second-section .container h2,
  #microsoft-second-section .container h2 {
    font-size: 42px;
  }
  #cloud-second-section .container h5,
  #endpoint-second-section .container h5,
  #thin-second-section .container h5,
  #microsoft-second-section .container h5 {
    font-size: 24px;
    margin: 0 auto;
    padding: 30px 0;
  }
  /* REGIONS */
  /* Third Section */
  section.region-third-section .container {
    padding: 80px 25px;
  }
  section.region-third-section .container h2, section.region-third-section .container h6 {
    max-width: 720px;
  }
  /* Limburg, Roermond, Sittard, Venlo, Weert Background */
  section#limburg-third-section .container,
  section#roermond-third-section .container,
  section#sittard-third-section .container,
  section#venlo-third-section .container,
  section#weert-third-section .container {
    background-size: auto 105%;
    background-position: center right;
  }
  /* FAQ */
  /* More Questions Bottom Section */
  #faq-bottom-section .container {
    padding: 300px 25px 80px;
    text-align: center;
    background-size: 260px auto;
    background-position: 55% 60px;
  }
  #faq-bottom-section .container h2 {
    font-size: 36px;
  }
  #faq-bottom-section .container h4 {
    padding-bottom: 30px;
    font-size: 22px;
  }
}
/* < 1100px */
@media all and (max-width: 1100px) {
  /* REGIONS */
  /* Third Section */
  section.region-third-section .container h2, section.region-third-section .container h6 {
    max-width: 680px;
  }
  /* Limburg, Roermond, Sittard, Venlo, Weert Background */
  section#limburg-third-section .container,
  section#roermond-third-section .container,
  section#sittard-third-section .container,
  section#venlo-third-section .container,
  section#weert-third-section .container {
    background-size: auto 105%;
    background-position: 105% center;
  }
  /* CONTACT */
  /* Header */
  header.sub-header > #contact-header h2 {
    max-width: 500px;
  }
}
/* < 1024px */
@media all and (max-width: 1024px) {
  /* NAV */
  nav#sub-nav,
  nav#home-nav {
    overflow: hidden;
  }
  nav#sub-nav #logo-top,
  nav#home-nav #logo-top {
    z-index: 100;
  }
  nav#home-nav {
    padding-top: 30px;
  }
  nav#home-nav #logo-top.for-desktop {
    display: none;
  }
  nav#home-nav #logo-top.for-mobile {
    display: block !important;
    width: 80px;
  }
  nav#home-nav #logo-top.for-mobile a svg {
    width: 80px;
    height: auto;
  }
  nav#sub-nav #top-nav-items .nav-item,
  nav#home-nav #top-nav-items {
    display: none;
  }
  #mobile-button {
    z-index: 50;
    cursor: pointer;
    top: 40px;
    right: 30px;
    display: block !important;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    opacity: 0.75;
  }
  #mobile-button:hover {
    opacity: 1;
  }
  #mobile-button.unselected {
    position: absolute;
    background: no-repeat url("../images/icon_menu_open.svg") center center;
    background-size: 50px auto;
  }
  #mobile-button.selected {
    position: fixed;
    background: no-repeat url("../images/icon_menu_close.svg") center center;
    background-size: 44px auto;
  }
  #mobile-menu {
    z-index: 10;
    position: fixed;
    top: 0;
    display: block !important;
    width: 360px;
    height: 100vh;
    margin: 0;
    padding: 100px 25px 0;
    background: #0B242E;
    -webkit-transition: right 0.5s ease-out;
    -moz-transition: right 0.5s ease-out;
    -o-transition: right 0.5s ease-out;
    transition: right 0.5s ease-out;
  }
  #mobile-menu .nav-item a {
    display: inline-block;
    width: 100%;
    padding: 15px 10px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #D1CFC8;
    text-decoration: none;
    border-top: 2px rgba(209, 207, 200, 0.3) solid;
  }
  #mobile-menu .nav-item a:hover, #mobile-menu .nav-item a.selected {
    color: #FFF;
    border-top: 2px #F77102 solid;
  }
  #mobile-menu .nav-item:before {
    display: none;
  }
  #mobile-menu.folded {
    right: -360px;
  }
  #mobile-menu.unfolded {
    right: 0;
  }
  /* HOME */
  /* Header */
  header#home-header > .container {
    padding: 340px 25px 60px;
    text-align: center;
    background-size: auto 280px;
    background-position: 45% 90px;
  }
  header#home-header > .container h1, header#home-header > .container h2 {
    margin: 0 auto;
  }
  header#home-header > .container h1 {
    max-width: 100%;
    font-size: 48px;
  }
  header#home-header > .container h2 {
    max-width: 700px;
    padding: 20px 0 40px;
  }
  header#home-header > .container .button-group {
    max-width: 100%;
  }
  /* Section Product Package */
  #home-product-package .container {
    padding-top: 60px;
  }
  #home-product-package .container #package-container > * {
    flex: 1 1 100%;
  }
  #home-product-package .container #package-addons {
    padding-bottom: 60px;
  }
  #home-product-package .container #package-addons h4 {
    padding-top: 60px !important;
  }
  #home-product-package .container #package-addons ul li {
    font-size: 24px !important;
    padding-bottom: 72px !important;
  }
  #home-product-package .container #package-addons ul li span.item-text {
    padding-top: 0 !important;
  }
  #home-product-package .container #package-addons ul li span.item-text > span {
    font-size: 18px !important;
  }
  /* SUBPAGES */
  /* Header */
  header.sub-header > .container {
    padding: 360px 25px 60px;
    text-align: center;
    background-size: auto 270px;
  }
  header.sub-header > .container h1, header.sub-header > .container h2 {
    margin: 0 auto;
  }
  header.sub-header > .container h1 {
    font-size: 52px;
  }
  header.sub-header > .container h2 {
    max-width: 800px;
    padding: 15px 0 0;
    font-size: 22px;
  }
  /* PRODUCTS */
  /* Header */
  header.sub-header > #products-header {
    background-size: auto 260px;
    background-position: 50.5% 90px;
  }
  /* CUSTOM IT */
  /* Header */
  header.sub-header > #custom-it-header {
    background-position: 55% 90px;
    background-size: auto 250px;
  }
  /* HYBRID CLOUD, CLOUD SOLUTIONS, ENDPOINT SECURITY, MICROSOFT 365, THIN CLIENTS, PASSWORD MANAGER */
  /* Header */
  header.sub-header > #hybrid-header,
  header.sub-header > #cloud-header,
  header.sub-header > #endpoint-header,
  header.sub-header > #microsoft-header,
  header.sub-header > #thin-header,
  header.sub-header > #password-header {
    background-position: center 90px;
    background-size: auto 250px;
  }
  /* PRODUCT COMPONENTS & REGIONS */
  /* Section One & Two */
  .product-first-section .container,
  .product-second-section .container,
  .region-first-section .container,
  .region-second-section .container {
    padding: 80px 25px;
  }
  .product-first-section .container .columns,
  .product-second-section .container .columns,
  .region-first-section .container .columns,
  .region-second-section .container .columns {
    display: block;
    padding-bottom: 30px;
  }
  .product-first-section .container .columns .col-50,
  .product-second-section .container .columns .col-50,
  .region-first-section .container .columns .col-50,
  .region-second-section .container .columns .col-50 {
    display: inline-block;
    width: calc(50% - 5px);
    padding: 0 25px;
  }
  .product-first-section .container .columns .col-33,
  .product-second-section .container .columns .col-33,
  .region-first-section .container .columns .col-33,
  .region-second-section .container .columns .col-33 {
    width: 100%;
    padding: 0 25px 30px;
  }
  .product-first-section .container .columns .col-33 p,
  .product-second-section .container .columns .col-33 p,
  .region-first-section .container .columns .col-33 p,
  .region-second-section .container .columns .col-33 p {
    padding-bottom: 20px !important;
  }
  /* BLOG, FAQ, REGIONS, CONTACT */
  /* Headers */
  header.sub-header > #blog-header,
  header.sub-header > #faq-header,
  header.sub-header > .region-header,
  header.sub-header > #contact-header {
    background-position: center 90px;
    background-size: auto 250px;
  }
  /* REGIONS */
  /* Header */
  header.sub-header > .region-header h2 {
    padding-bottom: 40px;
  }
  /* Limburg, Roermond, Venlo, Weert First Sections */
  #limburg-first-section .container,
  #roermond-first-section .container,
  #venlo-first-section .container,
  #weert-first-section .container {
    padding-bottom: 30px;
  }
  #limburg-first-section .container .columns .col-33,
  #roermond-first-section .container .columns .col-33,
  #venlo-first-section .container .columns .col-33,
  #weert-first-section .container .columns .col-33 {
    padding-bottom: 50px;
  }
  /* Sittard Second Section */
  #sittard-second-section .container .columns {
    padding-bottom: 0 !important;
  }
  /* Third Section */
  section.region-third-section {
    position: relative;
    background: none;
  }
  section.region-third-section .container {
    padding: 80px 50px;
  }
  section.region-third-section .container h2, section.region-third-section .container h6 {
    max-width: 100%;
  }
  section.region-third-section .container h6 {
    padding: 30px 0 0;
  }
  section.region-third-section .container .button-group {
    padding-top: 30px;
  }
  #limburg-third-section .container,
  #roermond-third-section .container,
  #sittard-third-section .container,
  #venlo-third-section .container,
  #weert-third-section .container {
    background: none !important;
  }
  #limburg-third-section .container::after,
  #roermond-third-section .container::after,
  #sittard-third-section .container::after,
  #venlo-third-section .container::after,
  #weert-third-section .container::after {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: 0.2;
  }
  /* Limburg Background */
  #limburg-third-section .container::after {
    background: url("../images/regions/all_limburg.svg"), linear-gradient(to right, #ADC5CE, #FFF);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 120%, cover;
    background-position: center right, top left;
  }
  /* Roermond Background */
  #roermond-third-section .container::after {
    background: url("../images/regions/roermond.svg"), linear-gradient(to right, #ADC5CE, #FFF);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 120%, cover;
    background-position: center right, top left;
  }
  /* Sittard Background */
  #sittard-third-section .container::after {
    background: url("../images/regions/sittard.svg"), linear-gradient(to right, #ADC5CE, #FFF);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 120%, cover;
    background-position: center right, top left;
  }
  /* Venlo Background */
  #venlo-third-section .container::after {
    background: url("../images/regions/venlo.svg"), linear-gradient(to right, #ADC5CE, #FFF);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 120%, cover;
    background-position: center right, top left;
  }
  /* Weert Background */
  #weert-third-section .container::after {
    background: url("../images/regions/weert.svg"), linear-gradient(to right, #ADC5CE, #FFF);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 120%, cover;
    background-position: center right, top left;
  }
  /* CONTACT */
  /* Header */
  header.sub-header > #contact-header {
    padding: 320px 25px 60px;
  }
  /* Form and Data */
  #contact-section .container {
    padding: 80px 25px 0;
  }
  #contact-section .container #contact-form {
    flex: 1 1 100% !important;
    padding: 0 25px 60px;
  }
  #contact-section .container #contact-data {
    flex: 1 1 100% !important;
    padding: 60px 25px 0;
    border-left: none;
    border-top: 2px #D1CFC8 solid;
  }
  /* FOOTER */
  footer .container #footer-columns ul:first-child {
    flex: 1 1 100% !important;
    padding-bottom: 40px;
  }
}
/* < 900px */
@media all and (max-width: 900px) {
  /* HOME */
  /* Section Products Components */
  #product-components-section .container .section-title h6 {
    font-size: 22px;
  }
  #product-components-section .container .product-item h4 a {
    font-size: 24px;
  }
  #product-components-section .container .product-item p {
    font-size: 18px;
  }
  /* FOOTER */
  footer .container #footer-columns ul {
    flex: 1 1 50% !important;
    padding-bottom: 40px;
  }
  footer .container #footer-columns ul:first-child {
    flex: 1 1 100% !important;
  }
}
/* < 800px */
@media all and (max-width: 800px) {
  /* HOME */
  /* Section Products Components */
  #product-components-section .container {
    padding-bottom: 20px;
  }
  #product-components-section .container #products-list {
    gap: 0 !important;
    padding-top: 40px;
  }
  #product-components-section .container #products-list .product-item {
    flex: 1 1 100%;
    padding: 0 0 80px;
  }
}
/* < 720px */
@media all and (max-width: 720px) {
  /* SECTIONS */
  section .container .section-title {
    padding: 0 25px;
  }
  section .container .section-title h2 {
    font-size: 42px !important;
  }
  section .container .section-title h4 {
    font-size: 28px !important;
  }
  section .container .section-title h5 {
    font-size: 26px !important;
  }
  section .container .section-title h6 {
    font-size: 24px !important;
  }
  /* List of Package Components with Checkboxes */
  .checkboxed-package-items h3 {
    padding: 30px 0 10px 8px;
    font-size: 32px;
  }
  .checkboxed-package-items .package-item {
    padding: 20px;
  }
  .checkboxed-package-items .package-item h5,
  .checkboxed-package-items .package-item .checkbox-container {
    min-height: 24px;
    font-size: 22px;
    padding-top: 2px;
  }
  .checkboxed-package-items .package-item h5 .item-icon,
  .checkboxed-package-items .package-item .checkbox-container .item-icon {
    width: 38px;
  }
  .checkboxed-package-items .package-item h5 .item-icon svg,
  .checkboxed-package-items .package-item .checkbox-container .item-icon svg {
    width: 28px;
  }
  .checkboxed-package-items .package-item h5 .item-text,
  .checkboxed-package-items .package-item .checkbox-container .item-text {
    padding: 4px 0 10px 6px;
    font-size: 22px;
  }
  .checkboxed-package-items .package-item h5 .item-text span,
  .checkboxed-package-items .package-item .checkbox-container .item-text span {
    font-size: 18px;
  }
  .checkboxed-package-items .package-item button.item-desc-toggle {
    width: 32px;
    height: 32px;
    margin: 0 0 0 12px;
  }
  .checkboxed-package-items .package-item button.item-desc-toggle span {
    width: 20px;
    height: 20px;
  }
  .checkboxed-package-items .package-item button.item-desc-toggle.down span,
  .checkboxed-package-items .package-item button.item-desc-toggle.down:hover span {
    top: 0;
  }
  .checkboxed-package-items .package-item button.item-desc-toggle.up span,
  .checkboxed-package-items .package-item button.item-desc-toggle.up:hover span {
    top: 12px;
  }
  .checkboxed-package-items .package-item .item-desc-wrapper p.item-desc {
    padding: 10px 7.5% 30px 55px;
    font-size: 18px;
  }
  .checkboxed-package-items .package-item p.item-price {
    margin: 0 0 0 57px;
    padding: 4px 20px;
    line-height: 1.5em;
    font-size: 18px;
  }
  /* PRODUCTS */
  /* Ready Package Section */
  #custom-it-product-package .container,
  #product-package .container {
    padding: 60px 10px 80px;
  }
  #custom-it-product-package .container #package-top-summary,
  #product-package .container #package-top-summary {
    padding: 10px 20px 20px;
  }
  #custom-it-product-package .container #package-top-summary h2,
  #product-package .container #package-top-summary h2 {
    font-size: 42px;
  }
  #custom-it-product-package .container #package-top-summary h6,
  #product-package .container #package-top-summary h6 {
    font-size: 20px;
  }
  #custom-it-product-package .container #package-top-summary .package-top-price,
  #product-package .container #package-top-summary .package-top-price {
    padding-top: 15px;
  }
  #custom-it-product-package .container #package-top-summary .package-top-price p,
  #product-package .container #package-top-summary .package-top-price p {
    font-size: 20px;
    padding-bottom: 4px;
  }
  #custom-it-product-package .container #package-top-summary .package-top-price p span,
  #product-package .container #package-top-summary .package-top-price p span {
    font-size: 26px;
  }
  #custom-it-product-package .container #basic-package,
  #product-package .container #basic-package {
    padding: 0 12px 30px;
  }
  #custom-it-product-package .container #basic-package .package-item,
  #product-package .container #basic-package .package-item {
    padding: 15px 0 0;
  }
  #custom-it-product-package .container #basic-package .package-item h5 .item-text,
  #product-package .container #basic-package .package-item h5 .item-text {
    margin-top: 0;
  }
  #custom-it-product-package .container #basic-package .package-item p,
  #product-package .container #basic-package .package-item p {
    padding: 10px 5% 30px 49px;
    font-size: 18px;
  }
  #custom-it-product-package .container #package-addons,
  #product-package .container #package-addons {
    padding-bottom: 30px;
  }
  #custom-it-product-package .container #package-addons h3,
  #product-package .container #package-addons h3 {
    padding: 40px 0 20px 20px;
  }
  #custom-it-product-package .container #package-addons .package-item,
  #product-package .container #package-addons .package-item {
    padding: 25px 10px;
  }
  #custom-it-product-package .container #package-addons .package-item p.item-price,
  #product-package .container #package-addons .package-item p.item-price {
    margin: 0 0 0 55px;
  }
  #custom-it-product-package .container #custom-package,
  #product-package .container #custom-package {
    padding-bottom: 30px;
  }
  #custom-it-product-package .container #custom-package .package-item,
  #product-package .container #custom-package .package-item {
    padding: 30px 20px;
  }
  #custom-it-product-package .container #package-bottom-summary,
  #product-package .container #package-bottom-summary {
    padding: 20px 12px;
  }
  #custom-it-product-package .container #package-bottom-summary .summary-components,
  #product-package .container #package-bottom-summary .summary-components {
    padding: 0 0 25px 10px;
  }
  #custom-it-product-package .container #package-bottom-summary .summary-total,
  #product-package .container #package-bottom-summary .summary-total {
    align-items: flex-start;
    padding: 25px 10px 0 10px;
  }
  #custom-it-product-package .container #package-bottom-summary .summary-total p,
  #product-package .container #package-bottom-summary .summary-total p {
    padding-top: 5px;
  }
  #custom-it-product-package .container #package-bottom-summary .summary-components p,
  #custom-it-product-package .container #package-bottom-summary .summary-total p,
  #product-package .container #package-bottom-summary .summary-components p,
  #product-package .container #package-bottom-summary .summary-total p {
    font-size: 20px;
  }
  #custom-it-product-package .container #package-bottom-summary .summary-components p span,
  #custom-it-product-package .container #package-bottom-summary .summary-total p span,
  #product-package .container #package-bottom-summary .summary-components p span,
  #product-package .container #package-bottom-summary .summary-total p span {
    font-size: 26px;
  }
  /* CUSTOM IT SOLUTIONS */
  /* Header */
  header.sub-header > #custom-it-header h1.for-desktop {
    display: none;
  }
  header.sub-header > #custom-it-header h1.for-mobile {
    display: block !important;
  }
  /* PRODUCT COMPONENTS */
  /* Section One & Two */
  .product-first-section .container .columns .col-50,
  .product-second-section .container .columns .col-50,
  .region-first-section .container .columns .col-50,
  .region-second-section .container .columns .col-50 {
    display: inline-block;
    width: 100%;
    padding: 0 25px 30px;
  }
  .product-first-section .container .button-group .btn:first-child,
  .product-second-section .container .button-group .btn:first-child,
  .region-first-section .container .button-group .btn:first-child,
  .region-second-section .container .button-group .btn:first-child {
    margin-right: 0;
  }
  /* CLOUD SOLUTIONS, ENDPOINT SECURITY, MICROSOFT 365, THIN CLIENTS */
  #cloud-second-section .container,
  #endpoint-second-section .container,
  #microsoft-second-section .container,
  #thin-second-section .container {
    text-align: center;
  }
  #cloud-second-section .container h2,
  #endpoint-second-section .container h2,
  #microsoft-second-section .container h2,
  #thin-second-section .container h2 {
    font-size: 42px !important;
  }
  #cloud-second-section .container h5,
  #endpoint-second-section .container h5,
  #microsoft-second-section .container h5,
  #thin-second-section .container h5 {
    font-size: 24px !important;
  }
  /* REGIONS */
  /* First Section */
  #sittard-first-section .container {
    padding-bottom: 60px;
  }
  #sittard-first-section .container .columns {
    padding-bottom: 0;
  }
  #sittard-first-section .container .columns .col-50 {
    width: 100% !important;
    padding-bottom: 50px;
  }
  #sittard-first-section .container .columns .col-50 p {
    padding-bottom: 30px;
  }
  /* Second Section */
  .region-second-section .container h2 {
    font-size: 42px !important;
  }
  #limburg-second-section .container,
  #roermond-second-section .container,
  #venlo-second-section .container,
  #weert-second-section .container {
    padding-bottom: 100px;
  }
  #limburg-second-section .container .columns,
  #roermond-second-section .container .columns,
  #venlo-second-section .container .columns,
  #weert-second-section .container .columns {
    padding-bottom: 0;
  }
  #limburg-second-section .container .columns .col-50,
  #roermond-second-section .container .columns .col-50,
  #venlo-second-section .container .columns .col-50,
  #weert-second-section .container .columns .col-50 {
    padding-bottom: 30px;
  }
  /* Third Section */
  .region-third-section .container h2 {
    font-size: 42px !important;
  }
  .region-third-section .container h6 {
    font-size: 22px !important;
  }
  .region-third-section .container .button-group .btn:first-child {
    margin-right: 0;
  }
  /* FAQ */
  /* Questions and Answers */
  #faq-questions .container {
    padding: 60px 10px;
  }
  #faq-questions .container .faq-item {
    margin-bottom: 20px !important;
    padding: 30px 20px 0 !important;
  }
  #faq-questions .container .faq-item h5 {
    font-size: 22px !important;
  }
  #faq-questions .container .faq-item h5 .item-text {
    font-size: 22px !important;
    padding-bottom: 5px !important;
  }
  #faq-questions .container .faq-item button.item-desc-toggle {
    width: 32px;
    height: 32px;
    margin: 0 0 0 12px;
  }
  #faq-questions .container .faq-item button.item-desc-toggle span {
    width: 20px !important;
    height: 20px !important;
  }
  #faq-questions .container .faq-item .item-desc-wrapper p.item-desc {
    padding: 20px 30px 30px 0 !important;
    font-size: 18px !important;
  }
  #faq-questions .container .faq-item .item-desc-wrapper p.item-desc.folded {
    margin-top: -600px !important;
  }
  #faq-questions .container .faq-item .item-desc-wrapper p.item-desc.unfolded {
    margin-top: 0 !important;
  }
  #faq-questions .container .faq-item.down button.item-desc-toggle span {
    top: -4px !important;
    border-width: 0 3px 3px 0;
    -webkit-transition: top 0.5s ease-out;
    -moz-transition: top 0.5s ease-out;
    -o-transition: top 0.5s ease-out;
    transition: top 0.5s ease-out;
  }
  #faq-questions .container .faq-item.down button.item-desc-toggle:hover span {
    border: solid #2298C9;
    border-width: 0 3px 3px 0;
  }
  #faq-questions .container .faq-item.up button.item-desc-toggle span {
    top: 2px !important;
    border-width: 3px 0 0 3px;
    -webkit-transition: top 0.5s ease-out;
    -moz-transition: top 0.5s ease-out;
    -o-transition: top 0.5s ease-out;
    transition: top 0.5s ease-out;
  }
  #faq-questions .container .faq-item.up button.item-desc-toggle:hover span {
    border: solid #2298C9;
    border-width: 3px 0 0 3px;
  }
}
/* < 640px */
@media all and (max-width: 640px) {
  /* BUTTONS */
  /* Button Sizes */
  /* Small */
  .btn.small {
    padding: 9px 20px;
    font: 14px "Nunito", "Helvetica", sans-serif;
    font-weight: 700;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
  }
  .btn.small:hover {
    padding: 9px 24px;
  }
  .btn.small {
    margin: 0 8px 8px 0;
  }
  .btn.small:last-child {
    margin-right: 0;
  }
  /* Medium */
  .btn.medium {
    padding: 12px 30px;
    font: 18px "Nunito", "Helvetica", sans-serif;
    font-weight: 700;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
  }
  .btn.medium:hover {
    padding: 12px 34px;
  }
  .btn.medium {
    margin: 0 16px 16px 0;
  }
  .btn.medium:last-child {
    margin-right: 0;
  }
  /* Section Custom IT Solutions Promo */
  #custom-solutions-section .container {
    padding: 80px 25px;
  }
  #custom-solutions-section .container h2 {
    font-size: 40px;
  }
  #custom-solutions-section .container h5 {
    padding-bottom: 40px;
  }
  /* HOME */
  /* Header */
  header#home-header > .container h1 {
    font-size: 42px;
    line-height: 1.25em;
  }
  header#home-header > .container h2 {
    padding: 20px 0;
    font-size: 20px;
  }
  header#home-header > .container .button-group a {
    margin: 8px auto;
  }
  /* Section Product Package */
  #home-product-package .container {
    padding: 60px 25px 80px;
  }
  #home-product-package .container #package-summary #package-price {
    padding-bottom: 30px;
  }
  #home-product-package .container #package-summary #package-subscribe a {
    float: none;
    clear: both;
  }
  #home-product-package .container #package-summary > * {
    flex: 1 1 100%;
  }
  /* SUBPAGES */
  /* Headers */
  header.sub-header > .container {
    padding: 360px 25px 60px;
    text-align: center;
    background-size: auto 260px;
  }
  header.sub-header > .container h1 {
    font-size: 42px !important;
  }
  header.sub-header > .container h2 {
    font-size: 20px;
  }
  /* PRODUCTS, CUSTOM IT, BLOG, FAQ, REGIONS,
  Hybrid Cloud, Cloud Solutions, Endpoint Security,
  Microsoft 365, Thin Clients, Password Manager */
  /* Headers */
  header.sub-header > #products-header,
  header.sub-header > #custom-it-header,
  header.sub-header > #blog-header,
  header.sub-header > #faq-header,
  header.sub-header > .region-header,
  header.sub-header > #hybrid-header,
  header.sub-header > #cloud-header,
  header.sub-header > #endpoint-header,
  header.sub-header > #microsoft-header,
  header.sub-header > #thin-header,
  header.sub-header > #password-header {
    background-size: auto 250px;
  }
  /* PRODUCTS and CUSTOM IT Contact Forms */
  #product-package .container,
  #custom-it-section .container {
    padding: 60px 25px;
  }
  #product-package .container form #products-contact-form,
  #product-package .container form #custom-it-contact-form,
  #custom-it-section .container form #products-contact-form,
  #custom-it-section .container form #custom-it-contact-form {
    padding-top: 20px;
  }
  #product-package .container form #products-contact-form .col-50,
  #product-package .container form #custom-it-contact-form .col-50,
  #custom-it-section .container form #products-contact-form .col-50,
  #custom-it-section .container form #custom-it-contact-form .col-50 {
    flex: 1 1 100% !important;
  }
  /* PRODUCT COMPONENTS */
  /* Section One & Two */
  .product-first-section .container,
  .product-second-section .container {
    text-align: center;
  }
  .product-first-section .container .columns .col-50, .product-first-section .container .columns .col-33,
  .product-second-section .container .columns .col-50,
  .product-second-section .container .columns .col-33 {
    padding: 0 25px 30px;
  }
  .product-first-section .container .button-group .btn:first-child,
  .product-second-section .container .button-group .btn:first-child {
    margin-right: 0;
  }
  /* REGIONS */
  /* Header */
  header.sub-header > .region-header .button-group {
    max-width: 360px;
    margin: 0 auto;
    text-align: center;
  }
  header.sub-header > .region-header .button-group .btn:first-child {
    margin-right: 0;
  }
  /* All Sections */
  .region-first-section .container,
  .region-second-section .container,
  .region-third-section .container {
    text-align: center;
  }
  /* Second Section */
  .region-second-section .container .button-group {
    max-width: 420px;
    margin: 0 auto;
  }
}
/* < 520px */
@media all and (max-width: 520px) {
  /* NAV */
  nav#home-nav .container #logo-top,
  nav#sub-nav .container #top-nav-items #logo-top {
    width: 60px;
  }
  nav#home-nav .container #logo-top a svg,
  nav#sub-nav .container #top-nav-items #logo-top a svg {
    width: 60px;
  }
  /* MOBILE MENU */
  #mobile-button {
    top: 40px;
    right: 30px;
    width: 40px;
    height: 40px;
  }
  #mobile-button.unselected {
    background-size: 40px auto;
  }
  #mobile-button.selected {
    background-size: 36px auto;
  }
  /* SECTIONS */
  section .container .section-title {
    padding: 0;
  }
  section .container .section-title h2 {
    font-size: 32px !important;
  }
  section .container .section-title h4 {
    font-size: 24px !important;
  }
  section .container .section-title h5 {
    font-size: 22px !important;
  }
  section .container .section-title h6 {
    font-size: 20px !important;
  }
  section .container .section-title h4, section .container .section-title h5, section .container .section-title h6 {
    font-weight: 400 !important;
  }
  /* PRODUCT COMPONENTS SECTION */
  #product-components-section .container {
    padding: 80px 15px 40px;
  }
  #product-components-section .container #products-list .product-item {
    text-align: center;
  }
  #product-components-section .container #products-list .product-item h4 {
    padding-bottom: 10px;
    font-size: 20px !important;
  }
  #product-components-section .container #products-list .product-item h4 a {
    padding: 0 10px;
  }
  #product-components-section .container #products-list .product-item h4 a .product-icon svg {
    width: 42px;
  }
  #product-components-section .container #products-list .product-item h4 a .product-title {
    padding: 8px 0 0 10px;
  }
  #product-components-section .container #products-list .product-item p {
    margin: 0 !important;
    padding: 25px 25px 25px 22px !important;
  }
  #product-components-section .container #products-list .product-item a.btn {
    margin: 0 !important;
  }
  /* HOME */
  /* Header */
  header#home-header > .container {
    padding: 290px 25px 60px;
    background-size: auto 220px;
    background-position: 35% 80px;
  }
  /* Section Product Package */
  #home-product-package .container {
    padding: 60px 10px 80px;
  }
  #home-product-package .container .section-title h6 {
    font-size: 20px;
  }
  #home-product-package .container #package-container {
    padding-top: 40px;
  }
  #home-product-package .container #package-container #basic-package h4 {
    padding-bottom: 24px;
  }
  #home-product-package .container #package-container #basic-package h4,
  #home-product-package .container #package-container #package-addons h4 {
    font-size: 26px;
  }
  #home-product-package .container #package-container #basic-package,
  #home-product-package .container #package-container #package-addons h4,
  #home-product-package .container #package-container #package-summary {
    padding: 32px 15px 24px !important;
  }
  #home-product-package .container #package-container #basic-package h5.package-item {
    padding-bottom: 20px;
  }
  #home-product-package .container #package-container #package-addons {
    padding-bottom: 32px;
  }
  #home-product-package .container #package-container #package-addons h5 {
    padding: 20px 15px 64px;
  }
  #home-product-package .container #package-container #basic-package h5.package-item,
  #home-product-package .container #package-container #package-addons h5.package-addon {
    font-size: 18px;
  }
  #home-product-package .container #package-container #basic-package h5.package-item span.item-icon,
  #home-product-package .container #package-container #package-addons h5.package-addon span.item-icon {
    width: 24px;
  }
  #home-product-package .container #package-container #basic-package h5.package-item span.item-icon svg,
  #home-product-package .container #package-container #package-addons h5.package-addon span.item-icon svg {
    width: 24px;
  }
  #home-product-package .container #package-container #basic-package h5.package-item span.item-icon,
  #home-product-package .container #package-container #package-addons h5.package-addon span.item-icon {
    padding-top: 1px;
  }
  #home-product-package .container #package-container #package-addons h5.package-addon .item-price {
    font-size: 16px;
  }
  #home-product-package .container #package-container #package-summary {
    text-align: center;
  }
  #home-product-package .container #package-container #package-summary #package-price {
    padding-bottom: 24px;
  }
  #home-product-package .container #package-container #package-summary #package-price p {
    line-height: 1.5em;
  }
  #home-product-package .container #package-container #package-summary #package-price p span.price-title {
    display: block;
  }
  /* Section Custom IT Solutions */
  #custom-solutions-section .container {
    text-align: center;
  }
  #custom-solutions-section .container h2.for-desktop {
    display: none;
  }
  #custom-solutions-section .container h2.for-mobile {
    display: block !important;
    font-size: 36px;
  }
  #custom-solutions-section .container h5 {
    padding-bottom: 20px;
    font-size: 22px;
    font-weight: 400 !important;
  }
  /* SUBPAGES */
  /* Header */
  header.sub-header > .container {
    padding: 310px 25px 60px;
    background-size: auto 210px;
  }
  /* PRODUCTS, CUSTOM IT, FAQ, BLOG,
  Hybrid Cloud, Cloud Solutions, Endpoint Security,
  Microsoft 365, Thin Clients, Password Manager */
  /* Headers */
  header.sub-header > #products-header,
  header.sub-header > #custom-it-header,
  header.sub-header > #faq-header,
  header.sub-header > #blog-header,
  header.sub-header > #hybrid-header,
  header.sub-header > #cloud-header,
  header.sub-header > #endpoint-header,
  header.sub-header > #microsoft-header,
  header.sub-header > #thin-header,
  header.sub-header > #password-header {
    background-size: auto 200px;
  }
  /* PRODUCTS */
  /* Ready Package Section */
  #custom-it-product-package .container #package-top-summary,
  #product-package .container #package-top-summary {
    padding-top: 25px;
    text-align: center;
  }
  #custom-it-product-package .container #package-top-summary .package-top-title, #custom-it-product-package .container #package-top-summary .package-top-price,
  #product-package .container #package-top-summary .package-top-title,
  #product-package .container #package-top-summary .package-top-price {
    flex: 1 1 100%;
  }
  /* CUSTOM IT */
  /* Headers */
  header.sub-header > #custom-it-header {
    padding-top: 300px;
  }
  /* CLOUD SOLUTIONS, ENDPOINT SECURITY, MICROSOFT 365, THIN CLIENTS*/
  /* Second Section */
  #cloud-second-section .container h2,
  #endpoint-second-section .container h2,
  #thin-second-section .container h2,
  #microsoft-second-section .container h2 {
    font-size: 32px !important;
  }
  #cloud-second-section .container h5,
  #endpoint-second-section .container h5,
  #thin-second-section .container h5,
  #microsoft-second-section .container h5 {
    font-size: 20px !important;
    font-weight: 400 !important;
  }
  /* CONTACT */
  /* Header */
  header.sub-header > #contact-header {
    padding: 270px 25px 60px;
    background-size: auto 190px;
    background-position: center 25%;
  }
  /* FOOTER */
  footer .container #footer-columns ul {
    flex: 1 1 100% !important;
  }
}
/* < 380px */
@media all and (max-width: 380px) {
  /* BUTTONS */
  /* Button Sizes */
  /* Medium */
  .btn.medium {
    font: 16px "Nunito", "Helvetica", sans-serif;
    font-weight: 700;
  }
  /* HOME */
  /* Header */
  header#home-header > .container {
    padding-top: 280px;
    background-size: auto 210px;
    background-position: -50% 80px;
  }
  header#home-header > .container h1 {
    font-size: 32px !important;
  }
  header#home-header > .container h2 {
    font-size: 18px;
  }
  /* SUBPAGES */
  /* Header */
  header.sub-header > .container {
    padding-top: 300px;
  }
  header.sub-header > .container h1 {
    font-size: 36px !important;
  }
  header.sub-header > .container h2 {
    font-size: 18px !important;
  }
  /* PRODUCTS, CUSTOM IT, FAQ, BLOG,
  Hybrid Cloud, Cloud Solutions, Endpoint Security,
  Microsoft 365, Thin Clients, Password Manager */
  /* Headers */
  header.sub-header > #products-header,
  header.sub-header > #custom-it-header,
  header.sub-header > #faq-header,
  header.sub-header > #blog-header,
  header.sub-header > #hybrid-header,
  header.sub-header > #cloud-header,
  header.sub-header > #endpoint-header,
  header.sub-header > #microsoft-header,
  header.sub-header > #thin-header,
  header.sub-header > #password-header {
    background-position: center 100px;
    background-size: auto 180px;
  }
  /* List of Package Components with Checkboxes */
  .checkboxed-package-items h3 {
    padding: 30px 0 10px 8px;
    font-size: 24px;
    font-weight: 700 !important;
  }
  .checkboxed-package-items .package-item {
    padding: 10px;
  }
  .checkboxed-package-items .package-item h5,
  .checkboxed-package-items .package-item .checkbox-container {
    min-height: 24px;
    font-size: 18px;
    padding-top: 2px;
  }
  .checkboxed-package-items .package-item h5 .item-icon,
  .checkboxed-package-items .package-item .checkbox-container .item-icon {
    width: 34px;
  }
  .checkboxed-package-items .package-item h5 .item-icon svg,
  .checkboxed-package-items .package-item .checkbox-container .item-icon svg {
    width: 24px;
  }
  .checkboxed-package-items .package-item h5 .item-text,
  .checkboxed-package-items .package-item .checkbox-container .item-text {
    padding: 2px 0 10px 6px;
    font-size: 18px;
  }
  .checkboxed-package-items .package-item h5 .item-text span,
  .checkboxed-package-items .package-item .checkbox-container .item-text span {
    font-size: 16px;
  }
  .checkboxed-package-items .package-item button.item-desc-toggle {
    width: 30px;
    height: 30px;
    margin: 0 0 0 12px;
  }
  .checkboxed-package-items .package-item button.item-desc-toggle span {
    width: 18px;
    height: 18px;
  }
  .checkboxed-package-items .package-item button.item-desc-toggle.down span,
  .checkboxed-package-items .package-item button.item-desc-toggle.down:hover span {
    top: 0;
  }
  .checkboxed-package-items .package-item button.item-desc-toggle.up span,
  .checkboxed-package-items .package-item button.item-desc-toggle.up:hover span {
    top: 12px;
  }
  .checkboxed-package-items .package-item .item-desc-wrapper p.item-desc {
    padding: 10px 30px 30px 0;
    font-size: 16px !important;
  }
  .checkboxed-package-items .package-item p.item-price {
    font-size: 16px;
  }
  /* PRODUCTS */
  /* Ready Package Section */
  #custom-it-product-package .container #package-top-summary,
  #product-package .container #package-top-summary {
    padding: 20px;
  }
  #custom-it-product-package .container #package-top-summary h2,
  #product-package .container #package-top-summary h2 {
    font-size: 36px;
  }
  #custom-it-product-package .container #package-top-summary h6,
  #product-package .container #package-top-summary h6 {
    font-size: 18px;
  }
  #custom-it-product-package .container #package-top-summary .package-top-price p,
  #product-package .container #package-top-summary .package-top-price p {
    font-size: 18px;
  }
  #custom-it-product-package .container #package-top-summary .package-top-price p span,
  #product-package .container #package-top-summary .package-top-price p span {
    font-size: 24px;
  }
  #custom-it-product-package .container #package-bottom-summary .summary-components p,
  #custom-it-product-package .container #package-bottom-summary .summary-total p,
  #product-package .container #package-bottom-summary .summary-components p,
  #product-package .container #package-bottom-summary .summary-total p {
    font-size: 18px;
  }
  #custom-it-product-package .container #package-bottom-summary .summary-components p span,
  #custom-it-product-package .container #package-bottom-summary .summary-total p span,
  #product-package .container #package-bottom-summary .summary-components p span,
  #product-package .container #package-bottom-summary .summary-total p span {
    font-size: 24px;
  }
  /* CLOUD SOLUTIONS, ENDPOINT SECURITY, MICROSOFT 365, THIN CLIENTS*/
  /* Second Section */
  #cloud-second-section .container,
  #endpoint-second-section .container,
  #thin-second-section .container,
  #microsoft-second-section .container {
    padding: 280px 25px 60px;
    background-size: 220px auto;
  }
  /* FAQ */
  /* More Questions Bottom Section */
  #faq-bottom-section .container {
    padding: 270px 25px 60px;
    background-size: 220px auto;
  }
  /* CONTACT */
  /* Header */
  header.sub-header > #contact-header {
    padding: 290px 25px 60px;
  }
  /* FOOTER */
  footer .container {
    padding: 6px 10px 20px;
  }
  footer .container #footer-logo {
    padding: 25px 15px;
  }
  footer .container #footer-columns {
    padding: 30px 15px 50px !important;
  }
  footer .container #footer-columns ul#foot-col-data li span.footer-data-icon {
    width: 16px;
  }
  footer .container #footer-columns ul#foot-col-data li span.footer-data-text {
    width: calc(100% - 16px);
    overflow-wrap: break-word;
  }
}