@import url(https://fonts.googleapis.com/css?family=Candal);

/*
A super simple jQuery slider plugin

Table of contents

1.0 - Typography
2.0 - Elements
3.0 - Grid
4.0 - Slider
	4.1 - Slider Nav
*/


/*
1.0 - Typography
*/

/*h1,
h2 {
    line-height: 1.2;
}
*/

/*
2.0 - Elements
*/

img {
    max-width: 100%;
    height: auto;
}


/*
3.0 - Grid
*/

.grid {
    max-width: 100%;
    margin: auto;
}


/*
4.0 - Slider
*/

.slider-box,
.slider__item {
    position: relative;
}

.slider {
    overflow: hidden;
}

.slider__canvas {
    transition: transform 0.5s;
}

.slider__item {
    float: left;
}

.slider-title {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    margin: 0;
    color: #f5f5f5;
    font-size: 30px;
    line-height: 1;
    text-align: center;
    transition: opacity 1s, transform 1s;
    transform: translate3d(-50%, -60%, 0);
    font-family: 'Quicksand', sans-serif;
    

 /*color: #f5f5f5; font-size: 55px; font-weight: 700;*/
}

.slider-subtitle {
    color: #dfc548;
    font-size: 35px;
    font-family: 'Quicksand', sans-serif;
}

.slider-txt {
    color: #fff;
    font-size: 20px;
    max-width: 700px;
    margin-left: auto; 
    margin-right: auto;
    line-height: 30px;
    margin-top: 20px;
    font-family: 'Quicksand', sans-serif;
}

.active .slider-title {
    opacity: 1;
    transition-delay: 0.5s;
    transform: translate3d(-50%, -50%, 0);
}

@media(min-width: 48rem) {
    .slider-title {
        font-size: 55px;
    }
}



/*
4.1 - Slider Nav
*/

.slider-nav {
    color: #fff;
    font-size: 1rem;
    text-align: center;
}

.slider-nav__dots {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.slider-nav__prev,
.slider-nav__next,
.slider__dot {
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px;
    cursor: pointer;
    backface-visibility: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
}

.slider-nav__prev,
.slider-nav__next {
    position: absolute;
    top: 50%;
    width: 3rem;
    height: 3rem;
    margin-top: -1.5rem;
    line-height: 3rem;
}

.slider-nav__prev {
    left: 7%;
}

.slider-nav__next {
    right: 7%;
}

.slider__dot {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin: 0 1rem;
}

.slider-nav__prev:hover,
.slider-nav__next:hover,
.slider__dot.active,
.slider__dot:hover {
    transform: scale3d(1.5, 1.5, 1);
}

.icone-utilidade {
    font-size: 70px; 
    color: #007DE2;
}

.btn-utilidade {
    background-color: #fff; 
    color: #007DE2; 
    padding: 8px 20px 8px 20px; 
    border: 1px solid #007DE2;
    border-radius: 40px;
}

.btn-utilidade:hover{
    background-color: #007DE2; 
    color: #fff; 
    padding: 8px 20px 8px 20px; 
    border: 1px solid #007DE2;
    border-radius: 40px;
}


@media only screen and (max-width: 480px) {
    .layout .logo img {
        /*width: 150px !important;*/
    }

    .slider__item img {
        height: 450px !important;
        object-fit: cover !important;
    }

    .slider-title {
        font-size: 25px !important;
        margin-top: 20px !important;
    }

    .slider-subtitle {
        font-size: 20px !important;
    }
    .slider-txt {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .foo .descricao {
        width: 100% !important;
    }

    .botao_responsivo {
        margin-right: 20px;
    }

    .foo img {
        width: 20px !important;
    }

    .layout .logo-footer img {
        width: 200px !important;
    }

    .foto img {
        width: 100% !important;
    }
}