.portfolio-box {
}

.inner-portfolio-box {
    border: solid 1px red;
}

.tab-btn {
    background-color: lightgrey;
    border-radius: 5px 5px 0px 0px;
    height: 40px;
    font-size: 16px;
    color: grey;
}

    .tab-btn.active {
        background-color: grey;
        color: black;
    }

.portfolio-door {
    margin-right: 5px;
}

.portfolio-section {
    margin-bottom: 30px;
}

.m5-warr-ul li {
    line-height: 16px;
}


.warranty-box {
    position: relative;
    /*background-color:lightgrey;*/
    width: 500px;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    background-color: white;
    border-top: 1px solid gray;
}

    .warranty-box img {
        margin: 0 auto;
        display: block;
        padding: 10px;
    }

.inner-warranty-box {
    position: relative;
    background-color: white;
    padding: 10px;
}

    .inner-warranty-box li {
        color: red;
        font-size: 14px;
        line-height: 18px;
    }

        .inner-warranty-box li span {
            color: black;
        }

.tabs-warranty-box {
    position: absolute;
    height: 238px;
    width: 200px;
    top: -1px;
    left: -200px;
}

#warranty-img {
}

.florida-rider {
    background-color: grey;
    color: white;
    padding: 20px 40px;
    margin-top: 20px;
    font-size: 14px;
    width: 500px;
}

    .florida-rider h4 {
        color: white !important;
        font-weight: bold !important;
        text-transform: none !important;
        margin-top: 0 !important;
        font-size: 16px !important;
    }

.warr-logo {
    position: relative;
}

    .warr-logo span {
        margin-top: 27px;
        position: absolute;
    }


.inner-warranty-box.left {
    float: left;
    width: 137px;
    position: relative;
    margin-top: 3px;
    /* clear: both; */
}

.inner-warranty-box.right {
    float: right;
    /* clear: both; */
    width: 346px;
    /* height: 200px; */
    margin-top: 11px;
}

.m6-warr {
    width: 425px;
    display: inline;
    float: left;
    margin-bottom: 50px;
    left: 125px;
}

.m6-energ {
    width: 250px;
    display: inline;
    float: right;
    margin-bottom: 50px;
    right: 95px;
}

.m6-image-placeholder {
    width: 367px;
    height: 793px;
    position: relative;
    float: left;
}

.a-red-dot[data-id="1"] {
    right: 25px;
    top: 35px;
}

.a-red-dot[data-id="2"] {
    right: 65px;
    top: 150px;
}

.a-red-dot[data-id="3"] {
    right: 325px;
    top: 250px;
}

.a-red-dot[data-id="4"] {
    right: 173px;
    top: 280px;
}

.a-red-dot[data-id="5"] {
    right: 65px;
    top: 280px;
}

.a-red-dot[data-id="6"] {
    right: 274px;
    top: 365px;
}


.a-red-dot[data-id="7"] {
    left: 20px;
    top: 420px;
}

.a_popup[data-id='1'] {
    margin-top: 0px;
}

.a_popup[data-id='2'] {
    margin-top: 100px;
}

.a_popup[data-id='3'] {
    margin-top: 0px;
}

.a_popup[data-id='4'] {
    margin-top: 246px;
}

.a_popup[data-id='5'] {
    margin-top: 206px;
}

.a_popup[data-id='6'] {
    margin-top: 320px;
}

.a_popup[data-id='7'] {
    margin-top: 163px;
}


#education-center-body .education-center-nav li.fiber a {
    width: 220px;
}


#energy-img {
    margin-top: 37px;
}