/* PLA6457 - EU plug */ 
.container-fluid {
	padding-left:5%;
	padding-right:5%;
}
 
.deck-wrapper h6 {
	font-size:20px;
    line-height:1.4em;
}

.imgCenter {
	display:block;
	margin:0 auto;
}	
/* End PLA6457 - EU plug */


/* Banner */
.banner-canvas {
	height:45vw;	
	background:url('/library/assets/products/pla6457/pla6457_00_banner_1920x800.jpg');
    background-position:right;		
	background-size:cover;
	background-repeat:no-repeat;
}

.top-header-content {
    position:absolute;
    width:38%;
    top:17%;
    left:60%;
}

h1 .heading-title {	
	font-size:65px;
}

h1 .subtitle {	
	font-size:45px;
}
/* End Banner */


/* Intro */
.intro-section {
    position:relative;		
    padding-top:60px;
    padding-bottom:60px;
}

.intro-section .text {
    width:100%;
    margin:0 auto;
}
/* End Intro */


/* Features */
.features-canvas {
	position:relative;
	background:url('/library/assets/products/pla6456/pla6456_eu_00_features_bg.png');
	background-repeat:no-repeat;
    background-position:center center;	
	background-size:cover;
	height:876px;	
    z-index:1;
}

.features-card {
	position:absolute;	
	width:100%;		
    top:0;	
    z-index:2;
}

.features-card .card {
	float:left;
	height:438px;
	padding:100px;	
    margin-bottom:0;	
	text-align:center;
	border:2px solid #ff8900;	
	background-color:transparent;	  
}

.features-card .card h2, .features-card .card h3 {
	line-height:1.4;
	color:#ffffff;	
}

.features-card .card h3 {
	font-size:28px;	
}

.features-card .card:hover {
    background:rgba(0, 0, 0, 0.9);
	-ms-transform:scale(1.0001,1.0001);
	-webkit-transform:scale(1.0001,1.0001);
	transform:scale(1.0001,1.0001);
}

.features-card .card:hover .overlay {
	opacity:1;
}

.features-text a {
	text-decoration:none;
}

.features-down {
	position: absolute;
	/* margin-left: 31%; */
	bottom: 25%;
	text-align: center;
	width: 100%;
	left: 0;
}	
	
.fa-angle-down {
	color:#ffffff;
	font-size:35px;  
    font-weight:1000;
 	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;	
	padding-right:10px;
    background:rgba(255, 137, 0, 0.9);
    -moz-transition:all .22s;
    -webkit-transition:all .22s;
    -ms-transition:all .22s;
    -o-transition:all .22s;
    transition:all .22s;	
}
/* End Features */


/* 01 Innovative ITU-T G.hn Wave 2 Powerline Tech */
.powerline-section {
    position:relative;
}

.powerline-section .background {
	background-color:#f5f2fd;
}	

.powerline-section .background .image {
	display:none;
	position:relative;
	overflow:hidden;
	height:80vw;
	background:url('/library/assets/products/pla6457/pla6457_01_powerline_tech_mobile.jpg');
	background-repeat:no-repeat;	
	background-position:bottom;	
	background-size:cover;	
}

.powerline-section .background .content .text {	
	align-self:center;	
	text-align:right;	
}

.powerline-section .background .content .text h2 {
    font-size:40px;
    padding-bottom:20px;
}

.powerline-section .background .content .text h2 span {
    color:#7f7f7f;
}

@media (max-width:1440px) {
	.powerline-section .background .content .text h2 {
		font-size:36px;
	}
}

@media (max-width:991px) {
 	.powerline-section .background .image {
		display:block;
	}
	.powerline-section .background .content {
		width:80%;	
		margin:auto;
		padding-top:60px;
		padding-bottom:60px;
	}	
}

@media (min-width:992px) {
	.powerline-section .background {
		overflow:hidden;
		background:url('/library/assets/products/pla6457/pla6457_01_powerline_tech.jpg');
		background-repeat:no-repeat;	
		background-position:5% bottom;			
		background-size:cover;
		display:flex;
	}
	.powerline-section .background .content {
		width:38%;		
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flexbox;
		display:-o-flex;
		display:flex;
		margin-left:54%;	
		margin-top:5%;
		margin-bottom:5%;
		background:rgba(255,255,255,0.6);		
	}	
	.powerline-section .background .content .text {	
		padding:10%;
	}			
}

@media (min-width:1300px) {
	.powerline-section .background {
		height:40vw;
	}	
	.powerline-section .background .content {
		margin-top:0;
		margin-bottom:0;
		background:transparent;
	}		
}
/* End 01 Innovative ITU-T G.hn Wave 2 Powerline Tech */


/* Education */	
.education-canvas {
	position:relative;
	background:url('/library/assets/products/pla6457/pla6457_01_education_bg.png');
	background-repeat:no-repeat;
    background-position:bottom center;	
	background-size:cover;
	height:1150px;		
    z-index:1;
}

.education-model {
    position:absolute;	
	background:url('/library/assets/products/pla6457/pla6457_01_education_model.png');	
	background-repeat:no-repeat;
    background-size:contain;	
    height:700px;
    width:100%;
    top:5%;	
	left:24%;
    z-index:2;
}

.education-items h4, .education-items h6 {
	color:#797979;
}

.education-item1 {
	position:absolute;
	width:30%;	
    top:22%;
	left:15%;
    z-index:4;	
}

.education-item2 {
	position:absolute;
	width:30%;		
    top:30%;
	right:15%;
    z-index:4;	
}
	
.education-item3 {
	position:absolute;
	width:30%;	
    top:45%;
	left:15%;
    z-index:4;	
}

.education-item4 {
	position:absolute;
	width:30%;		
    top:70%;	
	right:15%;
    z-index:4;	
}

.education-title1 {
	animation:title-color 12s steps(4) infinite;
}

.education-title2 {
	animation:title-color 12s steps(4) 3s infinite;
}

.education-title3 {
	animation:title-color 12s steps(4) 6s infinite;
}

.education-title4 {
	animation:title-color 12s steps(4) 9s infinite;
}

.education-detail1 {
	animation:detail-color 12s steps(4) infinite;
}

.education-detail2 {
	animation:detail-color 12s steps(4) 3s infinite;
}

.education-detail3 {
	animation:detail-color 12s steps(4) 6s infinite;
}

.education-detail4 {
	animation:detail-color 12s steps(4) 9s infinite;
}

@keyframes title-color {
  0%{color:#797979; font-weight:400;}  
  70% {color:#797979; font-weight:400;}  
  75% {color:#ff8900; font-weight:900;}
  100% {color:#ff8900; font-weight:900;}
}

@keyframes detail-color {
  0% {color:#797979; font-weight:400;}  
  70% {color:#797979; font-weight:400;}   
  75% {color:#000000; font-weight:500;}
  100% {color:#000000; font-weight:500;} 
}
/* End Education */	


/* 02 2400 Mbps Powerline with MIMO Performance for 8K Streaming */
.streaming-section {
	position:relative;	
    padding-top:60px;
    padding-bottom:60px;	
}

.streaming-section .content {
	width:65%;		
    padding-left:8%;		
}

.streaming-section .content h2 {
	font-size:40px;
	padding-bottom:20px;
}

.streaming-section .content h2 span {
    color:#7f7f7f;
}

.streaming-section .image {
    padding-top:10px;
}	

.streaming-section .image img {
	padding:40px;	
}
/* End 02 2400 Mbps Powerline with MIMO Performance for 8K Streaming */


/* 03 Easily Pairing with Plug-and-Play */
.pairing-section {
	position:relative;		
}

.pairing-section .background {
	position:relative;
	background:url('/library/assets/products/pla6457/pla6457_03_plug_and_play.jpg');
	background-repeat:no-repeat;
    background-position:center bottom;	
	background-size:cover;
	height:50vw;	
    z-index:1;
}

.pairing-section .content {
	position:absolute;
	width:40%;		
    top:60px;
    right:8%;	
	text-align:right;
    z-index:2;	
}

.pairing-section .content h2 {
	font-size:40px;
	padding-bottom:20px;
}
	
.pairing-section .content h2 span {
    color:#7f7f7f;
}

.pairing-section .image {
	display:none;
}	
/* End 03 Easily Pairing with Plug-and-Play */


/* 04 Pass-through Design for Free Power Outlet */
.passthrough-section {
	position:relative;	
    padding-top:60px;
    padding-bottom:60px;	
}

.passthrough-section .content {
	width:60%;		
    padding-left:8%;		
}

.passthrough-section .content h2 {
	font-size:40px;
	padding-bottom:20px;
}

.passthrough-section .content h2 span {
    color:#7f7f7f;
}
/* End 04 Pass-through Design for Free Power Outlet */	


/* 05 Gigabit Ethernet Port for Blazing Speed */
.speed-section {
	position:relative;	
    padding-top:60px;
    padding-bottom:60px;
	background:#f7f7f7;	
}

.speed-section .content {
	padding-left:50%;
    padding-right:5%;		
	padding-bottom:30px;
}

.speed-section .content .text h2 {
	font-size:40px;
	padding-bottom:20px;
}

.speed-section .content .text h2 span {
    color:#7f7f7f;
}

.speed-section .video {
	width:90%;
	margin:0 auto;
}

.speed-section .video .mobile {
	display:none;
}

.speed-section .video video {
	width:101%;
	height:auto;
}
/* End 05 Gigabit Ethernet Port for Blazing Speed */	

	
/* 06 Power Saving with Standby */
.standby-section {
    position:relative;		
	width:100%;
    margin:auto;
}

.standby-section .background {
	height:65vw;
	background:url("/library/assets/products/pla6457/pla6457_06_power_saving.jpg");
	background-repeat:no-repeat;	
	background-position:65% bottom;	
	background-size:cover;
	display:flex;
}	

.standby-section .background .content {
	display:flex;
	width:42%;
	margin-left:8%;			
}		

.standby-section .background .content .text {
	align-self:center;
}
	
.standby-section .background .content .text h2 {
	font-size:40px;
	padding-bottom:20px;
}

.standby-section .background .content .text h2 span {
    color:#7f7f7f;
}
/* End 06 Power Saving with Standby */


/* Application Diagram */
.diagram-section {
    position:relative;		
    padding-top:60px;
    padding-bottom:60px;
}

.diagram-section .content {
	width:80%;
	margin:0 auto;
	padding-bottom:30px;
}

.diagram-section .content .text h2 {
	text-align:center;
	font-size:40px;
}

.diagram-section .image {
	width:90%;
	margin:0 auto;
}
/* End Application Diagram */


/* Notice */
.productnotice {
	padding:10px 0 15px 0;
	font-style:italic;
	font-weight:bold;
	font-size:16px;
}
/* End Notice */


/* Specifications */
.spec h4.panel-title {
    font-size:18px;
}

.specnote ul {
	margin:0;
	padding:0 5px 0 5px;
}

.specnote li {
	list-style-type:none;
    display:table-row;	
	font-style:italic;	
	font-size:16px;	
}

.specnote li:before {
    content:"*";
    display:table-cell;	
    padding-right:.5em;
    text-align:right;	
}

.specnote li:nth-child(1):before {
   content:"*1";
}

.specnote li:nth-child(2):before {
   content:"*2";
}
/* End Specifications */

	
/* RWD */
@media (max-width:1680px){
	/* .features-down {
		margin-left:29%;
	}	 */
	.education-model {
		left:22%;
	}		
	.pairing-section .background {
		height:55vw;	
	}
	.speed-section .content {
		padding-left:40%;
	}	
}

@media (max-width:1600px){
	.education-model {
		left:20%;
	}		
	.pairing-section .content {
		width:45%;
	}
}

@media (max-width:1440px){
	.top-header-content {
		top:13%;		
	}	
	.intro-section .text {
		width:80%;
	}	
	.features-card .card {
		padding:90px;
	}	
	.features-down {
		/* margin-left:28%; */
		bottom:22%;		
	}		
	.education-model {
		left:16%;
	}	
	.streaming-section .content h2 {
		font-size:36px;
	}	
	.pairing-section .content {
		width:55%;
	}	
	.pairing-section .content h2 {
		font-size:36px;
	}
	.passthrough-section .content h2 {
		font-size:36px;
	}
	.standby-section .background .content .text h2 {
		font-size:36px;
	}	
	.diagram-section .content .text h2 {
		font-size:36px;
	}				
}

@media (max-width:1366px){
	.container-fluid {
		padding-left:6%;
		padding-right:6%;
	}		
	.banner-canvas{
		height:37vw;		
	}	
	.top-header-content {
		left:62%;		
	}	
	h1 .heading-title {	
		font-size:45px;
	}
	h1 .subtitle {	
		font-size:30px;
	}
	.features-canvas {
		height:600px;
	}
	.features-card .card {
		height:300px;
		padding:35px;		
	}	
	/* .features-down {
		margin-left:38%;
	}	 */
	.features-card .card h2, .features-card .card h3 {
		line-height:1.2;
	}			
	.education-canvas {
		height:950px;			
	}
	.education-model {
		height:600px;
		left:20%;
		top:3%;
	}
	.education-item1 {
		width:35%;	
		left:11%;
		top:18%;		
	}
	.education-item2 {
		width:35%;	
		right:11%;
		top:25%;		
	}	
	.education-item3 {
		width:35%;	
		left:11%;
	}
	.education-item4 {
		width:35%;	
		right:11%;		
	}		
	.streaming-section .image img {
		padding:15px;	
	}
	.pairing-section .background {
		height:60vw;
		background-position:70% bottom;
	}
	.speed-section .content {
		padding-left:35%;
	}	
}

@media (max-width:1300px){
	.pairing-section .content {
		width:60%;
	}
}	
	
@media (max-width:1280px){
	.features-down {
		/* margin-left:37%; */
		bottom:20%;
	}		
	.education-model {
		left:18%;
	}
}

@media (max-width:1200px){
	.features-down {
		bottom:15%;
	}
	.education-canvas {
		height:1000px;
	}	
	.education-item2 {
		right:5%;		
	}	
	.education-item4 {
		top:65%;
		right:5%;	
	}	
	.pairing-section .background {
		height:75vw;
	}	
	.pairing-section .content {
		width:85%;	
	}		
}

@media (max-width:1100px){
	.features-down {
		bottom:8%;
	}
}

@media (max-width:1024px){
	.banner-canvas {
		height:50vw;
	}
	.top-header-content {
		top:16%;
		left:56%;		
	}	
	.features-down {
		bottom:12%;
	}	
	.features-card .card {
		padding:40px 25px;
	}
	.features-text h3 {
		font-size:26px !important;	
	}			
	.education-model {
		left:10%;
	}	
	.education-item1 {	
		left:10%;	
	}
	.education-item2 {
		right:10%;			
	}	
	.education-item3 {
		left:10%;	
	}
	.education-item4 {
		right:10%;			
	}	
	.streaming-section .content {
		width:85%;
	}	
	.passthrough-section .content {
		width:80%;
	}	
	.speed-section .content {
		padding-left:6%;
	}		
}

@media screen and (max-width:991px){
	.standby-section .background {
		height:600px;
		background-position:95% bottom;
	}	
	.standby-section .background .content {
		width:100%;
		margin-left:0;
		margin:0 auto;		
		left:0;
		right:0;
		top:0;
		padding:10%;
		height:100%;
		background:rgba(255,255,255,0.6);		
	}	
}

@media (max-width:900px){
	.features-card .card {
		padding:30px 20px;
	}	
	.features-text h3 {
		font-size:24px !important;
	}		
	.education-model {
		left:5%;
	}
	.education-item2 {
		top:22%;
	}		
	.pairing-section .background {
		height:550px;
	}	
	.pairing-section .content {
		top:6%;
	}
}

@media (max-width:850px){
	.education-canvas {
		height:1050px;
	}	
	.education-model {
		left:4%;
	}
	.education-item4 {
		top:60%;
	}	
}

@media (max-width:850px){
	.education-model {
		left:3%;
	}
}
	
@media (max-width:800px){
	.banner-canvas{
		height:55vw;
	}	
	.top-header-content {
		top:10%;
		left:55%;		
	}
	.features-down {
		bottom:12%;
	}	
	.education-canvas {
		height:1200px;
	}	
	.education-model{
		background:url('/library/assets/products/pla6457/pla6457_01_education_model_mobile.png');	
		background-repeat:no-repeat;
		background-size:contain;		
		height:1100px;
		width:100%;
		top:5%;	
		left:12%;
		z-index:5;		
	}	
	.education-item1 {
		width:60%;
		top:8%;
		left:28%;
		z-index:4;
	}	
	.education-item2 {
		width:60%;
		top:25%;
		left:28%;
		right:0;
		z-index:4;
	}		
	.education-item3 {
		width:60%;
		top:45%;
		left:28%;
		z-index:4;
	}
	.education-item4 {
		width:60%;
		top:68%;
		left:28%;
		right:0;
		z-index:4;
	}	
	.pairing-section .background {
		height:580px;
		background-position:right bottom;
	}		
	.pairing-section .content {
		top:4%;
	}	
}

@media (max-width:768px){	
	.streaming-section .content {
		width:80%;
		margin:auto;
		padding-left:0;
	}	
	.streaming-section .image .video {
		margin-bottom:10px;
	}
	.pairing-section {
		position:relative;	
		padding-top:60px;
		background:#e8e8e8;	
	}		
	.pairing-section .background {
		display:none;
	}	
	.pairing-section .content {
		position:relative;
		top:0;
		right:0;
		width:80%;
		margin:0 auto;	
	}	
	.pairing-section .image {
		display:block;
		margin-top:20px;
		height:45vw;
		background:url(/library/assets/products/pla6457/pla6457_03_plug_and_play.jpg);
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:cover;				
	}
	.passthrough-section .content {
		width:80%;
		padding-left:0;
		margin:0 auto;
	}
	.passthrough-section .image {
		padding-top:20px;
	}	
	.speed-section .content {
		width:80%;
		padding-left:0;
		padding-right:0;
		margin:0 auto;		
	}	
	.speed-section .content .text {
		margin-left:0;
	}	
	.speed-section .video .pc {
		display:none;
	}
	.speed-section .video .mobile {
		display:block;
	}		
}	

@media (max-width:650px){
	.features-canvas {
		height:700px;
	}
	.features-card .card {
		height:350px;
	}
}

@media (max-width:600px){	
	.banner-canvas{
		height:500px;
		background:url('/library/assets/products/pla6457/pla6457_00_banner_640x500.jpg');		
		background-position:center center;	
		background-size:cover;
		background-repeat:no-repeat;
	}
	.top-header-content {
		width:48%;
		top:15%;		
		left:47%;		
	}	
	/* .features-down {
		margin-left:30%;
	}		 */
	.education-item4 {
		top:70%;
	}	
}	

@media (max-width:550px){
	h1 .subtitle {
		font-size:28px;
	}		
}

@media (max-width:500px){
	.top-header-content {
		text-align:center;
		left:42%;			
	}	
	h1 .subtitle {
		font-size:26px;
	}	
	.education-canvas {
		height:1700px;
	}	
	.education-model {
		height:1350px;
	}	
	.education-item1 {
		width:57%;
		left:32%;
	}
	.education-item2 {
		width:57%;
		left:32%;
	}
	.education-item3 {
		width:57%;
		left:32%;
	}
	.education-item4 {
		width:57%;
		left:32%;
	}	
}	

@media (max-width:450px){
	.banner-canvas {
		height:430px;
	}	
	h1 .heading-title {
		font-size:36px;		
	}	
	h1 .subtitle {
		font-size:24px;		
	}
	.features-text h3 {
		font-size:20px !important;
	}
	/* .features-down {
		margin-left:25%;
	}	 */
}

@media (max-width:420px) {
	h1 .subtitle {
		font-size:22px;		
	}		
	.education-canvas {
		height:2000px;
	}
	.education-model {
		height:1600px;
	}	
	.education-item1 {
		width:55%;
		left:38%;
	}	
	.education-item2 {
		width:55%;
		left:38%;
	}
	.education-item3 {
		width:55%;
		left:38%;
	}
	.education-item4 {
		width:55%;
		left:38%;
	}
}

@media (max-width:400px) {
	.banner-canvas {
		height:410px;
	}
	h1 .subtitle {
		font-size:20px;
	}	
	.features-text h3 {
		font-size:18px !important;
	}	
	/* .features-down {
		margin-left:21%;
	}		 */
	.streaming-section .content h2 {
		font-size:32px;
	}
	.pairing-section .content h2 {
		font-size:32px;
	}
	.passthrough-section .content h2 {
		font-size:32px;
	}	
	.standby-section .background .content .text h2 {	
		font-size:32px;
	}
	.diagram-section .content .text h2 {
		font-size:32px;
	}	
}

@media (max-width:360px) {
	h1 .heading-title {
		font-size:34px;
	}	
	h1 .subtitle {
		font-size:19px;
	}	
	#setup {
		margin-top:-350px;
		height:350px;
	}
}

@media (max-width:325px) {
	.banner-canvas {
		height:340px;
	}
	.top-header-content {
		top:20%;
	}	
	h1 .heading-title {
		font-size:30px;		
	}
	h1 .subtitle {
		font-size:17px;
	}	
	.features-text h3 {
		font-size:16px !important;
	}
	/* .features-down {
		margin-left:17%;
	}	 */
	.education-canvas {
		height:2500px;
	}	
	.education-model {
		height:2000px;
		top:3%;
		left:5%;
	}	
	.education-item1 {
		top:5%;
	}
	.education-item2 {
		top:22%;
	}	
	.education-item3 {
		top:42%;
	}	
	.education-item4 {
		top:66%;
	}	
	.streaming-section .content h2 {
		font-size:28px;
	}	
	.pairing-section .content h2 {
		font-size:28px;
	}	
	.passthrough-section .content h2 {
		font-size:28px;
	}	
	.standby-section .background .content .text h2 {	
		font-size:28px;
	}
	.diagram-section .content .text h2 {
		font-size:28px;
	}	
}

@media (min-width:992px) {
	.standby-section .background {
		height:65vw;
	}	
}

@media (min-width:1200px) {
	.standby-section .background {
		height:50vw;
	}
}

@media (min-width:1024px) {
	.top-header-content span {
		display:block;
	}	
}	
/* End RWD */

/* 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;
}

/* Additions */
.container.maxwid {
	max-width: 1320px;
}