.banner {
    background-color: #f3f3f3;
    border: 0px solid;
    border-top-left-radius: 2em;
    border-bottom-right-radius: 2em;
    overflow: hidden;
}

.round-left {
    border: 0px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    overflow: hidden;
}

.round-right {
    border: 0px solid;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    overflow: hidden;
}

.all-round {
    border: 0px solid;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    overflow: hidden;
}

.all-right-round {
    border: 0px solid;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    overflow: hidden;

}

.all-left-round {
    border: 0px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    overflow: hidden;

}

.right-pointer {
    border: 0px solid;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    overflow: hidden;
}

.img-left {
    background-size:cover;
    background-repeat: no-repeat;
    background-position:50% 70%;
    margin-left:-15px;
    height: 400px;
}

.img-center {
    background-size:cover;
    background-repeat: no-repeat;
    background-position:50% 70%;
    height: 400px;
}

.img-left2 {
    background-size:cover;
    background-repeat: no-repeat;
    background-position:50% 70%;
    margin-left:0px;
    height: 400px;
}

.img-right {
    background-size:cover;
    background-repeat: no-repeat;
    background-position:50% 70%;
    margin-left:15px;
    height: 400px;
}

.img-right2 {
    background-size:cover;
    background-repeat: no-repeat;
    background-position:50% 70%;
    margin-left:0px;
    height: 400px;
}

#area .btn.btn-primary {
    background-color: #c00017 !important;
    width: 250px !important;
    height: 50px !important;
    border: 0px !important;
    border-radius: 7px !important;
    padding-top: 15px !important;
    padding-left: 20px;
    text-align: left;
}

#area a.btn.btn-primary {
    text-transform: uppercase !important;
    font-weight: 600 !important;

}

#area a.btn.btn-primary span {
    margin-left: 40px;
    font-weight: 300;
    float:right;
    padding-right:15px;

}

.references th, .references .ref
{
    font-weight: inherit !important;
}

.references td
{
    font-weight: bold;
}

.table > tbody > tr > td
{
    vertical-align: middle;
    border-color: #000 !important;
}

.table.references > thead > tr > th, .table.references > tbody > tr > td
{
    padding-left: 20px !important;
}

.table > thead > tr > th
{
    border-bottom: 2px solid #000 !important;
}

#area p {
    font-size: 12px;
}

#area table
{
    border-bottom: 2px solid #000 !important;
}

.round-percentage
{
    height: 46px;
    width: 46px;
    border: 1px solid #000;
    border-radius: 23px;
    display: inline-block;
}

.round-percentage p
{
    text-align: center;
    margin-top: 13px;
}

.description-material
{
    font-weight: bold;
    margin-top: 13px;
    display: inline-block;
}


@media (max-width: 767px){
.material-item
{
 margin-top: 30px;
}
}

.no-padding
{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.toalheiro-img
{
    height: 200px;
}

.thick-border
{
    border-bottom: 2px solid #000 !important;
}

.packages
{
    text-align: center !important;

}

.packages-title
{
    margin-bottom: 30px;
}

@media (max-width: 768px)
{
    .packages-title
    {
        text-align: center;
    }

    .packages
    {
        margin-bottom: 30px;
    }

}

.icons
{
    height: 70px;
    width: 46px;
    margin-bottom: 15px;
}

.icon-exp
{
    height: 18px;
    width: 46px;
    margin-bottom: 15px;
}




@media (min-width: 768px) {
    .detail-as {
        margin-top: 295px;
        margin-left: 30px;
    }

    .detail-bdu {
        display:block;
        margin-top:210px;
        margin-left: 30px;
    }
}

@media (min-width: 992px) {

.detail-as {
    margin-top: 250px;
    margin-left: 30px;
}

.detail-bdu {
    display:block;
    margin-top:110px;
    margin-left: 30px;
}
}


/* Cabines */

.jaben-afixed {
    height: 250px !important;
}

.bg413b3b {
    background-color: #413b3b;
}

.bg7f7d82 {
    background-color: #7f7d82;
}

.bga7a4ab {
    background-color: #a7a4ab;
}

.bg333333 {
    background-color: #333333;
}

#area hr {
    border: 1px solid black;
}

.jaben-afixed p {
    color: #fff;
}

.gl {
    display:flex;
    justify-content: center;
    align-items: center;
}

.jaben-afixed h4 {
    color: #fff;
}
.jaben-afixed h1 {
    color: #fff;
    font-weight: 500 !important;
    font-size: 50px;
}

.jaben-afixed li {
    color: #fff;
    margin-left: -25px;
}

.resize {
    width:80%;
}

.grid-icon li {
    display:inline !important;
    width:100%;

}


.cabine img {
    height:450px;
}

@media (max-width: 769px) {
    .cabine img {
        height: 300px;
    }
}

.small {
    line-height: 70%;
}

@media (max-width: 767px) {
    .table-top {
        margin-top: none !important;
    }
}

.table-top {
    margin-top: 67px;
}


@media (min-width: 992px) and (max-width: 1199px)
{
    .jaben-afixed
    {
        height: auto !important;
        min-height: 190px !important;

    }
}

#middle
{
    width: 100%;
}

div#inner
{
    overflow: auto;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    top:0;
}

@media screen and (orientation:portrait)
{
    .landscape-view
    {
        display: none !important;
    }
}


@media screen and (orientation:landscape)
{
    .portrait-view
    {
        display: none !important;
    }
}

/* Utilidades Domesticas */

.table-position {
    margin-left: 70px;
    margin-top: 50px;
}

.table-position2 {
    margin-left: 30px;
}

.table-position2 .table {
    max-width: 85% !important;
}

.table-position .table {
    max-width: 70% !important;
}

#area .table-position table {
    border-bottom: 0px !important;
}

#area .td-center {
    padding-left: 20% !important;
}

#area .kit img {
    width: 400px !important;
    height: 200px !important;
}

#area .shelve-box {
    width: 160px;
    height: 160px;
    border: 1px solid #000;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    margin-left: 20px;
    margin-top: 20px;
}

@media (min-width: 992px) {
    .middle {
        margin-top:
        200px;
    }

}
@media (min-width: 768px) {
    #area {}

    #area h1 {
        font-weight: 100;
    }

    .table-position {
        margin-left: 50px !important;
        margin-top: 20px !important;
    }
    .table-position .table {
        max-width: 80% !important;
    }
}

@media (max-width: 767px) {
    .img-left {
        height: 200px !important;
    }
    .img-center {
        height: 220px !important;
    }
}