main.website div.website-container {
    top: 0
}

    main.website div.website-container .hero-slider {
        padding: 0
    }

    main.website div.website-container .carousel .carousel-indicators {
        bottom: 12%;
        left: 50%
    }

        main.website div.website-container .carousel .carousel-indicators > li {
            width: 16px;
            height: 16px;
            background-color: hsla(0,0%,100%,0);
            border: 2px solid #fff;
            border-radius: 50%;
            box-shadow: 0 4px 8px -2px rgba(0,0,0,.16)
        }

            main.website div.website-container .carousel .carousel-indicators > li.active {
                background-color: #fff
            }

    main.website div.website-container section.hero {
        width: 100%;
        height: 100vh;
        max-height: 1080px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        position: relative
    }

        main.website div.website-container section.hero.hero-home-1 {
            background-image: url(../img/wave_white.svg),url(../img/hero_home_filter.svg),url(../img/hero_home1.png);
            background-size: contain,cover,cover;
            background-position: center 130%,50%,50%;
            background-repeat: no-repeat
        }

            main.website div.website-container section.hero.hero-home-1 h4 {
                font-weight: 400
            }

        main.website div.website-container section.hero.hero-home-2 {
            background-image: url(../img/wave_white.svg),url(../img/hero_home_filter.svg),url(../img/hero_home2.png);
            background-size: contain,cover,cover;
            background-position: center 130%,50%,50%;
            background-repeat: no-repeat
        }

            main.website div.website-container section.hero.hero-home-2 h4 {
                font-weight: 400
            }

        main.website div.website-container section.hero > .row {
            width: 100%
        }

.home-1 h4 {
    margin-bottom: 3.125rem
}

.home-1.home-1-hand {
    background-color: initial;
    background-image: url(../img/hand_fire.png);
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    min-height: 575px
}

.home-2 {
    position: relative;
    min-height: 1209px
}

    .home-2 h4 {
        font-weight: 400;
        width: 300px
    }

    .home-2 .icon-header h3 {
        text-align: right
    }

    .home-2 .wave-row {
        background-color: #f2f5fa;
        background-image: url(../img/wave_white.svg);
        background-repeat: no-repeat;
        background-position: 0 calc(100% + 170px);
        background-size: 100%;
        min-height: 522px
    }

    .home-2 > img {
        position: absolute;
        bottom: 0
    }

@media (max-width:1199.98px) {
    .home-2 > img {
        display: block;
        position: relative;
        width: 50%;
        margin: 3rem auto 0
    }
}

.home-2 .call-free, .home-2 .postal-code {
    display: block;
    text-align: right;
    margin: 2rem 114px 0 5rem
}

    .home-2 .call-free > form, .home-2 .postal-code > form {
        width: 100%
    }

    .home-2 .call-free .number, .home-2 .postal-code .number {
        font-weight: 700
    }

.home-3 {
    position: relative
}

    .home-3 .home-3-image {
        background-color: #0e2b53;
        background-image: url(../img/home_1.png);
        min-height: 450px
    }

    .home-3 .home-3-blue, .home-3 .home-3-image {
        background-size: cover;
        background-repeat: no-repeat
    }

    .home-3 .home-3-blue {
        background-color: #0075c9;
        background-image: url(../img/home_bg_blue.svg);
        min-height: 810px;
        padding-bottom: 9rem
    }

    .home-3 .home-3-cards {
        margin-top: -8rem
    }

    .home-3 .bg_home_icon_1 {
        background-image: url(../img/home_icon_1.svg)
    }

    .home-3 .bg_home_icon_2 {
        background-image: url(../img/home_icon_2.svg)
    }

    .home-3 .bg_home_icon_3 {
        background-image: url(../img/home_icon_3.svg)
    }

    .home-3 .bg_home_icon_4 {
        background-image: url(../img/home_icon_4.svg)
    }

    .home-3 .card_bg_1 {
        background-image: url(../img/background.jpg);
        background-image: -webkit-linear-gradient(top,transparent 60%,#061527),url(../img/background.jpg);
        background-image: linear-gradient(180deg,transparent 0 60%,#061527),url(../img/background.jpg);
        height: 590px
    }

    .home-3 .card_bg_2 {
        background-image: url(../img/children.jpeg);
        background-image: -webkit-linear-gradient(top,transparent 60%,#061527),url(../img/children.jpeg);
        background-image: linear-gradient(180deg,transparent 0 60%,#061527),url(../img/children.jpeg);
        height: 282px
    }

    .home-3 .card_bg_3 {
        background-image: url(../img/socks.jpg);
        background-image: -webkit-linear-gradient(top,transparent 60%,#061527),url(../img/socks.jpg);
        background-image: linear-gradient(180deg,transparent 0 60%,#061527),url(../img/socks.jpg);
        height: 282px
    }

    .home-3 > .phone {
        position: absolute;
        top: 2rem;
        left: 50%;
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        width: 40%;
        max-width: 703px;
        height: 1030px;
        background-image: url(../img/home_phone.png);
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

@media (max-width:425px) {
    main.website div.website-container section.hero {
        margin-top: 50px
    }
}

@media (min-width:426px) and (max-width:768px) {
    main.website div.website-container section.hero {
        margin-top: 80px
    }
}

@media (max-width:768px) {
    main.website div.website-header {
        height: 700px
    }

    main.website div.website-container .hero-slider {
        margin-bottom: 4rem
    }

    main.website div.website-container .carousel .carousel-indicators {
        bottom: -50px;
        left: 0
    }

        main.website div.website-container .carousel .carousel-indicators > li {
            border: 2px solid #0075c9;
            box-shadow: none
        }

            main.website div.website-container .carousel .carousel-indicators > li.active {
                background-color: #0075c9
            }

    main.website div.website-container .carousel .carousel-control-next, main.website div.website-container .carousel .carousel-control-prev {
        display: none
    }

    main.website div.website-container section.hero {
        height: 315px
    }

        main.website div.website-container section.hero h6 {
            letter-spacing: .03rem
        }

        main.website div.website-container section.hero h3, main.website div.website-container section.hero h4 {
            font-size: 1.375rem;
            line-height: 1.875rem
        }

        main.website div.website-container section.hero.hero-home-1 {
            background-image: url(../img/hero_home1.png);
            background-position: center 200%,50%,50%;
        }

        main.website div.website-container section.hero.hero-home-2 {
            background-image: url(../img/hero_home2.png);
            background-size: cover;
            background-position: 50%
        }

        main.website div.website-container section.hero > .row {
            width: 100%
        }

    main.website div.website-container .home-1 h4 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    main.website div.website-container .home-2 .wave-row {
        min-height: 562px
    }

        main.website div.website-container .home-2 .wave-row h4 {
            font-size: 1.4rem;
            font-weight: 400;
            letter-spacing: .03rem;
            text-align: left !important;
            line-height: 1.75rem;
            margin-bottom: 40px
        }

        main.website div.website-container .home-2 .wave-row .person-img {
            width: 100%;
            height: 0%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px
        }

    main.website div.website-container .home-2 .piquete {
        padding-top: 50px
    }

        main.website div.website-container .home-2 .piquete .icon-header {
            display: block;
            text-align: center
        }

            main.website div.website-container .home-2 .piquete .icon-header h3 {
                font-size: 1.25rem;
                text-align: center
            }

            main.website div.website-container .home-2 .piquete .icon-header > img {
                margin: 0;
                width: 52px
            }

        main.website div.website-container .home-2 .piquete .call-free, main.website div.website-container .home-2 .piquete .postal-code {
            margin: 20px 0 0
        }

        main.website div.website-container .home-2 .piquete .call-free {
            text-align: center;
            margin-bottom: 30px
        }

            main.website div.website-container .home-2 .piquete .call-free h5 {
                font-size: 1.375rem
            }

            main.website div.website-container .home-2 .piquete .call-free .number {
                font-weight: 700
            }

    main.website div.website-container .home-3 .home-3-image h4 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        text-align: center
    }

    main.website div.website-container .home-3 .home-3-image h6 {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 700;
        text-align: center
    }

    main.website div.website-container .home-3 .home-3-image button {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important
    }

    main.website div.website-container .home-3 .home-3-blue h5 {
        font-size: 1.375rem
    }

    main.website div.website-container .home-3 .home-3-blue h6 {
        font-size: 1.125rem;
        font-weight: 700
    }

    main.website div.website-container .home-3 .home-3-blue .phone-img {
        width: 280px;
        margin: auto
    }

    main.website div.website-container .home-3 .home-3-blue ul > li {
        margin-top: 2rem
    }

    main.website div.website-container .home-3 .home-3-blue button {
        margin-bottom: 3rem
    }

    main.website div.website-container .home-3 .home-3-cards .gc-card .gc-card-footer {
        background-color: #fff;
        margin: 0 -2rem -2rem;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 1rem
    }

        main.website div.website-container .home-3 .home-3-cards .gc-card .gc-card-footer h4, main.website div.website-container .home-3 .home-3-cards .gc-card .gc-card-footer h6 {
            font-size: 1.375rem;
            line-height: 1.2;
            color: #0075c9
        }

        main.website div.website-container .home-3 .home-3-cards .gc-card .gc-card-footer .date {
            font-size: 1rem
        }

        main.website div.website-container .home-3 .home-3-cards .gc-card .gc-card-footer .gc-card-footer-actions {
            display: none
        }

    main.website div.website-container .home-3 .home-3-cards .card_bg_1, main.website div.website-container .home-3 .home-3-cards .card_bg_2, main.website div.website-container .home-3 .home-3-cards .card_bg_3 {
        height: 260px
    }
}

@media (min-width:768px) and (max-width:1280px) {
    main.website div.website-container .home-3 .home-3-cards .gc-card {
        height: 282px !important
    }
}

@media (min-width:1921px) {
    main.website div.website-container section.hero.hero-home-1, main.website div.website-container section.hero.hero-home-2 {
        background-position: center 145%,50%,50%
    }

    main.website div.website-container section.home-1.home-1-hand {
        background-size: auto
    }
}
