p {
	font-size:20px;
	margin-bottom: 5px;
}


h2 {
	font-size:30px;
	margin-bottom: 5px;
}


h3 {
	font-size:28px;
	margin-bottom: 5px;
}

h4 {
	font-size:26px;
	margin-bottom: 5px;
}

.letterspacing{
	letter-spacing:2px;
}

#specifications .panel-group .panel-body {
	padding: 30px 20px!important;
}

@media screen and (max-width: 1025px) {	
.letterspacing{
	letter-spacing:0px;
	}
}

@media screen and (max-width: 450px) {	
.letterspacing{
	letter-spacing:1.6px;
	}
}

.productspec {
	padding: 10px 0 15px 0;
	font-style:italic;
}

.imgCenter {
    display: block;
    margin: 0 auto;
}

.textwidth{
	width: 90%;
	margin:0 auto;
}

.deck-wrapper .section a:hover{
	text-decoration: none;
}

.bannersize{
	font-size:40px;
}

@media screen and (max-width: 450px) {	
.xs3800banner{
	font-size:30px;
	}
}	

.xs3800banner{
	position:relative;
	background-repeat:no-repeat; background-position:center center;
	height:650px;
	background-size:cover;
	}
	
@media screen and (max-width: 1367px) {	
.xs3800banner{
	height:500px;
	}
}

@media screen and (max-width: 1280px) {	
.xs3800banner{
	height:550px;
	}
}

@media screen and (max-width: 1025px) {	
.xs3800banner{
	height:450px;
	}
}


@media screen and (max-width: 800px) {	
.xs3800banner{
	height:400px;
	}
}

@media screen and (max-width: 450px) {	
.xs3800banner{
	height:200px;
	}
}

.bounceInRight{
	animation-name: bounceInRight;
	animation-duration: 2s;
}

.xs3800bannerCnt {
	position: absolute;
	left: 60%;
    top: 28%;
}

@media screen and (max-width: 1025px) {	
.xs3800bannerCnt {
    position: absolute;
    left: 60%;
	background: rgba(0,0,0,0.2);
}
}

@media screen and (max-width: 800px) {	
.xs3800bannerCnt {
	left: 50%;
    top: 55%;
}
}

@media screen and (max-width: 450px) {	
.xs3800bannerCnt {
    position: absolute;
	left: 5%;
    top: 15%;
    background: rgba(0,0,0,0.5);
    padding: 5px;
}
}

@media screen and (max-width: 350px) {	
.xs3800bannerCnt {
    position: absolute;
    top: 10%;
}
}		
	
/*Overview end*/


.networked-av-banner{background:url('/library/assets/products/xs3800/networked_av_product_banner.jpg') no-repeat bottom center; height:500px; background-size:cover; position:relative;}
.networked-av-banner-box {position: absolute; left: 30%; top: 30%; width: 40%;text-align:center;}
.networked-av-banner-box h2 {font-size:56px;}
.networked-av-banner-box p {font-size:18px;}
.btn-action{background-color:#fff;}

@media screen and (max-width: 1025px) {
.networked-av-banner-box {left: 20%; width: 60%;}
}

@media screen and (max-width: 991px) {
.networked-av-banner-box {left: 10%; width: 80%;}
}

@media screen and (max-width: 450px) {
.networked-av-banner {height: 350px;}
.networked-av-banner-box {width: 90%;top:20%;left:5%;}
.networked-av-banner-box h2 {font-size:30px;}
}

/*Manage it your way!*/


.Smarteasy{
    position: absolute;
    background: url(/library/assets/products/xs3800/Smarteasy-image-background.png) no-repeat center center;
    height: 100%;
    width: 100%;
    background-size: contain;
    top: 0px;
}


@media only screen and (max-width:991px){
	.Smarteasy{
    text-align: center;
    margin: auto;
	}    
}

@media only screen and (max-width:450px){
	.Smarteasy{
		height: 350px;
		width: 350px;
	}
}

@media only screen and (max-width:320px){
	.Smarteasy{
		height:300px;
		width: 300px;
	}
}

.SmarteasyCnt {
	position: absolute;
    height: 65%;
    width: 35%;
    top: 8%;
    left: 5%;
    padding: 25px;
}

.SmarteasyCnt h3{
	color:#fff;
}

.SmarteasyCnt p{
	color:#fff;
	font-size:20px;
}


.deck-wrapper .slide {
	position: relative;
    bottom: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

@media only screen and (max-width:1025px){
	.deck-wrapper .slide{
		position: relative;
		bottom: 0px;
		width: 100%;
		height: 100%;
		top: 0px;
		/* left: 50px; */
	}
}


@media only screen and (max-width:991px){
	.deck-wrapper .slide{
		position: relative;
		bottom: 0px;
        width: 100%;
		height: 100%;
		top: 0px;
		/* left: 96px; */
	}
}

@media only screen and (max-width:450px){
	.deck-wrapper .slide{
		position: relative;
		bottom: 0px;
		width: 350px;
		height: 100%;
		top: 0px;
		left: 0px;
	}
}

@media only screen and (max-width:320px){
	.deck-wrapper .slide{
		position: relative;
		bottom: 0px;
		width: 310px;
		height: 100%;
		top: 0px;
		left: 0px;
	}
}

.manage{
	padding-top: 5%;
    width: 50%;
    float: right;
    padding-left: 8%;
}

.Manageit{
	list-style: none; 
	margin: 0; 
	padding: 0; 
	display: block;
	text-align: center;
	padding-left: 20px;
}

.Manageitbut{
	display: inline-block;
}

@media only screen and (max-width:991px){
.manage {
    padding-top: 8%;
    width: 95%;
    text-align: center;
    margin: 0 auto;
    float: none;
    padding-left: 0%;
}
}

/*Manage it your way! END*/


.multi-gigabit{
    /* position: relative; */
    /* background: url(/library/assets/products/xs3800/XS3800-28_Image_Black_20181224_v01.png) no-repeat left center; */
    /* background-repeat: no-repeat; */
    /* background-position: left center; */
    /* height: 600px; */
    /* background-size: cover; */
}

@media only screen and (max-width:1367px){
	.multi-gigabit{
        /* height:500px; */
    }
}

@media only screen and (max-width:1025px){
	.multi-gigabit{
        /* background: url(/library/assets/products/xs3800/XS3800-28_Image_Black.png) no-repeat center center; */
        /* height: 600px; */
    }
}


.whyContent{
    /* position: absolute; */
    /* padding-left: 50%; */
    /* width: 95%; */
    /* display: flex; */
    height: 100%;
}

@media only screen and (max-width:1600px){
	.whyContent{
        /* padding-left: 55%; */
    }
}	

.why-multi-gigabit .panel-default>.panel-heading, .why-multi-gigabit .panel, .why-multi-gigabit .panel-body {background:transparent !important;}
.why-multi-gigabit .panel-heading .panel-title a:active, 
.why-multi-gigabit .panel-heading .panel-title a:focus, 
.why-multi-gigabit .panel-heading .panel-title a:hover, 
.why-multi-gigabit .panel-heading .panel-title a:hover .panel-title-header{color:#fff;}
.why-multi-gigabit .panel{border:none; border-top:1px solid #fff; padding:10px 0;}
.why-multi-gigabit .panel:last-child{border-bottom:1px solid #fff;}
.why-multi-gigabit .panel-heading h3 a{color:#fff; padding:16px 0; font-size:24px;}
.why-multi-gigabit .panel-body{color:#fff; padding:16px 0;font-size: 18px;}
.why-multi-gigabit .panel-group{margin-top:20px;}


/*Designed for the long haul*/

.Design {
	position:relative;
	background:url('/library/assets/products/xs3800/Design-HW-1920px.png') no-repeat center center;
	height:800px;
	background-size:cover;
}

@media only screen and (max-width:1367px){
	.Design{
		height:600px;
	}
}

@media only screen and (max-width:800px){
	.Design{
		position:relative;
		background:url('/library/assets/products/xs3800/Design-HW-600px.png') no-repeat center center;
		height:1000px;
		background-size:cover;
	}
}

@media only screen and (max-width:450px){
	.Design{
		position:relative;
		background:url('/library/assets/products/xs3800/Design-HW-600px.png') no-repeat center center;
		height:450px;
		background-size:cover;
	}
}

.DesignCnt {
    position: absolute;
    height: 100%;
    width: 45%;
    top: 5%;
    left:5%;
    padding: 25px;
}

@media only screen and (max-width:800px){
	.DesignCnt{
		position: absolute;
		height: 100%;
		width: 49%;
		top: 5%;
		left: 0%;
		padding: 5px;
	}
}

.Design .fa-plus-circle{
	color: #ff8900;
    font-size: 30px;
    animation: pulse 1s infinite;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: block;
	text-align: center;
	padding: 0px;
}

 
@media only screen and (max-width: 450px){
	.Design .fa-plus-circle{
		color:#ff8900;
		font-size:20px;
		animation: pulse 3s infinite;
		background: #fff;
		border-radius: 50%;
		width: 22px;
		height: 22px;
		display: block;
		text-align: center;
		padding: 1px;
	}
}


.Design-xs3800-Smart-fan{
	position:absolute; 
    top: 65%;
    left: 23%;

}

.Design-xs3800-ESD{
	position:absolute; 
    top: 65%;
    left: 60%;

}

.Design-xs3800-power{
	position:absolute;    
	top: 60%;
    left: 160%;
}

.Design-xs3800-solid-capacitor{
	position:absolute;     
    top: 55%;
    left: 142%;
}

.Design-xs3800-Thermal{
	position:absolute; 
    top: 5%;
    left: 180%;
}



@media only screen and (max-width: 1025px){
.Design-xs3800-Smart-fan{
	position:absolute; 
	top: 60%;
    left: 15%;

}

.Design-xs3800-ESD {
		position: absolute;
		top: 60%;
		left: 60%;
	}
	
.Design-xs3800-power{
	position:absolute;    
	top: 62%;
    right: 170%;
}
}

@media only screen and (max-width: 991px){
.Design-xs3800-Smart-fan{
	position:absolute; 
    top: 60%;
    left: 10%;

}

.Design-xs3800-power{
	position:absolute;    
	top: 60%;
    right: 175%;	
}

.Design-xs3800-solid-capacitor{
	position:absolute;     
    top: 55%;
    right: 175%;
}

.Design-xs3800-Thermal{
	position:absolute; 
    top: 10%;
    left: 160%;
}
}


@media only screen and (max-width: 800px){
.Design-xs3800-Smart-fan{
	position:absolute; 
    top: 70%;
    left: 55%;

}

.Design-xs3800-ESD {
	position: absolute;
	top: 70%;
    left: 110%;
}

.Design-xs3800-power{
	position:absolute;    
    top: 52%;
    left: 188%;
}

.Design-xs3800-solid-capacitor{
	position:absolute;     
    top: 45%;
    left: 165%;
}

.Design-xs3800-Thermal{
	position:absolute; 
    top: 10%;
    left: 170%;
}
}


@media only screen and (max-width: 450px){
.Design-xs3800-Smart-fan{
	position:absolute; 
	top: 68%;
    left: 50%;
}

.Design-xs3800-power{
	position:absolute;    
	top: 50%;
    left: 170%;
}

.Design-xs3800-solid-capacitor{
	position:absolute;     
    top: 40%;
    left: 135%;
}

.Design-xs3800-Thermal{
	position:absolute; 
    top: 10%;
    left: 160%;
}
}


@media only screen and (max-width: 350px){
.Design-xs3800-Smart-fan{
	position:absolute; 
    top: 70%;
    left: 45%;

}

.Design-xs3800-power{
	position:absolute;    
	top: 50%;
    left: 190%;
}

.Design-xs3800-solid-capacitor{
	position:absolute;     
    top: 45%;
    left: 145%;
}

.Design-xs3800-Thermal{
	position:absolute; 
	top: 10%;
    left: 160%;
}
}

.popover{
	max-width:450px !important;
}


.popover-title {
    padding: 10px;
    margin: 0;
    font-size: 14px;
    background-color: #ffa133;
    border-bottom: 0px;
    border-radius: 5px 10px 0 0;
}


.fade.in {
    opacity: 0.9;
}


.popover {
	background-color: #ffa133;
	border: 0px;
	width: 450px;
}

.popover-content {
    padding: 0px;
}

.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #ffa133;
}

.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #ffa133;
    border-left-width: 0;
}

.Designreliableimagebanner {
	max-width:1000px !important;
	border-radius: 10em;
}


@media only screen and (max-width: 1025px){
.Designreliableimagebanner{
	max-width:750px !important;
}
}

.Designreliableimage{
	max-width:100px !important;
	padding-bottom: 10px;
}

@media only screen and (max-width: 1025px){
.Designreliableimage{
	max-width:100px !important;
}
}

/*Designed for the long haul END*/


/*Network application scenarios*/

.Networkapplicationscenarios .nav-tabs>li.active>a, 
.Networkapplicationscenarios .nav-tabs>li.active>a:focus, 
.Networkapplicationscenarios .nav-tabs>li.active>a:hover{
	border:none;
	color:#ffa133;
	font-family: "galano_grotesquesemibold", Helvetica, Arial, sans-serif!important;
	background:none;
	border-bottom: 1px solid;
}

.Networkapplicationscenarios .nav-tabs{
	border-bottom:none;
	padding-bottom:20px;
	margin:0 auto;
	display:block;
	width:80%;
	text-align: center;
}

@media only screen and (max-width: 1025px){
	.Networkapplicationscenarios .nav-tabs{
		width:100%;
		text-align:center;
	}
}

.Networkapplicationscenarios .nav-tabs li{
	border:none;
	float:none;
	display:inline-block;
}

.Networkapplicationscenarios .nav-tabs>li>a{
	color:#575757;
	border:none;
	font-size:18px;
}

.Networkapplicationscenarios .nav-tabs>li>a:hover{
	color:#ff6800;
	font-family: "galano_grotesquesemibold", Helvetica, Arial, sans-serif!important;
	background:none;
}

.Networkapplicationscenarios .tab-content>.tab-pane .description{
	padding-top:100px;
}

@media only screen and (max-width: 800px){
	.Networkapplicationscenarios .tab-content>.tab-pane .description{
		padding-top:0;
		padding-bottom:30px;
		text-align:center;
	}
}

/*Network application scenarios END*/

.asterisk ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.asterisk li:before {
	content: "*";
    margin-right: -0.4em;
    position: relative;
    left: -1.0em;
    top: 3px;
}

.asterisk li:nth-child(1):before {
   content: "*";
}

.asterisk li:nth-child(2):before {
   content: "**";
   left: -1.1em;
   margin-right: -0.8em;
}


.Nebula-Mobile-App{
	background:url('/library/assets/products/gs1915-series/Nebula-Mobile-App.gif') no-repeat left center; height:600px; background-size:cover; position:relative;	
}

.Nebula-Mobile-App .area{
	display: flex;
    align-items: center;
    height: 100%;
	justify-content: flex-end;
    padding-right: 2%;
}

.Nebula-Mobile-App .area .box{
	width:45%;
}

.Nebula-Mobile-App .area .box .text ul{
	list-style: none;
	line-height: 2em;
    padding-left: 0px;
}

.Nebula-Mobile-App .area .box .text ul li{
	text-indent: -10px;
    padding-left: 20px;
}

.Nebula-Mobile-App .area .box .text h3{
	padding-bottom:30px
}

.Nebula-Mobile-App .area .box .text .fa-check{
	color:#000;
}

.Nebula-Mobile-App .Watch{
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
	bottom:-10px;
}

.app_icon{
	width:60%;
}

.AppWatch{
	display: block;
    padding-bottom: 10px;
}

@media screen and (max-width: 1025px) {
.Nebula-Mobile-App{
	height:550px;
}
.Nebula-Mobile-App .Watch{
	display:block;
}
}


@media screen and (max-width: 991px) {
.Nebula-Mobile-App {
    background: url(/library/assets/products/gs1915-series/Nebula-Mobile-App-small.png) no-repeat bottom center;
    height: 1200px;
    background-size: contain;
    position: relative;
}

.Nebula-Mobile-App .area {
	align-items: flex-start;
    justify-content: flex-end;
    padding-top: 10%;
	padding-right: 1%;
}
.Nebula-Mobile-App .area .box {
    width: 95%;
}
}


@media screen and (max-width: 450px) {
.Nebula-Mobile-App {
    height: 850px;
}
}


@media screen and (min-width: 2100px) {
.Nebula-Mobile-App{
	background:url('/library/assets/products/gs1915-series/Nebula-Mobile-App.gif') no-repeat left center; height:700px; background-size:cover; position:relative;	
}
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    margin: auto;
}

.carousel-inner > .item {
    max-width: 600px;
}

.carousel-inner {
    max-width: 600px;
    margin: auto;
}

.container.maxwid {
    max-width: 1320px !important;
}

.deck-wrapper .section .whyContent img.img-responsive {
    max-width: 50% !important;
    float: left;
}

.why-multi-gigabit {
    width: 48% !important;
    float: right;
}

.why-multi-gigabit .panel-heading a {
    color: white ;
    font-size: 24px;
}

 .why-multi-gigabit .accordion .panel-heading [data-toggle=collapse]:after {
    color: transparent;
    border-color: white !important;
     top: 48%;
     right: 3%
}

.why-multi-gigabit .panel-default {
    border-color: white !important;
}

@media screen and (max-width: 991px) {
    .deck-wrapper .section .whyContent img.img-responsive {
    max-width: 100% !important;
    float: none;
}

.why-multi-gigabit {
    width: 100% !important;
    float: none;
}
 .why-multi-gigabit .accordion .panel-heading [data-toggle=collapse]:after {
        right: 20px !important;
    }
}

[class^="Design-xs3800-"] .modal.fade.in {
    height: 100%;
}

[class^="Design-xs3800-"] .modal-dialog {
    top: 200px;
}

[class^="Design-xs3800-"] .modal-content {
    padding: 25px;
}

[class^="Design-xs3800-"] .modal-dialog .row {
    margin-right: 0;
    margin-left: 0;
}

.modal-content .close {
    opacity: 1;
    top: 0;
    color: gray;
    font-size: 30px!important;
    width: 30px;
    height: 30px;
    right: 0;
    margin: 0;
    padding: 0;
}

/* start */
.justconnect-features {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.justconnect-area {
    width: 100%;
    padding: 5%;
}

.justconnect-title {
    padding-top: 60px;
}

.justconnect-title h3 {
    padding-bottom: 30px;
    text-align: center;
    margin: 0 auto;
}

.justconnect-features .box {
    width: 90%;
    position: relative;
}

.justconnect-features .image {
    padding-left: 40px;
    position: relative;
}

.justconnect-features .panel-heading {
    padding: 0;
    position: relative;
    cursor: pointer;
    background-color: #fff !important;
}

.justconnect-features .panel-title {
    color: #000;
    font-size: 18px;
    padding-right: 60px !important;
}

.justconnect-features a.panel-title.collapsed {
    padding-right: 60px !important;
}

.justconnect-features .panel-body p {
    width: 95%;
}

.justconnect-features div.panel-body {
    padding: 30px !important;
}
.justconnect-features .panel {
    border-top: 1px solid #ff8900 !important;
    padding: 10px 0;
    border-bottom: 0;
}

#justconnect-section #accordion .panel-title:after {
    border-color: #ff8900;
}

@media screen and (max-width: 1025px) {
    .justconnect-features .box {
        width: 100%;
        position: relative;
    }
}

@media screen and (max-width: 991px) {
    .justconnect-features {
        flex-direction: column;
    }
}

/* Additions */
.btn.btn-lg {padding: 0 20px;}

.container.maxwid {
    max-width: 1320px !important;
}

#features .panel-default:first-child {
    border-top: 0 !important;
}

#features .panel-body {
    padding: 0 !important;
}


/* start */

.Nebula-area{
	display: flex;
    flex-direction: row-reverse;
}


.Nebula-area .text{
	width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding-left: 50px;
}

.Nebula-area .text h3{
	padding-bottom:30px;
}

.Nebula-area img{
	width: 50%!important;
}


.Nebula-area .btn-call-to-action, .AppWatch .btn-call-to-action {
    background-color: #ff8900!important;
}


@media screen and (max-width: 991px) {
.Nebula-area {
    display: flex;
    flex-direction: column;
}
.Nebula-area .text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0px;
	padding-bottom: 10px;
}
.Nebula-area img {
    width: 100%!important;
}
}


/* start */

.Networked-AV-Mode-area{
	width: 85%;
    text-align: center;
    margin: 0 auto;
}

.Networked-AV-Mode-area .text h3{
    padding-bottom: 30px;
}

.Networked-AV-Mode-img{
	display: flex;
    flex-direction: row;
    padding-top: 30px;
}

.Networked-AV-Mode-img img{
	width:33%!important;
}

.Networked-AV-Mode-area .btn-call-to-action {
    background-color:#ff8900!important;
}