/* #topSite {
    background-image: url('../img/home/banner-home.png');
    background-repeat: no-repeat;
    height: 93vh;
    width: 100%;
    background-size: 100%;
    background-position: center top;
} */

.invalid {
    color: #dc3545;
    font-family: "ClanOT-Book";
    font-size: 12px;
    margin: 5px 0;
}

#topSite .topo {
    background: none;
    position: absolute;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
}

#topSite .imgLogo {
    float: right;
    margin-right: 8vw;
    max-width: 115px;
}

#topSite .menuTopo .nav-item .nav-link {
    color: var(--color-white);
    text-shadow:
        1px 1px 2px rgba(0, 0, 0, 0.9),
        2px 2px 4px rgba(0, 0, 0, 0.7),
        3px 3px 8px rgba(0, 0, 0, 0.5);
}

#topSite .menuTopo .nav-item span.nav-link {
    color: var(--color-white);
}

#colorTexture,
#spa,
#produtosemdestaque,
#canalfiber,
#financing,
#excelenteacabado,
#zonadebronceado,
#findStore,
#contact,
#inspiration-instagran {
    margin-top: 3rem;
}



/* modelsPools */

#blockModels {
    background: var(--color-background);
    background: -moz-linear-gradient(top, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
    background: -webkit-linear-gradient(top, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
    background: linear-gradient(to bottom, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
    margin-top: 6rem;
}

.modelosPiscinas {
    position: relative;
    top: -50px;
}

.modelos-piscinas-block-title {
    position: absolute;
    z-index: 5;
    width: 65%;
    left: 50%;
    transform: translate(-50%);
    background: rgba(67, 187, 239, 0.7);
}

.modelos-piscinas-title {
    color: #ffffff;
    font-size: 27px;
    padding: 34px 0 55px 0;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: "ClanOT-Book";
}

.modelos-piscinas-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    margin-top: -42px;
    width: 88px;
}

#requestDigitalCatalog {
    margin-top: -40px;
    color: white;
}

#requestDigitalCatalog .textH5 {
    color: var(--color-highlight);
    text-indent: 0px;
    margin: 20px 0;
    font-size: 1.25rem;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.2;
}

#requestDigitalCatalog input.send {
    background-color: #28a745;
    border-color: #28a745;
    margin-left: 10px;
}

#requestDigitalCatalog img.send {
    width: 25px;
    height: 29px;
    margin-left: 10px;
    cursor: pointer;
}

#fiberglassIsTheFuture {
    margin-top: 4rem;
}

#fiberglassIsTheFuture .fiberglassIsTheFuture {
    color: #366b8e;
    font-size: 2rem;
    margin-top: 1rem;
}

#fiberglassIsTheFuture .blue-pool {
    max-width: 65%;
    position: absolute;
    right: 0;
    z-index: 999;
}

#fiberglassIsTheFuture .bestPools {
    color: #00568a;
    margin-top: 25px;
    font-size: 25px;
}

#fiberglassIsTheFuture .bestPools p {
    font-size: 20px;
    margin: 0;
    line-height: 40px;
    text-indent: 20px;
}

#fiberglassIsTheFuture .icc {
    right: 0;
    bottom: 5px;
    z-index: 9999;
    width: 220px;
}

/* xcelente acabado de la superficie*/

#excelenteacabado .es-el-futuro-web {
    font-size: 28px;
}


#excelenteacabado .bestPools {
    color: var(--color-primary);
    font-size: 16px;
    margin-top: 7vh;
}

#excelenteacabado .mapa-icc {
    margin-top: 6vh;
}


/*Fim xcelente acabado <br>de la superficie*/
/* cor e textura */


/* fim cor e textura */

/*zona de bronceado*/


#zonadebronceado h4 {
    font-size: 33px;
    margin-top: 50px;
    color: var(--color-primary);
}

#zonadebronceado .texto {
    font-size: 16px;
    margin-top: 50px;
    color: var(--color-primary);
}

#zonadebronceado .img-tanning-ledge img {
    max-width: 70%;
}

#zonadebronceado .conoce-mas {
    margin-top: 60px;
}

#zonadebronceado .conoce-mas a {
    border: 1px solid #929d9f;
    padding: 7px 20px;
    color: var(--color-primary);
    bottom: 7px;
}

/*Fim de zona de bronceado*/


#colorTexture .cor-textura {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(174, 174, 174, 1) 0%, rgba(255, 255, 255, 1) 140%);
    padding-bottom: 3rem;
}

#colorTexture .cor-textura .piscinalancamento {
    background-image: url('../img/home/pool-granite-effect.png');
    background-repeat: no-repeat;
    background-size: 58%;
    background-position: 35% 4rem;
    padding-top: 4rem;
    height: 415px;
}

#colorTexture .cor-textura .piscinalancamento img.granitada {
    width: 80%;
}

#colorTexture .cor-textura .piscinalancamento p.sua-area-de-lazer-vai-brilhar {
    font-size: 15px;
    color: #00568a;
}

#colorTexture .cor-textura .piscinalancamento .cores {
    margin-top: 3rem;
}

#colorTexture .cor-textura .piscinalancamento .cores img {
    float: right;
}

#colorTexture .cor-textura .piscinalancamento .add-cor-luxo {
    font-size: 30px;
    color: #fff;
    line-height: 43px;
    padding-left: 80px;
}

#colorTexture .cor-textura .piscinalancamento .escolha-uma-cor {
    color: #00568a;
    padding-left: 80px;
    font-size: 16px;
}

#colorTexture .cor-textura .piscinalancamento .learn-more {
    color: #00568a;
    bottom: 1px;
    border: 1px solid;
    padding: 5px 20px;
    left: 17px;
}


/*SPA*/


#spa .learn-more,
#spa .text-connect-praia {
    color: #00568a;
}

#spa .link-learn-more {
    margin-top: 3px;
    text-align: right;
}

#spa .text-connect-praia {
    font-size: 16px;
}

#spa .title-connect-praia {
    margin-bottom: 4rem;
}

#spa .text-connect-praia p {
    margin-bottom: 5rem;
    color: var(--color-primary);
}

#spa .title-connect-praia img {
    max-width: 75%;
}

#spa .learn-more {
    border: 1px solid #929d9f;
    padding: 7px 20px;
    color: var(--color-primary);
}

/* destaques */


#carousel .carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: flex !important;
    color: var(--color-white);
}

#carousel {
    background-color: var(--color-background);
}

#carousel .carousel-item {
    padding: 0 6rem;
    background-color: var(--color-background);
    color: var(--color-white);
}

#carousel .card {
    border: none;
    color: var(--color-grey);
    background-color: var(--color-white);
}

.dark #carousel .card {
    border: 1px solid var(--color-background);
}

#carousel .nome-produto {
    text-align: center;
    min-height: 2.5rem;
    font-size: 12px;
}

#carousel .btn-comprar-orcar {
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
    background-color: var(--color-button-send-text-info);
    text-decoration: none;
    font-size: 12px;
    padding: .2rem 1rem;
    text-align: center;
}

/* fim destaques */

/* canal fiber*/
#canalfiber .youtube-canal-fiber {
    margin-right: 15px;
    width: 15%;
}

#canalfiber .canal-fiber h4 {
    font-size: 48px;
    color: var(--color-primary);
}

#canalfiber .description-block-canal-fiber {
    color: var(--color-primary);
    font-size: 16px;
    margin-top: 35px;
}

#canalfiber .assista-mais {
    font-size: 16px;
    color: var(--color-primary);
}

#canalfiber .curiosidades {
    color: var(--color-primary);
}

#canalfiber .nome-video {
    padding-top: 10px;
    color: var(--color-primary);
}

#canalfiber .youtube {
    width: 100%;
    height: 315px;
    min-width: 440px;
    min-height: 315px;
}

/* fim canal fiber*/

/* financeYourPoll */

#financing {
    /* background-color: #eaf0f1; */
    padding: 0px 0;
    margin-top: 0em;
}


#financing .financeYourPoll .finance {
    font-size: 3rem;
    line-height: 4rem;
    color: var(--color-primary);
}

#financing .financeYourPoll .texto {
    font-size: 20px;
    color: var(--color-primary);
}

#financing .beginApp,
.beginApp:active,
.beginApp:hover {
    background-color: #43bbef !important;
}

#financing .lyon-financial-logo {
    width: 222px;
    margin-left: 4rem;
}

#financing .financeYourPoll .text-aplly-now {
    margin-top: 2rem;
    padding: 7px 0;
}

#financing .financeYourPoll .aplly-now {
    border: 1px solid;
    padding: 7px 20px;
    color: #00568a;
}

#financing .financeYourPoll .aplly-now {
    border: 1px solid;
    padding: 7px 20px;
    color: var(--color-primary);
    width: 125px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    #excelenteacabado .bestPools {
        margin-top: 2rem;
    }
    #excelenteacabado .mapa-icc {
        margin-top: 2rem;
    }
    #excelenteacabado h4{
        margin-bottom: 0;
    }
    #excelenteacabado .bestPools .list-group .list-group-item {
        line-height: 23px;
    }

    #colorTexture .linha {
        width: 63%;
    }

    #zonadebronceado .linha {
        width: 50%;
    }

    #spa .linha {
        width: 65%;
    }

    #contact .linha {
        width: 48%;
    }

    #excelenteacabado .icc {
        margin-top: 1rem;
    }

    #financing .financeYourPoll .texto {
        margin-top: 0;
    }

    #excelenteacabado h4 {
        margin-top: 0;
    }

    #excelenteacabado .bestPools .list-group .list-group-item {
        line-height: 23px;
    }

    #zonadebronceado h4 {
        margin-top: 0;
    }

    #zonadebronceado .texto {
        margin-top: 10px;
    }

    #spa .link-learn-more {
        margin-top: 51px;
    }

    #produtosemdestaque .linha {
        width: 50%;
    }

    #canalfiber .youtube {
        height: auto;
        min-width: 100px;
        min-height: 350px;
    }

    #findStore {
        padding: 5vh;
    }

    #findStore .findStore .find {
        font-size: 31px;
        line-height: 38px;
    }

    #formHome .row {
        max-width: unset !important;
        width: auto;
    }

    .moreInformation .info {
        font-size: 1.3rem;
        line-height: 2rem;
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {
    #financing .finance {
        text-align: center;
    }

    #financing .financeYourPoll .texto {
        text-align: center;
    }

    #excelenteacabado h4 {
        text-align: center;
    }

    #excelenteacabado .bestPools {
        margin-top: 2rem;
        text-align: center;
    }
    #excelenteacabado .mapa-icc {
        margin-top: 2rem;
    }

    #zonadebronceado h4,
    #zonadebronceado .texto {
        text-align: center;
        margin-bottom: 35px;
    }

    #zonadebronceado .conoce-mas,
    #zonadebronceado .texto {
        margin-top: 0px;
    }

    #zonadebronceado .img-tanning-ledge img {
        margin: auto;
        display: block;
        margin-bottom: 35px;
    }

    #zonadebronceado .banner {
        margin-bottom: 42px;
    }

    #spa .text-connect-praia {
        text-align: center;
    }
}


/*findStore*/
#findStore {
    background: var(--color-background);
    padding: 30px 0;
}

.findStore a {
    text-decoration: none;
}

.findStore a:hover {
    text-decoration: none;
}

.findStore .find {
    font-size: 43px;
    line-height: 52px;
    margin-top: 75px;
    color: var(--color-highlight);
    font-family: var(--font-family-bold);
    padding-left: 5rem;
}
.findStore .img img{
    max-width: 45%;
}
.findStore .find span {
    font-family: "ClanOT-Book";
}

.findStore .texto {
    color: var(--color-highlight);
    font-family: "ClanOT-Book";
    font-size: 20px;
    margin-top: 75px;
}

.findStore .texto span {
    font-family: var(--font-family-bold);
    font-size: 35px;
    margin-top: 5px;
}

.raia {
    background: url("../img/coiso.png");
    height: 42px;
}


.moreInformation {
    color: var(--color-highlight);
    background: var(--color-background-secondary);
}

.moreInformation.hide-bg {
    background: none;
}

.moreInformation .info {
    font-size: 2.2rem;
    line-height: 3rem;
}

.moreInformation .icons {
    text-align: center;
    font-family: "ClanOT-Book";
}

.moreInformation .icons .icon-mais-info {
    display: block;
    font-family: "fiber-icons";
    height: 65px;
}

.icons span {
    cursor: pointer;
}

.icons .icon-piscina:before {
    content: "\0046";
    font-size: 60px;
    position: relative;
    top: -12px;
    font-weight: 600;
}

.icons .icon-spa:before {
    content: "\0047";
    font-size: 34px;
    position: relative;
    top: 7px;
    font-weight: 600;
}

.icons .icon-filtro:before {
    content: "\0048";
    font-size: 45px;
}

.icons .tanning-ledge:before {
    content: "\0049";
    font-size: 45px;
}

.icons .icon-led:before {
    content: "\0043";
    font-size: 38px;
}

.moreInformation .icons img {
    margin-top: 20px;
}

.moreInformation .form input,
.moreInformation .form select,
.moreInformation .form textarea {
    margin-top: 20px;
    border-radius: 0;
    border: none;
    height: 30px;
}

#formHome .row {
    max-width: 91%;
}

.moreInformation .form select {
    padding-top: 4px;
}

.moreInformation .form textarea {
    height: 90px;
}

#formHome .iti--inline-dropdown {
    margin-top: 20px !important;
}


#form .iti input {
    padding-right: 6px;
    padding-left: 52px;
}

.moreInformation .form button[type="submit"] {
    font-family: "ClanOT-Book";
    display: block;
    margin: auto;
    width: 160px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--color-button-send-text-info);
    background-color: var(--color-button-send-bg-info);
    border-color: var(--color-button-send-bg-info);
}

.moreInformation .form button[type="submit"]:disabled {
    background-color: var(--color-disabled);
    border-color: var(--color-disabled);
}

.moreInformation .chamada a {
    color: var(--color-primary);
    text-decoration: underline;
    font-weight: bold !important;
}
.moreInformation .chamada p {
    margin-bottom: 0;
}

.icons .active span {
    color: var(--color-blue);
}

.icons .active span:not(.icon-mais-info) {
    font-family: var(--font-family-bold);
}

.icons span:not(.icon-mais-info) {

    font-size: var(--font-size-medium-100);
}


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

#formHome .form-control,
#formHome .form-control:focus,
#formHome .admin-form .select>select,
#formHome .admin-form .select>select:hover,
#formHome .admin-form .select>select:focus {
    font-family: var(--font-family-primary);
    background-color: var(--color-white);
    color: var(--color-primary);
}

#formHome select:invalid {
    color: var(--color-highlight);
}

#formHome input::placeholder,
#formHome select::placeholder,
#formHome textarea::placeholder {
    font-family: var(--font-family-primary);
    color: var(--color-highlight);
}

#formHome .icons8-whatsapp {
    top: 25px;
}

@media (max-width: 576px) {
    .moreInformation form {
        margin-top: 20px;
    }
}


/*INSPIRATION*/

@media (max-width: 810px) {

    #blockModels {
        margin-top: 6rem;
    }

    #blockModels .modelos-piscinas-title {
        font-size: 18px;
        padding-top: 20px;
        padding-bottom: 44px;
    }

    #blockModels .modelos-piscinas-icon {
        margin-top: -31px;
        width: 60px
    }

    #fiberglassIsTheFuture .blue-pool {
        max-width: 58%;
    }

    #fiberglassIsTheFuture .icc {
        max-width: 25%;
    }


    #fiberglassIsTheFuture .bestPools .list-group .list-group-item {
        font-size: 18px;
    }

    #colorTexture .cor-textura .piscinalancamento {
        background-size: 54%;
        background-position: 30% 4rem;
    }

    #colorTexture .cor-textura .piscinalancamento .add-cor-luxo {
        font-size: 21px;
        padding-left: 126px;
        line-height: 29px;
    }

    #colorTexture .cor-textura .piscinalancamento img.granitada {
        width: 85%;
    }

    #colorTexture .cor-textura .piscinalancamento .escolha-uma-cor {
        padding-left: 126px;
        font-size: 14px;
    }

    #colorTexture .cor-textura .piscinalancamento .cores img {
        max-width: 60%;
    }

    #colorTexture .cor-textura .piscinalancamento .learn-more {
        bottom: -139px;
    }

    #spa .title-connect-praia {
        margin-bottom: 1rem;
    }

    #spa .text-connect-praia p {
        margin-bottom: 2rem;
    }

    #financing,
    #spa,
    #colorTexture {
        margin-top: 3rem;
    }

    .findStore .find {
        padding-left: 0rem;
        font-size: 48px;
        line-height: 48px;
    }

    .findStore .texto {
        font-size: 17px;
        margin-top: 59px;
    }

    .findStore .img img {
        padding-right: 18%;
        max-width: 70%;
    }

    #zonadebronceado .linha{
        width: 50%;
    }

    #spa .linha{
        width: 65%;
    }

    #produtosemdestaque .linha{
        width: 51%;
    }

    #contact .linha{
        width: 47%;
    }
    #formHome .row{
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    #topSite {
        min-height: 80px;
        background: var(--color-menu-bg);
    }
    .menuTopo .nav-item {
        background: var(--color-menu-bg);
        background-color: var(--color-menu-bg);
    }
}

@media only screen and (max-width: 480px) {
    #topSite .topo {
        position: initial;
    }

    .menuTopo .dropdown:hover .menu-site {
        display: none;
    }

    .menuTopo .nav-item:hover {
        background: var(--color-menu-bg)
    }

    .menuTopo .nav-item:hover a {
        color: #fff;
    }

    .navbar-nav {
        padding-left: 10px;
    }

    .menuTopo .nav-item a.nav-link {
        font-size: 16px;
    }

    .menuTopo .nav-item span.nav-link {
        font-size: 16px;
    }

    #blockModels {
        margin-top: 0;
        background: none;
    }

    .modelos-piscinas-block-title {
        width: 80%;
    }

    #blockModels .modelos-piscinas-title {
        padding-top: 50px;
        padding-bottom: 60px;
        font-size: 25px;
    }

    #blockModels .modelos-piscinas-icon {
        margin-top: -41px;
        width: 79px
    }

    #blockModels .marginB-mobile {
        margin-bottom: 5px;
    }

    #blockModels .paddingB-mobile {
        margin-bottom: 15px;
    }

    #requestDigitalCatalog {
        margin-top: 5px;
        background-color: #d7d7d7;
        margin-bottom: 2rem;
    }

    #requestDigitalCatalog input.send {
        margin-top: 10px;
        margin-left: 0;
    }

    .modelosPiscinas {
        top: 0px;
        max-height: initial;
        overflow: hidden;
        background-color: #d7d7d7;
        margin-bottom: 0;
        margin-top: 0px !important;
        padding: 0 !important;
    }

    .modelosPiscinas .img-mobile {
        width: 100% !important;
    }

    #fiberglassIsTheFuture .blue-pool {
        max-width: 80%;
        margin: auto;
        position: initial;
    }

    #fiberglassIsTheFuture .fiberglassIsTheFuture {
        text-align: center;
        line-height: 2.4rem;
        margin-bottom: 1.7rem;
    }

    #produtosemdestaque .linha {
        width: 16%;
    }

    #fiberglassIsTheFuture .icc {
        position: initial !important;
        max-width: 50%;
        margin: auto;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    #fiberglassIsTheFuture {
        margin-top: 1rem;
    }

    #colorTexture .cor-textura .piscinalancamento {
        padding-top: 2rem;
        height: auto;
        background-size: contain;
        background-position: center 7rem;
    }

    #colorTexture .cor-textura .piscinalancamento img.granitada {
        width: 70%;
    }

    #colorTexture .cor-textura .piscinalancamento .add-cor-luxo {
        padding-left: 0;
        margin-top: 15rem;
        text-align: center;
    }

    #colorTexture .cor-textura .piscinalancamento .escolha-uma-cor {
        padding-left: 0;
    }

    #colorTexture .cor-textura .piscinalancamento .cores {
        margin-top: 1rem;
    }

    #colorTexture .cor-textura .piscinalancamento .cores img {
        max-width: 100%;
    }

    #colorTexture .cor-textura .piscinalancamento .learn-more {
        margin-top: 3rem;
        display: inline-block;
    }



    #spa .title-connect-praia,
    #spa .link-learn-more {
        text-align: center;
    }

    #spa .title-connect-praia {
        margin: 2rem 0;
        margin-top: 0;
    }

    #spa .link-learn-more {
        margin-top: 3rem;
        margin-bottom: 1rem;
    }

    #carousel .carousel-item {
        padding: 0 4rem;
    }

    .findStore .find {
        padding-left: 0;
        font-size: 40px;
        line-height: 43px;
        margin-bottom: 20px;
        margin-top: 0px;
        text-align: center;
    }

    .findStore .img img {
        padding-right: 0;
        max-width: 50%;
    }

    .findStore .texto {
        text-align: center;
        margin-top: 20px;
    }

    #inspiration-instagran {
        margin-top: calc(2rem + 10px);
    }

    #findStore {
        margin-top: calc(2rem + 10px);
    }
    #canalfiber .canal-fiber h4{
        font-size: 28px;
    }
    .moreInformation .info{
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .moreInformation .icons div{
        padding: 0;
    }
}