/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 24, 2022, 6:43:53 PM
    Author     : Rafael Izo
*/

html,
body {
    /*height: 100%;*/
}
body {
    background-color: #fcf5e2;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    font-family: 'vag_black';
    min-width: 1024px;
}

.body_home {
    background: url(../style2.0/img/background-home.jpg) no-repeat center 180px #fbf4e2;
}

.all {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/*
items
*/

.cloud1 {
    animation: bounce 6s infinite alternate;
    -webkit-animation: bounce 6s infinite alternate;
}

.cloud2 {
    animation: bounce 8s infinite alternate;
    -webkit-animation: bounce 8s infinite alternate;
}

.cloud3 {
    animation: bounce 8s infinite alternate;
    -webkit-animation: bounce 8s infinite alternate;
}

.baloon-item {
    animation: bounce 4s infinite alternate;
    -webkit-animation: bounce2 4s infinite alternate;
}

.airplane-item {
    animation: bounce 0.9s infinite alternate;
    -webkit-animation: bounce 0.9s infinite alternate;
}

@keyframes bounce {
    from {
        transform: translateY(10px);
    }
    to {
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce2 {
    from {
        transform: translateY(10px);
    }
    to {
        transform: translateY(-25px);
    }
}

@-webkit-keyframes bounce3 {
    from {
        transform: translateY(10px);
    }
    to {
        transform: translateY(-25px);
    }
}

.cloud-item {
    display: block;
    width: 237px;
    height: 134px;
    background: url(../style2.0/img/objects/cloud.png) no-repeat;
    position: absolute;
}

.cloud-item.cloud1 {
    top: 300px;
    left: 0;
}

.cloud-item.cloud2 {
    top: 950px;
    left: 100px;
}

.cloud-item.cloud3 {
    top: 600px;
    right: 50px;
}

.baloon-item {
    display: block;
    width: 165px;
    height: 220px;
    background: url(../style2.0/img/objects/baloon.png) no-repeat;
    position: absolute;
    left: 50px;
    top: 150px;
}

.airplane-item {
    display: block;
    width: 279px;
    height: 195px;
    background: url(../style2.0/img/objects/airplane.png) no-repeat;
    position: absolute;
    right: 0;
    top: 300px;
}

.home_header,
.home_footer {
    align-items: center;
}

.home_header {
    background: url("../style2.0/img/bg-header.png") repeat-x;
}

.home_header .right {
    width: 100%;
    height: 101px;
    display: flex;
    flex-direction: row-reverse;
}

.home_header .right a {
    text-decoration: none;
    color: white;
    font-size: 1em;
}

.home_header .right .menu-mid {
    margin: 0 10px 0 10px;
    color: white;
}

.home_header .right .menu-sign {
    background: url(../style2.0/img/bg-menu-sign.png) no-repeat;
    width: 322px;
    /*height: 98px;*/
    /*float: right;*/
    margin-right: 100px;
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.home_header .bottom {
    display: flex;
    flex: 0 0 100%;
    justify-content: center;
}

.logo_pt_br {
    background: url("../style2.0/img/logo-pt-br.png") no-repeat center center !important;
    width: 100%;
    max-width: 528px !important;
    height: 76px !important;
    margin: auto !important;
    background-size: contain;
}

.logo_pt_pt {
    background: url("../style2.0/img/logo-pt-pt.png") no-repeat center center !important;
    width: 100%;
    max-width: 495px !important;
    height: 100px !important;
    margin: auto !important;
    background-size: contain;
}

.logo_es_es {
    background: url("../style2.0/img/logo-es-es.png") no-repeat center center !important;
    width: 100%;
    /*max-width: 493px;*/
    height: 128px !important;
    margin: auto !important;
    background-size: contain;
}

.logo_en_us {
    background: url("../style2.0/img/logo-en-us.png") no-repeat center center !important;
    width: 100%;
    max-width: 495px !important;
    height: 100px !important;
    margin: auto !important;
    background-size: contain;
}

.logo_fr_fr {
    background: url("../style2.0/img/logo-fr-fr.png") no-repeat center center !important;
    width: 100%;
    max-width: 495px !important;
    height: 100px !important;
    margin: auto !important;
    background-size: contain;
}

.logo a {
    display: block;
    width: 100%;
    height: 100%;
}

nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 30px 0;
}

nav ul li {
    margin: 0 25px 0 25px;
}

nav ul li a {
    text-transform: capitalize;
    font-size: 1.4em;
    color: #6b92d3;
    text-decoration: none;
    position: relative;
}

nav ul li a.active::before {
    content: "";
    width: 120%;
    height: 10px;
    background: url('../style2.0/img/bg-active-nav.png') repeat-x;
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translate(-50%);
}

.home_header .top-country-select select {
    background: transparent;
    border: 0;
    text-align: center;

    width: 100%;
    -webkit-appearance: auto;
    height: auto !important;
    padding: unset;
    color: white;
    font-size: 1em;
}

.home_section {
    display: flex;
    /*flex: 1;
    justify-content: center;*/
    padding-bottom: 100px;
    flex-direction: column;
}

.home_section header {
    display: flex;
    /*background-color: aqua;*/
    flex: 0 0 100%;
    flex-direction: column;
}

.home_section article {
    display: flex;
    /*background-color: blue;*/
    flex: 0 0 100%;
    flex-direction: column;
    margin-top: 510px;
    margin-bottom: 30px;
}

.home_section footer {
    display: flex;
    /*background-color: #10b185;*/
    flex: 0 0 100%;
    flex-direction: column;
    padding-bottom: 105px;
}

.home_section h1 {
    text-align: center;
    font-size: 1.6em;
    padding-top: 70px;
    margin-bottom: 18px;
    color: #1bb285;
}

.home_section .saiba_mais_btn {
    width: 246px;
    height: 56px;
    margin: auto;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('../style2.0/img/saiba-mais-btn.png') no-repeat;
}

.home_section .saiba_mais_btn a {
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: white;
    font-size: 1.5em;
}

.home_section h2 {
    text-align: center;
    font-family: 'poppinssemibold';
    font-size: 1em;
    color: white;
}

.home_section h3 {
    text-align: center;
    font-family: 'poppinssemibold';
    font-size: 1em;
    color: white;
}

.home_section h4 {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    text-transform: initial;
    color: #f5eabd;
    margin-bottom: 30px;
    font-size: 1.2em;
}

.home_section h4 .left-icon {
    display: block;
    width: 123px;
    height: 79px;
    background: url(../style2.0/img/left-icon.png) no-repeat;
    margin-right: 30px;
}

.home_section h4 .right-icon {
    display: block;
    width: 125px;
    height: 122px;
    background: url(../style2.0/img/right-icon.png) no-repeat;
    margin-left: 20px;
}

.home_section .app-stamp {
    position: absolute;
    width: 190px;
    height: 189px;
    left: 50%;
    transform: translate(-50%, -50%);
    right: 50%;
    margin-left: 276px;
    top: 726px;
}

.home_section .app-stamp.app_pt_br {
    background: url(../img/selo_pt_br.png) no-repeat;
}

.home_section .app-stamp.app_pt_pt {
    background: url(../img/selo_pt_pt.png) no-repeat;
}

.home_section .app-stamp.app_es_es {
    background: url(../img/selo_es_es.png) no-repeat;
}

/*
footer
*/

.home_footer {
    text-align: center;
    background: url('../style2.0/img/bg-footer.png') repeat-x center bottom 100px;
    margin-top: -60px;
}

.body_home .home_footer {
    margin-top: -140px;
}

.body_perfil_usuario .home_footer {
    margin-top: 20px;
}

.bodyuser .home_footer {
    margin-top: 20px;
}

.body_user_pagamentos_status .home_footer {
    margin-top: 20px;
}

.body_user_perfis .home_footer {
    margin-top: 20px;
}

.body_subcategoria .home_footer {
    margin-top: 50px;
}

.body_resposta .home_footer {
    margin-top: 40px;
}

.body_figurinhas .home_footer {
    margin-top: 20px;
}

.body_relatorios .home_footer {
    margin-top: 20px;
}

.body_sobre .home_footer {
    margin-top: 30px;
}

.body_pais_educadores .home_footer {
    margin-top: 30px;
}

.body_depoimentos .home_footer {
    margin-top: 30px;
}

.body_deseja_sair .home_footer {
    margin-top: 30px;
}

.body_inscreva .home_footer {
    margin-top: 30px;
}

.body_inscreva_individual .home_footer {
    margin-top: 30px;
}

/* login por telefone */
.body_loginvivo .home_footer {
    margin-top: 30px;
}

.body_loginvivocheckpin .home_footer {
    margin-top: 30px;
}

.home_footer {
    margin-top: 60px;
}

.home_footer ul {
    display: flex;
    justify-content: center;
    margin-bottom: 150px;
}

.home_footer .bottom-quem-somos a {
    /*width: 102px;
    height: 98px;*/
    background: url('../style2.0/img/quem-somos-icon.png') no-repeat top center;
    color: #01ae83;
}

.home_footer .bottom-pais-educadores a {
    /*width: 98px;
    height: 95px;*/
    background: url('../style2.0/img/pais-educadores-icon.png') no-repeat top center;
    color: #2f94cd;
}

.home_footer .bottom-depoimentos a {
    /*width: 102px;
    height: 85px;*/
    background: url('../style2.0/img/depoimentos-icon.png') no-repeat top center;
    color: #01ae83;
}

.home_footer .bottom-contato a {
    /*width: 113px;
    height: 97px;*/
    background: url('../style2.0/img/contato-icon.png') no-repeat top center;
    color: #e45b37;
}

.home_footer ul li {
    margin: 0 10px 0 10px;
    text-transform: uppercase;
    width: 150px;
}

.home_footer ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 1.2em;
}
.home_footer ul li a span {
    display: block;
    width: 120px;
    height: 100px;
    margin: auto auto 20px auto;
}

.home_download_app {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #e35b37;
    color: #f7ecd1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home_download_app p {
    font-family: 'vag_black';
    font-size: 1.2em;
}

.home_download_app p:first-child {
    margin-right: 20px;
}

.home_download_app .android-btn_pt_br {
    display: block;
    width: 138px;
    height: 41px;
    background: url('../style2.0/img/play-store-btn.png') no-repeat;
    background-size: contain;
    margin-right: 5px;
}

.home_download_app .ios-btn_pt_br {
    display: block;
    width: 131px;
    height: 44px;
    background: url('../style2.0/img/app-store-btn.png') no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.home_download_app .android-btn_es_es {
    display: block;
    width: 138px;
    height: 41px;
    background: url('../style2.0/img/play-store-btn-es-es.png') no-repeat;
    background-size: contain;
    margin-right: 5px;
}

.home_download_app .ios-btn_es_es {
    display: block;
    width: 131px;
    height: 44px;
    background: url('../style2.0/img/app-store-btn-es-es.png') no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.home_download_app .android-btn_en_us {
    display: block;
    width: 138px;
    height: 41px;
    background: url('../style2.0/img/play-store-btn-en-us.png') no-repeat;
    background-size: contain;
    margin-right: 5px;
}

.home_download_app .ios-btn_en_us {
    display: block;
    width: 131px;
    height: 44px;
    background: url('../style2.0/img/app-store-btn-en-us.png') no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.home_download_app .android-btn_fr_fr {
    display: block;
    width: 138px;
    height: 41px;
    background: url('../style2.0/img/play-store-btn-fr-fr.png') no-repeat;
    background-size: contain;
    margin-right: 5px;
}

.home_download_app .ios-btn_fr_fr {
    display: block;
    width: 131px;
    height: 44px;
    background: url('../style2.0/img/app-store-btn-fr-fr.png') no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.home_download_app .android-btn_pt_pt {
    display: block;
    width: 138px;
    height: 41px;
    background: url('../style2.0/img/play-store-btn.png') no-repeat;
    background-size: contain;
    margin-right: 5px;
}

.home_download_app .ios-btn_pt_pt {
    display: block;
    width: 131px;
    height: 44px;
    background: url('../style2.0/img/app-store-btn.png') no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.copyright {
    padding: 15px 0 20px 0;
    background-color: #e35b37;
}

.copyright p {
    font-family: 'poppinslight';
    font-size: 0.8em;
    color: white;
}

.policy {
    padding: 0;
    background-color: #e35b37;
}

.policy a {
    color: white;
}

/*
relatorios
*/
.body_relatorios .controles {
    text-align: center;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
}

.body_relatorios .controles select {
    margin-bottom: 20px;
}

.body_relatorios .select-escola {
    background: url(../img/form-select-arrow.png) no-repeat white right center !important;
}

.body_relatorios .select-turma {
    background: url(../img/form-select-arrow.png) no-repeat white right center !important;
}

.body_relatorios .select-aluno {
    background: url(../img/form-select-arrow.png) no-repeat white right center !important;
}

.body_relatorios_professor .container ul li {
    height: auto !important;
}

/*
Intl Tel Plugin
*/
.iti__flag {background-image: url("../../intl-tel/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../../intl-tel/img/flags@2x.png");}
}

.tel_mask {
    width: 305px !important;
}

.login-senha {
    margin-top: 20px;
}