/* Nebula NR7101 */ 

/* Main Banner */
.banner-section {
	position:relative;
	overflow:hidden;
    height:45vw;
	background:url('/library/assets/products/nr7101/nebula_nr7101_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;
}
/* End Main Banner */


/* Intro */
.intro-section .background {
	overflow:hidden;
    height:40vw;
	background:url('/library/assets/products/nr7101/nebula_nr7101_01_intro.png');
    background-repeat:no-repeat;
    background-position:bottom;
	background-size:100%;
	background-attachment:fixed;
}
/* 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 Take Your Business to the Next Level */


/* 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 .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 .rain .icon {	
    background:url("/library/assets/products/nr7101/nr7101_05_icon_02_rain_white.png") no-repeat;
	background-size:contain;
	background-position:center;
}

.experience-section .rain:hover .icon {
    background:url("/library/assets/products/nr7101/nr7101_05_icon_02_rain_orange.png") no-repeat;
	background-size:contain;
	background-position:center;
    transition:all 0.2s ease;
}
	
.experience-section .rain:hover .name {
    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 .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;
}
/* 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;
	color:#ffffff;
}
/* End 5G, Innovation and Transformation Start Today */


/* License & Spec */
.spec #pack th {
    border-bottom:1px solid #ffffff;
}

.spec #pack td, .spec #pack th {
    color:#ffffff;
}
.spec .icense .btn-outline, .spec .icense .btn-outline:active, .spec .icense .btn-outline:focus, .spec .icense .btn-outline:hover {
    color:#ff8900!important;
    border-color:#ff8900!important;
}
/* End License & Spec */

/* Downloads Page*/
.download-note .text{
	margin: 0 63px;
	font-size: 14px;
	color: #ffffff;
}
.download-note .text a,
.license-note a{
	cursor:pointer;
    color:#ffffff;
    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: 8%;
	}
}

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

@media screen and (max-width:1366px) 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, rgba(35,35,35, 0)40%, rgba(35,35,35, 1)100%);
	}
	.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: 30px;
	}
}

@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;
	}	
}

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

@media screen and (max-width:767px){
	#LicensePack .modal-content {
		width:100%;
		height:100%;
	}
}
	
@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) {
	.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/nr7101/nebula_nr7101_01_monitoring.gif');
		background-repeat:no-repeat;	
		background-position:right;		
		background-size:cover;
		display:flex;
	}			
	.manage-section .background .content {
		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 .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 .content {	
		width:36%;
		margin-left:10%;	
	}
	.manage-section .background {
		height:55vw;	
	}
	.banner-section .text{
    	margin-left: 11.5%;
	}
}
/* End RWD */

.slick-list {
    width: 95%;
    margin: auto !important;
}

button.close.ui-dialog-titlebar-close {
    right: 0;
}

button.close.ui-dialog-titlebar-close i{
    font-size: 40px;
    position: absolute;
    top: 10px;
    right: 0;
    height: 40px;
    width: 40px;
}

.btn.btn-lg.btn-call-to-action {padding: 0 20px;}


/* Product Specs Bullets */
#specifications .panel-default ul {
	padding-left: 40px;
}

#specifications .panel-default li {
	list-style-type: disc;
}

#specifications .panel-default ul li ul li {
    list-style-type: circle;
}

[id^=heading].panel-heading {
    background-color: black !important;
}

#specifications .panel-default > .panel-heading {
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;

}

#specifications .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none !important;
}

#specifications .panel-default:first-child {
    border-top: none !important;
}

#specifications .panel-title:after {
	border: 1px solid #fff;}

#specifications2 .table > thead {
    border: none !important;
}

/* Additions */
.container.maxwid {
    max-width: 1320px;
}

#specifications2 {
    background-color: black;
}

.slick-dots {
    display: none !important;
}

button.slick-arrow:hover:before, div.slick-arrow:hover:before {
    border-color: #ff8900 !important;
}

.info > .text > a {
    color: #fff;
}

.info > .text > a:hover {
    text-decoration: none;
}

.info > .btn.button > a {
    color: #000;
}