h3 {
    font-size: 36px;
}

p {
    font-size: 18px;
}

.deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a.btn-buy {
    margin-top: 0px;
}

.filter-holder {
    display: none;
}

.texthr {
    border-bottom: 2px solid #ff8901;
}

.deck-wrapper .section-content {
    padding-bottom: 0px;
}

.deck-wrapper .section-features.section-filter-result {
    padding: 20px 0;
    min-height: inherit
}

.category-page .deck-wrapper h2.section-title {
    margin-bottom: 30px;
    font-size: 30px;
    text-transform: none
}

.category-content {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.deck-wrapper .carousel-inner a:hover h4 {
    color: #ff8900;
}

.das-bg-orange {
    background-color: #ffe7cd;
    height: 200px;
    width: 100%;
}

.das-banner {
    background: url('/library/assets/products/cat5e-active-das/das_banner_desktop.jpg') no-repeat top center;
    height: 700px;
    background-size: cover;
    position: relative;
}

.das-banner-box {
    display: none;
}

.zone-das-product {
    background: url(/library/assets/products/cat5e-active-das/ZoneDAS.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0%;
    bottom: -30%;
}

.WhyZoneDAS {
    padding-top: 62px;
}

.Why-border-bottom {
    border-top: 2px solid #ff8901;
    width: 45%;
}

.Why-border-bottom-gray {
    border-top: 2px solid #dadada;
    width: 40%;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.ZoneDAS-text {
    text-align: center;
    width: 75%;
    margin: 0 auto;
}

.ZoneDAS-desktop-section {
    display: block;
}

.ZoneDAS-mobile-section {
    display: none;
}

.ZoneDAS-section .Zyxel-ZoneDAS-section {
    display: flex;
    justify-content: center;
    height: 70px;
    padding-top: 20px;
}

.ZoneDAS-section .Zyxel-ZoneDAS-section span,
.ZoneDAS-section .Zyxel-ZoneDAS-section .switch {
    display: inline-block;
    vertical-align: top;
}

.ZoneDAS-section .Zyxel-ZoneDAS-section .switch {
    position: relative;
    width: 60px;
    height: 34px;
    margin: 0 2%;
}

.ZoneDAS-section .Zyxel-ZoneDAS-section .switch input {
    display: none;
}

.ZoneDAS-section .Zyxel-ZoneDAS-section .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ef8903;
    -webkit-transition: .4s;
    transition: .4s;
}

.ZoneDAS-section .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

.ZoneDAS-section input:checked+.slider {
    background-color: #dadada;
}

.ZoneDAS-section input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.ZoneDAS-section .slider.round {
    border-radius: 34px;
}

.ZoneDAS-section .slider.round:before {
    border-radius: 50%;
}

.ZoneDAS-section .Zyxel-ZoneDAS-section span {
    font-size: 26px;
}

.ZoneDAS-image-canvas {
    position: relative;
    background: url(/library/assets/products/cat5e-active-das/iceberg_zyxel.jpg) no-repeat center center;
    height: 600px;
    background-size: cover;
    overflow: hidden;
}

.Passive-ZoneDAS-image-canvas {
    position: relative;
    /*  height: auto; */
    background: url(/library/assets/products/cat5e-active-das/iceberg_other.jpg) no-repeat center center;
    height: 600px;
    background-size: cover;
    overflow: hidden;
}

.ZoneDAS-image {
    position: relative;
    width: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}

.switch-ZoneDAS-Text-Device {
    position: absolute;
    width: 20%;
    left: 23%;
    top: 20%;
    text-align: center;
}

.switch-ZoneDAS-Text-Device span {
    padding-bottom: 20px;
}

.switch-ZoneDAS-Text-Project {
    position: absolute;
    width: 60%;
    right: -5%;
    top: 15%;
}

.Project {
    padding-top: 20px;
    font-size: 18px;
}

.Passive-ZoneDAS-Text-Device {
    position: absolute;
    width: 20%;
    left: 18%;
    top: 20%;
    text-align: center;
}

.Text-Device {
    line-height: 2.0em;
}

.Contact-us-button {
    padding-top: 10px;
}

/* Supreme Voice and data quality for all size venues */
.Supreme-Voice-and-data-quality {
    padding-top: 62px;
}

.Supreme-Voice-and-data-quality-content {
    width: 100%;
}

.data-quality-font {
    font-size: 126px;
    text-align: center;
}

.data-quality-bg {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
}

.data-quality-Show-Rooms {
    position: absolute;
    left: 30%;
    top: 25%;
}

.data-quality-Show-Rooms-text,
.data-quality-SMB-text,
.data-quality-Office-text,
.data-quality-Hotels-text {
    position: absolute;
    width: 30%;
    bottom: 5%;
    left: 20%;
}

.data-quality-SMB,
.data-quality-Office,
.data-quality-Hotels {
    position: absolute;
    left: 30%;
    top: 10%;
}

.data-quality-Show-Rooms-bg {
    background: url(/library/assets/products/cat5e-active-das/Supreme-Voice-and-data-quality_1.jpg) no-repeat center center;
    height: 700px;
    background-size: cover;
    position: relative;
}

.data-quality-Show-Rooms-image {
    background: url(/library/assets/products/cat5e-active-das/Show-Rooms-products.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    width: 65%;
    height: 45%;
    left: 30%;
    bottom: 0%;
}

.data-quality-SMB-bg {
    background: url(/library/assets/products/cat5e-active-das/Supreme-Voice-and-data-quality_2.jpg) no-repeat center center;
    height: 700px;
    background-size: cover;
    position: relative;
}

.data-quality-SMB-image {
    background: url(/library/assets/products/cat5e-active-das/SMB-products.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    width: 65%;
    height: 45%;
    left: 30%;
    bottom: 0%;
}

.data-quality-Office-bg {
    background: url(/library/assets/products/cat5e-active-das/Supreme-Voice-and-data-quality_3.jpg) no-repeat center center;
    height: 700px;
    background-size: cover;
    position: relative;
}

.data-quality-Office-image {
    background: url(/library/assets/products/cat5e-active-das/Office-products.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    width: 65%;
    height: 45%;
    left: 30%;
    bottom: 0%;
}

.data-quality-Hotels-bg {
    background: url(/library/assets/products/cat5e-active-das/Supreme-Voice-and-data-quality_4.jpg) no-repeat center center;
    height: 700px;
    background-size: cover;
    position: relative;
}

.data-quality-Hotels-image {
    background: url(/library/assets/products/cat5e-active-das/Hotels-products.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    width: 65%;
    height: 45%;
    left: 30%;
    bottom: 0%;
}


.tab {
    overflow: hidden;
    padding-left: 0px;
    text-align: center;
    margin: 0 auto;
    width: 80%;
}

.tab button {
    background-color: #fff;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 16px;
    transition: 0.3s;
    font-size: 17px;
    border-bottom: 2px solid #dadada;
    width: 25%;
    font-size: 20px;
}

.tab button:hover {}

.tab button.active {
    border-bottom: 2px solid #ff8901;
}

.tabcontent {
    display: none;
    border-top: none;
}


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


@media screen and (max-width: 991px) {
    .tab button {
        width: 25%;
    }
}

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

    .tab button {
        width: 50%;
    }
}

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

    .tab button {
        width: 60%;
        float: none;
    }
}


@media screen and (max-width: 1601px) {
    .Why-border-bottom {
        width: 55%;
    }

    .Why-border-bottom-gray {
        width: 50%;
    }

    .das-banner {
        height: 600px;
    }

    .switch-ZoneDAS-Text-Device {
        left: 21%;
    }

    .Passive-ZoneDAS-Text-Device {
        left: 16%;
    }

    .data-quality-Show-Rooms,
    .data-quality-SMB,
    .data-quality-Office,
    .data-quality-Hotels {
        left: 25%;
    }
}

@media screen and (max-width: 1440px) {
    .Why-border-bottom {
        width: 65%;
    }

    .Why-border-bottom-gray {
        width: 60%;
    }

    .ZoneDAS-image-canvas {
        height: 450px;
    }

    .Passive-ZoneDAS-image-canvas {
        height: 450px;
    }

    .switch-ZoneDAS-Text-Device {
        left: 22%;
        top: 15%;
    }

    .switch-ZoneDAS-Text-Project {
        top: 10%;
    }

    .Passive-ZoneDAS-Text-Device {
        left: 18%;
    }

    .data-quality-Show-Rooms,
    .data-quality-SMB,
    .data-quality-Office,
    .data-quality-Hotels {
        left: 20%;
    }
}

@media screen and (max-width: 1300px) {

    .data-quality-Show-Rooms,
    .data-quality-SMB,
    .data-quality-Office,
    .data-quality-Hotels {
        left: 20%;
    }
}

@media screen and (max-width: 1025px) {
    .Why-border-bottom {
        width: 85%;
    }

    .Why-border-bottom-gray {
        width: 80%;
    }

    .das-banner {
        height: 500px;
    }

    .Passive-ZoneDAS-Text-Device {
        left: 12%;
    }

    .switch-ZoneDAS-Text-Device {
        left: 18%;
    }

    .data-quality-Show-Rooms h2,
    .data-quality-SMB h2,
    .data-quality-Office h2,
    .data-quality-Hotels h2 {
        font-size: 96px;
    }

    .data-quality-Show-Rooms-text,
    .data-quality-SMB-text,
    .data-quality-Office-text,
    .data-quality-Hotels-text {
        width: 40%;
        left: 10%;
    }
}


@media screen and (max-width: 991px) {
    .ZoneDAS-image-canvas {
        height: 500px;
    }

    .Passive-ZoneDAS-image-canvas {
        height: 500px;
    }

    .switch-ZoneDAS-Text-Project {
        right: 0%;
    }

    .switch-ZoneDAS-Text-Device {
        left: 15%;
    }

    .Passive-ZoneDAS-Text-Device {
        left: 8%;
    }

    .data-quality-Show-Rooms h2,
    .data-quality-SMB h2,
    .data-quality-Office h2,
    .data-quality-Hotels h2 {
        font-size: 86px;
    }
}


@media screen and (max-width: 800px) {
    .das-banner {
        background: url('/library/assets/products/cat5e-active-das/das_banner_mobile.jpg') no-repeat center center;
        height: 500px;
        background-size: cover;
        position: relative;
    }

    .das-banner-box {
        display: block;
        position: absolute;
        left: 10%;
        top: 10%;
        width: 95%;
    }

    .bannerTitle {
        font-size: 56px;
        color: #ff8901;
    }

    .bannerTitle span {
        font-size: 76px;
        color: #ff8901;
    }

    .ZoneDAS-image-canvas {
        height: 400px;
    }

    .Passive-ZoneDAS-image-canvas {
        height: 400px;
    }

    .switch-ZoneDAS-Text-Device {
        left: 10%;
    }

    .data-quality-Show-Rooms,
    .data-quality-SMB,
    .data-quality-Office,
    .data-quality-Hotels {
        left: 15%;
    }

    .data-quality-Show-Rooms-text,
    .data-quality-SMB-text,
    .data-quality-Office-text,
    .data-quality-Hotels-text {
        width: 80%;
        left: 5%;
    }
}

@media screen and (max-width: 450px) {
    .das-bg-orange {
        background-color: #ffe7cd;
        height: 100px;
        width: 100%;
    }

    .bannerTitle {
        font-size: 36px;
    }

    .bannerTitle span {
        font-size: 56px;
    }

    .das-banner {
        height: 300px;
    }

    .das-banner-box {
        width: 100%;
    }

    .ZoneDAS-desktop-section {
        display: none;
    }

    .ZoneDAS-mobile-section {
        display: block;
    }

    .data-quality-Show-Rooms h2,
    .data-quality-SMB h2,
    .data-quality-Office h2,
    .data-quality-Hotels h2 {
        font-size: 50px;
    }

    .data-quality-Show-Rooms-bg,
    .data-quality-SMB-bg,
    .data-quality-Office-bg,
    .data-quality-Hotels-bg {
        height: 350px;
    }

    .data-quality-Show-Rooms,
    .data-quality-SMB,
    .data-quality-Office,
    .data-quality-Hotels {
        left: 5%;
        top: 15%;
    }
}

@media screen and (max-width: 350px) {

    .data-quality-Show-Rooms h2,
    .data-quality-SMB h2,
    .data-quality-Office h2,
    .data-quality-Hotels h2 {
        font-size: 40px;
    }
}

.specifications-container .table.table-specifications tr th {
    height: 45px;
    background-color: #f4f4f4;
}

.specifications-container.non-freeze .table.table-specifications tr th:first-child {
    background-color: #f4f4f4;
}


/* Remote Unit and Expansion Kits */
.Remote {
    width: 80%;
    margin: 0 auto;
}

.hr-spec-bottom {
    margin-top: 10px;
    border-top: 2px solid #ffe7cb;
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

.Remote-Unit-and-Expansion-Kits-content {
    width: 100%;
}

.RemoteUnit {
    padding: 60px 0px;
}

.RemoteUnit ul {
    word-break: break-word;
}

.Remotetab {
    overflow: hidden;
    padding-left: 0px;
    text-align: center;
    margin: 0 auto;
    width: 80%;
}

.Remotetab button {
    background-color: #fff;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 16px;
    transition: 0.3s;
    font-size: 17px;
    border-bottom: 2px solid #dadada;
    width: 33%;
    font-size: 20px;
}

.Remotetab button:hover {}

.Remotetab button.active {
    border-bottom: 2px solid #ff8901;
}

.tabcontent {
    display: none;
    border-top: none;
}


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

@media screen and (max-width: 991px) {
    .spec-mobile {
        margin-top: 160px;
    }
}


@media screen and (max-width: 800px) {
    .spec-mobile {
        margin-top: 0px;
    }
}


@media screen and (max-width: 450px) {
    .RemoteUnit {
        padding: 0px;
    }

    .Remotetab {
        width: 90%;
    }

    .Remotetab button {
        width: 50%;
    }
}

@media screen and (max-width: 360px) {
    .Remote {
        width: 100%;
        margin: 0 auto;
    }

    .Remotetab {
        width: 100%;
    }

    .Remotetab button {
        width: 60%;
        float: none;
    }
}

#photo-accessory h6 {
    padding-top: 50px;
}

.accessory-section {
    display: flex;
    flex-direction: row;
}

.accessory-area {
    margin-right: 15px;
}

.accessory-area img {
    width: 300px !important;
}

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

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

.btn {
    padding: 0 20px;
}

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