/* Nebula NR5101 */ 


/* Main Banner */
.banner-section {
    position:relative;
    overflow:hidden;
    height:45vw;
    background:url('/library/assets/products/nr5101/nebula_nr5101_00_banner_1920x800.jpg');
    background-repeat:no-repeat;    
    background-position:bottom; 
    background-size:cover;
}
.banner-section .text{
    color: #ffffff;
    position: absolute;
    font-size: 30px;
    margin-top: 35%;
    margin-left: 11.5%;
}
.mobile-banner-section .text{
    color: #ffffff;
    position: absolute;
    margin-top: 39%;
    margin-left: 13%;
    font-size: 16px;
}
.mobile-banner-section {
    display:none;
}

.pc_pro_award{
    position: absolute;
    width: 150px;
}

@media screen and (max-width: 1440px) {
.pc_pro_award{
    position: absolute;
    width: 100px;
}
}
/* End Main Banner */


/* Intro */
.intro-section {
    position:relative;
    background:#000000;
}

.intro-section .background {
    overflow:hidden;
    height:40vw;
    background:url('/library/assets/products/nr5101/nebula_nr5101_01_intro.png');
    background-repeat:no-repeat;    
    background-position:50% bottom; 
    background-size:100%;
    background-attachment:fixed;    
}

.intro-section .content .text h2, .intro-section .content .text h6 {
    color:#ffffff;  
}
/* End Intro */


/* Take Your Business to the Next Level */
.business-section {
    position:relative;      
    width:100%;
    margin:auto;    
    background-color:#000000;   
}

.business-section .background {
    position:relative;
}

.business-section .background .content {
    width:100%;
    margin:auto;
}

.business-section .background .content .text {
    width:80%;
    margin:auto;
    padding-top:60px;       
    padding-bottom:20px;
    text-align:center;
}

.business-section .background .content .text h2,
.business-section .background .content .text h6{
    color:#ffffff;  
}

.business-section .background .content .text .link {
    margin-top:30px;
}

.business-section .background .content .text .link h6 {
    font-weight:bold;
    text-decoration:underline;
}

.business-section .background .content .text .link a {
    cursor:pointer;
    color:#ffffff;
    text-decoration:underline;
}

.business-section .background .image img {
    width:100%;
}   
/* End Effortlessly Manage All Devices Anytime Anywhere at Any Scale */


/* Seamless Customer Experience with Nebula Mobile Router */
.experience-section {
    position:relative;
    background:#000000;
    padding-top:60px;
    padding-bottom:60px;    
}

.experience-section .content .text {
    width:80%;  
    margin:auto;
    text-align:center;
    padding-bottom:20px;    
}

.experience-section .content .text h2 {
    color:#ffffff;
}

.experience-section .row {
    width:80%;
    margin:0 auto;
}

.experience-section .row .image {
    background-color:inherit;
    float:left;
    width:25%;  
    border:none;
    outline:none;
    padding:10px;   
    transition:0.3s;
}

.experience-section .name {
    font-size:18px;
    font-weight:bold;
    padding-top:1px;    
    color:#ffffff;
    text-align:center;
}

.experience-section .icon {
    width:100%;
    height:110px;   
}

.experience-section .nebula .icon { 
    background:url("/library/assets/products/nr7101/nebula_nr7101_01_icon_01_nebula_white.png") no-repeat;
    background-size:contain;
    background-position:center; 
}

.experience-section .nebula:hover .icon {
    background:url("/library/assets/products/nr7101/nebula_nr7101_01_icon_01_nebula_orange.png") no-repeat;
    background-size:contain;
    background-position:center; 
    transition:all 0.2s ease;   
}
    
.experience-section .nebula:hover .name {
    color:#ff8900;
    transition:all 0.2s ease;
}

.experience-section .connectivity .icon {   
    background:url("/library/assets/products/nr7101/nebula_nr7101_01_icon_01_high_performance_white.png") no-repeat;
    background-size:contain;
    background-position:center; 
}

.experience-section .connectivity:hover .icon {
    background:url("/library/assets/products/nr7101/nebula_nr7101_01_icon_01_high_performance_orange.png") no-repeat;
    background-size:contain;
    background-position:center; 
    transition:all 0.2s ease;   
}
    
.experience-section .connectivity:hover .name {
    color:#ff8900;
    transition:all 0.2s ease;
}

.experience-section .connectivity:hover .description {
    color:#ff8900;
    transition:all 0.2s ease;
}

.experience-section .failover .icon {   
    background:url("/library/assets/products/nr7101/nebula_nr7101_01_icon_01_expedite_deployment_white.png") no-repeat;
    background-size:contain;
    background-position:center; 
}

.experience-section .failover:hover .icon {
    background:url("/library/assets/products/nr7101/nebula_nr7101_01_icon_01_expedite_deployment_orange.png") no-repeat;
    background-size:contain;
    background-position:center; 
    transition:all 0.2s ease;   
}
    
.experience-section .failover:hover .name {
    color:#ff8900;
    transition:all 0.2s ease;
}
.experience-section .connect .icon {    
    background:url("/library/assets/products/lte3301-plus/nebula_lte3301-plus_02_icon_02_connect_white.png") no-repeat;
    background-size:contain;
    background-position:center; 
}

.experience-section .connect:hover .icon {
    background:url("/library/assets/products/lte3301-plus/nebula_lte3301-plus_02_icon_02_connect_orange.png") no-repeat;
    background-size:contain;
    background-position:center; 
    transition:all 0.2s ease;   
}
    
.experience-section .connect:hover .name {
    color:#ff8900;
    transition:all 0.2s ease;
}
/* End Seamless Customer Experience with Nebula Mobile Router */


/* Effortlessly Manage All Devices Anytime Anywhere at Any Scale */
.manage-section {
    position:relative;      
    width:100%;
    margin:auto;    
    padding-top:60px;
    background-color:#000000;   
}

.manage-section .background {
    position:relative;
}

.manage-section .background .content {
    width:100%;
    margin:auto;
}

.manage-section .background .content .text {
    width:80%;
    margin:auto;
    padding-bottom:20px;
    text-align:center;
}

.manage-section .background .content .text h2, .manage-section .background .content .text h6 {
    color:#ffffff;  
}

.manage-section .background .content .text .link {
    margin-top:30px;
}

.manage-section .background .content .text .link h6 {
    font-weight:bold;
    text-decoration:underline;
}

.manage-section .background .content .text .link a {
    cursor:pointer;
    color:#ffffff;
    text-decoration:underline;
}

.manage-section .background .image img {
    width:100%;
}
/* End Effortlessly Manage All Devices Anytime Anywhere at Any Scale */


/* Which license package suit your business - Hidden content */ 
#LicensePack {
    height: 100%;
}

#LicensePack .modal-dialog {
    position:fixed;
    margin:0;
    width:100%;
    height:100%;
    padding:0;  
}

#LicensePack .modal-content {
    position:absolute;
    margin:auto;
    width:80%;
    height:90%;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#ffffff;  
    padding:3% 5%;  
    overflow:auto;
}

/* #LicensePack .modal-content .close {
    top: 2%;
    right:2%;
    color:#000000;  
    font-size:40px!important;   
    z-index: 10;
    border-radius: 50%;
    border: 2px solid #000000;
    width: 50px;
    height: 50px;
    padding: 0; 
} */

#LicensePack button.close {
    position: absolute;
    top: 2.6%;
    right: 8.5%;
    z-index: 1;
    width: 50px;
    height: 50px;
    color: #6CBE45;
    border-radius: 50%;
    background: #565656;
    opacity: 1;
    text-shadow: none;
}

.license-pack .content {
    width: 90%;
    margin: 0 auto;
}

.license-pack .content .text h2{
    color:#000000;
    text-align:center;
}
    
.text-blink {
  animation:blinker 2s linear;
}

@keyframes blinker {
  0% { opacity:0; }
  50% { opacity:0.5; }
  100% { opacity:1; }
}
/* End Which license package suit your business - Hidden content */ 


/* LicensePack Table */
#pack th {
    text-align:center;
    border-bottom:1px solid #000000;
}

#pack td {
    text-align:center;
}

#pack td.FeatureText {
    text-align:left;
}

.fa-circle {
    color:#ccc;
    text-align:center;  
}

.fa-blue {color:#00b2ff;}
.fa-green {color:#64be00;}
.fa-orange {color:#ff8900;}

.icense {
    text-align:center;
}

.icense .btn-outline, .icense .btn-outline:active, .icense .btn-outline:focus, .icense .btn-outline:hover {
    background-color:transparent!important;
    color:#000000!important;
    border-color:#000000!important;
}

#pack hr {
    margin-top:-15px;
}
/* End LicensePack Table */


/* 5G, Innovation and Transformation Start Today */
.life-section .content .text h2{
    font-size:40px;
}
/* End 5G, Innovation and Transformation Start Today */

/* Related Links */
    /*video modal*/
    /* The Modal (background) */
    .video-modal{
      display: none;
      position: fixed;
      z-index: 1000;
      padding-top: 100px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.9);
    }

    /* Modal Content */
    .video-modal-content {
      margin: auto;
      display: block;
      width: 80%;
      max-width: 700px;
    }

    /* Add Animation */
    .video-modal-content{  
      animation: fadeIn linear 0.7s;
      -webkit-animation: fadeIn linear 0.7s;
      -moz-animation: fadeIn linear 0.7s;
      -o-animation: fadeIn linear 0.7s;
      -ms-animation: fadeIn linear 0.7s;
    }

    @-webkit-keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    @-o-keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    @-ms-keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    /* The Close Button */
    .modal_close {
      position: absolute;
      top: 15px;
      right: 35px;
      color: #f1f1f1;
      font-size: 40px;
      font-weight: bold;
      transition: 0.3s;
    }

    .modal_close:hover,
    .modal_close:focus {
      color: #bbb;
      text-decoration: none;
      cursor: pointer;
    }
    
    @media only screen and (max-width: 700px){
      .video-modal-content {
        width: 100%;
      }
    }
/* Related Links End*/
/* Downloads Page*/
.download-note .text{
    margin: 0 63px;
    font-size: 14px;
}
.download-note .text a,
.license-note a{
    cursor:pointer;
    color:#252525;
    text-decoration: underline;
}
/* End Downloads Page*/

/* RWD */
@media screen and (max-width:1366px){
    .banner-section {
        height:38vw;
    }
    .banner-section .text{
        margin-top: 28%;
        margin-left: 7%;
    }
}

@media screen and (max-width:1300px){
    .banner-section {
        height:50vw;
        background-position:bottom;     
    }   
    .banner-section .text{
        margin-top: 38%;
        margin-left: 7%;
    }   
}

@media screen and (max-width:1365px) and  (min-width:992px){
    .manage-section .background .overlay {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        height:100%;
        background:linear-gradient(to left top, rgba(35,35,35, 0)40%, rgba(35,35,35, 1)100%);       
    }   
}

@media screen and (max-width:1366px) and  (min-width:992px){
    .business-section .background .overlay {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        height:100%;
        background:linear-gradient(to right, rgba(35,35,35, 0)40%, rgba(35,35,35, 1)100%);
    }
    .banner-section .text{
        margin-top: 39%;
        margin-left: 7%;
        font-size: 28px;
    }
}

@media screen and (max-width:991px){            
    .license-pack .content {
        width:100%;     
        display:block;
    }   
    .license-pack .text {
        width:100%;
        padding-top:50px;
        padding-left:0;
        padding-right:0;
    }
    .banner-section .text{
        margin-top: 39%;
        margin-left: 7%;
        font-size: 2.7vw;
    }   
    .manage-section .background .content .text .link ul li{
       list-style-type:none;
    }
}

@media screen and (max-width:768px){
    .experience-section .row .image {
        width:50%;
    }.banner-section .text{
        margin-top: 39%;
        margin-left: 7%;
        font-size: 2.8vw;
    }   
}

@media screen and (max-width:767px){
    #LicensePack .modal-content {
        width:100%;
        height:100%;
    }
}

@media screen and (max-width:640px){
    .mobile-banner-section {
        display:block;
    }
}
    
@media screen and (max-width:600px) {
    .life-section .content .text h2 {
        font-size:28px;
    }
}

@media screen and (max-width:500px) {   
    .experience-section .row .image {
        width:100%;
    }
    .banner-section .text{
        margin-top: 39%;
        margin-left: 7%;
        font-size: 18px;
    }
}

@media screen and (min-width:992px) {   
    .product-page .deck-wrapper .related-2-links>.related-link-item:first-child{
        margin-left: 0;
    }
    .business-section .background {
        overflow:hidden;
        padding:10vw 0;
        background:url('/library/assets/products/nr7101/nebula_nr7101_02_next-level.jpg');
        background-repeat:no-repeat;    
        background-position:left;   
        background-size:cover;
        display:flex;
    }           
    .business-section .background .content {
        width:86%;
        display:flex;
        justify-content:flex-end;
    }   
    .business-section .background .content .text {
        width:50%;
        margin:unset;
        padding:0;  
        align-self:center;  
        text-align:left;
    }
    .business-section .background .image {
        display:none;
    }   
    .manage-section {
        padding-top:0;
    }   
    .manage-section .background {
        overflow:hidden;
        height:80vw;
        background:url('/library/assets/products/nr5101/nebula_nr5101_01_monitoring.gif');
        background-repeat:no-repeat;    
        background-position:right;      
        background-size:cover;
        display:flex;
    }
    .manage-section .background .content {
        display:flex;           
        width:45%;
        margin-left:7%;
    }       
    .manage-section .background .content .text {
        width:auto;
        margin:unset;
        padding-bottom:0;
        align-self:center;
        margin-top:-10%;    
        text-align:left;
    }   
    .manage-section .background .content .text .link {
        width: 150%;
    }
    .manage-section .background .content .text .link ul{
        margin-left: 20px;
    }
    .manage-section .background .content .text .link ul li::marker{
        color:#ffffff;
    }
    .manage-section .background .image {
        display:none;
    }   
}

@media screen and (min-width:1200px) {
    .manage-section .background {
        height:60vw;
    }   
    .manage-section .background .content {          
        width:38%;
        margin-left:8%;
    }
}
    
@media screen and (min-width:1441px) {
    .manage-section .background {
        height:55vw;    
    }
    .manage-section .background .content {  
        width:36%;
        margin-left:10%;    
    }   
}
/* End RWD */