@charset "UTF-8";

@font-face {
    font-family: "Bebas Neue";
    src: url("/fonts/BebasNeue Regular.ttf") format("truetype")
}

@font-face {
    font-family: "Bebas Neue Bold";
    src: url("/fonts/BebasNeue Bold.ttf") format("truetype")
}

@font-face {
    font-family: "Andale Mono";
    src: url("/fonts/Andale Mono.ttf") format("truetype")
}

body {
    position: relative;
    visibility: hidden;
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #181746 !important;
    min-width: 320px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700
}

.blueSkew {
    background: #181746;
    transform: skew(0deg, -6deg)
}

.graySkew {
    background: #e6e6e6;
    align-items: center;
    position: relative;
    transform: skew(0deg, -6deg)
}

.graySkew h3 {
    font-family: "Bebas Neue Bold";
    font-size: 60px;
    transform: skew(0deg, 6deg);
    padding-top: 6rem;
    padding-bottom: 2rem
}

.header-text {
    font-family: "Bebas Neue Bold";
    font-size: 60px;
    line-height: 60px
}

.white-text {
    color: #fff
}

.undertext,
.uppertext {
    font-family: "Andale Mono";
    font-size: 16px;
    line-height: 16px
}

img {
    max-width: 100%
}

html {
    height: 100%;
    width: 100%;
    overflow: hidden
}

body {
    height: 100%;
    padding: 0;
    overflow: auto;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;

}

.vt-center {
    display: inline-flex
}

.hide {
    display: none !important
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

header.masthead {
    position: relative;
    padding-top: 8rem;
    padding-bottom: 8rem;
    height: calc(100vh + 292px);
    transform: skew(0deg, -6deg);
    background-color: #343a40;
    background-color: #19102c;
    z-index: 10;
    min-height: 540px
}

header.masthead .masthead-content {
    position: absolute;
    top: 0;
    background: url(../img/bg.png?cbh=5858641fe0839de818ff8d7c43b831db) no-repeat center top;
    background-size: 100% auto;
    min-height: calc(100% - 100px);
    height: auto;
    width: 100%;
    transform: skew(0deg, 6deg)
}

header.masthead .masthead-content .masthead__logo {
    display: block;
    width: 340px;
    font-size: 90px;
    font-family: "Bebas Neue";
    margin: 170px 0 0 135px
}

header.masthead .masthead-content .masthead__logo .logo__top {
    display: block;
    height: 110px;
    text-align: left
}

header.masthead .masthead-content .masthead__logo .logo__top .logo__left {
    display: inline-block
}

header.masthead .masthead-content .masthead__logo .logo__top .logo__icon {
    display: inline-block;
    vertical-align: middle;
    height: 90px;
    margin: 0 -5px
}

header.masthead .masthead-content .masthead__logo .logo__top .logo__icon svg {
    width: 90px;
    height: 90px
}

header.masthead .masthead-content .masthead__logo .logo__top .logo__right {
    display: inline-block
}

header.masthead .masthead-content .masthead__logo .logo__bottom {
    display: block
}

header.masthead .masthead-content .masthead__logo .logo__bottom .logo__undertext {
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: "Bebas Neue Bold"
}

header.masthead .masthead-content .masthead__callToAction {
    position: relative;
    float: right;
    right: calc(33% - 370px);
    margin-top: -27px
}

header.masthead .masthead-content .masthead__callToAction #targetSpinner {
    position: absolute;
    top: 55px;
    left: -80px;
    -webkit-animation: rotation 10s infinite linear
}

header.masthead .masthead-content .masthead__callToAction #targetLine {
    position: absolute;
    top: 80px;
    left: -56px;
    z-index: -1
}

header.masthead .masthead-content .masthead__callToAction .fa-xs {
    color: #f9524e;
    font-size: 13px;
    vertical-align: middle
}

header.masthead .masthead-content .masthead__callToAction .uppertext {
    font-family: "Andale Mono";
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    margin-bottom: 10px;
    text-shadow: 0 12px 40px rgba(0, 0, 0, .9), 0 0 0 !important
}

header.masthead .masthead-content .masthead__callToAction h1 {
    font-family: "Bebas Neue";
    text-align: left;
    font-size: 55px;
    line-height: 55px;
    text-shadow: 0 2px 30px rgba(0, 0, 0, .5), 0 0 0 !important;
    margin: 0
}

header.masthead .masthead-content .masthead__callToAction h1 .recording {
    position: relative;
    color: #f9524e;
    height: 20px
}

header.masthead .masthead-content .masthead__callToAction h1 .recording:after {
    position: absolute;
    content: '';
    border-bottom: 4px solid #f9524e;
    width: 100%;
    bottom: 4px;
    left: 0
}

header.masthead .masthead-content .masthead__callToAction .callToAction__btn {
    background: #00c3b5;
    border: 0;
    border-radius: 0;
    font-family: "Bebas Neue Bold";
    font-size: 24px;
    width: 270px;
    line-height: 50px;
    color: #181746;
    padding: 0;
    float: left;
    margin-top: 40px;
    letter-spacing: .15em;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

header.masthead .masthead-content .masthead__callToAction .callToAction__btn:hover {
    background: #00e8d7
}

header.masthead .masthead-content .masthead__demo {
    position: absolute;
    width: 100%;
    top: calc(100vh - 270px)
}

header.masthead .masthead-content .masthead__demo .demo__nav {
    position: absolute;
    bottom: -10px;
    width: 40%;
    vertical-align: bottom;
    list-style-type: none;
    padding: 0
}

header.masthead .masthead-content .masthead__demo .demo__nav li {
    font-size: 30px;
    font-family: "Bebas Neue Bold";
    text-align: left;
    padding-left: 0;
    color: #fff;
    font-weight: 700;
    line-height: 48px;
    padding-top: 6px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

header.masthead .masthead-content .masthead__demo .demo__nav li.active {
    background-image: -moz-linear-gradient(180deg, #134b6c 0, #19102c 100%);
    background-image: -webkit-linear-gradient(179deg, #134b6c 0, #19102c 100%);
    background-image: -ms-linear-gradient(180deg, #134b6c 0, #19102c 100%)
}

header.masthead .masthead-content .masthead__demo .demo__nav li:hover {
    color: #00c3b5
}

header.masthead .masthead-content .masthead__demo .screen {
    position: relative
}

header.masthead .masthead-content .masthead__demo .screen .demo__scr {
    overflow: visible;
    position: relative;
    width: 1008px;
    height: 576px;
    max-width: 100%;
    max-height: 100%
}

header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    position: absolute
}

header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back:nth-child(1) {
    background-image: url(../img/screens/screenhd-real.png)
}

header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back:nth-child(2) {
    background-image: url(../img/screens/screenhd-net.png)
}

header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back:nth-child(3) {
    background-image: url(../img/screens/screenhd-monitor.png)
}

header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back:nth-child(4) {
    background-image: url(../img/screens/screenhd-mitre.png)
}

header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back:nth-child(5) {
    background-image: url(../img/screens/screenhd-graph.png)
}

header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back.active {
    opacity: 1
}

header.masthead h1 {
    font-size: 2rem
}

.color-red {
    color: #f9524e;
    text-decoration: underline
}

.item {
    width: 30%
}

.screen {
    position: relative;
    width: 72%
}

.no-gutters {
    display: flex;
    width: auto;
    margin: 0 auto;
    justify-content: center
}

.showcase .showcase-text {
    padding: 3rem
}

.showcase .showcase-img {
    min-height: 30rem;
    background-size: cover
}

@media (min-width:768px) {
    .showcase .showcase-text {
        padding: 7rem
    }
}

.features-icons {
    padding-top: 7rem;
    padding-bottom: 7rem
}

.features-icons .features-icons-item {
    max-width: 20rem
}

.features-icons .features-icons-item .features-icons-icon {
    height: 7rem
}

.features-icons .features-icons-item .features-icons-icon i {
    font-size: 4.5rem
}

.features-icons .features-icons-item:hover .features-icons-icon i {
    font-size: 5rem
}

.testimonials {
    padding-top: 7rem;
    padding-bottom: 7rem
}

.testimonials .testimonial-item {
    max-width: 18rem
}

.testimonials .testimonial-item img {
    max-width: 12rem;
    box-shadow: 0 5px 5px 0 #adb5bd
}

.call-to-action {
    position: relative;
    background-color: #343a40;
    background: url(../img/bg.png?cbh=5858641fe0839de818ff8d7c43b831db) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 7rem;
    padding-bottom: 7rem
}

.call-to-action .overlay {
    position: absolute;
    background-color: #212529;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .3
}

footer.footer {
    background: #0a0a1f;
    height: auto;
    padding: 60px 20px;
    position: relative;
    z-index: 3
}

footer.footer .logo {
    display: block;
    line-height: 110px;
    text-align: left;
    font-size: 33px;
    color: #fff;
    font-family: "Bebas Neue"
}

footer.footer .logo .logo__left {
    display: inline-block
}

footer.footer .logo .logo__icon {
    display: inline-block;
    height: auto;
    margin: 0 -2px;
    height: 80px;
    vertical-align: middle
}

footer.footer .logo .logo__icon svg {
    width: 50px;
    height: 50px
}

footer.footer .logo .logo__right {
    display: inline-block
}

footer.footer .header-text {
    font-size: 21px;
    letter-spacing: .05em
}

footer.footer .undertext {
    font-size: 12px
}

footer.footer .social-media a {
    text-decoration: none !important
}

footer.footer .social-media a .fa-2x {
    margin-right: 40px;
    color: #595980;
    transition: all .3s ease-in-out;
    cursor: pointer
}

footer.footer .social-media a .fa-2x:hover {
    color: #00c3b5
}

footer.footer .subscribe {
    position: relative;
    top: -30px
}

footer.footer .subscribe .header-text {
    line-height: 30px;
    letter-spacing: .05em
}

footer.footer .subscribe input {
    background: #242439;
    border: 0 !important;
    height: 40px;
    width: 100%;
    margin-top: 10px;
    padding: 0 20px;
    outline: 0 !important;
    box-shadow: 0 !important;
    line-height: 40px;
    color: #fff;
    transition: all .2s ease-in-out
}

footer.footer .subscribe span.submitInput {
    position: absolute;
    right: 15px;
    bottom: 10px;
    background: url(../img/enterIcon.png?cbh=29d824c6f20510e4e23d73abfb6e1467) no-repeat;
    height: 22px;
    width: 20px
}

footer.footer .copyright {
    font-family: "Andale Mono";
    position: absolute;
    bottom: 10px;
    left: 30px;
    font-size: 12px
}

footer.footer .legal {
    position: absolute;
    bottom: 10px;
    right: 30px;
    font-size: 12px
}

footer.footer .legal .separator {
    padding: 0 5px
}

footer.footer .legal a {
    font-family: "Andale Mono";
    color: #a2dfff
}

nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 56px;
    z-index: 10000
}

nav .navbar-brand {
    margin: 15px 15px 0 50px
}

nav .navbar-nav {
    display: inline-block
}

nav .navbar-nav li {
    display: inline-block;
    color: #fff;
    margin: 0 13px;
    text-transform: uppercase;
    font-family: "Bebas Neue Bold";
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer
}

nav .navbar-nav li a {
    color: #fff;
    text-decoration: none !important;
    transition: all .3s ease-in-out
}

nav .navbar-nav li a:hover {
    color: #00c3b5
}

.virtual-access {
    height: 450px
}

.virtual-access .container {
    transform: skew(0deg, 6deg);
    text-align: center;
    position: relative;
    height: 100%
}

.virtual-access .container .vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

.virtual-access .container .vertical-center .header-text {
    width: 330px;
    height: 80px;
    margin: 0 auto
}

.virtual-access .container .vertical-center .header-text .moveRight {
    position: relative;
    left: 55px
}

.virtual-access .container .vertical-center .uppertext {
    width: 325px;
    text-align: left;
    margin: 0 auto 10px
}

.realTime {
    height: auto;
    padding: 135px 0;
    overflow: hidden;
    background: 0 0
}

.realTime .container {
    position: relative;
    height: 100%
}

.realTime .container .header-text {
    text-align: left
}

.realTime .container .undertext {
    margin-top: 10px;
    text-align: left
}

.realTime .container video {
    width: 100%;
    height: auto
}

.realTime .container .nextGen .mock {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/macMock.png?cbh=bb60efcee622e848ac99c9a1aa862385) no-repeat;
    background-size: 100% 100%;
    width: 638px;
    height: 397px;
}

.realTime .container .nextGen video {
    position: absolute;
    bottom: 5px;
    width: auto;
    max-height: calc(100% - 40px);
    max-width: calc(100% - 10px);
    left: 5px
}

.realTime .container .realtime {
    margin-top: 100px
}

.realTime .container .realtime img {
    width: 100%;
    height: auto;
    padding-right: 40px
}

.realTime .container .realtime .realtime__description {
    position: relative !important;
    align-self: center;
    -webkit-align-self: center
}

.realTime .container .realtime .analysisParts {
    position: relative;
    font-family: "Bebas Neue Bold";
    color: #00c3b5;
    font-size: 18px;
    line-height: 18px
}

.realTime .container .realtime .analysisParts DIV {
    display: inline-block;
    position: absolute;
    width: 80px
}

.realTime .container .realtime .analysisParts .analysisParts--registry {
    top: 70px;
    left: 110px
}

.realTime .container .realtime .analysisParts .analysisParts--network {
    top: 70px;
    right: 140px
}

.realTime .container .realtime .analysisParts .analysisParts--hdd {
    bottom: -10px;
    left: 50px
}

.realTime .container .realtime .analysisParts .analysisParts--process {
    bottom: -30px;
    left: 0;
    width: 100%;
    text-align: center
}

.realTime .container .realtime .analysisParts .analysisParts--static {
    bottom: -18px;
    right: 50px;
    text-align: left
}

.realTime .container .realtime .analysisParts .analysisParts__events {
    font-family: "Andale Mono";
    font-size: 12px;
    line-height: 12px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.realTime .container .realtime .analysisParts .analysisParts__events DIV {
    width: 120px
}

.realTime .container .realtime .analysisParts .analysisParts__events .analysisParts__registryEvent {
    top: 165px;
    left: 88px;
    color: #d9534e
}

.realTime .container .realtime .analysisParts .analysisParts__events .analysisParts__networkEvent {
    top: 154px;
    right: 90px;
    color: #d9534e
}

.realTime .container .realtime .analysisParts .analysisParts__events .analysisParts__hddEvent {
    bottom: 205px;
    left: 120px;
    color: #ff9f1c
}

.realTime .container .realtime .analysisParts .analysisParts__events .analysisParts__staticEvent {
    bottom: 129px;
    right: 180px;
    color: #ff9f1c
}

.osSelection {
    position: relative;
    height: auto;
    padding: 135px 0;
    z-index: 3
}

.osSelection .container {
    position: relative;
    height: 100%;
    transform: skew(0deg, 6deg)
}

.osSelection .container .header-text {
    text-align: left
}

.osSelection .container .undertext {
    margin: 15px 0;
    text-align: left
}

.osSelection .osSelection__description {
    position: relative !important;
    align-self: center;
    -webkit-align-self: center
}

.promo {
    position: relative;
    height: 350px;
    background: #181746;
    z-index: 2
}

.promo .blueSkew {
    position: relative;
    height: 130px;
    z-index: -1
}

.promo .promo__content {
    position: absolute;
    background: url(../img/promoBG.png?cbh=d5155fa322ff00dcf47661940b30ca17) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 820px;
    width: 100%;
    top: -470px
}

.promo .promo__content .container {
    position: relative;
    top: 570px
}

.promo .undertext {
    margin-top: 25px;
    margin-bottom: 15px
}

.promo .promo__btn {
    background: #00c3b5;
    border: 0;
    border-radius: 0;
    font-family: "Bebas Neue Bold";
    font-size: 24px;
    width: 270px;
    line-height: 50px;
    color: #181746;
    padding: 0;
    float: left;
    letter-spacing: .15em;
    margin: 0 auto;
    cursor: pointer;
    transition: all .3s ease-in-out;
    text-decoration: none !important
}

.promo .promo__btn:hover {
    background: #00e8d7
}

.vendor-carousel {
    display: flex;
    margin: 0 auto;
    align-items: center;
    width: 65%;
    position: relative;
    transform: skew(0deg, 6deg)
}

.vendor-carousel .slick-slider {
    margin: 0 auto;
    align-items: center;
    width: 90%
}

.vendor-carousel img {
    max-width: 100%
}

.vendor-carousel button {
    font-size: 0;
    border: 0;
    background: 0 0;
    background-repeat: no-repeat;
    width: 58px;
    height: 97px;
    outline-style: none;
    position: absolute;
    top: -13px;
    cursor: pointer;
    z-index: 123
}

.vendor-carousel .slick-prev {
    left: -100px
}

.vendor-carousel .slick-next {
    right: -100px
}

.item-carousel {
    padding: 0 22px
}

.slick-track {
    display: flex;
    align-items: center
}

.arrow-left-block,
.arrow-right-block {
    width: 50px;
    height: 50px;
    position: absolute
}

.arrow-left-block *,
.arrow-right-block * {
    fill: #aaa !important
}

.arrow-left-block {
    left: -40px
}

.arrow-right-block {
    right: -40px
}

.uppertext.carousel {
    transform: skew(0deg, 6deg);
    position: absolute;
    bottom: 89px;
    right: 0;
    left: 0
}

@media screen and (max-width:1440px) {
    .vendor-carousel {
        width: 87%
    }
}

@media screen and (max-width:479px) {
    .virtual-access {
        height: 415px
    }

    .graySkew h3 {
        padding-top: 3rem
    }
}

@media screen and (max-width:480px) {
    .vendor-carousel img {
        display: block;
        margin: 0 auto
    }
}

@media screen and (max-width:480px) and (-webkit-min-device-pixel-ratio:0) {

    .vendor-carousel .arrow-left-block,
    .vendor-carousel .arrow-right-block {
        top: 44%
    }
}

@media screen and (max-width:480px) {
    .vendor-carousel .slick-prev {
        left: -62px;
        top: 14px
    }

    .vendor-carousel .slick-next {
        right: -63px;
        top: 15px
    }

    .arrow-left-block {
        left: -18px
    }

    .arrow-right-block {
        right: -18px
    }

    .slick-track * {
        text-align: left !important
    }

    .arrow-left-block,
    .arrow-right-block {
        width: 30px;
        height: 30px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .arrow-left-block,
    .arrow-right-block {
        top: 18%
    }
}

.slick-cloned {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media screen and (max-height:3000px) and (min-height:992px) and (max-width:1200px) {
    header.masthead .masthead-content .masthead__demo {
        top: 41rem
    }

    .masthead {
        height: 1108px !important
    }
}

@media screen and (max-height:752px) and (max-width:1440px) {
    header.masthead {
        height: 1100px !important
    }
}

@media screen and (max-height:992px) {
    .masthead__callToAction {
        margin-top: -28px !important
    }
}

@media screen and (max-width:992px) {
    .masthead__logo {
        margin: 60px auto 80px !important;
        font-size: 60px !important;
        width: 100% !important
    }
}

@media screen and (max-width:992px) {
    .masthead__logo .logo__top {
        height: 90px !important;
        text-align: center !important
    }
}

@media screen and (max-width:1200px) {
    .mock {
        width: 530px !important;
        height: 330px !important
    }

    .mock video {
        max-height: calc(100% - 30px) !important
    }

    .screen {
        width: 667px !important
    }

    .demo__nav li {
        font-size: 24px !important
    }

    .masthead__demo .demo__scr {
        height: 450px !important
    }

    .masthead__demo .demo__scr img {
        width: 100% !important;
        height: auto !important
    }

    .screen {
        width: 57%
    }

    .item {
        width: 30%
    }

    .analysisParts .analysisParts--registry {
        top: 60px !important;
        left: 90px !important
    }

    .analysisParts .analysisParts--network {
        top: 60px !important;
        right: 120px !important
    }

    .analysisParts .analysisParts--hdd {
        bottom: -10px !important;
        left: 35px !important
    }

    .analysisParts .analysisParts--static {
        bottom: -18px !important;
        right: 35px !important
    }

    .analysisParts .analysisParts__events .analysisParts__registryEvent {
        top: 135px !important;
        left: 90px !important
    }

    .analysisParts .analysisParts__events .analysisParts__networkEvent {
        top: 124px !important;
        right: 75px !important
    }

    .analysisParts .analysisParts__events .analysisParts__hddEvent {
        bottom: 165px !important;
        left: 90px !important
    }

    .analysisParts .analysisParts__events .analysisParts__staticEvent {
        bottom: 115px !important;
        right: 130px !important
    }

    .virtual-access {
        overflow: hidden !important
    }

    .virtual-access .header-text DIV {
        position: absolute !important;
        left: 0 !important;
        width: 100% !important;
        text-align: center !important
    }

    .virtual-access .header-text .moveRight {
        top: 70px !important;
        left: 25px !important
    }

    .virtual-access .uppertext {
        font-size: 14px !important;
        line-height: 14px !important;
        padding: 0 10px !important
    }

    .header-text {
        margin-top: 0 !important
    }
}

@media screen and (max-width:992px) {
    .masthead {
        height: 611px !important
    }

    .virtual-access {
        overflow: hidden
    }

    .virtual-access .moveRight {
        top: 70px !important
    }

    .header-text {
        margin: 0 0 20px !important;
        font-size: 38px !important;
        line-height: 38px !important
    }

    section .row:not(:first-child) .header-text {
        margin-top: 60px !important
    }

    .undertext {
        margin: 20px 0 !important
    }

    .masthead__demo,
    nav {
        display: none !important
    }

    .masthead__logo {
        margin: 60px auto 80px !important;
        font-size: 60px !important;
        width: 100% !important
    }

    .masthead__logo .logo__top {
        height: 90px !important;
        text-align: center !important
    }

    .masthead__logo .logo__top svg {
        width: 60px !important;
        height: 90px !important
    }

    .masthead__logo .logo__undertext {
        text-align: center !important
    }

    .masthead__logo .logo__undertext br {
        display: none !important
    }

    .masthead__callToAction {
        float: none !important;
        margin: 0 !important;
        right: 0 !important
    }

    .masthead__callToAction .recording:before {
        position: absolute;
        content: '•';
        left: -23px
    }

    .masthead__callToAction .uppertext,
    .masthead__callToAction h1 {
        text-align: center !important
    }

    .masthead__callToAction h1 {
        font-size: 36px !important;
        line-height: 36px !important
    }

    .masthead__callToAction .uppertext {
        font-size: 11px !important;
        letter-spacing: -.05em !important
    }

    .masthead__callToAction .callToAction__btn {
        float: none !important
    }

    img {
        padding: 20px 0 0 !important
    }

    .footer {
        padding: 20px 0 60px !important
    }

    .footer .header-text {
        font-size: 22px !important;
        text-align: center
    }

    .footer .logo__icon {
        height: 50px !important
    }

    .footer .social-media {
        text-align: center !important
    }

    .footer .subscribe {
        top: 0 !important
    }

    .footer .subscribe br {
        display: none !important
    }

    .footer .copyright {
        text-align: center;
        width: 100%;
        bottom: 10px !important;
        left: 0 !important
    }

    .footer .legal {
        text-align: center;
        width: 100%;
        bottom: 30px !important;
        left: 0 !important
    }

    .footer .logo {
        text-align: center !important;
        margin: 0 !important;
        height: 75px !important;
        line-height: 75px !important
    }

    .analysisParts .analysisParts--registry {
        top: 40px !important;
        left: 70px !important
    }

    .analysisParts .analysisParts--network {
        top: 40px !important;
        right: 100px !important
    }

    .analysisParts .analysisParts--hdd {
        bottom: -10px !important;
        left: 20px !important
    }

    .analysisParts .analysisParts--static {
        bottom: -18px !important;
        right: 0 !important
    }

    .analysisParts .analysisParts__events .analysisParts__registryEvent {
        top: 99px !important;
        left: 65px !important
    }

    .analysisParts .analysisParts__events .analysisParts__networkEvent {
        top: 99px !important;
        right: 25px !important
    }

    .analysisParts .analysisParts__events .analysisParts__hddEvent {
        bottom: 125px !important;
        left: 80px !important
    }

    .analysisParts .analysisParts__events .analysisParts__staticEvent {
        bottom: 85px !important;
        right: 50px !important
    }
}

@media screen and (max-width:768px) {
    .analysisParts {
        width: auto !important
    }

    .analysisParts .analysisParts--registry {
        top: 14% !important;
        left: 16% !important
    }

    .analysisParts .analysisParts--network {
        top: 14% !important;
        right: 16% !important
    }

    .analysisParts .analysisParts--hdd {
        top: 100% !important;
        left: 2% !important
    }

    .analysisParts .analysisParts--static {
        bottom: -30px !important;
        right: -20px !important
    }

    .analysisParts .analysisParts__events {
        font-size: 10px !important
    }

    .analysisParts .analysisParts__events .analysisParts__registryEvent {
        top: 22% !important;
        left: 20% !important
    }

    .analysisParts .analysisParts__events .analysisParts__networkEvent {
        top: 34% !important;
        right: 12% !important;
        width: auto !important
    }

    .analysisParts .analysisParts__events .analysisParts__hddEvent {
        top: 57% !important;
        left: 20% !important;
        width: 80px !important
    }

    .analysisParts .analysisParts__events .analysisParts__staticEvent {
        top: 68% !important;
        left: 57% !important
    }

    .mock {
        width: 290px !important;
        height: 180px !important
    }

    .mock video {
        max-height: 100% !important
    }
}

@media screen and (min-width:992px) and (max-width:1124px) {
    .masthead__callToAction {
        right: calc(33% - 330px) !important
    }
}

@media screen and (min-height:120px) and (max-height:890px) and (min-width:1200px) {
    .masthead__callToAction {
        margin-top: -100px !important
    }
}

@media screen and (max-height:804px) and (max-width:992px) {
    .masthead__callToAction {
        margin-top: 0 !important
    }
}

@media (min-aspect-ratio:16 / 7) and (min-width:980px) {
    .masthead {
        min-height: calc(100vh - 130px) !important
    }

    .masthead img {
        box-shadow: none !important
    }
}

@media screen and (max-height:752px) and (max-width:992px) {
    header.masthead {
        height: 600px !important
    }
}

@media screen and (min-height:1366px) and (max-height:1365px) {
    header.masthead {
        height: 1200px !important
    }
}

@media screen and (min-height:1080px) and (width:1024px) and (max-height:3000px) {
    .masthead {
        height: 1108px !important
    }

    header.masthead .masthead-content .masthead__demo {
        top: calc(66vh - 270px)
    }

    .mock {
        width: 530px !important;
        height: 330px !important
    }

    .mock video {
        max-height: 100% !important
    }

    .virtual-access .header-text .moveRight {
        top: 100px !important
    }
}

@media screen and (max-width:362px) {
    header.masthead .masthead-content .masthead__callToAction h1 {
        padding: 0 20px
    }
}

@media screen and (min-width:1441px) {
    header.masthead {
        height: calc(115vh + 292px)
    }

    .item {
        width: 23%
    }

    .item .demo__nav li {
        padding-left: 0 !important
    }

    .screen {
        position: relative;
        width: 1082px
    }

    .screen .demo__scr {
        width: 100% !important;
        height: 695px !important
    }

    .no-gutters {
        justify-content: center;
        width: 1500px;
        margin: 0 auto
    }

    header.masthead .masthead-content .masthead__demo .demo__nav {
        width: 26%
    }
}

@media screen and (max-width:414px) {
    .masthead {
        height: 563px
    }

    .uppertext.carousel {
        bottom: 48px
    }
}

@media screen and (max-width:480px) {
    .graySkew h3 {
        padding-bottom: 0
    }

    .masthead {
        height: 549px !important
    }
}

@media screen and (max-width:320px) {
    .uppertext.carousel {
        bottom: 72px
    }

    .masthead {
        height: 569px !important
    }
}

@media screen and (max-width:768px) {
    .graySkew h3 {
        padding-bottom: 0
    }
}

@media screen and (max-height:720px) {
    header.masthead {
        height: 1200px
    }
}

@media (min-aspect-ratio:1024 / 875) {
    header.masthead .masthead__demo {
        top: auto !important;
        bottom: -120px !important
    }
}

@media screen and (max-height:752px) and (max-width:992px) {
    header.masthead {
        height: 686px !important
    }
}

@media screen and (min-width:2058px) {
    .header-content {
        background-position-y: -164px !important
    }

    .item .demo__nav li {
        padding-left: 46px !important
    }
}

@media screen and (max-width:1441px) {
    header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back {
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: 0;
        position: absolute
    }

    header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back:nth-child(1) {
        background-image: url(../img/screens/screenlaptop-real.png)
    }

    header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back:nth-child(2) {
        background-image: url(../img/screens/screenlaptop-net.png)
    }

    header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back:nth-child(3) {
        background-image: url(../img/screens/screenlaptop-monitor.png)
    }

    header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back:nth-child(4) {
        background-image: url(../img/screens/screenlaptop-mitre.png)
    }

    header.masthead .masthead-content .masthead__demo .screen .demo__scr .img_back:nth-child(5) {
        background-image: url(../img/screens/screenlaptop-graph.png)
    }

    .screen {
        width: 828px
    }
}

@media screen and (min-width:1921px) {
    .header-content {
        background: url(../img/bg.png?cbh=5858641fe0839de818ff8d7c43b831db) no-repeat center top;
        background-size: cover;
        width: 100%;
        height: 1591px
    }

    .vendor-carousel {
        width: 1500px !important;
        margin: 0 auto
    }

    .header-inner {
        width: 1500px;
        margin: 0 auto
    }

    header.masthead {
        background: 0 0
    }

    header.masthead .masthead-content {
        background: 0 0
    }

    header.masthead .masthead-content .masthead__demo {
        top: 40rem
    }

    .virtual-access {
        margin-top: -265px
    }
}

@media screen and (min-width:2800px) {
    .header-content {
        background-position-y: -291px !important
    }
}

@media screen and (min-width:3000px) {
    .header-content {
        background-position-y: -391px !important
    }
}

@media screen and (min-width:3500px) {
    .header-content {
        background-position-y: -691px !important
    }
}

@media screen and (min-width:4000px) {
    .header-content {
        background-position-y: -979px !important
    }
}

@media screen and (min-width:768px) and (max-width:998px) {
    .mock {
        width: 390px !important;
        height: 244px !important
    }

    .mock video {
        max-height: calc(100% - 30px) !important
    }
}

@media screen and (min-height:1500px) {
    header.masthead {
        height: 1310px !important
    }
}