@import url('https://fonts.googleapis.com/css?family=Anton|Open+Sans:300,400,700,800&display=swap');
@import url('menu.css');
@import url('slide.css');
html,
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #404040;
    height: 100%;
    margin: 0;
}

::-moz-selection {
    background: #07beb8;
    color: #ffffff !important;
}

::-webkit-selection {
    background: #07beb8;
    color: #ffffff !important;
}

::selection {
    background: #07beb8;
    color: #ffffff !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}


/*===========================================================================================
  Conteúdo Home - Frase Home
===========================================================================================*/

#home_conteudo {
    padding: 50px 0 110px 0;
}

.text_home h1 {
    font-family: 'Anton Regular', sans-serif;
    color: #ee6c4d;
    font-size: 30px;
    padding-top: 30px;
}

.text_home::before {
    bottom: -160px;
    left: 165px;
}

.text_home_conteudo::after,
.text_home::before {
    content: '';
    position: absolute;
    background: linear-gradient(to right, #07beb8, #232f68);
    height: 8px;
    width: 90px;
    display: block;
}

.text_home_conteudo {
    padding: 45px 30px 0px 30px;
}

.text_home_conteudo p {
    text-align: center;
    font-weight: 300;
    font-size: 24px;
    /* font-size: 20px; */
    color: #232f68;
}

.text_home_conteudo::after {
    top: 0px;
    right: 165px;
}

#frase_home {
    padding: 70px 0;
    background: linear-gradient(to right, rgba(154, 65, 43, 0.7803921568627451), rgba(6, 17, 68, 0.7607843137254902)), url('../img/img-frase.jpg');
    background-position: center center;
    background-attachment: fixed;
}

.conteudo_frase {
    width: 55%;
    margin: 0 auto;
}

#frase_home .conteudo_frase p {
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300;
}

#frase_home .conteudo_frase p b {
    font-weight: 800;
}

#area_de_atuacao_home {
    padding: 50px 0;
}

.title1 h2,
.title2 h2 {
    font-size: 30px;
    text-align: center;
}

.title1 h2 {
    font-weight: 300;
    color: #232f68;
    margin: 10px 0;
}

.title2 h2 {
    color: #ffffff;
    font-weight: 800;
    margin: 10px 0 10px 0;
}

.title2 h3 {
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 15px;
    margin-top: -10px;
}

.title1 h2 b {
    font-weight: 800;
}

.title1::before,
.title1::after,
.title2::before,
.title2::after {
    content: '';
    display: block;
    width: 120px;
    height: 1px;
    margin: 0 auto;
}

.title1::before,
.title1::after {
    background-color: #232f68;
}

.title2::before,
.title2::after {
    background-color: #ffffff;
}

.container_area_de_atuacao .row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
    justify-content: space-around;
}

a.box_area {
    border: 3px solid #07beb8;
    padding: 0px 5px 10px 5px;
    margin: 30px 5px;
    width: 225px;
    height: 140px;
    color: #232f68;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease;
}

a.box_area:hover {
    background-color: #07beb8;
    color: #ffffff;
    box-shadow: 0px 0px 30px -15px #07beb8;
    transition: all .3s ease;
}

a.box_area img {
    position: relative;
    top: -30px;
    margin-bottom: -15px;
}

a.box_area b {
    font-weight: 800;
}

footer {
    padding-top: 50px;
    background-color: #1a234e;
    margin-bottom: 0px;
}

.title_footer {
    display: flex;
}

.title_footer h5,
.title_footer2 h5 {
    color: #07beb8;
    text-transform: uppercase;
    font-weight: 800;
    padding-top: 15px;
}

.ico_rodape {
    width: 50px;
    height: 50px;
    border: 2px solid #07beb8;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ico_rodape svg {
    font-size: 25px;
    color: #07beb8;
}

.conteudo_footer {
    color: #ffffff;
    margin-top: 20px;
}

.title_footer2 {
    text-align: center !important;
}

.conteudo_footer .redes {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 20px;
}

.ico_redes {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 45px;
    border: 2px solid #ffffff;
    margin: auto 20px;
    transition: all .3s ease;
}

.ico_redes svg {
    font-size: 20px;
    color: #ffffff;
}

.redes a:hover {
    background-color: #07beb8;
    border-color: transparent;
    box-shadow: 0px 0px 30px -15px #07beb8;
    transition: all .3s ease;
}

.copyright {
    background-color: #1d202a;
    color: #ffffff;
    text-align: center;
    margin-top: 30px;
    padding: 13px 0px 13px 0px;
    font-size: 13px;
}

.copyright p {
    margin-bottom: 0px;
}

.copyright p a {
    color: #ffffff;
}

.copyright p a:hover {
    color: #ee6c4d;
}


/*===========================================================================================
  Conteúdo Interno
===========================================================================================*/

.header-interno {
    height: 60vh;
    width: 100%;
    margin-top: 100px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-quem-somos {
    background: linear-gradient(rgba(70, 138, 190, 0.8), rgba(0, 0, 0, 0.32)), url('../img/header-quem-somos.jpg');
    background-blend-mode: multiply;
    background-position: center center;
    background-size: cover;
}

.header-contato {
    background: linear-gradient(rgba(70, 138, 190, 0.8), rgba(0, 0, 0, 0.32)), url('../img/header-contato.jpg');
    background-blend-mode: multiply;
    background-position: center center;
    background-size: cover;
}

.header-area {
    background: linear-gradient(rgba(70, 138, 190, 0.8), rgba(0, 0, 0, 0.32)), url('../img/header-area.jpg');
    background-blend-mode: multiply;
    background-position: bottom center;
    background-size: cover;
}

.header-ebook {
    background: linear-gradient(rgba(70, 138, 190, 0.8), rgba(0, 0, 0, 0.32)), url('../img/header-ebook.jpg');
    background-blend-mode: multiply;
    background-position: center;
    background-size: cover;
}

.header-quiz {
    background: linear-gradient(rgba(70, 138, 190, 0.8), rgba(0, 0, 0, 0.32)), url('../img/header-quiz.jpg');
    background-blend-mode: multiply;
    background-position: center;
    background-size: cover;
}

.header-contratosDigitais {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.00)), url('../img/header-contratosDigitais.jpg');
    background-blend-mode: multiply;
    background-position: center;
    background-size: cover;
}

.conteudo-interno .titulos p {
    font-size: 38px;
}

.conteudo-interno .titulos {
    margin-bottom: 70px;
    padding-top: 20px;
}

.conteudo-interno {
    padding: 50px 0;
    text-align: justify;
}

.conteudo-interno ul {
    list-style-image: url("../img/ico-list.svg");
}

.conteudo-interno li {
    padding: 10px 0;
}

.conteudo-interno h3 {
    color: #232f68;
    font-weight: bold;
    padding-bottom: 16px;
    text-align: left;
}


/* Missão Visão Valores */

#mvv {
    background: linear-gradient(100deg, #1d202a 50%, #f5f5f5 50%);
    padding: 70px 0;
}

.mvv_conteudo h3 {
    color: #ee6c4d;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    padding-top: 20px;
}

.mvv_texto {
    font-size: 20px;
    text-align: center;
    padding: 0 50px;
    color: #1d202a;
}

#page_contato input {
    height: 50px;
}

#page_contato input,
#page_contato textarea {
    width: 100%;
    background: #f3f3f3;
    color: #1d202a;
    padding: 10px 0 10px 15px;
    margin: 6.7px auto;
    border: none;
}

.btn_enviar {
    background-color: #07beb8;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 16px 32px;
    border-radius: 45px;
    border: none;
    transition: all .3s ease;
}

.btn_enviar:hover {
    box-shadow: 0px 0px 30px -15px #06948f;
    background-color: #06948f;
    transition: all .3s ease;
    color: #ffffff;
}


/* ==========================================================================
Quiz LGPD
========================================================================== */


/* Customize the label (the container) */

.quiz {
    width: 60px;
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 9px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#quiz h1 {
    font-family: 'Anton Regular', sans-serif;
    color: #232F68;
    font-size: 25px;
    font-weight: 800;
    padding-bottom: 30px;
    text-align: center;
}

#quiz h2 {
    font-family: 'Open Sans', sans-serif;
    color: #ee6c4d;
    font-size: 18px;
    font-weight: 800;
}

#quiz h3 {
    font-family: 'Open Sans', sans-serif;
    color: #232F68;
    font-size: 20px;
    font-weight: 800;
    padding-bottom: 30px;
    text-align: center;
}

.pergunta {
    padding-bottom: 10px;
}


/* Hide the browser's default radio button */

.quiz input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #DADADA;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.quiz:hover input~.checkmark {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.quiz input:checked~.checkmark {
    background-color: #232F68;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.quiz input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.quiz .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}


/*=============================================================================
							        Slide
=============================================================================*/

.slide {
    margin-top: 5%;
}

.carousel,
.item,
.active {
    height: 87%;
}

.carousel-inner {
    height: 100%;
}

.carousel-control {
    height: 87% !important;
    width: 5% !important;
}

.slide1 {
    background: url(../img/slide/slide01.png);
    background-size: cover;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


/* ==========================================================================
Arrow Slide
========================================================================== */

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.arrow {
    position: absolute;
    /*bottom: 110px;*/
    bottom: 30px;
    left: 50.4%;
    margin-left: -20px;
    width: 30px;
    height: 30px;
    background-image: url(../img/abaixo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 10;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}


/* ==========================================================================
GOOGLE MA
========================================================================== */

.section-mapa {
    padding-top: 0px;
    padding-bottom: 0px;
}

#mapa {
    background: transparent;
}

.gmap {
    height: 300px;
}

.gmap div {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#map {
    display: block;
    width: 100%;
    height: 300px;
    margin: 0 auto;
}

#map.large {
    height: 300px;
}

#map img {
    max-width: none !important;
    height: auto;
}