/* Configurações globais */

* {

    margin: 0;

    padding: 0;

    font-family: 'Noto Sans', sans-serif;

    box-sizing: border-box;

}



/* Fim das configurações globais */



/* Configurações gerais para links */

a {

    text-decoration: none;

}



/* Configurações para o body */

body {

    background-color: #ffffff;

    height: auto;

}



/* Configuração global para os paragráfos */

p {

    margin-bottom: 0px;

}



a h2 {

    width: auto;

}





/*Configurações do container principal */

.row .col-sm-4 {

    background-size: cover;

    /*border: 1px solid red;*/

    max-width: 100%;

    max-height: 100%;

    overflow: hidden;

}



/* Configurações da imagem do logo no banner */

.imagemBackground {

    width: 100%;

    height: 40%;

}



/* Configurações do botão - Quero ser parceiro - no body */

.styleButton2 {

    width: auto;

    padding: 6px;

    background-color: white;

    border: 1px solid #2a9641;

    box-shadow: 1px 6px 5px 1px #208531;

    float: left;

    margin: 130px 10px 10px 10px;

    text-align: center;

    border-radius: 40px;

}



/* Configurações do texto do botão - Quero ser parceiro - no banner*/

.styleButton2 h2 {

    width: auto;

    margin: 0px;

    font-weight: 400;

    color: #208531;

}



/* Configurações do texto - Quero ser parceiro - no body */

.mainTitle {

    clear: both;

    width: auto;

    margin: 50px 0px 30px 60px;

    color: #157321;

}



/* Configurações do texto - Quero ser parceiro - no body */

.mainTitle h1 {

    width: auto;

    font-size: 53px;

}



/* Configurações do texto - dos números - no body */

.numTitleGrid {

    width: auto;

    margin: 0px;

    padding: 0px;

    color: #005000;

    font-size: 100px;

}



/* Configurações do texto do grid - no body */

.textGrid {

    width: auto;

    margin: 0px;

    padding: 35px;

    color: #157321;

    font-size: 30px;

    position: absolute;

}



/* Configurações do grid - no body */

.containerGrid {

    width: auto;

    margin: 20px 50px 50px 50px;

    /*border: 1px rgb(119, 0, 255) solid;*/

}



/* Configurações do texto do paragráfo do grid - no body */

.textP {

    clear: both;

    width: auto;

    color: rgb(122, 122, 122);

    padding: 0px;

    font-size: 30px;

    font-family: 'Roboto', sans-serif;

}



/* Configurações do player Video */

.playerVideo iframe {

    clear: both;

    text-align: center;

    margin: auto;

    width: 80%;

    height: 640px;

    display: flex;

    justify-content: center;

    align-items: center;

}



/* Configurações do texto título - 2º - */

.mainTitle-Itour {

    clear: both;

    width: auto;

    margin: 50px 0px 30px 60px;

    color: #083f50;

}



/* Configurações do texto título - 2º - */

.mainTitle-Itour h1 {

    font-size: 53px;

}



.row {

    margin: 0px;

    display: flex;

    flex-direction: row;

    justify-content: space-around;

    /*border: #743ce6 1px solid;*/

}



/* Configurações do card verde, azul e roxo */

.card {

    width: 100%;

    margin: 10px 0px 10px 0px;

    border: none!important;

}



/* Configurações da imagem dos cards coloridos */

.card-img-top {

    width: 100%;

    border: none!important;

}



/* Configurações do texto título - 3º - */

.mainTitle-duvidas {

    clear: both;

    margin: 55px 0px 30px 0px;

    position: relative;

    color: #083f50;

}



/* Configurações do texto título - 3º - */

.mainTitle-duvidas h1 {

    width: auto;

    font-size: 53px;

}



/* Configurações do botão da grid de botões - Dúvidas */

.styleButton3 {

    clear: both;

    margin: 30px 0px 10px 0px;

    padding: 15px 10px 5px 10px;

    background-color: white;

    border: 1px solid #2a9641;

    box-shadow: 1px 6px 5px 1px #208531;

    border-radius: 40px;



    display: flex;

    justify-content: center;

    flex-direction: row;

    justify-content: space-around;

    align-items: center;

}



/* Configurações do texto botão da grid de botões - Dúvidas*/

.styleButton3 h2 {

    font-size: 28px !important;

    color: #208531;

}



/* Configurações da área das redes sociais */

.redesSociais {

    border-top: 4px solid #dcdddd !important;

    border-bottom: 20px solid #dcdddd !important;

    height: auto;

    text-align: center;

    font-size: 28px;

    /*border: 1px solid red;*/

}



.socialMedia {

    display: flex;

    justify-content: center;

    flex-direction: row;

    align-items: center;

    /*border: 1px solid rgb(5, 170, 55);*/

}



/* Configurações da área das redes sociais */

.containerSocialMedia {

    margin: 50px 50px;

}



/* Configurações da imagem do icone - Whatsapp - */

.buttonWhatsapp img {

    width: 70px;

    height: 70px;

}



/* Configurações do rodapé */

footer {

    background-color: #002709;

    padding-top: 40px;

}



/* Configurações do link do rodapé */

.footerTitle a {

    padding-top: 0px;

    font-weight: bold;

    font-size: 25px;

    color: #ffffff;

    border: none;

}



/* Configurações do link do rodapé */

.footerTitle a:hover {

    color: #009e56;

}



/* Configurações dos itens das listas */

li {

    padding: 10px;

    text-decoration: none;

}



/* Configurações das listas */

ul {

    list-style: none;

}



/* Configurações das imagens dos itens das listas */

li img {

    padding: 0;

}



/* Configurações dos links dos itens das listas */

li a {

    text-decoration: none;

    color: #ffffff;

}



/* Configurações dos links dos itens das listas */

li a:hover {

    color: #0feb9b;

}



@media only screen and (max-width: 376px) {

    * {

        margin: 0;

        padding: 0;

        font-family: 'Noto Sans', sans-serif;

        box-sizing: border-box;

    }



    /* Fim das configurações globais */



    /* Configurações gerais para links */

    a {

        text-decoration: none;

    }



    body {

        background-color: #ffffff;

        height: auto;

    }



    header {

        background-image: url("../img/background_header@2x.png");

    }



    /* Configuração global para os paragráfos */

    p {

        margin-bottom: 0px;

    }



    .imagemBackground {

        width: 100%;

        height: 150px;

    }



    /* Configurações do texto - Quero ser parceiro - no body */

    .mainTitle {

        clear: both;

        position: relative;

        margin: 10px 0px 10px 0px;

        color: #157321;

    }



    /* Configurações do texto - Quero ser parceiro - no body */

    .mainTitle h1 {

        text-align: center;

        font-size: 25px;

    }



    /* Configurações do texto - dos números - no body */

    .numTitleGrid {

        margin: 30px 10px 0px 10px;

        padding: 0px;

        color: #005000;

        font-size: 70px;

    }





    /* Configurações do texto do grid - no body */

    .textGrid {

        clear: both;

        margin: 25px 10px 10px 10px;

        padding: 15px 10px 10px 0px;

        color: #157321;

        font-size: 20px;

        position: absolute;

    }



    .textGrid br {

        display: none;

    }



    /* Configurações do grid - no body */

    .containerGrid {

        margin: 20px 10px 0px 10px;

        padding-top: 0px;

        /*border: 1px red solid;*/

    }



    /* Configurações do texto do paragráfo do grid - no body */

    .textP {

        clear: both;

        color: rgb(122, 122, 122);

        margin: 10px 10px 10px 10px;

        font-size: 20px;

        font-family: 'Roboto', sans-serif;

        text-align: center;

    }



    /* Configurações do botão - Quero ser parceiro - no body */

    .styleButton2 {

        clear: both;

        background-color: white;

        border: 1px solid #2a9641;

        box-shadow: 1px 3px 3px #208531;

        margin: 0px 10px 10px 90px;

        position: relative;

        border-radius: 40px;

    }



    /* Configurações do texto do botão - Quero ser parceiro - no body */

    .styleButton2 h2 {

        font-size: 15px;

        margin: auto;

        color: #208531;

    }



    /* Configurações do player Video */

    .playerVideo iframe {

        text-align: center;

        width: 90%;

        height: 300px;

        margin: 20px 20px 60px 20px;

    }



    /* Configurações do card verde, azul e roxo */

    .card {

        clear: both;

        width: 100%;

        border: none!important;

    }



    /* Configurações da imagem dos cards coloridos */

    .card-img-top {

        width: 100%;

        border: none!important;

    }



    .cardMargin{

        margin-bottom: 60px;

    }



    /* Configurações do botão da grid de botões - abaixo do texto dúvidas */

    .styleButton3 {

        clear: both;

        width: auto !important;

        margin-bottom: 1px;

        padding: 15px 10px 5px 10px;

        background-color: white;

        border: 1px solid #2a9641;

        box-shadow: 1px 6px 5px 1px #208531;

        text-align: center;

        border-radius: 40px;

    }



    /* Configurações do texto botão da grid de botões - abaixo do texto dúvidas */

    .styleButton3 h2 {

        margin: 0px 0px 10px 0px;

        font-size: 22px !important;

        color: #208531;

    }



    /* Configurações da área das redes sociais */

    .redesSociais {

        width: auto;

        border-top: 4px solid #dcdddd;

        border-bottom: 20px solid #dcdddd;

        margin-top: 30px;

        height: auto;

        text-align: center;

        font-size: 28px;

        /*border: 1px solid blue;*/

    }



    .whatsappIcon {

        margin: 10px 50px;

        padding-bottom: 30px;

    }



    .SocialMediaTitle {

        clear: both;

        margin: auto;

        color: #083f50;

        text-align: center;

        font-size: 30px;

    }



    /* Configurações da área das redes sociais */

    .containerSocialMedia {

        height: auto;

        width: 90%;

        margin: auto;

    }



    /* Configurações do rodapé */

    footer {

        background-color: #002709;

        padding-top: 40px;

    }



    /* Configurações do link do rodapé */

    .footerTitle a {

        padding-top: 0px;

        font-weight: bold;

        font-size: 25px;

        color: #0feb9b;

        border: none;

    }



    /* Configurações do link do rodapé */

    .footerTitle a:hover {

        color: #009e56;

    }



    /* Configurações dos itens das listas */

    li {

        padding: 10px;

        text-decoration: none;

    }



    /* Configurações das listas */

    ul {

        list-style: none;

    }



    /* Configurações das imagens dos itens das listas */

    li img {

        padding: 0; 

    }



    /* Configurações dos links dos itens das listas */

    li a {

        text-decoration: none;

        color: #009e56;

    }



    /* Configurações dos links dos itens das listas */

    li a:hover {

        color: #0feb9b;

    }

}











@media only screen and (max-width: 426px) {

    * {

        margin: 0;

        padding: 0;

        font-family: 'Noto Sans', sans-serif;

        box-sizing: border-box;

    }



    /* Fim das configurações globais */



    /* Configurações gerais para links */

    a {

        text-decoration: none;

    }



    body {

        background-color: #ffffff;

        height: auto;

    }



    header {

        background-image: url("../img/background_header@2x.png");

    }



    /* Configuração global para os paragráfos */

    p {

        margin-bottom: 0px;

    }



    .imagemBackground {

        width: 100%;

        height: 200px;

    }



    /* Configurações do texto - Quero ser parceiro - no body */

    .mainTitle {

        clear: both;

        position: relative;

        margin: 10px 0px 10px 0px;

        color: #157321;

    }



    /* Configurações do texto - Quero ser parceiro - no body */

    .mainTitle h1 {

        text-align: center;

        font-size: 25px;

    }



    /* Configurações do texto - dos números - no body */

    .numTitleGrid {

        margin: 30px 10px 0px 10px;

        padding: 0px;

        color: #005000;

        font-size: 70px;

    }





    /* Configurações do texto do grid - no body */

    .textGrid {

        clear: both;

        margin: 25px 10px 10px 10px;

        padding: 15px 10px 10px 0px;

        color: #157321;

        font-size: 20px;

        position: absolute;

    }



    .textGrid br {

        display: none;

    }



    /* Configurações do grid - no body */

    .containerGrid {

        margin: 20px 10px 0px 10px;

        padding-top: 0px;

        /*border: 1px red solid;*/

    }



    /* Configurações do texto do paragráfo do grid - no body */

    .textP {

        clear: both;

        color: rgb(122, 122, 122);

        margin: 10px 10px 10px 10px;

        font-size: 20px;

        font-family: 'Roboto', sans-serif;

        text-align: center;

    }



    /* Configurações do botão - Quero ser parceiro - no body */

    .styleButton2 {

        clear: both;

        background-color: white;

        border: 1px solid #2a9641;

        box-shadow: 1px 3px 3px #208531;

        margin: 0px 10px 10px 90px;

        position: relative;

        border-radius: 40px;

    }



    /* Configurações do texto do botão - Quero ser parceiro - no body */

    .styleButton2 h2 {

        font-size: 15px;

        margin: auto;

        color: #208531;

    }



    /* Configurações do player Video */

    .playerVideo iframe {

        text-align: center;

        width: 90%;

        height: 300px;

        margin: 20px 20px 60px 20px;

    }



    /* Configurações do card verde, azul e roxo */

    .card {

        clear: both;

        width: 100%;

        border: none!important;

    }



    /* Configurações da imagem dos cards coloridos */

    .card-img-top {

        width: 100%;

        border: none!important;

    }



    .cardMargin{

        margin-bottom: 60px;

    }



    /* Configurações do botão da grid de botões - abaixo do texto dúvidas */

    .styleButton3 {

        clear: both;

        width: auto !important;

        margin-bottom: 1px;

        padding: 15px 10px 5px 10px;

        background-color: white;

        border: 1px solid #2a9641;

        box-shadow: 1px 6px 5px 1px #208531;

        text-align: center;

        border-radius: 40px;

    }



    /* Configurações do texto botão da grid de botões - abaixo do texto dúvidas */

    .styleButton3 h2 {

        margin: 0px 0px 10px 0px;

        font-size: 22px !important;

        color: #208531;

    }



    /* Configurações da área das redes sociais */

    .redesSociais {

        width: auto;

        border-top: 4px solid #dcdddd;

        border-bottom: 20px solid #dcdddd;

        margin-top: 30px;

        height: auto;

        text-align: center;

        font-size: 28px;

        /*border: 1px solid blue;*/

    }



    .whatsappIcon {

        margin: 10px 50px;

        padding-bottom: 30px;

    }



    .SocialMediaTitle {

        clear: both;

        margin: auto;

        color: #083f50;

        text-align: center;

        font-size: 30px;

    }



    /* Configurações da área das redes sociais */

    .containerSocialMedia {

        height: auto;

        width: 90%;

        margin: auto;

    }



    /* Configurações do rodapé */

    footer {

        background-color: #002709;

        padding-top: 40px;

    }



    /* Configurações do link do rodapé */

    .footerTitle a {

        padding-top: 0px;

        font-weight: bold;

        font-size: 25px;

        color: #0feb9b;

        border: none;

    }



    /* Configurações do link do rodapé */

    .footerTitle a:hover {

        color: #009e56;

    }



    /* Configurações dos itens das listas */

    li {

        padding: 10px;

        text-decoration: none;

    }



    /* Configurações das listas */

    ul {

        list-style: none;

    }



    /* Configurações das imagens dos itens das listas */

    li img {

        padding: 0; 

    }



    /* Configurações dos links dos itens das listas */

    li a {

        text-decoration: none;

        color: #009e56;

    }



    /* Configurações dos links dos itens das listas */

    li a:hover {

        color: #0feb9b;

    }

}