.color{
	color:#ff2837;
}

.secureporterBannerOverviewCnt .bg-blue {
    background-color: #00b2ff!important;
}

.noPadding{
	padding:0;
}

.Padding40{
	padding:40px 20px;
}

.Padding10{
	padding:10px 0px;
}

.Padding20{
	padding:20px 0;
}

.paddingBottom40{
	padding-bottom:40px;
}

.paddingTopBottom40{
	padding:40px 0;
}

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

.paddingTop20{
	padding-top:20px;
}

.paddingTop40{
	padding-top:40px;
}

.paddingTop30{
	padding-top:30px;
}

.paddingTop60{
	padding-top:60px;
}

.paddingBottom20{
	padding-bottom:20px;
}

.paddingBottom0{
	padding-bottom:0px;
}

.txtCenter{
	text-align:center;
}


.featureBg {
	background: url(/library/assets/products/usg310_210_110/img_usg110_usg210_usg310_main.png) no-repeat bottom;
	background-size: cover;
	position: relative;
}

.noHyphen {
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	-ms-hyphens: none !important;
	hyphens: none !important;	
}

@media screen and (max-width: 768px) {
	.featureBg {
		background: none;
	}
}

@media screen and (min-width: 768px) {
	.hotspotContent{
		width: 750px;
	}

	.ovImg {
		height: 300px !important;
	}

}

@media only screen and (max-width:991px) {
.deck-wrapper .table-cell.table-cell-left {
    width: 80% !important;
}
}

@media only screen and (max-width:800px) {
.deck-wrapper .table-cell.table-cell-left {
    width: 100% !important;
}
}

.product-page .deck-wrapper .section.on-scroll {
	padding: 50px 0 50px;
	margin-top: 101px;
}



@media screen and (min-width: 800px) {
.optimizationContent h3 {
	font-size:2em;
	padding-bottom:25px;
}

.optimizationContent p  {
	font-size:1.1em;
}

.protectionoptimization h3 {
	font-size:2em;
	padding-bottom:30px;
}

.protectionoptimization p  {
	font-size:1.1em;
}



.firmwareupgradesContent h3 {
	font-size:2em;
	padding-bottom:30px;
}

.firmwareupgradesContent p  {
	font-size:1.1em;
}

.PowerfulContent h3 {
	font-size:2em;
	padding-bottom:30px;
}

.PowerfulContent p{
	font-size:1.1em;
}

.securefirmwareContent h3 {
	font-size:2em;
	padding-bottom:30px;
}

.securefirmwareContent p  {
	font-size:1.1em;
}

.service-accessContent h3 {
	font-size:2em;
	padding-bottom:30px;
}

.service-accessContent p{
	font-size:1.1em;
}

.Multi-elementContent h3 {
	font-size:2em;
	padding-bottom:30px;
}

.Multi-elementContent p  {
	font-size:1.1em;
}

.securityContent h3 {
	font-size:2em;
	padding-bottom:30px;
}

.securityContent p{
	font-size:1.1em;
}

.onenetworkContent h3 {
	font-size:2em;
	padding-bottom:30px;
}

.onenetworkContent p  {
	font-size:1.1em;
}
}


.protection-banner{background:url('/library/assets/products/usg310_210_110/protection-and-optimization.png') no-repeat center center; height:950px; background-size:cover; position:relative;}

@media screen and (max-width: 1601px) {
.protection-banner{height:800px;}
}

@media screen and (max-width: 1440px) {
.protection-banner{height:650px;}
}

@media screen and (max-width: 1025px) {
.protection-banner{height:600px;}
}

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


@media screen and (max-width: 450px) {
.protection-banner{height:250px;}
}

.Powerful{
	background:url(/library/assets/products/usg310_210_110/Powerful.png) no-repeat top;
	background-size:cover;
	height:700px;
	position:relative;
}

.PowerfulredContent{
	background:rgba(255,126,136,0.9);
	position:absolute;
	width:100%;
	bottom:0;  left:0; right:0;	
}

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

@media screen and (max-width: 800px) {
	.PowerfulredContent{
		bottom: 0;
	}
}

@media screen and (max-width: 450px) {
	.PowerfulredContent{
	background:rgba(255,126,136,0.7);
	top:0;
	height: auto;
}
}

.PowerfulContent{
	padding:20px;
	width:60%;
	margin:0 auto;
}

@media screen and (max-width: 1400px) {
	.PowerfulContent{
		width:90%;
	}
}

@media screen and (max-width: 800px) {
	.PowerfulContent{
		width:100%;
	}
}

.PowerfulContent h3{
	color:#fff;
}

.PowerfulContent p{
	color:#fff;
}



.Performance-desktop{display:block;}
.Performance-mobile{display:none;}
.Performance-banner{background:url('/library/assets/products/usg60w_60/Performance-Boost-Upgrade.jpg') no-repeat center center; height:800px; background-size:cover; position:relative;}
.Performance-banner-bg{background: rgba(0,0,0,0.5); width: 100%; height: 40%;bottom:0;position: absolute;}
.Performance-box{position: absolute; text-align: center;color:#fff;left:20%;top: 10%;width:60%;padding: 20px;}
.Performance-text{color:#fff;padding-bottom:30px;}
.Performance-box p{font-size: 1.1em;}

@media screen and (max-width: 1601px) {
.Performance-banner-bg{height: 45%;}
.Performance-banner{height:550px;}
.Performance-box{left:12%;width:75%;}
}

@media screen and (max-width: 1440px) {
.Performance-banner{height:550px;}
.Performance-box{left:8%;width:85%;}
}

@media screen and (max-width: 1300px) {
.Performance-banner-bg{height: 45%;}
.Performance-box{left:2%;width:95%;}
}

@media screen and (max-width: 991px) {
.Performance-banner-bg{height: 100%;}
.Performance-box{text-align: center;}
}

@media screen and (max-width: 450px) {
.Performance-banner-bg{display:none;}
.Performance-desktop{display:none;}
.Performance-mobile{background-color:#878787;display:block;}
.Performance-banner{height:300px;}
.Performance-mobile-box{padding:10px;}
}

@media screen and (max-width: 350px) {
.Performance-banner{height:250px;}
}

.optimization{
	background:url(/library/assets/products/usg310_210_110/optimization.png) no-repeat bottom;
	background-size:cover;
	height:600px;
	position:relative;
}


@media screen and (max-width: 800px) {
	.optimization{
	background:url(/library/assets/products/usg310_210_110/optimization_800.png) no-repeat bottom;
	background-size:cover;
	position:relative;
	}
}

@media screen and (max-width: 400px) {
	.optimization{
	background:url(/library/assets/products/usg310_210_110/optimization_400.png) no-repeat bottom;
	background-size:cover;
	position:relative;
	}
}

.optimizationredContent{
	position:absolute;
	top:40px; left:0; right:0;	
}

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

@media screen and (max-width: 800px) {
	.optimizationredContent{
		top:0;
		height:500px;
	}
}

@media screen and (max-width: 400px) {
	.optimizationredContent{
		top:0;
		height:520px;
		width:320px;
	}
}

.optimizationContent{
	padding:20px;
	width:90%;
	margin:0 auto;
}

@media screen and (max-width: 1400px) {
	.optimizationContent{
		width:90%;
	}
}

@media screen and (max-width: 800px) {
	.optimizationContent{
		width:100%;
	}
}

.optimizationContent h3{
	color:#000;
}

.optimizationContent p{
	color:#000;
}

.Multi-element{
	background:url(/library/assets/products/usg310_210_110/Multi-element.png) no-repeat center;
	background-size:cover;
	height:600px;
}

.Multi-elementContent{
	background:rgba(255,126,136,0.9);
	padding: 50px 30px 20px 60px;
	height:600px;
}

.Multi-elementContent h3, .Multi-elementContent p{
	color:#fff;
}


.service-access{
	background:url(/library/assets/products/usg310_210_110/service-access.png) no-repeat bottom;
	background-size:cover;
	height:700px;
	position:relative;
}

.service-accessredContent{
	background:rgba(255,126,136,0.9);
	position:absolute;
	width:100%;
	bottom:0;  left:0; right:0;	
}

@media screen and (max-width: 1025px) {
	.service-accessredContent{
		height:400px;
	}
}

@media screen and (max-width: 800px) {
	.service-accessredContent{
		top:0;
		height:380px;
	}
}

@media screen and (max-width: 400px) {
	.service-accessredContent{
		top:0;
		height:450px;
	}
}

.service-accessContent{
	padding:20px;
	width:60%;
	margin:0 auto;
}

@media screen and (max-width: 1400px) {
	.service-accessContent{
		width:90%;
	}
}

@media screen and (max-width: 800px) {
	.service-accessContent{
		width:100%;
	}
}

.service-accessContent h3{
	color:#fff;
}

.service-accessContent p{
	color:#fff;
}

.security{
	background:url(/library/assets/products/usg310_210_110/SecuReporter-600x400.png) no-repeat;
	background-size:cover;
	height:600px;
}

.securityContent{
	background:#f9f9f9;
	padding: 50px 30px 20px 60px;
	height:600px;
}

.securityContent h3, .securityContent p{
	color:#000;
}

.secureporterBannerOverviewCnt {
    position: absolute;
    right: 15%;
    top: 25%;
}
ul.SecuReporterBannerBtn {
    list-style: none;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 10px 0;
    bottom: 10%;
    left: 0;
    right: 0;
}

ul.SecuReporterBannerBtn .btn {
	padding: 0 20px;
}

ul.SecuReporterBannerBtn li:last-child {
    margin-right: 0;
}
ul.SecuReporterBannerBtn li {
    margin-right: 10px;
}


@media screen and (max-width: 1440px) {
.security{
	height:500px;
}

.securityContent{
	height:500px;
	}
}


.securefirmware{
	background:url(/library/assets/products/usg310_210_110/secure-firmware-upgrades_1920.png) no-repeat bottom;
	background-size:cover;
	height:600px;
	position:relative;
}


@media screen and (max-width: 800px) {
	.securefirmware{
	background:url(/library/assets/products/usg310_210_110/secure-firmware-upgrades_800.png) no-repeat bottom;
	background-size:cover;
	position:relative;
	}
}

@media screen and (max-width: 400px) {
	.securefirmware{
	background:url(/library/assets/products/usg310_210_110/secure-firmware-upgrades_400.png) no-repeat bottom;
	background-size:cover;
	position:relative;
	}
}

.securefirmwareredContent{
	position:absolute;
	top:40px; left:0; right:0;	
}

@media screen and (max-width: 1025px) {
	.securefirmwareredContent{
		height:550px;
	}
	.Multi-elementContent {
    padding: 30px;
}	
.securityContent{
	padding: 30px;
}
}

@media screen and (max-width: 800px) {
	.securefirmwareredContent{
		top:0;
		height:500px;
	}
}

@media screen and (max-width: 400px) {
	.securefirmwareredContent{
		top:0;
		height:520px;
		width:320px;
	}
}


.secure-firmware-banner{background:url('/library/assets/products/usg310_210_110/secure-firmware-upgrades.png') no-repeat center center; height:830px; background-size:cover; position:relative;}

.securefirmwareContent{
	padding:20px;
	width:90%;
	margin:0 auto;
}


@media screen and (max-width: 1601px) {
.secure-firmware-banner{height:700px;}
}

@media screen and (max-width: 1400px) {
	.securefirmwareContent{
		width:90%;
	}
.secure-firmware-banner{height:600px;}
}

@media screen and (max-width: 800px) {
	.securefirmwareContent{
		width:100%;
	}
.secure-firmware-banner{height:400px;}
}


@media screen and (max-width: 450px) {
.secure-firmware-banner{height:250px;}
}

.securefirmwareContent h3{
	color:#000;
}

.securefirmwareContent p{
	color:#000;
}

.onenetwork{
	background:url(/library/assets/products/usg310_210_110/segment-onenetwork-l-1600x400.png) no-repeat center center;
	background-size:cover;
	height:400px;
	position:relative;
}

.onenetwork1{
	background:#ff7e88;
}

.onenetworkredContent{
	background:rgba(255,126,136,0.9);
	width:100%;
	position:absolute;
	bottom:0; left:0; right:0;	
}

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

@media screen and (max-width: 800px) {
	.onenetworkredContent{
		top:0;
		height:350px;
	}
}

@media screen and (max-width: 400px) {
	.onenetworkredContent{
		top:0;
		height:500px;
	}
}

.onenetworkContent{
	padding:20px;
	width:60%;
	margin:0 auto;
}

@media screen and (max-width: 1400px) {
	.onenetworkContent{
		width:90%;
	}
}

@media screen and (max-width: 800px) {
	.onenetworkContent{
		width:100%;
	}
}

.onenetworkContent h3, .onenetworkContent p{
	color:#FFFFFF;
}

/*Technology Tab*/
.TechnologyHighlights h3{color: #000000;}

ul.keyFeatures{list-style:none;text-align: center;padding-top: 30px;padding-left: 0px;}

ul.keyFeatures li{
	display: inline-table;
    padding: 0px 3px;
    text-align: center;
    width: 130px;
    line-height: 15px;
    font-size: 10px;
}

ul.keyFeatures li:last-child{ padding-right:0; }

.keyFeatures_icon{margin-bottom:5px;padding-right:20px;padding-left: 20px;}


/*Application Diagram*/

.zoom-icon {
    width: 40px;
    height: 40px;
    color: #ffffff!important;
    line-height: 40px;
    font-size: 26px;
    margin-right: 5%;
    display: inline-block;
	text-align: center;
    border-radius: 50%;
}

.featureHighlightsCanvas{
	padding:50px 0;
	background:#fff;
}

@media screen and (max-width: 800px) {
	.featureHighlightsCanvas{
		padding:20px 0;
	}
}

.featureHighlightsCanvas h2{
	text-align:center;
	padding:0 0 50px 0;
	font-size:36px;
	color:#3c9f00;
}

@media screen and (max-width: 500px) {
	.featureHighlightsCanvas h2{
		font-size:24px;
		padding-bottom:30px;
	}	
}

.featureHighlightsCanvas h5{
	padding-top:20px;
	padding-bottom:10px;
	color:#000 !important;
	font-size:22px !important;
	text-align:center !important;
}

@media screen and (max-width: 800px) {
	.featureHighlightsCanvas h5{
		font-size:18px !important;
	}
}

.featureHighlightsCanvas p{
	font-size:16px;
	text-align:center !important;
	padding:10px 0 20px;
	min-height:100px;
}

@media screen and (max-width: 1300px) {
	.featureHighlightsCanvas p{
		min-height:130px;
	}
}

@media screen and (max-width: 800px) {
	.featureHighlightsCanvas p{
		min-height:auto;
		text-align:left !important;
	}
}

.fa-search-plus{
	color:#e0f2cc;
}

.content {
  position: relative;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

.readMore {
	padding:30px 0;
}

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

.asterisk li:before {
    content: "*";
    margin-right: -0.4em;
    position: relative;
    left: -2.0em;
}

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

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

.PowerfulContent,
#protection .container,
#comprehensive .container,
#product-icon .container,
#service .container,
#applicationDiagram .container,
#notice {
    max-width: 1320px;
}