.fiberglassPoolsAndSpas {
    color: var(--color-primary);
}

.fiberglassPoolsAndSpas h1,
.fiberglassPoolsAndSpas h2,
.fiberglassPoolsAndSpas h3 {
    margin: 0;
}

.fiberglassPoolsAndSpas .mt-titulo h2 {
    margin-bottom: 0;
    color: #494b4c;
}

.fiberglassPoolsAndSpas .texto-topo {
    margin-top: 3rem;
    text-align: justify;
}

.fiberglassPoolsAndSpas .mt-titulo {
    margin-bottom: 2rem;
    margin-top: 2.5rem;
}

.fiberglassPoolsAndSpas .linha-icones {
    min-height: 165px;
}

.fiberglassPoolsAndSpas .banner {
    min-height: 385px;
}

.fiberglassPoolsAndSpas .bloco {
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.fiberglassPoolsAndSpas img {
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.fiberglassPoolsAndSpas .titulo-bloco {
    margin-top: 2.5rem;
}

.fiberglassPoolsAndSpas .titulo-bloco-request-qoute {
    margin-top: 1.5rem;
}

.fiberglassPoolsAndSpas .mt-titulo h3,
#mt-titulo h3 {
    margin-bottom: 0;
}

.fiberglassPoolsAndSpas .tab-icones .nav-link {
    border: 1px solid #494b4c;
    color: #494b4c;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    font-size: 12px;
}

.fiberglassPoolsAndSpas .tab-icones .spa {
    margin: 0 20px;
}

.fiberglassPoolsAndSpas .tab-icones .active {
    background-color: #494b4c;
    color: #fbdbdb;
}

.fiberglassPoolsAndSpas #icons {
    text-align: center;
}

.fiberglassPoolsAndSpas #icons img {
    width: 100%;
    margin-right: 20px;
    cursor: pointer;
}

.fiberglassPoolsAndSpas .linha-icones,
.fiberglassPoolsAndSpas #icons,
.fiberglassPoolsAndSpas .banner,
.fiberglassPoolsAndSpas #models,
.fiberglassPoolsAndSpas #form,
.fiberglassPoolsAndSpas .linha-projetos,
.fiberglassPoolsAndSpas .abaoutFiberPoos,
.fiberglassPoolsAndSpas .melhore-tua-piscina,
.fiberglassPoolsAndSpas .linha-selecao-cor {
    margin-top: 2rem;
}

.fiberglassPoolsAndSpas #icons img:last-child {
    margin-right: 0px;
}

#bannerPhoto .loadingImg,
#bannerPhoto2 .loadingImg {
    background: #fff;
    opacity: .6;
}

.fiberglassPoolsAndSpas .textInfo {
    color: initial;
    text-align: center;
}

#bannerPhoto .loadingImg .spinner-grow,
#bannerPhoto2 .loadingImg .spinner-grow {
    margin-top: 25%;
}
#choosecolor{
    margin-top: 3rem;
}
#icons .bordaLateral span {
    width: 50%;
    height: 90%;
    display: flex;
    margin-top: 2rem;
    border-right: 1px solid #858c8b;
}

#icons .linha-icon {
    display: inline-block;
    width: 12%;
}

#iconsPools .active,
#iconsTanningLedge .active,
#iconsSpas .active {
    background-color: #ddd;
}

#icons .linha-icon p {
    font-size: 11px;
    margin-bottom: 0;
    padding-bottom: 5px;
}

#tableSize {
    margin-bottom: 0;
}

#tableSize .em-breve {
    border-color: #f39c12;
    background-color: #f39c12;
    color: #fff;
    padding: 1rem;
    padding: .3rem 1rem;
    margin-left: 0.5rem;
}

.coresproduto h3 {
    color: var(--color-primary);
    margin: 0;
    font-size: 1.5rem;
    margin: 0;
    margin: 0;
}

.cores-produtos .bloco {
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 1vw;
}

.cores-produtos .active {
    box-shadow: 1px 1px 10px #c3c3c3;
    background: #ddd;
}

.cores-produtos>div {
    padding: 20px 20px 0;
    width: 24%;
}

.cores-produtos .bloco {
    text-align: center;
    cursor: pointer;
}

.cores-produtos .bloco img {
    width: 100%;
    height: 100%;
    margin-bottom: 15px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.cores-produtos .bloco span {
    transform: translate(-50%, 1%);
    border-bottom: none;
    padding: 5px 0px;
    font-family: 'ClanOT-Book';
    color: #666;
    font-size: 22px;
}

.blocoSpaConnect {
    margin-top: 2.5rem;
}

.blocoTanningLedge h3,
.blocoSpaConnect h3 {
    font-size: 1.3rem;
}

.blocoTanningLedge h3 .admin-form,
.blocoSpaConnect h3 .admin-form {
    float: right;
    width: 120px;
}

.fiberglassPoolsAndSpas .melhore-tua-piscina .blocoTanningLedge,
.fiberglassPoolsAndSpas .melhore-tua-piscina .blocoAmbosAcessorios,
.fiberglassPoolsAndSpas .melhore-tua-piscina .blocoSpaConnect {
    cursor: pointer;
}

.fiberglassPoolsAndSpas .melhore-tua-piscina .bloco {
    padding: 20px;
}

.fiberglassPoolsAndSpas .melhore-tua-piscina .bloco p {
    margin: 0;
}

.fiberglassPoolsAndSpas .melhore-tua-piscina .ativo {
    background-color: #e4e7e8;
}

.fiberglassPoolsAndSpas .melhore-tua-piscina .img {
    margin-bottom: 15px;
}

.fiberglassPoolsAndSpas .melhore-tua-piscina .titulo {
    font-size: var(--font-size-medium-100);
    padding-left: 1.3rem;
}

.fiberglassPoolsAndSpas .tres-opcoes .melhore-tua-piscina .titulo {
    font-size: 17px !important;
}


.fiberglassPoolsAndSpas .melhore-tua-piscina .nome-produto {
    padding-left: 0px;
    text-align: center;
}

.fiberglassPoolsAndSpas .melhore-tua-piscina .botao-check {
    padding-right: 20px;
}

.fiberglassPoolsAndSpas .admin-form .block {
    text-align: right;
    margin-top: 1rem;
}

.marginsubtitle {
    margin-bottom: 2.5rem;
}

.tituloCarousel {
    font-size: 2rem;
    margin-left: 2.5rem;
}

.prevNext a {
    font-size: 5rem;
    color: #c2c2c2;
}

#carousel .carousel-indicators, 
#carouselManual .carousel-indicators {
    display: none;
}

.carousel-control-next,
.carousel-control-prev {
    width: 0 !important;
}

#carousel .titleProject,
#carouselManual .titleProject {
    display: inline-block;
    padding: 0 15px;
    cursor: pointer;
    color: rgb(212, 212, 212);
    font-weight: 100;
}

#carousel .enable,
#carouselManual .enable {
    color: #a5a5a5 !important;
    font-weight: 700;
}

.titleBlue {
    color: #00568a;
}

.titleCinza {
    color: #494b4c;
}

#models .table th,
#models .table td {
    font-family: "ClanOT-Book" !important;
    color: var(--color-primary);
}

#models .table th {
    font-size: 1.575rem;
    padding-top: 0;
}

#models .table td {
    font-size: 1.25rem;
    line-height: 2.3rem;
    padding: 0.5rem;
}

#models .table tbody tr:nth-child(odd) td {
    background-color: #e4e7e8;
}

#models .custom-control-label {
    cursor: pointer;
}

#models .custom-control-label::before {
    border-color: var(--color-primary);
    background-color: #fff;
    width: 1.5rem;
    height: 1.5rem;
}

#models .custom-control-label::after {
    top: 0.5rem;
    left: -1.25rem;
}

#models .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
    background-color: var(--color-primary);
    border-radius: 50rem;
}

#form input,
#form textarea,
#form select {
    box-shadow: none;
    border-radius: 0;
    border: none;
    background-color: var(--color-disabled);
    color: var(--color-primary);
}

#form textarea {
    height: 7rem;
}

#form button.button-submit {
    background-color: #2ecc71;
    background-color: #28a745;
    color: #fff;
}

#form .baixarCatalogo img {
    margin-right: 10px;
    height: 20px;
}

#form .baixarCatalogo {
    border-color: #f39c12;
    background-color: #f39c12;
    color: #fff;
}

.abaoutFiberPoos {
    color: initial;
}

.abaoutFiberPoos h3 {
    font-size: 1.2rem;
}

.abaoutFiberPoos div {
    line-height: 1.8rem;
}

.linha {
    top: 1rem;
}

#download {
    align-items: center;
    min-height: 200px;
}

#download img,
#downloadMobile img {
    max-width: 190px;
    max-height: 105px;
}
#download .img-manual,
#downloadMobile .img-manual {
    max-width: 70px;
    max-height: 105px;
}

#downloadMobile img.img-fluid {
    margin-bottom: 20px;
    margin-top: 20px;
}

#download .nameModel {
    font-size: 0.8rem;
    min-height: 1.6rem;
}

#download .title {
    font-size: 2rem;
    color: #494b4c;
}

.mt-3-desk {
    margin-top: 1rem !important;
}

#form input,
#form textarea,
#form select {
    background-color: #fff;
    border: 1px solid #495057;
}

#form .disabled {
    background-color: var(--color-disabled);
}

.fiberglassPoolsAndSpas input[type="radio"] {
    border-color: var(--color-primary);
    background-color: #fff;
    width: 1.5rem;
    height: 1.1rem;
    cursor: pointer;
}

.fiberglassPoolsAndSpas input[type="radio"]::before {
    border-color: var(--color-primary);
    background-color: #fff;
    width: 1.5rem;
    height: 1.5rem;
}

.fiberglassPoolsAndSpas input[type="radio"]::after {
    background-image: none;
    background-color: var(--color-primary);
    border-radius: 50rem;
}

#form input,
#form select,
#form textarea {
    background-color: var(--color-input-bg);
    border: none;
    box-shadow: none;
    padding: 9px 10px;
}

#carousel,
#carouselManual {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

#carousel .carousel-item,
#carouselManual .carousel-item {
    width: auto;
}

#carousel .carousel-control-prev-icon,
#carouselManual .carousel-control-prev-icon {
    left: -45px;
    position: absolute;
}

#carousel .carousel-control-next-icon,
#carouselManual .carousel-control-next-icon {
    right: -45px;
    position: absolute;
}

@media (max-width: 1199px) {
    .tituloCarousel {
        margin-left: auto;
    }
}

@media (max-width: 810px) {
    .cores-produtos .bloco {
        height: auto;
    }
}

@media (max-width: 768px) {
    .mt-3-desk {
        margin-top: 0px !important;
    }

    .mt-titulo-primario {
        margin-top: 20px !important;
    }

    #models .custom-control-label::before {
        left: 0;
    }

    #models .custom-control-label::after {
        left: 0.25rem;
    }

    #download .nameModel {
        min-height: 2.4rem;
    }

    #carousel .carousel-indicators,
    #carouselManual .carousel-indicators {
        display: flex;
    }

    #carousel .carousel-indicators li,
    #carouselManual .carousel-indicators li {
        border-radius: 50%;
        height: 0.65rem;
        width: 0.65rem;
        background-color: initial;
        border: 1px solid #fff;
    }

    #carousel .carousel-indicators li.active,
    #carouselManual .carousel-indicators li.active {
        background-color: #fff;
    }

    #models .table td {
        font-size: 0.8rem;
        line-height: 2.3rem;
        padding: 0.5rem;
    }

    .custom-control {
        padding: 0px !important;
    }

    .fiberglassPoolsAndSpas .blocoSpaConnect {
        margin-top: 2rem;
    }
    .fiberglassPoolsAndSpas .tres-opcoes .blocoSpaConnect {
        margin-top: 0rem !important;
    }
    .fiberglassPoolsAndSpas .tres-opcoes .melhore-tua-piscina .titulo{
        font-size: 11px !important;
    }

    .fiberglassPoolsAndSpas .admin-form .block {
        text-align: center;
    }

}

@media (max-width: 512px) {

    .linhaEsquerda,
    .linhaDireita {
        display: none;
    }

    #carousel .carousel-control-prev-icon,
    #carouselManual .carousel-control-prev-icon {
        left: 0px;
    }

    #carousel .carousel-control-next-icon,
    #carouselManual .carousel-control-next-icon {
        right: 0px;
    }

    #carousel .carousel-item .isMobile,
    #carouselManual .carousel-item .isMobile {
        width: 80%;
        margin: auto;
    }

    #icons h3 {
        text-align: left;
    }

    #iconsPools .linha-icon,
    #iconsSpas .linha-icon,
    #iconsTanningLedge .linha-icon {
        width: calc(33% - 10px);
    }

    #iconsPools .linha-icon {
        margin-bottom: 1rem;
    }

    .fiberglassPoolsAndSpas #icons img {
        max-width: 100%;
        margin-right: 0;
    }

    #icons .linha-icon p {
        text-align: center;
    }

    #iconsSpas img {
        max-width: 120px;
    }

    .iconesPiscinas img {
        max-height: 66px !important;
        max-width: 100%;
        margin-bottom: 0;
    }

    .fiberglassPoolsAndSpas .cores-produtos {
        margin-top: 2rem;
    }

    .fiberglassPoolsAndSpas .titulo-bloco-request-qoute {
        margin-top: 1.5rem;
    }

    .cores-produtos .col-6 {
        width: 50% !important;
        padding: 0 15px;
    }

    .fiberglassPoolsAndSpas .banner {
        margin-top: 1rem;
    }

    .cores-produtos .bloco {
        height: auto;
    }

    .coresproduto h3 {
        margin-bottom: 20px;
    }

    .cores-solidas {
        margin-bottom: 0;
    }

    .cores-granitadas .col-6:nth-child(3),
    .cores-granitadas .col-6:nth-child(4) {
        margin-bottom: 0;
    }

    .fiberglassPoolsAndSpas .cores-produtos .bloco img {
        padding: 1rem;
        padding-bottom: 0.4rem;
        margin: 0;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-drag: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

    .cores-produtos .bloco span {
        padding: 0;
    }

    .opcoesTanning .titulo-tanningladge,
    .blocoSpaConnect .titulo-spaconnect {
        margin-top: 10px;
        font-size: 18px;
    }

    .blocoTanningLedge h3,
    .blocoSpaConnect h3 {
        position: relative;
    }

    .blocoTanningLedge h3 .admin-form,
    .blocoSpaConnect h3 .admin-form {
        width: auto;
    }

    .fiberglassPoolsAndSpas .tres-opcoes .melhore-tua-piscina .titulo{
        font-size: 20px !important;
    }

    .inputCheck {
        width: auto;
        position: absolute;
        right: 6px;
        top: 3px;
    }

    .fiberglassPoolsAndSpas #icons {
        text-align: left;
    }

    .fiberglassPoolsAndSpas .abaoutFiberPoos h3 {
        text-align: center;
    }

    .fiberglassPoolsAndSpas .blocoTanningLedge,
    .fiberglassPoolsAndSpas .blocoAmbosAcessorios,
    .fiberglassPoolsAndSpas .blocoSpaConnect {
        position: relative;
    }


    #tableSize .em-breve{
        font-size: 0.6rem;
    }
    .questions-pools h3{
        font-size: 1rem;
    }
    .fiberglassPoolsAndSpas .updateThePoll{
        min-height: initial;
    }

    #models thead h3{
        font-size: 1.2rem;
    }
}


@media (max-width: 768px) {
    .updateThePoll .switch {
        margin: 0 auto;
    }
    .linha-projetos .carousel-control-next-icon {
        right: 0px !important;
    }

    .linha-projetos .carousel-control-prev-icon {
        left: 0px !important;
    }

    .fiberglassPoolsAndSpas .melhore-tua-piscina .titulo{
        font-size: 15px;
    }
}


@media (min-width: 922px) and (max-width: 1060px) {
    .linha-projetos .carousel-control-next-icon {
        right: 0px !important;
    }

    .linha-projetos .carousel-control-prev-icon {
        left: 0px !important;
    }
}