h1{font-size:36px;} h2 {font-size:32px;}h3 {font-size:30px;}h4 {font-size:28px;}h5 {font-size:26px;}h6 {font-size:24px;}p {font-size:18px;}

.product-page .deck-wrapper .section-navigation .navbar-brand h2{color: #fff;}
.deck-wrapper .section-navigation .navbar-default {background: linear-gradient(to right, #ff8900 50%, #ff8900 100%);}
.deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a{color: #fff;}
.deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a:hover,
.deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a:active,
.deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a:focus{color: #000!important;}

.specimg{
width: 300px!important;
text-align: center;
margin: 0 auto;
}


.banner{
	position:relative;
	overflow:hidden;
	height:70vw; 
	background:url('/library/assets/products/poe12-60w/banner_PoE12-60W_1920x800.jpg'); 
	background-repeat:no-repeat;
	background-size:cover; 
	background-position:center bottom;	
}

.banner .area{
	display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 5%;
    align-items: flex-end;
    height: 100%;
}

.banner .area .text h2{
	font-size: 24px;
}

@media (min-width: 765px) {
.banner{
	height:50vw; 
}
.banner .area{
    padding-right: 12%;
}
.banner .area .text h2{
	font-size: 48px;
}
.banner .area .text p{
	font-size: 28px;
}
}


@media (min-width: 1300px) {
.banner{
	height:40vw; 
}
}


@media (max-width: 350px) {
.banner .area .text{
	margin-right: -10px;
}
}

.NetworkSpeed{
	position:relative;
	overflow:hidden;
	height:600px; 
	background:url('/library/assets/products/poe12-60w/NetworkSpeed.jpg'); 
	background-repeat:no-repeat;
	background-size:cover; 
	background-position:left center;	
}

.NetworkSpeed_Area{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.NetworkSpeed_Text{
	padding: 5%;
}

@media (min-width: 765px) {
.NetworkSpeed{
	height:750px; 
}
}

@media (min-width: 1020px) {
.NetworkSpeed{
	height:550px; 
}
.NetworkSpeed_Area{
    flex-direction: row;
	align-items: normal;
}
.NetworkSpeed_Text{
	width: 60%;
}
}

@media (min-width: 1500px) {
.NetworkSpeed{
	height:600px; 
}
.NetworkSpeed_Text{
	padding: 5% 10%;
}
}



.PoE{
	position:relative;
	overflow:hidden;
	height:40vw; 
	background:url('/library/assets/products/poe12-60w/PoE.jpg'); 
	background-repeat:no-repeat;
	background-size:cover; 
	background-position:center bottom;	
}

.Textarea{background-color: #dadcdb;}

.Textarea .area{
	display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10%;
    align-items: center;
    height: 100%;
}


@media (min-width: 1020px) {
.Textarea .area {
    display: block;
    padding: 5%;
    position: absolute;
    width: 50%;
    color: #000;
    z-index: 20;
	height: auto;
}
}


@media (min-width: 1500px){
.Textarea .area {
    padding: 5% 10%;
    width: 45%;
}
}


.Play—Ease{
	background-color:#eae0d7;
}

.Play—Ease_Area {
	display: flex;
    flex-direction: column;
}

.Play—Ease_Text{
	text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;
}

.Play—Ease_Image ul{
	list-style:none;
	padding-left: 0px;
}

.Play—Ease_Image ul li{
	padding-bottom: 30px;
}


@media (min-width: 1020px) {
.Play—Ease_Text{
	width:75%;
}
.Play—Ease_Image{
	display: flex;
    flex-direction: row;
    align-items: center;
}
.Play—Ease_Image ul{
    display: inline-flex;
    justify-content: space-between;
}
.Play—Ease_Image ul li{
	width:48%;
}
}

.PoEInjectorOptions{background: linear-gradient(to bottom, #ffe7cd 0%, #fff 5%);}
.PoEInjectorOptions ul {margin-left: -20px;}
.PoEInjector {width:120px!important;}
.table .color30w{padding-left: 50px;}
.table .color60w{background: linear-gradient(to right, #ffe7cd 80%, #fff 10%);padding-left: 50px;}
.table-hover>tbody>tr:hover {
    background-color: #fff;
}

@media (max-width: 991px) {
.table .color30w{padding-left: 30px;}
.table .color60w{background: linear-gradient(to right, #ffe7cd 50%, #ffe7cd 100%); padding-left: 30px;}
}

@media screen and (max-width: 768px){
.table-responsive {
    border: none;
}
}

.LearnMore{
   padding-left: 40%;
}

@media screen and (max-width: 991px){
.LearnMore {
    padding-top: 2%;
}
}

@media screen and (max-width: 450px){
.LearnMore {
	display:none;
}
}

.Diagram{
	width:90%!important;
	margin:0 auto;
}

.specifications-container .table.table-specifications tr th {
	height: 45px;
}
.pull-right {
    float: right!important;
    /* padding-bottom: 50px; */
}
.specifications-container.non-freeze .table.table-specifications tr.accordion-toggle td:before{color:#000;}
.table-bordered>tbody>tr>td{text-align:center;}
.table-bordered>tbody>tr>td:first-child{text-align:left;}
.specifications-container.non-freeze .table.table-specifications, .specifications-container .table.table-specifications.fixedCol, .specifications-container.non-freeze .table.table-specifications tr.accordion-toggle td, .specifications-container .table.table-specifications tr th:first-child, .specifications-container.non-freeze .table.table-specifications tr td:first-child{background:#fff; color:#000;}
.specifications-container.non-freeze .table.table-specifications tr td:first-child, .specifications-container.non-freeze .table.table-specifications tr th:first-child{border-right:none; border-left:none;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th, .specifications-container .table.table-specifications tr.accordion-toggle td, .specifications-container.non-freeze .table-header, .specifications-container.non-freeze .table-scroller{border:1px solid #fff;}
.specifications-container .table-scroller, .specifications-container .table-header{border-right:none;}
.specifications-container .table.table-specifications tr.accordion-toggle td{border-bottom:1px solid #000;}
.specifications-container .table.table-specifications tr th{border-bottom:1px solid #000;}
.specifications-container .table.table-specifications ul{text-align:left;}
.table-bordered{border:none;}
.specifications-container .table.table-specifications tr th a, .specifications-container .table.table-specifications tr th a:hover, .specifications-container .table.table-specifications tr th a:active{color:#000; text-decoration: none;}

.PoEInjectorOptions .table thead>tr>th {
    color: #ff8900;
}

.PoEInjectorOptions .panel-default {
    border-top: none !important;
    border-bottom: none !important;
}

.PoEInjectorOptions .text-color, .text-color:hover{
    color: #ff8900;
}

.PoEInjectorOptions .table>tbody {
    border-bottom: 1px solid #ff8900;
}

.PoEInjectorOptions .table>thead {
    border-top: none !important;
    border-bottom: 1px solid #ff8900;
    border-right: 0;
    border-left: 0;
}

.page-node-type-product .PoEInjectorOptions .btn.btn-lg {
    background: #ff8900;
}

.page-node-type-product .PoEInjectorOptions .btn.btn-lg:hover {
    background: #cd6e00;
}

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

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

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

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