/*******************************************/
/**     Scroll Top Buttom    (ini)        **/
/*******************************************/
.scroll-top-btn {
    position: fixed;
    z-index: 999;
    bottom: calc(10% + 1vw);
    right: calc(1% + 1vw);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 0, 1);
    color: black;
    cursor: pointer;
    outline: 0;
    border: 0;
    transition: all 0.3s ease-out;
}

.scroll-top-btn:hover {
    background-color: #9e8921;
    color: white;
}

.hidden {
    visibility: hidden;
    opacity: 0;
}

/*******************************************/
/**      Scroll Top Buttom  (end)         **/
/*******************************************/

.wind-img {
    /*border: red solid 2px;*/
    width: 15%;
}

.four-img {
    width: 25%;
    position: relative;
    /*border: red solid 2px;*/
}

.inspection-img {
    width: 100vw;
}

.inspection-img img {
    width: 60%;
    margin: -4rem 0 0 3rem;
}

.footer {
    position: relative;
}

.div-uno {
    /*background-color: yellow;*/
    margin-bottom: 1.2rem;
}

.aside-title, .aside-title-full {
    width: 100%;
    margin: 4.5rem auto;
    background-color: #9e8921;
    display: block;
    line-height: 3rem;
    color: white;
    font-weight: normal;
    font-size: 1.3rem;
}

.div-uno .aside-title {
    background-color: white;
    width: 60%;
    margin-top: 2rem;
    color: #9e8921;
    border-bottom: #9e8921 solid 1.2px;
    line-height: 1.5rem;
}

.main-article-div-dl-uno {
    padding: 0 1rem;
    text-align: justify;
    margin-bottom: .8rem;
    font-size: 1rem;
    line-height: 1.3rem;
}

.main-article-div-dl-unoA {
    margin: 0 1rem;
    /*background-color: gray;*/
    line-height: 1.3rem;
}

.main-article-div-dl-unoA ul {
    width: 80%;
    margin-left: 2rem;
}

.main-article-div-dl-fh ul li,
.main-article-div-dl-unoA ul li {
    list-style: initial;
}

.main-article-div-dl-fh {
    padding: 0 1rem;
    font-size: 1rem;
    /*background-color: yellow;*/
    line-height: 1.3rem;
}

.main-article-div-dl-fh ul {
    margin: 0 0 0 1.5rem;
    /*background-color: greenyellow;*/
    width: 90%;
    line-height: 1.3rem;
}

.main-article-div-dl {
    padding: 0 1rem;
    text-align: justify;
    margin-bottom: .8rem;
    font-size: .9rem;
    line-height: 1.3rem;
}

.div-full-house {
    /*background-color: red;*/
}

.p-fh {
    /*background-color: yellow;*/
    margin-top: -3rem
}

.aside-title-full {
    text-align: center;
    width: 110%;
    margin-left: -1rem;
}

.div-wind {
    /*background-color: #ff253a;*/
}

.div-w-img img {
    float: left;
    margin-right: .7rem;
}

.dd-wind {
    /*background-color: yellow;*/
    margin-top: -3rem;
}

.div-four {
    margin-top: -3rem;
    /*background-color: green;*/
}

.dd-four {
    margin-top: -3rem;
}

.div-four img {
    left: -1rem;
    float: left;
    margin-right: -1rem;
}

.div-lang {
    background-color: transparent;
    width: 4rem;
    height: 5rem;
    position: absolute;
    right: .51%;
    line-height: 1.2rem;
    top: 0;
}

.main-article-div-dl-title {
    color: navy;
    text-align: left;
    display: block;
    font-weight: bold;
}

.div-four .main-article-div-dl-4p {
    /*background-color: yellow;*/
    margin: 0 5%;
    line-height: 1.3rem;
    text-align: justify;
    font-size: .9rem;
}

/*************************************************/
/*                   Laptop                */
/*************************************************/
@media (min-width: 1024px) and (max-width: 2024px) {
    .div-uno {
        /*background-color: #5993cd;*/
        position: relative;
        height: 45vh;
    }

    .inspection-img {
        width: 45vw;
        margin-right: -20rem;
    }

    .inspection-img img {
        width: 50%;
        /*border: red solid 5px;*/
    }

    .main-article-div-dl-uno {
        width: 50%;
        /*border: white solid 3px;*/
        margin-left: 30%;
        margin-top: -18%;
        /*background-color: #9e8921;*/
        height: 80%;
        text-align: justify;
    }

    .main-article-div-dl-uno .insp {
        line-height: 1.5rem;
        /*background-color: yellow;*/
    }

    .main-article-div-dl-unoA {
        width: 48%;
        margin-left: 31%;
        margin-top: -10%;
        /*background-color: gray;*/
        line-height: 1.4rem;
    }
    
    .main-article-div-dl-unoA .main-article-div-dl-title {
        /*background-color: yellow;*/
        line-height: 1.5rem;
        margin: 1.5rem 0;
    }


    .div-uno .aside-title {
        width: 50%;
        margin-right: 20%;
        line-height: 2.5rem;
    }

    .main-article-div-dl-title {
        font-size: 1.2rem;
        margin: .5rem 0;
    }

    .div-full-house {
        /*background-color: #ff253a;*/
        width: 100%;
    }

    .div-wind-info {
        /*background-color: yellow;*/
        width: 100%;
        padding: 0 4%;
    }

    .alinea-text {
        /*background-color: greenyellow;*/
        margin-left: 18.5%;
        width: 70%;
    }

    .div-w-img img {
        margin-right: 3rem;
    }

    .dd-four {
        /*background-color: yellow;*/
        width: 65%;
        margin: -3% 0 0 24%
    }

    .dd-4p {
        /*background-color: #4f7bab;*/
        width: 65%;
        margin: 0 0 0 24%
    }

    .div-four .main-article-div-dl-4p {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .aside-title-full {
        width: 99vw;
        margin-left: -15rem;
    }

    .main-article-div-dl-fh {
        padding: 0 15rem;
        font-size: 1rem;
        /*background-color: yellow;*/
        height: 55vh;
    }

    .main-article-div-dl-fh ul {
        margin: 0 5rem;
        /*background-color: yellow;*/
        line-height: 1.3rem;
    }

    .footer {
        top: calc(420% + 5vw);
        width: 100vw;
        border-top: solid .51rem #9e8921;
        position: absolute;
    }
}