/* Nebula LTE3301-PLUS */ 

/* Main Banner */
.banner-section {
	position:relative;
	overflow:hidden;
    height:45vw;
	background:url('/library/assets/products/lte3301-plus/nebula_lte3301-plus_00_banner_1920px.jpg');
    background-repeat:no-repeat;	
    background-position:center;	
	background-size:cover;
}

.banner-section .slogan .text {
    margin: 0 auto;
    align-self: auto;
    text-align: center;
    margin-top: 15%;
}

.banner-section .slogan .text h2 span {
	display:block;
}
.banner-section .subtitle{
	color: #f6f7f9;
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
	font-size: 24px;
}

/* End Main Banner */


/* Take Your Small Business to the Next Level */
.next-section {
	position:relative;
	background:#010307;
	padding-top:80px;
}

.next-section .content {
	width:80%;
    margin:auto;		
}

.next-section .content .text {
	text-align:center;	
	padding-bottom:10px;
}

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

.next-section .image #mobile {
	display:none;
}
/* End Take Your Small Business to the Next Level */


/* Seamless Customer Experience with Nebula Mobile Router */
.experience-section {
	position:relative;
	background:#0f0e0d;
	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;	
	background:#f2f2f2;		
}

.manage-section .content {
	padding-top:60px;
	padding-bottom:60px;		
}
	
.manage-section .content .image {
	width:90%;	
	padding:0;
	margin:auto;			
	margin-top:50px;
}

.manage-section .content .text {
	width:80%;
	margin:auto;		
	text-align:center;
	padding:0;
}
 
.manage-section .content .text .link {
    margin-top:30px;
}

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

.manage-section .content .text .link a {
	cursor:pointer;
    color: #000000;
	text-decoration:underline;
}
/* 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 */


/* Notice */
#overview-notice.notice-section {
	position:relative;		
	background:#000000;
}

#overview-notice.notice-section hr {
	margin-top:10px;
	border-top:1px solid #000000;
}

#overview-notice .productnotice {
	padding:10px 0 15px 0;
	font-style:italic;
	font-weight:bold;
	font-size:16px;
	color:#ffffff;
}
/* End Notice */

/* 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: 37vw;
	}	
	.banner-section .slogan .text {
		margin-top: 10%;
	}
}

@media screen and (max-width: 1300px){
	.banner-section {
		height: 50vw;
	}
	.banner-section .slogan .text {
		margin-top: 15%;
	}	
}

@media screen and (max-width:991px){
	.next-section .image #pc {
		display:none;
	}
	.next-section .image #mobile {
		display:block;
	}		
	.license-pack .content {
		width:100%;		
		display:block;
	}	
	.license-pack .text {
		width:100%;
		padding-top:50px;
		padding-left:0;
		padding-right:0;
	}	
	.banner-section .subtitle{
		bottom: 9px;
		font-size: 2.2vw;
	}
}

@media screen and (max-width:768px){
	.experience-section .row .image {
		width: 50%;
	}	
}

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

@media screen and (max-width: 640px){
	.banner-section {
		position: relative;
		overflow: hidden;
		height: 85vw;
		background: url(/library/assets/products/lte3301-plus/nebula_lte3301-plus_00_banner_640px.jpg);
		background-repeat: no-repeat;
		background-position:center;
		background-size: cover;
	}
	.banner-section .slogan .text {
		align-self: center;
		margin-top:0;
	}	
	.banner-section .subtitle{
		bottom: -23vw;
		font-size: 18px;
	}
}

@media screen and (max-width:500px) {	
	.experience-section .row .image {
		width:100%;
	}
	.banner-section .subtitle{
		bottom: -24vw;
		font-size: 16px;
	}
}

@media screen and (max-width:400px) {	
	.banner-section .subtitle{
		bottom: -25vw;
		font-size: 16px;
	}
}

@media screen and (min-width:992px) {
	.manage-section .content {
		display:flex;
		flex-direction:row-reverse;
		padding-top:0;
		padding-bottom:0;			
	}
	.manage-section .content .image {
		width:55%;
		padding-right:5%;	
		margin:unset;
		align-self: center;	
	}
	.manage-section .content .text {
		width:41%;
		margin-left:4%;
		padding-right:8%;
		padding-top: 5%;
		padding-bottom: 5%;		
		align-self:center;
		text-align:left;
	}	
	.banner-section .subtitle{
		bottom: 10px;
		font-size: 20px;
	}
}

@media screen and (min-width:1200px) {
	.banner-section .subtitle{
		bottom: 15px;
		font-size: 22px;
	}	
}

@media screen and (min-width:1441px) {
	.manage-section .content .text {
		padding-top:0;
		padding-bottom:0;
	}	
}
/* End RWD */