.navbar-custom .navbar-brand .logolight.ArcusLogo, .navbar-custom.top-nav-collapse .navbar-brand .logodark.ArcusLogo {
    width: 102px;
    height: 58px;
    max-height: 58px;
    max-width: 102px;
}

.navbar-custom .navbar-brand .logodark.ArcusLogo {
    display: none;
}

.navbar-custom .navbar-brand .logolight.ArcusLogo {
    display: block;
}

.navbar-custom.top-nav-collapse .navbar-brand .logolight.ArcusLogo {
    display: none;
}

.navbar-custom.top-nav-collapse .navbar-brand .logodark.ArcusLogo {
    display: block;
}

.section-small.footer p {
    margin-bottom: 10px;
}

.Arcus {
    letter-spacing: 0;
    line-height: 1.4;
}

.Arcus .row {
    padding-top: 0;
}

.ArcusLogo {
    margin-top: 2px;
    margin-bottom: 2px;
}

.Arcus h1 {
    margin-bottom: 10px;
    font-size: 48px;
    line-height: 1;
}

.Arcus h2 {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 10px;
}

.Arcus h1 + p, .Arcus h2 + p {
    font-size: 20px;
}

.Arcus h3, .Arcus h4 {
    line-height: 1;
}

.Arcus section {
    padding-bottom: 60px;
}

#HybridSDWAN {
    padding-top: 150px;
}

.ArcusPanel1Img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 100px;
}

.ArcusPanel1Text h3 {
    margin-bottom: 10px;
}

.ArcusCard {
    max-width: 300px;
    height: 400px;
    border-radius: 30px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    margin-bottom: 20px;
}

.ArcusCard h3 {
    color: #fff;
}

#Innovation .row .col-md-4:nth-of-type(1) .ArcusCard {
    background: url(../img/arcus/2_1_1.png) no-repeat bottom center #000;
    background-size: cover;
}

#Innovation .row .col-md-4:nth-of-type(2) .ArcusCard {
    background: url(../img/arcus/2_2.jpg) no-repeat bottom center #000;
    background-size: cover;
}

#Innovation .row .col-md-4:nth-of-type(3) .ArcusCard {
    background: url(../img/arcus/2_3.avif) no-repeat top center #000;
    background-size: cover;
}

.ArcusCardOverlay {
    margin: -20px;
    padding: 20px;
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    height: 400px;
    border-radius: 30px;
}

#Simplify h2, #Difference h2, #contact h2 {
    margin-bottom: 50px;
}

#Simplify .col-md-6 {
    margin-bottom: 40px;
}

.SimplifyPanel {
    position: relative;
}

.SimplifyPanel .LeftPanel {
    height: 40px;
    border-radius: 20px 20px 0 0;
    margin-bottom: 10px;
}

.SimplifyPanel.Capex .LeftPanel {
    background: linear-gradient(180deg, #be1622, #d60b52) red;
}

.SimplifyPanel.Opex .LeftPanel {
    background: linear-gradient(180deg, #63b22f, #2d9737) green;
}

.SimplifyPanel .LeftPanel p {
    line-height: 40px;
    color: #fff;
    margin-bottom: 0;
}

.SimplifyPanel .RightPanel:last-child {
    margin-bottom: 0 !important;
}

.SimplifyPanel .RightPanel {
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
    border-radius: 0;
    margin-bottom: 10px;
    padding: 20px;
}

@media (max-width: 991px) {
    .SimplifyPanel .RightPanel:last-child {
        border-radius: 0 0 20px 20px;
    }
}

@media (min-width: 992px) {
    .SimplifyPanel .LeftPanel {
        transform: rotate(-90deg);
        transform-origin: 0 0;
        position: absolute;
        left: 0;
        border-radius: 20px 20px 0 0;
    }
    
    .SimplifyPanel .RightPanel {
        float: left;
        margin-left: 55px;
        width: calc(100% - 55px);
        border-radius: 0 20px 20px 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .SimplifyPanel .LeftPanel {
        width: 515px;
        top: 515px;
    }
    
    .SimplifyPanel.Opex .RightPanel {
        margin-bottom: 47px;
    }
}

@media (min-width: 1200px) {
    .SimplifyPanel .LeftPanel {
        width: 453px;
        top: 453px;
    }
    
    .SimplifyPanel.Opex .RightPanel {
        margin-bottom: 32px;
    }
}

.SimplifyPanel h4 {
    margin-bottom: 10px;
}

.SimplifyPanel p {
    margin-bottom: 0;
}

.SimplifyPanel .RightPanel.CPE .img-responsive {
    width: calc(100% - 20px);
}

.SimplifyPanel .RightPanel.CPP .img-responsive {
    margin-left: auto;
    margin-right: auto;
}

.h3Icon {
    width: 50px;
    height: 40px;
    margin-top: -5px;
}

.ArcusArrow {
    width: 50px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    
}

.Arcus .Models .SimplifyPanel {
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
    border-radius: 0;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 20px;
}

.Arcus .Models .col-sm-5 + .col-sm-2 + .col-sm-5 .SimplifyPanel h4 {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .Arcus .Models {
        display: table;
    }
    
    .Arcus .Models .row {
        display: table-row;
    }
    
    .Arcus .Models .row > div {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
}

@media (max-width: 767px) {
    .ArcusArrow {
        margin-bottom: 10px;
    }
    
    .Arcus .Models .row {
        margin-bottom: 40px;
    }
}

#SCP .SCPPanel {
    background: #222146;
    padding: 20px;
    color: #fff;
    border-radius: 20px;
    border: 3px solid transparent;
}

#SCP .SCPPanel h4 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

#SCP .SCPPanel p {
    margin-bottom: 0;
}

#SCP img {
    width: 30px;
    height: 30px;
}

.ConnectivityContainer {
    border-radius: 20px;
    padding: 10px;
}

.ConnectivityContainer h4, .ConnectivityContainer p {
    color: #fff;
    margin-bottom: 0;
}

.ConnectivityContainer.CC1 {
    background: #780ed8;
}

.ConnectivityContainer.CC2 {
    background: linear-gradient(90deg, #780ed8, #14a3eb) #4e55ed;
}

.ConnectivityContainer.CC3 {
    background: #14a3eb;
}

@media (min-width: 768px) and (max-width: 991px) {
    .ConnectivityContainer p {
        font-size: 10px;
    }
    
    .ConnectivityContainer.CC2 h4 {
        line-height: 44px;
    }
}

@media (min-width: 992px) {
    .ConnectivityContainer.CC2 h4 {
        line-height: 51px;
    }
}

#SCP .SCPPanel.SCPP1 {
    border-color: #98e736;
}

#SCP .SCPPanel.SCPP2 {
    border-color: #fcf939;
}

#SCP .SCPPanel.SCPP3 {
    border-color: #3979d9;
}

#SCP .SCPPanel.SCPP4 {
    border-color: #ff6635;
}

#SCP .SCPPanel.SCPP5 {
    border-color: #a74edf;
}

#SCP .SCPPanel.SCPP6 {
    border-color: #a74edf;
}

#SCP .SCPPanel.SCPP1, #SCP .SCPPanel.SCPP2, #SCP .SCPPanel.SCPP3 {
    margin-bottom: 66px;
}

#SCP .SCPPanel.SCPP1:after, #SCP .SCPPanel.SCPP2:after, #SCP .SCPPanel.SCPP3:after {
    content: "";
    background: url("../img/arcus/connectivity_arrow_down.svg") no-repeat;
    width: 74px;
    height: 66px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -37px;
}

#SCP .SCPPanel.SCPP4, #SCP .SCPPanel.SCPP5, #SCP .SCPPanel.SCPP6 {
    margin-top: 66px;
}

#SCP .SCPPanel.SCPP4:before, #SCP .SCPPanel.SCPP5:before, #SCP .SCPPanel.SCPP6:before {
    content: "";
    background: url("../img/arcus/connectivity_arrow_up.svg") no-repeat;
    width: 74px;
    height: 66px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -37px;
}

@media (min-width: 1200px) {
    #SCP .SCPPanel {
        height: 220px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #SCP .SCPPanel {
        height: 265px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #SCP .SCPPanel {
        height: 285px;
    }
}

.row.Connectivity.CC2 {
    padding-top: 10px;
    margin-left: -5px;
    margin-right: -5px;
}

@media (max-width: 767px) {
    .SCPPanel p {
        display: none;
    }
    
    .ConnectivityContainer h4 {
        margin-top: 9px;
    }
}

@media (min-width: 768px) {
    .SCPPieces {
        background: url("../img/arcus/4_bg.svg") no-repeat center;
        background-size: contain;
    }
}

.HybridIcons img {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

.HybridIconBG .col-sm-3 {
    z-index: 1;
    position: relative;
}

.HybridIconBG .col-sm-3:after {
    content: "";
    background: url("../img/arcus/5bg.svg") no-repeat;
    background-size: contain;
    z-index: -1;
    width: 180px;
    height: 120px;
    left: 0;
    top: 0;
    position: absolute;
}

@media (min-width: 768px) {
    .HybridIconBG > .col-sm-3 {
        padding-top: 60px;
    }
    
    .HybridIconBG > .col-sm-3:nth-of-type(even) {
        margin-top: 20px;
    }
    
    
}

@media (max-width: 767px) {
    .HybridIconBG {
        margin-bottom: 50px;
    }
    
    .HybridIconBG > .col-sm-3 {
        height: 90px;
        padding-top: 60px;
    }
    
    .HybridIconBG .col-sm-3:after {
        margin-left: calc(50% - 90px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .HybridIconBG .col-sm-3:after {
        left: -15px;
    }
    
    .HybridIconBG {
        margin-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .HybridIconBG .col-sm-3:after {
        left: -15px;
    }
}

#Difference ul, #Selection ul {
    text-align: left;
}

#Industries img {
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 120px;
    border-radius: 15px;
    margin-bottom: 10px;
}

#Ngena h4 {
    margin-bottom: 10px;
}

#Ngena .col-md-3 .NgenaCard > div {
    height: 110px;
}

#Ngena .Ngena1 {
    padding-top: 6px;
}

#Ngena .Ngena2 {
    padding-top: 4px;
}

#Ngena .Ngena3 {
    padding-top: 38px;
}

#Ngena .Ngena4 {
    padding-top: 10.5px;
}

h2.NgenaNumber {
    font-size: 128px;
}

#HybridSDWAN p, #Innovation p {
    color: #fff;
}

#HybridSDWAN {
    background: url("../img/arcus/arcus_skies.jpg") no-repeat bottom center;
    background-size: cover;
}

#Innovation {
    background: url("../img/arcus/arcus_lights.jpg") no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

#SCP, #Ngena, #Difference {
    background: #000;
    color: #fff;
}

.NgenaCard {
    background: #fff;
        border-radius: 20px;
        padding: 15px;
        color: #0c070b;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
}

@media (min-width: 992px) {
    .NgenaCard {
        min-height: 250px;
    }
}

@media (max-width: 991px) {
    .NgenaCard {
        min-height: 210px;
    }
}

@media (max-width: 991px) {
    .col-md-3 .NgenaCard:nth-child(1), .col-md-3 .NgenaCard:nth-child(2)  {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .col-md-3 .NgenaCard:nth-child(3) {
        margin-bottom: 20px;
    }
}

.NgenaCard img {
    max-width: 100%;
}

.NgenaCard p {
    margin-bottom: 0;
}

#Difference p, #Difference h3 {
    margin-bottom: 10px;
}

.HybridPanel {
    background: #000;
    color: #fff;
    padding: 15px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.col-md-12 .HybridPanel:last-child {
    margin-bottom: 35px;
}

#Hybrid h3 {
    margin-bottom: 0;
}

.HybridPanel p {
    margin-bottom: 0;
}

#Innovation .ArcusCard {
    position: relative;
}

#Innovation .ArcusCard .ArcusCardInside:before {
    content: "";
    position: absolute;
    background: url(../img/arcus/2_1.png);
    background-size: contain;
}

@media (min-width: 992px) {
    #Innovation .ArcusCard .ArcusCardInside:before {
        width: 315px;
        height: 290px;
        left: -100px;
        bottom: -100px;
    }
}

@media (max-width: 991px) {
    #Innovation .ArcusCard .ArcusCardInside:before {
        width: 220px;
        height: 203px;
        left: -100px;
        bottom: -33px;
    }
}

.Arcus .navbar-custom a {
    color: #fff;
}

.Arcus .navbar-custom.top-nav-collapse a {
    color: #f10229;
}

.Arcus .navbar-custom.top-nav-collapse a.phoneLink {
    color: #0c070b;
}

@media (min-width: 992px) {
    .nav > li > a.contactLink {
        border: 1px solid #fff;
    }
    
    .Arcus .navbar-custom.top-nav-collapse li > a.contactLink {
        border: 1px solid #f10229;
    }
}

#Difference img {
    max-width: 120px;
    max-height: 120px;
    margin-left: auto;
    margin-right: auto;
}

.eBookButton:hover {
    opacity: .65;
}