ol,
ul {
    list-style: none
}

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

.innerContainer,
.innerContainerFull,
.innerContent,
.innerSmall,
.innerText,
.outerContainer {
    margin: 0 auto;
    width: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

.column,
.columns {
    display: flex
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: 'Segoe UI Light';
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Light.eot);
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Light.eot?#iefix) format("embedded-opentype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Light.woff) format("woff"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Light.tff) format("truetype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Light.svg#SegoeUI-Light) format("svg");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Light Italic';
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-LightItalic.eot);
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-LightItalic.eot?#iefix) format("embedded-opentype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-LightItalic.woff) format("woff"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-LightItalic.tff) format("truetype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-LightItalic.svg#SegoeUI-LightItalic) format("svg");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'Segoe UI Semilight';
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Semilight.eot);
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Semilight.eot?#iefix) format("embedded-opentype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Semilight.woff) format("woff"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Semilight.tff) format("truetype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Semilight.svg#SegoeUI-Semilight) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Semilight Italic';
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-SemilightItalic.eot);
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-SemilightItalic.eot?#iefix) format("embedded-opentype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-SemilightItalic.woff) format("woff"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-SemilightItalic.tff) format("truetype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-SemilightItalic.svg#SegoeUI-SemilightItalic) format("svg");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Segoe UI';
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI.eot);
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI.eot?#iefix) format("embedded-opentype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI.woff) format("woff"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI.tff) format("truetype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI.svg#SegoeUI) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Italic';
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Italic.eot);
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Italic.eot?#iefix) format("embedded-opentype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Italic.woff) format("woff"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Italic.tff) format("truetype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Italic.svg#SegoeUI-Italic) format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Segoe UI Semibold';
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Semibold.eot);
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Semibold.eot?#iefix) format("embedded-opentype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Semibold.woff) format("woff"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Semibold.tff) format("truetype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Semibold.svg#SegoeUI-Semibold) format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Semibold Italic';
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-SemiboldItalic.eot);
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-SemiboldItalic.woff) format("woff"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-SemiboldItalic.tff) format("truetype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-SemiboldItalic.svg#SegoeUI-SemiboldItalic) format("svg");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'Segoe UI Bold';
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Bold.eot);
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Bold.eot?#iefix) format("embedded-opentype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Bold.woff) format("woff"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Bold.tff) format("truetype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-Bold.svg#SegoeUI-Bold) format("svg");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Bold Italic';
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-BoldItalic.eot);
    src: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-BoldItalic.eot?#iefix) format("embedded-opentype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-BoldItalic.woff) format("woff"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-BoldItalic.tff) format("truetype"), url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/SegoeUI-BoldItalic.svg#SegoeUI-BoldItalic) format("svg");
    font-weight: 900;
    font-style: italic
}

.columnsCenter {
    display: flex;
    align-items: center
}

.column {
    flex: 1;
    flex-direction: column
}

.innerContainer::after,
.innerContainerFull::after,
.innerSmall::after,
.innerText::after,
.outerContainer::after {
    content: "";
    display: block;
    clear: both
}

.innerContainer {
    padding: 0 5vw;
    max-width: calc(1170px + 10vw);
    height: 100%
}

.innerContainerFull {
    padding: 0;
    max-width: 73.125rem;
    height: 100%
}

.innerText {
    padding: 0 5vw;
    max-width: calc(770px + 5vw)
}

@media only screen and (min-width:1330px) {
    .innerText {
        padding: 0;
        max-width: calc(770px)
    }
}

.innerSmall {
    padding: 0 5vw;
    max-width: 970px
}

@media only screen and (min-width:1330px) {
    .innerSmall {
        padding: 0
    }
}

.innerContent {
    padding: 0 1em;
    max-width: 68em
}

.outerContainer {
    padding: 0;
    max-width: 90em
}

.btn.cta2,
a.btn.cta2,
form[data-formId^="1"].mktoForm .mktoButtonRow button.cta2,
form[id^=mktoForm_].mktoForm .mktoButtonRow button.cta2 {
    margin: 1rem 0;
    padding: 1rem 2rem;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .7px;
    font-weight: 600;
    color: #00188f;
    position: relative;
    display: inline-block;
    background: #fff;
    font-family: "Segoe UI Semibold";
    text-transform: uppercase;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border: 1px solid #00188f
}

.btn.cta2 img,
a.btn.cta2 img,
form[data-formId^="1"].mktoForm .mktoButtonRow button.cta2 img,
form[id^=mktoForm_].mktoForm .mktoButtonRow button.cta2 img {
    transition: all .3s ease;
    margin-left: 8px
}

.btn.cta2:hover,
a.btn.cta2:hover,
form[data-formId^="1"].mktoForm .mktoButtonRow button.cta2:hover,
form[id^=mktoForm_].mktoForm .mktoButtonRow button.cta2:hover {
    color: #00188f;
    text-decoration: none;
    background: #fff
}

.btn.cta2:hover img,
a.btn.cta2:hover img,
form[data-formId^="1"].mktoForm .mktoButtonRow button.cta2:hover img,
form[id^=mktoForm_].mktoForm .mktoButtonRow button.cta2:hover img {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.btn.cta3,
a.btn.cta3,
form[data-formId^="1"].mktoForm .mktoButtonRow button.cta3,
form[id^=mktoForm_].mktoForm .mktoButtonRow button.cta3 {
    margin: 1rem 0;
    padding: 1rem 2rem;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .7px;
    font-weight: 600;
    color: #fff;
    position: relative;
    display: inline-block;
    background: #ffb900;
    font-family: "Segoe UI Semibold";
    text-transform: uppercase;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    border: 1px solid #ffb900
}

ol,
p,
ul li {
    margin-bottom: 1rem
}

.btn.cta3 img,
a.btn.cta3 img,
form[data-formId^="1"].mktoForm .mktoButtonRow button.cta3 img,
form[id^=mktoForm_].mktoForm .mktoButtonRow button.cta3 img {
    transition: all .3s ease;
    margin-left: 8px
}

.btn.cta3:hover,
a.btn.cta3:hover,
form[data-formId^="1"].mktoForm .mktoButtonRow button.cta3:hover,
form[id^=mktoForm_].mktoForm .mktoButtonRow button.cta3:hover {
    color: #fff;
    text-decoration: none;
    background: #ffce4d
}

body,
ul li {
    color: #2f2f2f
}

.btn.cta3:hover img,
a.btn.cta3:hover img,
form[data-formId^="1"].mktoForm .mktoButtonRow button.cta3:hover img,
form[id^=mktoForm_].mktoForm .mktoButtonRow button.cta3:hover img {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

body {
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Segoe UI Semibold", Arial, sans-serif;
    color: #2f2f2f;
    line-height: 1.375;
    margin: 0 0 .6875em
}

.h1,
h1 {
    font-size: 2.25rem
}

@media screen and (min-width:25rem) {

    .h1,
    h1 {
        font-size: calc(2.25rem + 1.75 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {

    .h1,
    h1 {
        font-size: 4rem
    }
}

.h2,
h2 {
    font-size: 1.75rem
}

@media screen and (min-width:25rem) {

    .h2,
    h2 {
        font-size: calc(1.75rem + 1.25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {

    .h2,
    h2 {
        font-size: 3rem
    }
}

.h2.eyebrowText,
h2.eyebrowText {
    font-size: .875rem
}

@media screen and (min-width:25rem) {

    .h2.eyebrowText,
    h2.eyebrowText {
        font-size: calc(.875rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {

    .h2.eyebrowText,
    h2.eyebrowText {
        font-size: 1rem
    }
}

.h3,
h3 {
    letter-spacing: -.25px;
    line-height: 1.25;
    font-size: 1.5rem
}

@media screen and (min-width:25rem) {

    .h3,
    h3 {
        font-size: calc(1.5rem + .75 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {

    .h3,
    h3 {
        font-size: 2.25rem
    }
}

@media only screen and (min-width:1024px) {

    .h3,
    h3 {
        letter-spacing: -.75px
    }
}

ol li,
ul li {
    letter-spacing: 0;
    font-weight: 400
}

.h4,
h4 {
    line-height: 1.3;
    font-size: 1.25rem
}

@media screen and (min-width:25rem) {

    .h4,
    h4 {
        font-size: calc(1.25rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {

    .h4,
    h4 {
        font-size: 1.5rem
    }
}

.h5,
h5 {
    font-size: 1.125rem
}

@media screen and (min-width:25rem) {

    .h5,
    h5 {
        font-size: calc(1.125rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {

    .h5,
    h5 {
        font-size: 1.25rem
    }
}

.h6,
h6 {
    font-size: 1.125rem
}

@media screen and (min-width:25rem) {

    .h6,
    h6 {
        font-size: calc(1.125rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {

    .h6,
    h6 {
        font-size: 1.25rem
    }
}

p {
    line-height: 1.5;
    font-size: 1rem
}

@media screen and (min-width:25rem) {
    p {
        font-size: calc(1rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    p {
        font-size: 1.125rem
    }
}

a {
    transition: all .3s ease;
    text-decoration: none;
    color: #00188f
}

a:active,
a:focus,
a:hover {
    text-decoration: none
}

ul {
    margin: 1rem 0;
    padding: 0 0 0 2.25rem
}

ul li {
    font-size: 1rem;
    line-height: 1.875rem;
    position: relative
}

ul li::before {
    position: absolute;
    top: 11px;
    left: -36px;
    content: '';
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/icon-check-blue-ctc.svg) center center no-repeat;
    height: 16px;
    width: 16px
}

@media only screen and (min-width:1024px) {
    ul {
        font-size: 1.125rem;
        line-height: 2.25rem;
        letter-spacing: 0;
        font-weight: 400;
        color: #505050
    }
}

ol {
    margin-top: 1rem;
    padding-left: 2.5rem
}

ol li {
    font-size: 1rem;
    line-height: 2rem;
    color: #505050;
    padding-left: 1rem;
    margin-bottom: 1.5rem
}

strong {
    font-weight: 700
}

em, i {
    font-style: italic;
}

hr {
    border-bottom: #e6e6e6;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 1.375em 0
}

.btn,
.negativeForm form[data-formId^="1"].mktoForm .mktoButtonRow button,
.negativeForm form[id^=mktoForm_].mktoForm .mktoButtonRow button,
a.btn,
form[data-formId^="1"].mktoForm .mktoButtonRow button,
form[id^=mktoForm_].mktoForm .mktoButtonRow button {
    margin: 1rem 0;
    padding: 1rem 2rem;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .7px;
    font-weight: 600;
    color: #fff;
    position: relative;
    display: inline-block;
    background: #00188f;
    font-family: "Segoe UI Semibold";
    text-transform: uppercase;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3)
}

.btn img,
.negativeForm form[data-formId^="1"].mktoForm .mktoButtonRow button img,
.negativeForm form[id^=mktoForm_].mktoForm .mktoButtonRow button img,
a.btn img,
form[data-formId^="1"].mktoForm .mktoButtonRow button img,
form[id^=mktoForm_].mktoForm .mktoButtonRow button img {
    transition: all .3s ease;
    margin-left: 8px
}

.btn:hover,
a.btn:hover,
form[data-formId^="1"].mktoForm .mktoButtonRow button:hover,
form[id^=mktoForm_].mktoForm .mktoButtonRow button:hover {
    color: #fff;
    text-decoration: none
}

.btn:hover img,
a.btn:hover img,
form[data-formId^="1"].mktoForm .mktoButtonRow button:hover img,
form[id^=mktoForm_].mktoForm .mktoButtonRow button:hover img {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

a.anchorTag {
    margin: 1rem 0;
    padding: .5625rem 1rem .6875rem;
    font-size: .875rem;
    line-height: 1rem;
    letter-spacing: 1px;
    font-weight: 600;
    color: #fff;
    font-family: "Segoe UI Semibold";
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
    background: #00188f
}

.grayStrip h1,
.grayStrip h2,
.grayStrip h3,
.grayStrip h4,
.grayStrip h5,
.grayStrip h6,
.grayStrip p,
.whiteStrip h1,
.whiteStrip h2,
.whiteStrip h3,
.whiteStrip h4,
.whiteStrip h5,
.whiteStrip h6,
.whiteStrip p {
    color: #505050
}

.blockDisplay,
.cf::after {
    display: block
}

.grayStrip {
    background: #f4f4f4
}

.whiteStrip {
    background: #fff
}

body,
html {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    background: 0 0
}

*,
::after,
::before,
:after,
:before {
    box-sizing: inherit
}

.moduleSeperator {
    padding: 1.25rem;
    width: 100%;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700
}

a,
a img {
    border: 0;
    outline: 0
}

img {
    max-width: 100%;
    height: auto
}

.embedHolder {
    margin-right: auto;
    margin-left: auto;
    max-width: 60.625em
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

img[src$=".gif"] {
    width: initial
}

.cf::after {
    clear: both;
    content: ""
}

#goTop {
    position: fixed;
    bottom: .25em;
    right: .25em;
    color: #fdb5b5;
    font-size: 2em;
    z-index: 9999
}

#goTop:hover {
    border: none
}

.caps {
    text-transform: uppercase
}

@media all and (max-width:749px) {
    .hide-small {
        display: none !important
    }
}

@media all and (min-width:750px) {
    .hide-med {
        display: none
    }
}

@media all and (min-width:1025px) {
    .hide-large {
        display: none
    }
}

.alert,
.message,
.success {
    padding: 1em 2em;
    margin: 2em 0;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: .925em
}

.alert {
    color: #df0707;
    background-color: rgba(223, 7, 7, .1)
}

.message {
    color: #f8e71c;
    background-color: rgba(248, 231, 28, .1)
}

.success {
    color: #4caf50;
    background-color: rgba(76, 175, 80, .1)
}

.visHide {
    padding: 0;
    position: absolute;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: circle(1% at 1% 1%);
    clip-path: circle(1% at 1% 1%);
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    width: 1px
}

@media only screen and (min-width:1300px) {
    .innerContainer {
        padding: 0 3.68vw;
        max-width: calc(1170px + 7.36vw)
    }
}

#mktoStyleLoaded {
    color: #123456
}

div.azurebrandTemplate .negativeForm form[data-formId^="1"].mktoForm span.mktoButtonWrap::after,
div.azurebrandTemplate .negativeForm form[id^=mktoForm_].mktoForm span.mktoButtonWrap::after {
    content: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/icon-arrow-right-dark.svg)
}

.negativeForm form[data-formId^="1"].mktoForm label.mktoLabel,
.negativeForm form[id^=mktoForm_].mktoForm label.mktoLabel {
    font-size: .9375rem;
    line-height: 1.5rem;
    letter-spacing: 0;
    font-weight: 600;
    color: #505050
}

.negativeForm form[data-formId^="1"].mktoForm .mktoButtonRow span.mktoButtonWrap::after,
.negativeForm form[id^=mktoForm_].mktoForm .mktoButtonRow span.mktoButtonWrap::after {
    position: absolute;
    right: 32px;
    bottom: 14px;
    content: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/icon-arrow-right.svg);
    z-index: 2;
    pointer-events: none;
    transition: all .3s ease
}

.negativeForm form[data-formId^="1"].mktoForm .mktoButtonRow span.mktoButtonWrap:hover::after,
.negativeForm form[id^=mktoForm_].mktoForm .mktoButtonRow span.mktoButtonWrap:hover::after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.negativeForm form[data-formId^="1"].mktoForm .mktoButtonRow button,
.negativeForm form[id^=mktoForm_].mktoForm .mktoButtonRow button {
    margin: 0;
    background: #ffb900;
    color: #fff;
    padding-right: 56px;
    border: none;
    transition: all .3s ease
}

.negativeForm form[data-formId^="1"].mktoForm .mktoButtonRow button:hover,
.negativeForm form[id^=mktoForm_].mktoForm .mktoButtonRow button:hover {
    color: #fff;
    text-decoration: none;
    background: #ffce4d
}

.negativeForm form[data-formId^="1"].mktoForm .mktoButtonRow button:hover img,
.negativeForm form[id^=mktoForm_].mktoForm .mktoButtonRow button:hover img {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.negativeForm form[data-formId^="1"].mktoForm label[for^=State].mktoLabel,
.negativeForm form[id^=mktoForm_].mktoForm label[for^=State].mktoLabel {
    position: relative
}

.negativeForm form[data-formId^="1"].mktoForm label[for^=State].mktoLabel::after,
.negativeForm form[id^=mktoForm_].mktoForm label[for^=State].mktoLabel::after {
    position: absolute;
    right: 15px;
    bottom: -35px;
    content: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/icon-angle-down-yellow-ctc.svg);
    z-index: 2;
    pointer-events: none
}

.negativeForm.ctcRegForm form[id^=mktoForm_].mktoForm .mktoButtonRow span.mktoButtonWrap::after {
    content: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/icon-arrow-right.svg)
}

.negativeForm.ctcRegForm form[id^=mktoForm_].mktoForm .mktoButtonRow button {
    background: #ffb900;
    color: #fff
}

.negativeForm.ctcRegForm form[id^=mktoForm_].mktoForm label[for^=State].mktoLabel {
    position: relative
}

.negativeForm.ctcRegForm form[id^=mktoForm_].mktoForm label[for^=State].mktoLabel::after {
    position: absolute;
    right: 15px;
    bottom: -35px;
    content: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/icon-angle-down-yellow-ctc.svg);
    z-index: 2;
    pointer-events: none
}

.negativeForm.ctcRegForm form[id^=mktoForm_].mktoForm label {
    color: #505050
}

section.assetDownloado365 .negativeForm form[data-formId^="1"].mktoForm .mktoButtonRow button,
section.assetDownloado365 .negativeForm form[id^=mktoForm_].mktoForm .mktoButtonRow button {
    background: #d83b01;
    color: #fff
}

form[data-formId^="1"].mktoForm,
form[id^=mktoForm_].mktoForm {
    width: 100% !important;
    padding: 0
}

form[data-formId^="1"].mktoForm input[type=date],
form[data-formId^="1"].mktoForm input[type=email],
form[data-formId^="1"].mktoForm input[type=number],
form[data-formId^="1"].mktoForm input[type=tel],
form[data-formId^="1"].mktoForm input[type=text],
form[data-formId^="1"].mktoForm input[type=url],
form[data-formId^="1"].mktoForm select.mktoField,
form[id^=mktoForm_].mktoForm input[type=date],
form[id^=mktoForm_].mktoForm input[type=email],
form[id^=mktoForm_].mktoForm input[type=number],
form[id^=mktoForm_].mktoForm input[type=tel],
form[id^=mktoForm_].mktoForm input[type=text],
form[id^=mktoForm_].mktoForm input[type=url],
form[id^=mktoForm_].mktoForm select.mktoField {
    padding: .5rem 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0;
    font-weight: 400;
    color: #000;
    border: 1px solid #d1d1d1;
    height: 40px;
    width: 100% !important;
    max-width: 100% !important
}

form[data-formId^="1"].mktoForm input[type=date].mktoInvalid,
form[data-formId^="1"].mktoForm input[type=email].mktoInvalid,
form[data-formId^="1"].mktoForm input[type=number].mktoInvalid,
form[data-formId^="1"].mktoForm input[type=tel].mktoInvalid,
form[data-formId^="1"].mktoForm input[type=text].mktoInvalid,
form[data-formId^="1"].mktoForm input[type=url].mktoInvalid,
form[data-formId^="1"].mktoForm select.mktoField.mktoInvalid,
form[id^=mktoForm_].mktoForm input[type=date].mktoInvalid,
form[id^=mktoForm_].mktoForm input[type=email].mktoInvalid,
form[id^=mktoForm_].mktoForm input[type=number].mktoInvalid,
form[id^=mktoForm_].mktoForm input[type=tel].mktoInvalid,
form[id^=mktoForm_].mktoForm input[type=text].mktoInvalid,
form[id^=mktoForm_].mktoForm input[type=url].mktoInvalid,
form[id^=mktoForm_].mktoForm select.mktoField.mktoInvalid {
    border-color: #ffb900
}

form[data-formId^="1"].mktoForm select.mktoField,
form[data-formId^="1"].mktoForm textarea.mktoField,
form[id^=mktoForm_].mktoForm select.mktoField,
form[id^=mktoForm_].mktoForm textarea.mktoField {
    border: 1px solid #d1d1d1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px;
    width: 100% !important;
    max-width: 100% !important
}

form[data-formId^="1"].mktoForm textarea.mktoField,
form[id^=mktoForm_].mktoForm textarea.mktoField {
    height: 80px
}

form[data-formId^="1"].mktoForm label[for^=State].mktoLabel,
form[id^=mktoForm_].mktoForm label[for^=State].mktoLabel {
    position: relative
}

form[data-formId^="1"].mktoForm label[for^=State].mktoLabel::after,
form[id^=mktoForm_].mktoForm label[for^=State].mktoLabel::after {
    position: absolute;
    right: 15px;
    bottom: -35px;
    content: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/icon-angle-down-ctc.svg);
    z-index: 2;
    pointer-events: none
}

form[data-formId^="1"].mktoForm label.mktoLabel,
form[id^=mktoForm_].mktoForm label.mktoLabel {
    font-size: .9375rem;
    line-height: 1.5rem;
    letter-spacing: 0;
    font-weight: 600;
    color: #fff;
    padding-top: 0;
    font-family: "Segoe UI Semibold";
    width: 100% !important
}

form[data-formId^="1"].mktoForm label.mktoLabel .mktoAsterix,
form[id^=mktoForm_].mktoForm label.mktoLabel .mktoAsterix {
    padding: 0;
    position: absolute;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: circle(1% at 1% 1%);
    clip-path: circle(1% at 1% 1%);
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    width: 1px
}

form[data-formId^="1"].mktoForm .mktoFormRow,
form[id^=mktoForm_].mktoForm .mktoFormRow {
    margin-bottom: 1rem;
    width: 100%
}

form[data-formId^="1"].mktoForm .mktoFormRow .mktoFormCol,
form[id^=mktoForm_].mktoForm .mktoFormRow .mktoFormCol {
    margin: 0 !important;
    width: 100%
}

form[data-formId^="1"].mktoForm .mktoFormRow,
form[data-formId^="1"].mktoForm .mktoFormRow .mktoFieldWrap,
form[id^=mktoForm_].mktoForm .mktoFormRow,
form[id^=mktoForm_].mktoForm .mktoFormRow .mktoFieldWrap {
    width: 100%
}

form[data-formId^="1"].mktoForm .mktoButtonRow,
form[id^=mktoForm_].mktoForm .mktoButtonRow {
    margin: 1.5rem 0 0;
    display: block;
    text-align: center
}

form[data-formId^="1"].mktoForm .mktoButtonRow span.mktoButtonWrap,
form[id^=mktoForm_].mktoForm .mktoButtonRow span.mktoButtonWrap {
    margin: 0 !important;
    display: inline-block;
    position: relative
}

form[data-formId^="1"].mktoForm .mktoButtonRow span.mktoButtonWrap::after,
form[id^=mktoForm_].mktoForm .mktoButtonRow span.mktoButtonWrap::after {
    position: absolute;
    right: 32px;
    bottom: 14px;
    content: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/icon-arrow-right-dark-ctc.svg);
    z-index: 2;
    pointer-events: none;
    transition: all .3s ease
}

form[data-formId^="1"].mktoForm .mktoButtonRow span.mktoButtonWrap:hover::after,
form[id^=mktoForm_].mktoForm .mktoButtonRow span.mktoButtonWrap:hover::after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

form[data-formId^="1"].mktoForm .mktoButtonRow button,
form[id^=mktoForm_].mktoForm .mktoButtonRow button {
    margin: 0;
    padding-right: 56px;
    border: none
}

form[data-formId^="1"].mktoForm .mktoError,
form[id^=mktoForm_].mktoForm .mktoError {
    color: #ffb900
}

form[data-formId^="1"].mktoForm .mktoOffset,
form[id^=mktoForm_].mktoForm .mktoOffset {
    width: 0 !important;
    display: none !important
}

form[data-formId^="1"].mktoForm .mktoRequiredField div.mktoErrorArrowWrap,
form[id^=mktoForm_].mktoForm .mktoRequiredField div.mktoErrorArrowWrap {
    display: none
}

form[data-formId^="1"].mktoForm .mktoRequiredField div.mktoError,
form[id^=mktoForm_].mktoForm .mktoRequiredField div.mktoError {
    position: relative;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    min-height: 25px;
    width: 100%;
    z-index: 0;
    float: left
}

form[data-formId^="1"].mktoForm .mktoRequiredField div.mktoError::before,
form[id^=mktoForm_].mktoForm .mktoRequiredField div.mktoError::before {
    position: absolute;
    top: -52px;
    right: -8px;
    content: '';
    height: 16px;
    width: 16px;
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/icon-error-azure.svg)
}

form[data-formId^="1"].mktoForm .mktoRequiredField div.mktoErrorMsg,
form[id^=mktoForm_].mktoForm .mktoRequiredField div.mktoErrorMsg {
    font-size: .875rem;
    line-height: 1.5625rem;
    letter-spacing: 0;
    font-weight: 600;
    color: #000;
    padding: 0 1rem;
    font-family: "Segoe UI Bold";
    margin: 0;
    background-image: none;
    background-color: #ffb900;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    text-shadow: none;
    border: none;
    min-height: 25px
}

footer {
    margin-top: 2.5rem;
    margin-bottom: 0;
    padding-top: 2.125rem;
    padding-bottom: 2rem;
    background: #000;
    text-align: center
}

footer.no-gap {
    margin-top: 0
}

footer a {
    display: block
}

footer img {
    margin-bottom: 2.375rem
}

footer .footerLinks {
    padding-bottom: 10px
}

footer .footerLinks a {
    margin-bottom: 1.625rem;
    font-family: "Segoe UI Semibold";
    color: #fff
}

footer small {
    font-size: .75rem;
    line-height: 1.125rem;
    letter-spacing: 0;
    font-weight: 400;
    color: #fff
}

@media only screen and (min-width:1024px) {
    footer {
        padding-top: 5rem;
        padding-bottom: 5rem;
        text-align: left
    }

    footer div.innerContainer {
        display: flex;
        justify-content: space-between
    }

    footer img {
        align-self: flex-start
    }

    footer .footerLinks {
        padding: 0
    }

    footer .footerLinks a:last-child {
        margin-bottom: 0
    }

    footer .footerLegal {
        flex-basis: 57%
    }
}

section.tocContainer div.innerContainer {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    justify-content: space-around
}

section.tocContainer div.innerContainer::after {
    display: none
}

section.tocContainer div.innerContainer div.col {
    flex-basis: 50%
}

section.assetDownloadHeader .assetHeaderContent {
    padding-top: 1.3125rem;
    padding-bottom: 7.4375rem
}

section.assetDownloadHeader .assetHeaderContent>div.innerContainer {
    position: relative
}

section.assetDownloadHeader.assetDownloado365 .assetHeaderContent {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #d83b01
}

section.assetDownloadHeader.assetDownloado365 .negativeForm h3 {
    color: #000
}

section.assetDownloadHeader.assetDownloadctc .assetHeaderContent {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #00188f
}

section.assetDownloadHeader .assetDownloadContainer {
    position: absolute;
    bottom: -207px;
    left: calc(50% - 131px)
}

section.assetDownloadHeader .heroContent h1 {
    line-height: 1.3;
    letter-spacing: -1px;
    margin-bottom: 1.5rem;
    color: #fff
}

section.assetDownloadHeader .heroContent h2 {
    font-family: "Segoe UI Bold";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: .6875rem
}

section.assetDownloadHeader .heroContent .webinarHeroMeta a {
    margin-bottom: 8px;
    font-family: "Segoe UI Bold";
    line-height: 1.42;
    color: #000;
    display: block
}

section.assetDownloadHeader .heroContent .webinarHeroMeta a:hover {
    text-decoration: none
}

section.assetDownloadHeader .heroContent .webinarHeroMeta a img,
section.assetDownloadHeader .heroContent .webinarHeroMeta a svg {
    display: inline-block;
    vertical-align: bottom;
    width: 16px;
    margin-right: 8px
}

section.assetDownloadHeader .heroContent .webinarHeroMeta a svg {
    stroke: #505050;
    fill: transparent
}

section.assetDownloadHeader .bottomHalf {
    padding-top: 6.9375rem;
    padding-bottom: 3.5rem;
    background: #fff
}

section.assetDownloadHeader article {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    max-width: 670px;
    color: #505050
}

section.assetDownloadHeader article ul li::before {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/icon-check-blue-ctc.svg)
}

section.assetDownloadHeader article li {
    color: #505050
}

section.assetDownloadHeader aside .negativeForm h3,
section.headerDownloadCenter.headerDownloadCentero365 h1,
section.headerDownloadCenter.headerDownloadCentero365 p,
section.headerVideo .videoDownloads .videoSingleDownload a,
section.headerVideo.headerVideoo365 article a,
section.headerVideo.headerVideoo365 article h1.h3,
section.headerVideo.headerVideoo365 article h2,
section.headerVideo.headerVideoo365 article h3,
section.headerVideo.headerVideoo365 article h4,
section.headerVideo.headerVideoo365 article h5,
section.headerVideo.headerVideoo365 article h6,
section.headerVideo.headerVideoo365 article p {
    color: #fff
}

section.assetDownloadHeader aside {
    margin: 1rem auto;
    padding: 0 5vw
}

section.assetDownloadHeader aside .formContainer {
    padding: 1.5rem 5vw;
    margin: 0 auto;
    max-width: calc(385px + 10vw);
    background: #d83b01
}

section.assetDownloadHeader aside .formContainer h3 {
    margin-bottom: 1rem;
    color: #fff;
    font-size: 1.125rem
}

@media screen and (min-width:25rem) {
    section.assetDownloadHeader aside .formContainer h3 {
        font-size: calc(1.125rem + .375 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.assetDownloadHeader aside .formContainer h3 {
        font-size: 1.5rem
    }
}

section.assetDownloadHeader aside .negativeForm {
    background: #f4f4f4
}

@media only screen and (min-width:600px) {
    section.assetDownloadHeader a.anchorTag {
        display: none
    }
}

@media only screen and (min-width:750px) {

    section.assetDownloadHeader .heroContent .webinarHeroMeta,
    section.assetDownloadHeader .heroContent h1,
    section.assetDownloadHeader .heroContent h2 {
        max-width: 670px
    }

    section.assetDownloadHeader .heroContent .webinarHeroMeta a {
        display: inline-block
    }
}

@media only screen and (min-width:1024px) {
    section.assetDownloadHeader {
        position: relative
    }

    section.assetDownloadHeader .heroStrip {
        padding: 2.5625rem 3.68vw;
        height: 430px
    }

    section.assetDownloadHeader .heroContent .webinarHeroMeta,
    section.assetDownloadHeader .heroContent h1,
    section.assetDownloadHeader .heroContent h2 {
        width: 57%
    }

    section.assetDownloadHeader .heroContent h1 {
        line-height: 1.09375;
        letter-spacing: -2px
    }

    section.assetDownloadHeader .assetHeaderContent {
        padding-bottom: 7.5rem
    }

    section.assetDownloadHeader .assetDownloadContainer {
        position: absolute;
        bottom: -205.5px;
        left: calc(28.5% - 131px)
    }

    section.assetDownloadHeader .bottomHalf {
        padding-top: 0;
        padding-bottom: 3.5rem
    }

    section.assetDownloadHeader article {
        padding-top: 7.6875rem;
        padding-bottom: 4.8125rem;
        width: 57%
    }

    section.assetDownloadHeader aside {
        position: absolute;
        top: 41px;
        right: 5vw;
        margin: 0;
        padding: 0;
        width: 33%;
        max-width: 385px
    }

    section.assetDownloadHeader aside .formContainer {
        padding: 2rem
    }
}

@media only screen and (min-width:1440px) {
    section.assetDownloadHeader .heroStrip {
        padding-top: 5.4375rem;
        margin-left: 5.69vw;
        background-size: cover
    }

    section.assetDownloadHeader .heroContent {
        margin: 0 auto;
        padding: 0 2vw;
        max-width: calc(1170px + 9.36vw)
    }

    section.assetDownloadHeader aside {
        top: 87px
    }
}

section.headerDownloadCenter div.innerContainer {
    padding-top: 3.0625rem;
    padding-bottom: 3.0625rem
}

section.headerDownloadCenter h1 {
    margin-bottom: 1rem
}

section.headerDownloadCenter p {
    max-width: 600px;
    line-height: 1.875rem;
    margin-bottom: 2.5rem
}

section.headerDownloadCenter p:last-child {
    margin-bottom: 1rem
}

section.headerDownloadCenter.headerDownloadCentero365 {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #db3c01
}

section.headerDownloadCenter a.imgbtn {
    padding: .8125rem 2rem .9375rem
}

section.headerDownloadCenter a.imgbtn img {
    margin-right: 12px;
    display: inline-block;
    vertical-align: bottom
}

section.headerDownloadCenter a.imgbtn:hover img {
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width:750px) {
    section.headerDownloadCenter {
        padding-bottom: 3.125rem
    }

    section.headerDownloadCenter div.innerContainer {
        margin-top: 0;
        margin-bottom: 0;
        background-image: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/hero-thank-you-sql.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center right
    }
}

@media only screen and (min-width:1024px) {
    section.headerDownloadCenter div.innerContainer {
        background-position-x: calc(100% - 5vw)
    }

    section.headerDownloadCenter p {
        line-height: 2.125rem
    }
}

@media only screen and (min-width:1300px) {
    section.assetDownloadHeader aside {
        right: calc((100% - 1170px)/ 2)
    }

    section.headerDownloadCenter div.innerContainer {
        background-position-x: calc(100% - 3.68vw)
    }
}

section.headerVideo {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

section.headerVideo h6 {
    text-transform: uppercase
}

section.headerVideo aside {
    margin-right: auto;
    margin-left: auto;
    max-width: 670px
}

section.headerVideo article {
    padding-top: 1.5rem
}

section.headerVideo.headerVideoo365 {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #db3c01
}

section.headerVideo .videoDownloads .videoSingleDownload div {
    margin-top: 5px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px
}

section.headerVideo .videoDownloads .videoSingleDownload div img {
    display: block
}

section.headerVideo .videoDownloads .videoSingleDownload p {
    width: calc(100% - 35px);
    display: inline-block;
    font-size: .875rem;
    line-height: 1.7
}

section.headerVideo .videoDownloads.videoo365 .videoSingleDownload a {
    color: #00188f
}

@media only screen and (min-width:1024px) {
    section.headerVideo {
        padding-top: 6.875rem;
        padding-bottom: 5.125rem
    }

    section.headerVideo h1.h3 {
        letter-spacing: -.75px
    }

    section.headerVideo article {
        padding-top: 0;
        padding-bottom: 0;
        width: 42%;
        float: left;
        padding-right: 1.875rem
    }

    section.headerVideo aside {
        width: 58%;
        float: right
    }
}

section.headerPattern,
section.headerTransformation {
    padding-top: 5rem;
    padding-bottom: 5rem;
    text-align: center
}

section.headerTransformation.GrayStrip {
    background: #f4f4f4
}

section.headerTransformation.GrayStrip h2,
section.headerTransformation.GrayStrip p {
    color: #000
}

section.headerTransformation.PatternStrip {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #00188f
}

section.headerTransformation.PatternStrip h2,
section.headerTransformation.PatternStrip p {
    color: #fff
}

section.headerTransformation h2 {
    line-height: 1.285714286;
    letter-spacing: -.5px;
    margin-bottom: 1rem
}

section.headerTransformation p {
    line-height: 1.5;
    font-size: 1.375rem
}

@media screen and (min-width:25rem) {
    section.headerTransformation p {
        font-size: calc(1.375rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.headerTransformation p {
        font-size: 1.625rem
    }
}

section.headerPattern p {
    margin-bottom: 0
}

section.headerPattern h2 {
    line-height: 1.285714286;
    letter-spacing: -.5px;
    margin-bottom: 1rem
}

section.headerPattern p {
    line-height: 1.5;
    font-size: 1.375rem
}

@media screen and (min-width:25rem) {
    section.headerPattern p {
        font-size: calc(1.375rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.headerPattern p {
        font-size: 1.625rem
    }
}

section.headerPattern.ctaLight {
    background-image: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png)
}

section.headerPattern.ctaLight h2,
section.headerPattern.ctaLight p {
    color: #000
}

section.headerPattern.ctaDark {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #00188f
}

section.headerPattern.ctaDark h2,
section.headerPattern.ctaDark p {
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    max-width: 970px
}

section.headerPattern.ctaDark .cta2 {
    background: #fff;
    color: #00188f
}

section.headerPattern.marDevHeader {
    text-align: left
}

section.headerPattern.marDevHeader h2,
section.headerPattern.marDevHeader p {
    margin-right: 0;
    margin-left: 0;
    max-width: 770px
}

section.headerPattern.headerBGImage {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/bg-interior-cta-ctc-3.png) top center no-repeat
}

section.headerPattern.headerBGImage h2,
section.headerPattern.headerBGImage p {
    color: #fff
}

@media only screen and (min-width:1440px) {
    section.headerPattern.headerBGImage {
        background-size: cover
    }
}

section.headerWhySynnex {
    position: relative
}

section.headerWhySynnex .heroStrip {
    padding: 3.5rem 5vw 2.875rem;
    margin-left: 5vw;
    background-image: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/header-image-why-sy.png);
    background-repeat: no-repeat;
    background-size: initial;
    background-position: center left;
    height: 407px
}

section.headerWhySynnex .heroContent h1 {
    line-height: 1.3;
    letter-spacing: -1px;
    margin-bottom: 1.5rem
}

section.headerWhySynnex .heroContent h4 {
    font-family: "Segoe UI Semibold";
    margin-bottom: .6875rem;
    font-size: 1.25rem
}

@media screen and (min-width:25rem) {
    section.headerWhySynnex .heroContent h4 {
        font-size: calc(1.25rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.headerWhySynnex .heroContent h4 {
        font-size: 1.5rem
    }
}

section.headerWhySynnex article {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    max-width: 670px
}

section.headerWhySynnex article p {
    line-height: 1.363636364;
    font-size: 1rem
}

@media screen and (min-width:25rem) {
    section.headerWhySynnex article p {
        font-size: calc(1rem + .375 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.headerWhySynnex article p {
        font-size: 1.375rem
    }
}

@media only screen and (min-width:750px) {

    section.headerWhySynnex .heroContent h1,
    section.headerWhySynnex .heroContent h4 {
        max-width: 670px
    }

    section.headerWhySynnex article {
        padding: 1.875rem 3.68vw
    }
}

@media only screen and (min-width:1024px) {
    section.headerWhySynnex {
        position: relative
    }

    section.headerWhySynnex .heroStrip {
        padding: 2.5625rem 3.68vw;
        height: 430px;
        display: flex;
        align-items: flex-end
    }

    section.headerWhySynnex .heroContent h1,
    section.headerWhySynnex .heroContent h4 {
        width: 100%;
        max-width: 870px
    }

    section.headerWhySynnex .heroContent h1 {
        line-height: 1.09375;
        letter-spacing: -1.5px
    }

    section.headerWhySynnex article {
        width: 100%;
        max-width: 800px;
        padding-bottom: 11.5rem
    }

    section.headerWhySynnex aside {
        position: absolute;
        top: 285px;
        right: 5vw;
        margin: 0;
        padding: 0;
        width: 33%;
        max-width: 385px
    }

    section.headerWhySynnex aside .formContainer {
        padding: 2rem
    }
}

@media only screen and (min-width:1300px) {
    section.headerWhySynnex aside {
        right: calc((100% - 1170px)/ 2)
    }
}

@media only screen and (min-width:1440px) {
    section.headerWhySynnex .heroStrip {
        padding-top: 5.4375rem;
        margin-left: 5.69vw;
        background-size: cover
    }

    section.headerWhySynnex .heroContent {
        margin: 0 auto;
        padding: 0 2vw;
        max-width: calc(1170px + 9.36vw);
        width: 100%
    }

    section.headerWhySynnex aside {
        top: 285px
    }
}

section.webinarHeader .webinarHeaderContent {
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative
}

section.webinarHeader.webinarHeaderctc .webinarHeaderContent {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #00188f
}

section.webinarHeader .webinarImgContainer {
    position: absolute;
    bottom: -207px;
    left: calc(50% - 131px)
}

section.webinarHeader .heroContent h1 {
    line-height: 1.3;
    letter-spacing: -1px;
    margin-bottom: 1rem;
    color: #fff
}

section.webinarHeader .heroContent h2 {
    font-family: "Segoe UI Bold";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2rem
}

section.webinarHeader .heroContent h3 {
    color: #fff;
    margin-bottom: 0
}

section.webinarHeader .bottomHalf {
    padding-top: 0;
    padding-bottom: 0;
    background: #fff
}

section.webinarHeader article {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    max-width: 670px;
    color: #505050
}

section.webinarHeader article p {
    font-size: 1rem
}

@media screen and (min-width:25rem) {
    section.webinarHeader article p {
        font-size: calc(1rem + .3125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.webinarHeader article p {
        font-size: 1.3125rem
    }
}

section.webinarHeader article li {
    color: #505050;
    font-size: 1rem
}

@media screen and (min-width:25rem) {
    section.webinarHeader article li {
        font-size: calc(1rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.webinarHeader article li {
        font-size: 1.125rem
    }
}

section.webinarHeader article.registrationCopy span p {
    font-family: "Segoe UI";
    font-size: 1.125rem
}

@media screen and (min-width:25rem) {
    section.webinarHeader article.registrationCopy span p {
        font-size: calc(1.125rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.webinarHeader article.registrationCopy span p {
        font-size: 1.375rem
    }
}

section.webinarHeader article.registrationCopy span h3 {
    margin-bottom: 1.3125rem
}

section.webinarHeader article.registrationCopy .registerIcons {
    display: flex;
    flex-wrap: wrap
}

section.webinarHeader article.registrationCopy .registerIcons .iconBlock {
    margin-bottom: 2.5rem;
    max-width: 300px
}

section.webinarHeader article.registrationCopy .registerIcons .iconBlock img {
    max-width: 128px
}

section.webinarHeader article.registrationCopy .registerIcons .iconBlock span>p {
    margin-bottom: 0
}

section.webinarHeader article.contactCopy span p {
    font-family: "Segoe UI";
    margin-bottom: 1.5625rem;
    font-size: 1.125rem
}

@media screen and (min-width:25rem) {
    section.webinarHeader article.contactCopy span p {
        font-size: calc(1.125rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.webinarHeader article.contactCopy span p {
        font-size: 1.375rem
    }
}

section.webinarHeader article.contactCopy span h3 {
    margin-bottom: 0
}

section.webinarHeader article.contactCopy .contactIcons .iconBlock {
    display: flex;
    align-items: flex-start
}

section.webinarHeader article.contactCopy .contactIcons .iconBlock div.mktoImg {
    flex-basis: 128px;
    align-items: flex-start
}

section.webinarHeader article.contactCopy .contactIcons .iconBlock span {
    margin-left: 2.8125rem;
    display: block;
    flex-basis: calc(100% - 174px)
}

section.webinarHeader article.contactCopy .contactIcons .iconBlock span p {
    font-size: 1rem
}

@media screen and (min-width:25rem) {
    section.webinarHeader article.contactCopy .contactIcons .iconBlock span p {
        font-size: calc(1rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.webinarHeader article.contactCopy .contactIcons .iconBlock span p {
        font-size: 1.125rem
    }
}

section.webinarHeader article.contactCopy .contactIcons .iconBlock span#chIconText1 {
    margin-top: 1.1875rem
}

section.webinarHeader aside {
    margin: 1rem auto 2rem;
    padding: 0 5vw
}

section.webinarHeader aside .formContainer {
    padding: 1.5rem 5vw;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    max-width: calc(385px + 10vw);
    background: #d83b01
}

section.webinarHeader aside .formContainer h3 {
    margin-bottom: 1rem;
    color: #fff;
    font-size: 1.125rem
}

@media screen and (min-width:25rem) {
    section.webinarHeader aside .formContainer h3 {
        font-size: calc(1.125rem + .375 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.webinarHeader aside .formContainer h3 {
        font-size: 1.5rem
    }
}

section.webinarHeader aside .negativeForm {
    background: #f4f4f4
}

section.webinarHeader aside .negativeForm h3 {
    color: #2f2f2f
}

@media only screen and (min-width:600px) {
    section.webinarHeader a.anchorTag {
        display: none
    }

    section.webinarHeader article.registrationCopy span p {
        font-family: "Segoe UI";
        font-size: 1.125rem
    }

    section.webinarHeader article.registrationCopy .registerIcons {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    section.webinarHeader article.registrationCopy .registerIcons .iconBlock {
        margin-bottom: 2.5rem;
        flex-basis: 47.5%;
        max-width: 300px
    }

    section.webinarHeader article.registrationCopy .registerIcons .iconBlock img {
        max-width: 128px
    }

    section.webinarHeader article.registrationCopy .registerIcons .iconBlock>p {
        margin-bottom: 0
    }
}

@media only screen and (min-width:600px) and (min-width:25rem) {
    section.webinarHeader article.registrationCopy span p {
        font-size: calc(1.125rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media only screen and (min-width:600px) and (min-width:73.125rem) {
    section.webinarHeader article.registrationCopy span p {
        font-size: 1.375rem
    }
}

@media only screen and (min-width:750px) {

    section.webinarHeader .heroContent h1,
    section.webinarHeader .heroContent h2 {
        max-width: 670px
    }
}

@media only screen and (min-width:1024px) {
    section.webinarHeader {
        position: relative;
        min-height: 1025px
    }

    section.webinarHeader .heroStrip {
        padding: 2.5625rem 3.68vw;
        height: 430px
    }

    section.webinarHeader .heroContent h1,
    section.webinarHeader .heroContent h2,
    section.webinarHeader .heroContent h3 {
        width: 57%;
        color: #fff
    }

    section.webinarHeader .heroContent h1 {
        line-height: 1.09375;
        letter-spacing: -2px
    }

    section.webinarHeader .heroContent h2.h6 {
        margin-bottom: 2rem
    }

    section.webinarHeader .webinarHeaderContent {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    section.webinarHeader .bottomHalf {
        padding-top: 0;
        padding-bottom: 3.5rem
    }

    section.webinarHeader article {
        padding-top: 4.5rem;
        padding-bottom: 4.8125rem;
        width: 57%
    }

    section.webinarHeader aside {
        position: absolute;
        top: 41px;
        right: 5vw;
        margin: 0;
        padding: 0;
        width: 33%;
        max-width: 385px
    }

    section.webinarHeader aside .formContainer {
        padding: 2rem
    }
}

@media only screen and (min-width:1300px) {
    section.webinarHeader aside {
        right: calc((100% - 1170px)/ 2)
    }
}

@media only screen and (min-width:1440px) {
    section.webinarHeader .heroStrip {
        padding-top: 5.4375rem;
        margin-left: 5.69vw;
        background-size: cover
    }

    section.webinarHeader .heroContent {
        margin: 0 auto;
        padding: 0 2vw;
        max-width: calc(1170px + 9.36vw)
    }

    section.webinarHeader aside {
        top: 87px
    }
}

section.webinarHero .heroStrip {
    padding: 3.5rem 5vw 2.875rem;
    margin-left: 5vw;
    background-image: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/hero-with-form-1-o365.png);
    background-repeat: no-repeat;
    background-size: initial;
    background-position: center left;
    height: 407px
}

section.webinarHero .heroContent h1 {
    line-height: 1.3;
    letter-spacing: -1px;
    margin-bottom: 1.5rem
}

section.webinarHero .heroContent h2 {
    font-family: "Segoe UI Bold";
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: .6875rem
}

section.webinarHero .heroContent .webinarHeroMeta a {
    margin-bottom: 8px;
    font-family: "Segoe UI Bold";
    line-height: 1.42;
    color: #2f2f2f;
    display: block
}

section.webinarHero .heroContent .webinarHeroMeta a:hover {
    text-decoration: none
}

section.webinarHero .heroContent .webinarHeroMeta a img,
section.webinarHero .heroContent .webinarHeroMeta a svg {
    display: inline-block;
    vertical-align: bottom;
    width: 16px;
    margin-right: 8px
}

section.webinarHero .heroContent .webinarHeroMeta a svg {
    stroke: #505050;
    fill: transparent
}

section.webinarHero article {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    max-width: 670px
}

section.webinarHero aside {
    margin: 1rem auto;
    padding: 0 5vw
}

section.webinarHero aside .formContainer {
    padding: 1.5rem 5vw;
    margin: 0 auto;
    max-width: calc(385px + 10vw);
    background: #00188f
}

section.webinarHero aside .formContainer h3 {
    margin-bottom: 1rem;
    color: #fff;
    font-size: 1.125rem
}

@media screen and (min-width:25rem) {
    section.webinarHero aside .formContainer h3 {
        font-size: calc(1.125rem + .375 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.webinarHero aside .formContainer h3 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:600px) {
    section.webinarHero a.anchorTag {
        display: none
    }
}

@media only screen and (min-width:750px) {

    section.webinarHero .heroContent .webinarHeroMeta,
    section.webinarHero .heroContent h1,
    section.webinarHero .heroContent h2 {
        max-width: 670px
    }

    section.webinarHero .heroContent .webinarHeroMeta a {
        display: inline-block
    }
}

@media only screen and (min-width:1024px) {
    section.webinarHero {
        position: relative
    }

    section.webinarHero .heroStrip {
        padding: 2.5625rem 3.68vw;
        height: 430px
    }

    section.webinarHero .heroContent .webinarHeroMeta,
    section.webinarHero .heroContent h1,
    section.webinarHero .heroContent h2 {
        width: 57%
    }

    section.webinarHero .heroContent h1 {
        line-height: 1.09375;
        letter-spacing: -2px
    }

    section.webinarHero article {
        width: 57%;
        padding-bottom: 6rem
    }

    section.webinarHero aside {
        position: absolute;
        top: 285px;
        right: 5vw;
        margin: 0;
        padding: 0;
        width: 33%;
        max-width: 385px
    }

    section.webinarHero aside .formContainer {
        padding: 2rem
    }
}

@media only screen and (min-width:1440px) {
    section.webinarHero .heroStrip {
        padding-top: 5.4375rem;
        margin-left: 5.69vw;
        background-size: cover
    }

    section.webinarHero .heroContent {
        margin: 0 auto;
        padding: 0 2vw;
        max-width: calc(1170px + 9.36vw)
    }

    section.webinarHero aside {
        top: 285px
    }
}

section.thankYouHero h1,
section.thankYouHero p:last-child {
    margin-bottom: 1rem
}

section.thankYouHero div.innerContainer {
    padding-top: 3.0625rem;
    padding-bottom: 3.0625rem
}

section.thankYouHero p {
    max-width: 500px;
    line-height: 1.875rem
}

section.thankYouHero a.imgbtn {
    padding: .8125rem 2rem .9375rem
}

section.thankYouHero a.imgbtn img {
    margin-right: 12px;
    display: inline-block;
    vertical-align: bottom
}

section.thankYouHero a.imgbtn:hover img {
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width:750px) {
    section.thankYouHero div.innerContainer {
        margin-top: 0;
        margin-bottom: 3.125rem;
        background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/hero-thank-you-o365.png) top right no-repeat
    }

    section.thankYouHero p {
        max-width: 475px
    }
}

@media only screen and (min-width:1024px) {
    section.thankYouHero div.innerContainer {
        background-position-x: calc(100% - 5vw)
    }

    section.thankYouHero p {
        max-width: 625px;
        line-height: 2.125rem
    }
}

@media only screen and (min-width:1300px) {
    section.webinarHero aside {
        right: calc((100% - 1170px)/ 2)
    }

    section.thankYouHero div.innerContainer {
        background-position-x: calc(100% - 3.68vw)
    }

    section.thankYouHero div.innerContainer p {
        max-width: 725px
    }
}

section.whySynnexHero div.innerContainer {
    padding-top: 3.0625rem;
    padding-bottom: 3.0625rem
}

section.whySynnexHero div.innerContainer .whySynnexHeroText {
    max-width: 870px
}

section.whySynnexHero h1 {
    line-height: 1.09375;
    letter-spacing: -1.5px;
    margin-bottom: 1rem;
    font-size: 2.25rem
}

@media screen and (min-width:25rem) {
    section.whySynnexHero h1 {
        font-size: calc(2.25rem + 1.75 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.whySynnexHero h1 {
        font-size: 4rem
    }
}

section.whySynnexHero p {
    max-width: 400px;
    line-height: 1.875rem
}

section.whySynnexHero p:last-child {
    margin-bottom: 1rem
}

section.whySynnexHero a.imgbtn {
    padding: .8125rem 2rem .9375rem
}

section.whySynnexHero a.imgbtn img {
    margin-right: 12px;
    display: inline-block;
    transition: all .3s ease
}

section.whySynnexHero a.imgbtn:hover img {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@media only screen and (min-width:750px) {
    section.whySynnexHero div.innerContainer {
        margin-top: 0;
        margin-bottom: 3.125rem;
        background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/hero-thank-you-o365.png) top right no-repeat
    }

    section.whySynnexHero p {
        max-width: 475px
    }
}

@media only screen and (min-width:1024px) {
    section.whySynnexHero div.innerContainer {
        background-position-x: calc(100% - 5vw)
    }

    section.whySynnexHero p {
        max-width: 625px;
        line-height: 2.125rem
    }
}

@media only screen and (min-width:1300px) {
    section.whySynnexHero div.innerContainer {
        background-position-x: calc(100% - 3.68vw)
    }

    section.whySynnexHero p {
        max-width: 725px
    }
}

section.downloadsModule {
    text-align: center
}

section.downloadsModule .downloadsHeader {
    padding-top: 3rem;
    padding-bottom: 3rem
}

section.downloadsModule .downloadsHeader h2 {
    line-height: 1.28;
    margin-bottom: .75rem;
    font-size: 1.75rem
}

@media screen and (min-width:25rem) {
    section.downloadsModule .downloadsHeader h2 {
        font-size: calc(1.75rem + 1.25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.downloadsModule .downloadsHeader h2 {
        font-size: 3rem
    }
}

section.downloadsModule .downloadsHeader h3 {
    line-height: 1.3;
    margin: 0;
    font-size: 1.25rem
}

@media screen and (min-width:25rem) {
    section.downloadsModule .downloadsHeader h3 {
        font-size: calc(1.25rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.downloadsModule .downloadsHeader h3 {
        font-size: 1.375rem
    }
}

section.downloadsModule .downloadsContainer article {
    margin: 0 auto 3rem;
    padding-top: 2.6875rem
}

section.downloadsModule .downloadsContainer article div.mktoImg {
    margin: 0 auto;
    width: 20%
}

section.downloadsModule .downloadsContainer article div.mktoImg img {
    width: 100%;
    max-width: 128px
}

section.downloadsModule .downloadsContainer article h4 {
    line-height: 1.3;
    margin-bottom: .5rem;
    font-size: 1.25rem
}

@media screen and (min-width:25rem) {
    section.downloadsModule .downloadsContainer article h4 {
        font-size: calc(1.25rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.downloadsModule .downloadsContainer article h4 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:750px) {
    section.downloadsModule .downloadsContainer {
        display: flex;
        justify-content: space-between
    }

    section.downloadsModule .downloadsContainer article {
        padding-right: 3.4vw;
        padding-left: 3.4vw;
        flex-basis: 33%
    }

    section.downloadsModule .downloadsContainer article div.mktoImg {
        width: 45%
    }
}

header.logoStrip {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e6e6e6
}

header.logoStrip a {
    display: inline-block;
    vertical-align: middle
}

header.logoStrip a img {
    height: 35px;
    display: block
}

header.logoStrip span.divider {
    margin: 0 1rem;
    vertical-align: middle;
    display: inline-block;
    height: 35px;
    width: 1px;
    background: #505050
}

header.logoStrip nav.standardNav {
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, .95);
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

header.logoStrip nav.standardNav ul.nav li.helper,
header.logoStrip nav.standardNav ul.nav li.homeLink {
    display: none
}

header.logoStrip nav.standardNav ul.nav li.helper a,
header.logoStrip nav.standardNav ul.nav li.homeLink a {
    opacity: 1
}

header.logoStrip nav.standardNav ul {
    padding: 0 1rem;
    margin: 0;
    max-width: 130em;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    height: 54px
}

header.logoStrip nav.standardNav ul span.itemHolder {
    flex-basis: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center
}

header.logoStrip nav.standardNav ul.nav li {
    margin: 0
}

header.logoStrip nav.standardNav ul.nav li::before {
    display: none
}

header.logoStrip nav.standardNav ul.nav li a {
    color: #505050;
    display: block;
    text-decoration: none;
    font-family: "Segoe UI Semibold";
    border-bottom: 5px solid transparent;
    line-height: 1.3;
    margin-top: 10px;
    font-size: .75rem
}

@media screen and (min-width:25rem) {
    header.logoStrip nav.standardNav ul.nav li a {
        font-size: calc(.75rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    header.logoStrip nav.standardNav ul.nav li a {
        font-size: .875rem
    }
}

header.logoStrip nav.standardNav ul.nav li a.active {
    opacity: 1;
    border-bottom: 5px solid #ffb900
}

header.logoStrip nav.standardNav ul.nav li a:hover {
    border-bottom: 5px solid #ffb900
}

header.logoStrip nav.standardNav ul.nav li.helper a {
    color: #fff;
    border-bottom: 0
}

@media only screen and (min-width:750px) {
    header.logoStrip nav.standardNav {
        position: relative;
        z-index: 0;
        border: none;
        background: 0 0;
        display: flex;
        width: auto
    }

    header.logoStrip nav.standardNav ul.nav li.helper,
    header.logoStrip nav.standardNav ul.nav li.homeLink {
        display: block
    }

    header.logoStrip nav.standardNav ul {
        margin: 0 auto;
        padding: 0;
        max-width: 130em;
        display: flex;
        align-items: stretch;
        justify-content: flex-end;
        height: 54px
    }

    header.logoStrip nav.standardNav ul.mobile {
        display: none
    }

    header.logoStrip nav.standardNav ul.nav li {
        margin: 0;
        align-self: center
    }

    header.logoStrip nav.standardNav ul.nav li a {
        margin-top: .3125rem;
        margin-right: 0;
        margin-left: 1rem;
        display: inline-block;
        font-family: "Segoe UI Bold";
        line-height: 1.3
    }

    header.logoStrip {
        padding-top: 0;
        padding-bottom: 0;
        height: 90px
    }

    header.logoStrip div.innerContainer {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    header.logoStrip div.innerContainer::after {
        display: none
    }

    header.logoStrip .logosContainer {
        display: flex
    }

    header.logoStrip .logosContainer a {
        align-self: center
    }

    header.logoStrip .logosContainer a img {
        display: flex;
        height: auto
    }

    header.logoStrip .logosContainer span.divider {
        height: 35px
    }

    header.logoStrip .logosContainer span.divider~a {
        flex-basis: 88px
    }

    .ctcbrandTemplate .logoStrip {
        height: 86px
    }
}

section.singlePresenter {
    padding-top: 3.125rem;
    padding-bottom: 1.5rem;
    text-align: center
}

section.singlePresenter.backgroundo365 {
    background: #d83b01
}

section.singlePresenter.backgroundo365 h1,
section.singlePresenter.backgroundo365 h2,
section.singlePresenter.backgroundo365 h3,
section.singlePresenter.backgroundo365 h4,
section.singlePresenter.backgroundo365 h5,
section.singlePresenter.backgroundo365 h6,
section.singlePresenter.backgroundo365 p {
    color: #fff
}

section.singlePresenter h3 {
    margin-bottom: 1.4375rem;
    line-height: 1.4;
    font-family: "Segoe UI Bold";
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: .875rem
}

@media screen and (min-width:25rem) {
    section.singlePresenter h3 {
        font-size: calc(.875rem + .625 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.singlePresenter h3 {
        font-size: 1.5rem
    }
}

section.singlePresenter .headshotContainer {
    margin-right: auto;
    margin-bottom: .5rem;
    margin-left: auto;
    position: relative;
    width: 35%;
    max-width: 232px;
    border-radius: 99em
}

section.singlePresenter .headshotContainer img {
    border-radius: 99em
}

section.singlePresenter .presenterBio h4 {
    margin-bottom: .5rem;
    line-height: 1.25;
    text-transform: none;
    font-size: 1.75rem
}

@media screen and (min-width:25rem) {
    section.singlePresenter .presenterBio h4 {
        font-size: calc(1.75rem + 1.25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.singlePresenter .presenterBio h4 {
        font-size: 3rem
    }
}

section.singlePresenter .presenterBio .socialIcons {
    margin-bottom: .1875rem
}

section.singlePresenter .presenterBio .socialIcons a {
    margin-right: .25rem;
    margin-left: .25rem;
    width: 44px;
    height: 44px;
    display: inline-block;
    text-align: center
}

section.singlePresenter .presenterBio .socialIcons a img {
    margin-right: auto;
    margin-left: auto;
    display: block
}

section.singlePresenter .presenterBio .mktoText p {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.125rem
}

@media only screen and (min-width:750px) {
    section.singlePresenter {
        text-align: left
    }

    section.singlePresenter h3 {
        margin-bottom: 2.3125rem
    }

    section.singlePresenter article::after {
        clear: both;
        content: "";
        display: block
    }

    section.singlePresenter .headshotContainer {
        margin-bottom: 0;
        margin-left: 0;
        float: left;
        margin-right: 55px
    }

    section.singlePresenter .presenterBio {
        float: left;
        width: calc(100% - 290px);
        max-width: 700px
    }
}

section.textLeftImageRight {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem
}

section.textLeftImageRight.moduleLight {
    background: #fff
}

section.textLeftImageRight.moduleGray {
    background: #f4f4f4
}

section.textLeftImageRight.moduleGray h1,
section.textLeftImageRight.moduleGray h2,
section.textLeftImageRight.moduleGray h3,
section.textLeftImageRight.moduleGray h4,
section.textLeftImageRight.moduleGray h5,
section.textLeftImageRight.moduleGray h6,
section.textLeftImageRight.moduleGray p {
    color: #505050
}

section.textLeftImageRight.moduleDark.darkO365 .textLeftContainer,
section.textLeftImageRight.moduleDark.darkO365 .textLeftContainer h2,
section.textLeftImageRight.moduleDark.darkWhy .textLeftContainer,
section.textLeftImageRight.moduleDark.darkWhy .textLeftContainer h2 {
    color: #fff
}

section.textLeftImageRight.moduleDark {
    background: #00188f
}

section.textLeftImageRight.moduleDark.darkWhy {
    background: #0a709b
}

section.textLeftImageRight.moduleDark.darkO365 {
    background: #d83b01
}

section.textLeftImageRight div.innerContainer {
    display: flex;
    flex-wrap: wrap
}

section.textLeftImageRight .textLeftContainer {
    max-width: 670px;
    margin-bottom: 2.1875rem
}

section.textLeftImageRight .imgRightContainer {
    width: 100%;
    align-self: center;
    text-align: center
}

@media only screen and (min-width:750px) {
    section.textLeftImageRight {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    section.textLeftImageRight.textColumnSizeHalf .textLeftContainer {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 0
    }

    section.textLeftImageRight.textColumnSizeHalf .imgRightContainer {
        width: 49%
    }

    section.textLeftImageRight div.innerContainer {
        flex-wrap: no-wrap
    }

    section.textLeftImageRight .textLeftContainer {
        width: 57%;
        margin-right: 3%;
        margin-bottom: 0
    }

    section.textLeftImageRight .imgRightContainer {
        width: 40%
    }
}

@media only screen and (min-width:1024px) {
    section.textLeftImageRight .textLeftContainer {
        margin-right: 12%
    }

    section.textLeftImageRight .imgRightContainer {
        width: 31%
    }
}

section.textRightImageLeft {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem
}

section.textRightImageLeft.moduleLight {
    background: #fff
}

section.textRightImageLeft.moduleGray {
    background: #f4f4f4
}

section.textRightImageLeft.moduleGray h1,
section.textRightImageLeft.moduleGray h2,
section.textRightImageLeft.moduleGray h3,
section.textRightImageLeft.moduleGray h4,
section.textRightImageLeft.moduleGray h5,
section.textRightImageLeft.moduleGray h6,
section.textRightImageLeft.moduleGray p {
    color: #505050
}

section.interiorCTA h2,
section.interiorCTA p,
section.interiorCTAForm .formContainer h3,
section.interiorCTAForm h2,
section.interiorCTAForm p,
section.interiorCTAPattern h2,
section.interiorCTAPattern p,
section.testimonial.testBGDark .testimonialContainer .testimonialText blockquote,
section.testimonial.testBGDark .testimonialContainer .testimonialText p,
section.testimonial.testBGDark .testimonialContainer .testimonialText small,
section.textRightImageLeft.moduleDark.darkO365 .textRightContainer,
section.textRightImageLeft.moduleDark.darkO365 .textRightContainer h2,
section.textRightImageLeft.moduleDark.darkWhy .textRightContainer,
section.textRightImageLeft.moduleDark.darkWhy .textRightContainer h2,
section.threeColumnsModule .PatternStrip h2,
section.threeColumnsModule .PatternStrip h3,
section.threeColumnsModule .PatternStrip p {
    color: #fff
}

section.textRightImageLeft.moduleDark {
    background: #00188f
}

section.textRightImageLeft.moduleDark.darkWhy {
    background: #0a709b
}

section.textRightImageLeft.moduleDark.darkO365 {
    background: #d83b01
}

section.textRightImageLeft div.innerContainer {
    display: flex;
    flex-wrap: wrap
}

section.textRightImageLeft .textRightContainer {
    max-width: 670px;
    margin-bottom: 2.1875rem;
    order: 1
}

section.textRightImageLeft .imgLeftContainer {
    order: 2;
    max-width: 370px;
    align-self: flex-end
}

@media only screen and (min-width:750px) {
    section.textRightImageLeft {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    section.textRightImageLeft div.innerContainer {
        flex-wrap: no-wrap
    }

    section.textRightImageLeft .textRightContainer {
        width: 57%;
        margin-left: 3%;
        margin-bottom: 0;
        order: 0
    }

    section.textRightImageLeft .imgLeftContainer {
        width: 40%;
        order: 0
    }
}

@media only screen and (min-width:1024px) {
    section.textRightImageLeft .textRightContainer {
        margin-left: 12%
    }

    section.textRightImageLeft .imgLeftContainer {
        width: 31%
    }
}

section.interiorCTA.ctaImage,
section.interiorCTAPattern.ctaImage {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/bg-interior-cta-ctc-1.png) top center no-repeat
}

section.interiorCTA.webinarFullWidth,
section.interiorCTAPattern.webinarFullWidth {
    padding-top: 4.6875rem;
    padding-bottom: 4.6875rem
}

section.interiorCTA.webinarFullWidth a.cta2,
section.interiorCTAPattern.webinarFullWidth a.cta2 {
    margin-bottom: 0
}

@media screen and (min-width:25rem) {
    section.singlePresenter .presenterBio .mktoText p {
        font-size: calc(1.125rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.singlePresenter .presenterBio .mktoText p {
        font-size: 1.375rem
    }
}

section.interiorCTAForm {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    text-align: center;
    display: grid;
    grid-template-columns: 5vw 1fr 5vw;
    grid-template-rows: auto;
    background: #00188f
}

section.interiorCTAForm::before {
    display: block;
    content: '';
    grid-area: 1/1/2/4;
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/bg-interior-cta-form-ctc.png) no-repeat;
    background-size: cover
}

section.interiorCTAForm h2 {
    line-height: 1.285714286;
    letter-spacing: -.5px;
    margin-bottom: 1rem
}

section.interiorCTAForm p {
    line-height: 1.5;
    font-size: 1.375rem
}

@media screen and (min-width:25rem) {
    section.interiorCTAForm p {
        font-size: calc(1.375rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.interiorCTAForm p {
        font-size: 1.625rem
    }
}

section.interiorCTAForm article {
    padding: 5rem 0;
    grid-area: 1/2/2/3
}

section.interiorCTAForm .formContainer {
    padding: 2.25rem 0;
    grid-area: 2/2/3/3;
    width: 100%
}

section.interiorCTAForm .formContainer h3 {
    margin-bottom: 0
}

section.interiorCTAForm .formContainer form[id^=mktoForm_].mktoForm {
    margin: 0 auto;
    max-width: 400px
}

section.interiorCTAForm .formContainer form[id^=mktoForm_].mktoForm div.mktoFormRow {
    margin-bottom: 0
}

section.interiorCTAForm .formContainer form[id^=mktoForm_].mktoForm div.mktoFormRow label {
    margin-top: 16px;
    color: #fff
}

section.interiorCTAForm .formContainer form[id^=mktoForm_].mktoForm .mktoButtonRow {
    text-align: left
}

@media only screen and (min-width:750px) {
    section.interiorCTAForm .formContainer {
        margin: 0 auto
    }

    section.interiorCTAForm .formContainer form[id^=mktoForm_].mktoForm {
        max-width: 500px
    }
}

@media only screen and (min-width:1024px) {
    section.interiorCTAForm {
        margin: 0 auto;
        grid-template-columns: 1fr 53.47222222222222vw 27.77777777777778vw 1fr;
        text-align: left
    }

    section.interiorCTAForm::before {
        grid-area: 1/1/2/3;
        background-position: top right
    }

    section.interiorCTAForm article {
        padding: 8.68056vw 6.94444vw 0 0;
        grid-area: 1/2/2/3;
        max-width: 905px
    }

    section.interiorCTAForm .formContainer {
        padding: 4.125rem 0 3.5rem 2.08333vw;
        grid-area: 1/3/2/4
    }

    section.interiorCTAForm .formContainer h3 {
        color: #fff;
        margin-bottom: 1.0625rem
    }
}

section.threeColumnsModule,
section.twoColumnsModule {
    text-align: center
}

@media only screen and (min-width:1440px) {
    section.interiorCTAForm {
        grid-template-columns: 1fr 770px 400px 1fr
    }

    section.interiorCTAForm article {
        padding: 7.8125rem 6.25rem 0 0
    }

    section.interiorCTAForm .formContainer {
        padding-left: 4.375rem
    }
}

section.threeColumnsModule .GrayStrip {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: #f4f4f4
}

section.threeColumnsModule .LightStrip {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: #fff
}

section.threeColumnsModule .PatternStrip {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #00188f
}

section.threeColumnsModule h4 a {
    transition: all .3s ease
}

section.threeColumnsModule h4 a:hover {
    transition: all .3s ease;
    text-decoration: underline
}

section.threeColumnsModule.threeColumnso365 .DarkStrip {
    background: #d83b01;
    padding-top: 4rem;
    padding-bottom: 4rem
}

section.threeColumnsModule.threeColumnso365 .DarkStrip div.mktoImg img {
    background: #fff
}

section.threeColumnsModule .threeColumnsHeader {
    padding-bottom: 2.6875rem
}

section.threeColumnsModule .threeColumnsHeader h2 {
    line-height: 1.28;
    margin-bottom: .75rem;
    font-size: 1.75rem
}

@media screen and (min-width:25rem) {
    section.threeColumnsModule .threeColumnsHeader h2 {
        font-size: calc(1.75rem + 1.25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.threeColumnsModule .threeColumnsHeader h2 {
        font-size: 3rem
    }
}

section.threeColumnsModule .threeColumnsHeader h3 {
    line-height: 1.3;
    margin: 0;
    font-size: 1.25rem
}

@media screen and (min-width:25rem) {
    section.threeColumnsModule .threeColumnsHeader h3 {
        font-size: calc(1.25rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.threeColumnsModule .threeColumnsHeader h3 {
        font-size: 1.375rem
    }
}

section.threeColumnsModule .threeColumnsContainer article,
section.threeColumnsModule .threeColumnsContainer article div.mktoImg {
    margin: 0 auto
}

section.threeColumnsModule .threeColumnsContainer article div.mktoImg img {
    width: 100%;
    max-width: 128px
}

section.threeColumnsModule .threeColumnsContainer article h4 {
    line-height: 1.3;
    margin-bottom: .5rem;
    font-size: 1.25rem
}

@media screen and (min-width:25rem) {
    section.threeColumnsModule .threeColumnsContainer article h4 {
        font-size: calc(1.25rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.threeColumnsModule .threeColumnsContainer article h4 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:750px) {
    section.threeColumnsModule .threeColumnsContainer {
        display: flex;
        justify-content: space-between
    }

    section.threeColumnsModule .threeColumnsContainer article {
        padding-right: 3.4vw;
        padding-left: 3.4vw;
        flex-basis: 33%
    }

    section.threeColumnsModule .threeColumnsContainer article div.mktoImg {
        width: 45%
    }
}

section.testimonial {
    padding-top: 6.6875rem;
    padding-bottom: 6.6875rem
}

section.testimonial.testBGDark {
    background: #00188f
}

section.testimonial.testBGDark .testimonialContainer .testimonialText blockquote span.dash,
section.testimonial.testBGDark .testimonialContainer .testimonialText p span.dash,
section.testimonial.testBGDark .testimonialContainer .testimonialText small span.dash {
    background: #fff
}

section.testimonial.testBGDark.testBrandwhy {
    background: #0a709b
}

section.testimonial.testBGDark.testBrando365 {
    background: #d83b01
}

section.testimonial div.innerContainer {
    display: flex
}

section.testimonial .testimonialContainer {
    flex-basis: 100%
}

section.testimonial .testimonialContainer .testimonialLogo {
    margin-bottom: 2rem
}

section.testimonial .testimonialContainer .testimonialText blockquote {
    line-height: 1.636363636;
    font-size: 1.125rem
}

@media screen and (min-width:25rem) {
    section.testimonial .testimonialContainer .testimonialText blockquote {
        font-size: calc(1.125rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.testimonial .testimonialContainer .testimonialText blockquote {
        font-size: 1.375rem
    }
}

section.testimonial .testimonialContainer .testimonialText blockquote cite {
    display: block;
    margin-top: 2rem
}

section.testimonial .testimonialContainer .testimonialText blockquote cite span.dash {
    display: inline-block;
    width: 40px;
    margin-right: 16px;
    height: 2px;
    background: #00188f;
    vertical-align: middle
}

section.testimonial .testimonialContainer .testimonialText blockquote cite p {
    line-height: 1.333333333;
    letter-spacing: 1px;
    display: inline-block;
    color: #505050;
    margin-bottom: 4px
}

section.testimonial .testimonialContainer .testimonialText blockquote cite small {
    display: block;
    margin-left: 63px;
    font-size: 14px;
    letter-spacing: .75px;
    line-height: 1.714285714;
    color: #999;
    font-weight: 700
}

section.testimonial .imgHolder {
    display: none
}

@media only screen and (min-width:750px) {
    section.testimonial .testimonialContainer {
        flex-basis: calc(100% - 373px);
        margin-right: 62px
    }

    section.testimonial .imgHolder {
        display: block;
        flex-basis: 311px
    }
}

section.moduleVideo aside,
section.moduleVideoFull aside {
    margin-right: auto;
    margin-left: auto;
    max-width: 670px
}

section.textModuleContainer .fullTextHeader {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #00188f;
    position: relative
}

section.textModuleContainer .fullTextHeader .heroContent h1 {
    line-height: 1.3;
    letter-spacing: -1px;
    margin-bottom: 1rem;
    color: #fff
}

section.textModuleContainer .fullTextHeader .heroContent h2 {
    font-family: "Segoe UI Bold";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2rem
}

section.textModuleContainer .fullTextHeader .heroContent h3 {
    color: #fff;
    margin-bottom: 0
}

section.textModuleContainer .fullTextHeader~.innerText p {
    font-size: 1rem
}

@media screen and (min-width:25rem) {
    section.textModuleContainer .fullTextHeader~.innerText p {
        font-size: calc(1rem + .3125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.textModuleContainer .fullTextHeader~.innerText p {
        font-size: 1.3125rem
    }
}

section.textModuleContainer .fullTextHeader~.innerText ul li {
    font-size: 1rem
}

@media screen and (min-width:25rem) {
    section.textModuleContainer .fullTextHeader~.innerText ul li {
        font-size: calc(1rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.textModuleContainer .fullTextHeader~.innerText ul li {
        font-size: 1.125rem
    }
}

section.textModuleContainer .fullTextHeader~.innerText article {
    margin-bottom: 2rem
}

section.textModuleContainer .fullTextHeader~.innerText aside small {
    font-size: .75rem
}

@media screen and (min-width:25rem) {
    section.textModuleContainer .fullTextHeader~.innerText aside small {
        font-size: calc(.75rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.textModuleContainer .fullTextHeader~.innerText aside small {
        font-size: 1rem
    }
}

section.textModuleContainer .innerText {
    padding-top: 3rem;
    padding-bottom: 3rem
}

@media only screen and (min-width:1024px) {
    section.textModuleContainer .fullTextHeader {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

section.moduleVideo {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

section.moduleVideo h6 {
    text-transform: uppercase
}

section.moduleVideo article {
    padding-top: 1.5rem
}

section.moduleVideo.moduleVideoo365 {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #db3c01
}

section.moduleVideo.moduleVideoo365 article a,
section.moduleVideo.moduleVideoo365 article h1.h3,
section.moduleVideo.moduleVideoo365 article h2,
section.moduleVideo.moduleVideoo365 article h3,
section.moduleVideo.moduleVideoo365 article h4,
section.moduleVideo.moduleVideoo365 article h5,
section.moduleVideo.moduleVideoo365 article h6,
section.moduleVideo.moduleVideoo365 article p {
    color: #fff
}

section.moduleVideo.moduleVideowhy {
    padding: 0
}

section.moduleVideo.moduleVideowhy .DarkStrip {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #0a729e
}

section.moduleVideo.moduleVideowhy .DarkStrip article a,
section.moduleVideo.moduleVideowhy .DarkStrip article h1.h3,
section.moduleVideo.moduleVideowhy .DarkStrip article h2,
section.moduleVideo.moduleVideowhy .DarkStrip article h3,
section.moduleVideo.moduleVideowhy .DarkStrip article h4,
section.moduleVideo.moduleVideowhy .DarkStrip article h5,
section.moduleVideo.moduleVideowhy .DarkStrip article h6,
section.moduleVideo.moduleVideowhy .DarkStrip article p {
    color: #fff
}

@media only screen and (min-width:1024px) {
    section.moduleVideo {
        padding-top: 6.875rem;
        padding-bottom: 5.125rem
    }

    section.moduleVideo h1.h3 {
        letter-spacing: -.75px
    }

    section.moduleVideo article {
        padding-top: 0;
        padding-bottom: 0;
        width: 42%;
        float: left;
        padding-right: 1.875rem
    }

    section.moduleVideo aside {
        width: 58%;
        float: right
    }

    section.moduleVideo.moduleVideowhy {
        padding: 0
    }

    section.moduleVideo.moduleVideowhy .DarkStrip {
        padding-top: 6.875rem;
        padding-bottom: 6.875rem
    }
}

section.moduleVideoFull {
    padding-bottom: 1.5rem
}

section.moduleVideoFull .fullTextHeader {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #00188f;
    position: relative
}

section.moduleVideoFull .fullTextHeader .heroContent h1 {
    line-height: 1.3;
    letter-spacing: -1px;
    margin-bottom: 1rem;
    color: #fff
}

section.moduleVideoFull .fullTextHeader .heroContent h2 {
    font-family: "Segoe UI Bold";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2rem
}

section.moduleVideoFull .fullTextHeader .heroContent h3 {
    color: #fff;
    margin-bottom: 0
}

section.moduleVideoFull h6 {
    text-transform: uppercase
}

section.moduleVideoFull aside {
    margin-top: 1rem
}

section.moduleVideoFull aside .videoSingleDownload div {
    margin-top: 5px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px
}

section.moduleVideoFull aside .videoSingleDownload div img {
    display: block
}

section.moduleVideoFull aside .videoSingleDownload a {
    color: #00188f
}

section.moduleVideoFull.moduleVideoctc .DarkStrip article a,
section.moduleVideoFull.moduleVideoctc .DarkStrip article h1.h3,
section.moduleVideoFull.moduleVideoctc .DarkStrip article h2,
section.moduleVideoFull.moduleVideoctc .DarkStrip article h3,
section.moduleVideoFull.moduleVideoctc .DarkStrip article h4,
section.moduleVideoFull.moduleVideoctc .DarkStrip article h5,
section.moduleVideoFull.moduleVideoctc .DarkStrip article h6,
section.moduleVideoFull.moduleVideoctc .DarkStrip article p,
section.moduleVideoFull.moduleVideoo365 article a,
section.moduleVideoFull.moduleVideoo365 article h1.h3,
section.moduleVideoFull.moduleVideoo365 article h2,
section.moduleVideoFull.moduleVideoo365 article h3,
section.moduleVideoFull.moduleVideoo365 article h4,
section.moduleVideoFull.moduleVideoo365 article h5,
section.moduleVideoFull.moduleVideoo365 article h6,
section.moduleVideoFull.moduleVideoo365 article p,
section.moduleVideoFull.moduleVideowhy .DarkStrip article a,
section.moduleVideoFull.moduleVideowhy .DarkStrip article h1.h3,
section.moduleVideoFull.moduleVideowhy .DarkStrip article h2,
section.moduleVideoFull.moduleVideowhy .DarkStrip article h3,
section.moduleVideoFull.moduleVideowhy .DarkStrip article h4,
section.moduleVideoFull.moduleVideowhy .DarkStrip article h5,
section.moduleVideoFull.moduleVideowhy .DarkStrip article h6,
section.moduleVideoFull.moduleVideowhy .DarkStrip article p {
    color: #fff
}

section.moduleVideoFull aside .videoSingleDownload p {
    width: calc(100% - 35px);
    display: inline-block;
    font-size: .875rem;
    line-height: 1.7
}

section.moduleVideoFull article {
    padding-top: 1.5rem;
    border-bottom: 1px solid #e6e6e6
}

section.moduleVideoFull.moduleVideoo365 {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #db3c01
}

section.moduleVideoFull.moduleVideoctc .DarkStrip,
section.moduleVideoFull.moduleVideowhy .DarkStrip {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #0a729e
}

@media only screen and (min-width:750px) {
    section.moduleVideoFull h1.h3 {
        letter-spacing: -.75px
    }

    section.moduleVideoFull .videoTextContainer {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    section.moduleVideoFull article {
        padding-top: 0;
        padding-bottom: 0;
        width: 66%;
        float: left;
        padding-right: 1.875rem;
        border-right: 1px solid #e6e6e6;
        border-bottom: none
    }

    section.moduleVideoFull aside {
        padding-left: 1.875rem;
        width: 33%;
        float: right
    }
}

section.twoColumnsModule .GrayStrip {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: #f4f4f4
}

section.twoColumnsModule .LightStrip {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: #fff
}

section.twoColumnsModule.twoColumnso365 .DarkStrip {
    background: #d83b01;
    padding-top: 4rem;
    padding-bottom: 4rem
}

section.twoColumnsModule.twoColumnso365 .DarkStrip div.mktoImg img {
    background: #fff
}

section.twoColumnsModule .twoColumnsHeader h2 {
    line-height: 1.28;
    margin-bottom: .75rem;
    font-size: 1.75rem
}

@media screen and (min-width:25rem) {
    section.twoColumnsModule .twoColumnsHeader h2 {
        font-size: calc(1.75rem + 1.25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.twoColumnsModule .twoColumnsHeader h2 {
        font-size: 3rem
    }
}

section.twoColumnsModule .twoColumnsHeader h3 {
    line-height: 1.3;
    margin: 0;
    font-size: 1.25rem
}

@media screen and (min-width:25rem) {
    section.twoColumnsModule .twoColumnsHeader h3 {
        font-size: calc(1.25rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.twoColumnsModule .twoColumnsHeader h3 {
        font-size: 1.375rem
    }
}

section.twoColumnsModule .twoColumnsContainer article {
    margin: 0 auto;
    padding-top: 2.6875rem
}

section.twoColumnsModule .twoColumnsContainer article div.mktoImg {
    margin: 0 auto
}

section.twoColumnsModule .twoColumnsContainer article div.mktoImg img {
    width: 100%;
    max-width: 128px
}

section.twoColumnsModule .twoColumnsContainer article h4 {
    line-height: 1.3;
    margin-bottom: .5rem;
    font-size: 1.25rem
}

@media screen and (min-width:25rem) {
    section.twoColumnsModule .twoColumnsContainer article h4 {
        font-size: calc(1.25rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.twoColumnsModule .twoColumnsContainer article h4 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:750px) {
    section.twoColumnsModule .twoColumnsContainer {
        display: flex;
        justify-content: space-between
    }

    section.twoColumnsModule .twoColumnsContainer article {
        padding-right: 3.4vw;
        padding-left: 3.4vw;
        flex-basis: 45%
    }

    section.twoColumnsModule .twoColumnsContainer article div.mktoImg {
        width: 45%
    }
}

section.relatedContent {
    padding-top: 4rem;
    padding-bottom: 2rem;
    text-align: center;
    background: #fff
}

section.relatedContent.GrayStrip {
    background: #f4f4f4
}

section.relatedContent.PatternStrip {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png)
}

section.relatedContent h3 {
    margin-bottom: 2.3125rem;
    font-size: 1.25rem
}

@media screen and (min-width:25rem) {
    section.relatedContent h3 {
        font-size: calc(1.25rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.relatedContent h3 {
        font-size: 1.375rem
    }
}

section.relatedContent article {
    margin: 1.25rem auto 0;
    max-width: 30rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    text-align: left
}

section.relatedContent article h4 {
    margin-bottom: .5rem;
    font-size: 1.375rem
}

@media screen and (min-width:25rem) {
    section.relatedContent article h4 {
        font-size: calc(1.375rem + .125 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {
    section.relatedContent article h4 {
        font-size: 1.5rem
    }
}

section.relatedContent article img {
    width: 100%
}

section.relatedContent article .relatedText {
    padding: 1.5rem 1.5rem 2.25rem
}

section.relatedContent article p.relatedCategory {
    font-size: .625rem;
    line-height: .75rem;
    letter-spacing: 1px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    font-family: "Segoe UI Bold"
}

section.relatedContent article a.arrowLink {
    position: relative;
    font-family: "Segoe UI Semibold"
}

section.relatedContent article a.arrowLink::after {
    position: absolute;
    right: -20px;
    bottom: -1px;
    content: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/icon-arrow-right-dark-ctc.svg);
    z-index: 2;
    pointer-events: none;
    transition: all .3s ease
}

section.relatedContent article a.arrowLink:hover::after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@media only screen and (min-width:750px) {
    section.relatedContent div.relatedHolder {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.5rem 2%;
        justify-items: center
    }

    section.relatedContent div.relatedHolder article {
        margin-top: 0;
        max-width: 370px
    }
}

section.twoColumnWebinar {
    padding-top: 4rem;
    padding-bottom: 4rem
}

section.twoColumnWebinar a.imgbtn {
    padding: .8125rem 2rem .9375rem
}

section.twoColumnWebinar a.imgbtn img {
    margin-right: 12px;
    display: inline-block;
    vertical-align: bottom
}

section.twoColumnWebinar a.imgbtn:hover img {
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width:750px) {
    section.twoColumnWebinar div.innerContainer {
        display: flex
    }

    section.twoColumnWebinar article,
    section.twoColumnWebinar aside {
        flex-basis: 50%
    }
}

@media only screen and (min-width:1024px) {
    section.twoColumnWebinar {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

section.interiorCTA,
section.interiorCTAPattern {
    padding-top: 5rem;
    padding-bottom: 5rem;
    text-align: center
}

section.interiorCTA.ctaImage,
section.interiorCTAPattern.ctaImage {
    background-size: cover
}

section.interiorCTA.ctaLight,
section.interiorCTAPattern.ctaLight {
    background-image: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png)
}

section.interiorCTA.ctaLight h2,
section.interiorCTA.ctaLight p,
section.interiorCTAPattern.ctaLight h2,
section.interiorCTAPattern.ctaLight p {
    color: #000
}

section.interiorCTA.ctaDark,
section.interiorCTAPattern.ctaDark {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #00188f
}

section.interiorCTA.ctaDark h2,
section.interiorCTA.ctaDark p,
section.interiorCTAPattern.ctaDark h2,
section.interiorCTAPattern.ctaDark p {
    color: #fff
}

section.interiorCTA.ctaDark .cta2,
section.interiorCTAPattern.ctaDark .cta2 {
    background: #fff;
    color: #00188f
}

section.interiorCTA.ctaDark.ctao365,
section.interiorCTAPattern.ctaDark.ctao365 {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #db3c01
}

section.interiorCTA.ctaDark.ctawhy,
section.interiorCTAPattern.ctaDark.ctawhy {
    background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/triangle-kai.png) #0a709b
}

section.interiorCTA.ctaDark.ctawhy h2,
section.interiorCTA.ctaDark.ctawhy p,
section.interiorCTAPattern.ctaDark.ctawhy h2,
section.interiorCTAPattern.ctaDark.ctawhy p {
    color: #fff
}

section.interiorCTA.ctaDark.ctawhy .cta2,
section.interiorCTAPattern.ctaDark.ctawhy .cta2 {
    background: #fff;
    color: #0a709b
}

section.interiorCTA h2,
section.interiorCTA h6,
section.interiorCTA p,
section.interiorCTAPattern h2,
section.interiorCTAPattern h6,
section.interiorCTAPattern p {
    color: #fff
}

section.interiorCTA h2,
section.interiorCTAPattern h2 {
    line-height: 1.285714286;
    letter-spacing: -.5px;
    margin-bottom: 1rem
}

section.interiorCTA h6,
section.interiorCTAPattern h6 {
    margin-bottom: 0
}

section.interiorCTA p,
section.interiorCTAPattern p {
    line-height: 1.5;
    font-size: 1.375rem
}

@media screen and (min-width:25rem) {

    section.interiorCTA p,
    section.interiorCTAPattern p {
        font-size: calc(1.375rem + .25 * ((100vw - 25rem)/ 48.125))
    }
}

@media screen and (min-width:73.125rem) {

    section.interiorCTA p,
    section.interiorCTAPattern p {
        font-size: 1.625rem
    }
}

section.moduleTabs {
    background: #f4f4f4;
    padding-top: 4rem
}

section.moduleTabs h2 {
    margin: 0 auto 2.875rem;
    text-align: center
}

section.moduleTabs .tabsContainer {
    margin: 2.875rem auto 2.25rem;
    width: 100%;
    max-width: 970px;
    min-height: 500px
}

section.moduleTabs .tabsContainer::after {
    clear: both;
    content: "";
    display: block
}

section.moduleTabs .tabsContainer ul.tabs {
    list-style: none;
    position: relative;
    padding: 0
}

section.moduleTabs .tabsContainer ul.tabs li {
    float: left;
    display: block;
    position: static;
    width: 100%;
    margin-bottom: 5px
}

section.moduleTabs .tabsContainer ul.tabs li::before {
    display: none
}

section.moduleTabs .tabsContainer ul.tabs input[type=radio] {
    position: absolute;
    top: 0;
    left: -9999px
}

section.moduleTabs .tabsContainer ul.tabs label {
    font-size: 1rem;
    line-height: 1.875;
    letter-spacing: 0;
    font-weight: 600;
    color: #2f2f2f;
    cursor: pointer;
    position: relative;
    top: 4px;
    transition: all .3s ease-in-out;
    border-bottom: 5px solid transparent;
    display: inline-block;
    height: auto;
    padding: 0 .75rem
}

section.moduleTabs .tabsContainer ul.tabs [id^=tab]:checked+label,
section.moduleTabs .tabsContainer ul.tabs label:hover {
    border-bottom: 5px solid #ffb900
}

section.moduleTabs .tabsContainer ul.tabs .tabContent {
    z-index: 2;
    display: none;
    overflow: hidden;
    width: 100%;
    margin-top: 1.5rem;
    padding-top: 0;
    padding-bottom: 3.5rem;
    position: absolute;
    top: 125px;
    left: 0
}

section.moduleTabs .tabsContainer ul.tabs .tabContent .innerTab {
    width: 100%;
    max-width: 500px;
    padding-top: 1.5625rem
}

section.moduleTabs .tabsContainer ul.tabs [id^=tab]:checked~[id^=tab-content] {
    display: block
}

@media only screen and (min-width:750px) {

    section.moduleTabs .tabsContainer ul.tabs .tabContent,
    section.moduleTabs .tabsContainer ul.tabs .tabContent.tab1 {
        background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/bg-tabs-ctc-1.png) top right no-repeat
    }

    section.moduleTabs .tabsContainer {
        min-height: 500px
    }

    section.moduleTabs .tabsContainer ul.tabs {
        height: 37px;
        border-bottom: 1px solid #e6e6e6
    }

    section.moduleTabs .tabsContainer ul.tabs li {
        width: initial;
        margin-bottom: 1rem
    }

    section.moduleTabs .tabsContainer ul.tabs .tabContent {
        position: absolute;
        top: 53px;
        left: 0;
        margin-top: 3.5rem
    }

    section.moduleTabs .tabsContainer ul.tabs .tabContent.tab2 {
        background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/bg-tabs-ctc-2.png) top right no-repeat
    }

    section.moduleTabs .tabsContainer ul.tabs .tabContent.tab3 {
        background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/bg-tabs-ctc-3.png) top right no-repeat
    }

    section.moduleTabs .tabsContainer ul.tabs .tabContent.tab4 {
        background: url(https://resources.synnexcorp.com/rs/707-ZFS-030/images/bg-tabs-ctc-4.png) top right no-repeat
    }

    section.moduleTabs .tabsContainer ul.tabs .tabContent p {
        font-family: "Segoe UI Semibold"
    }
}

@media only screen and (min-width:1024px) {
    section.moduleTabs .tabsContainer ul.tabs .tabContent .innerTab {
        max-width: 670px
    }
}