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-30w/banner_PoE12-30W_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: 15%;
    }

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

    .banner .area .text p {
        font-size: 28px;
    }
}


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

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

.NetworkSpeed {
    position: relative;
    overflow: hidden;
    height: 650px;
    background: url('/library/assets/products/poe12-30w/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-30w/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 {
    background: linear-gradient(to right, #ffe7cd 80%, #fff 10%);
    padding-left: 50px;
}

.table .color60w {
    padding-left: 50px;
}

.table-hover>tbody>tr:hover {
    background-color: #fff;
}

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

    .table .color60w {
        padding-left: 30px;
    }
}

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

.LearnMore {
    text-align: right;
    padding-right: 9%;
}

@media screen and (max-width: 991px) {
    .LearnMore {
        padding-right: 5%;
        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;
}