@font-face {
    font-family: 'Misses';
    src: url('font/Misses/Misses\ Font\ by\ Situjuh\ \(7NTypes\).otf');
}

html,
body {
    overflow-x: hidden;
    height: 100%;
    width: 100%;
}

body {
    overflow-x: hidden;
    background: url(components/bg-body.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

img {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

h1 {
    font-family: 'Misses';
}

.h3,
.h1 {
    font-family: 'Misses';
}

a {
    text-decoration: none;
}

p {
    color: #707070;
}


/*===========Barra lateral===========*/

.lateral {
    position: fixed;
    height: 100vh;
    width: 60px;
    background: #15171C;
    opacity: 85%;
    z-index: 99;
}

.lateral .textos-laterais {
    transform: rotate(-90deg) translateX(-80vh);
    width: inherit;
}

.lateral p {
    white-space: nowrap;
    font-size: 2vh;
    letter-spacing: .2rem;
}

.lateral-num {
    transform: translateX(61vh);
    position: fixed
}

.lateral-email {
    transform: translateX(3vh);
    position: fixed;
}


/*====info lateral media queries====*/


/*1280x720*/

@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .lateral-email {
        transform: translateX(10vh);
        padding-top: 4px;
    }
    .lateral-num {
        transform: translateX(61vh);
        padding-top: 4px;
    }
}


/*1366x768*/

@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .lateral-email {
        transform: translateX(10vh);
        padding-top: 4px;
    }
    .lateral-num {
        transform: translateX(61vh);
        padding-top: 4px;
    }
}


/*1440x900*/

@media screen and (min-width: 1440px) and (max-width: 1535px) {
    .lateral-email {
        transform: translateX(7vh);
    }
    .lateral-num {
        transform: translateX(61vh);
    }
}


/*1536x864*/

@media screen and (min-width: 1536px) and (max-width: 1919px) {
    .lateral-email {
        transform: translateX(7vh);
    }
    .lateral-num {
        transform: translateX(61vh);
    }
}


/*1920x1080*/

@media screen and (min-width: 1920px) {
    .lateral-email {
        transform: translateX(3vh);
    }
    .lateral-num {
        transform: translateX(62vh);
    }
}


/*=================================*/

.lateral img {
    width: 45px;
    padding-left: 25%;
}

.l-baixo {
    position: absolute;
    bottom: 0;
}


/*
.l-email{
    position: fixed;
    bottom: 55px;
    left: -5vw;
    transform: rotate(-90deg) translateX(10vh);
    border: 1px solid red;
}
.l-telefone{
    position: fixed;
    top: 250px;
    left: -2vw;
    transform: rotate(-90deg) translateX(10vh);
}
*/


/*===========Navbar===========*/

.nav-desktop .navbar {
    width: 350px;
}

.nav-desktop .navbar .dropdown-menu .nav-icones img {
    width: 30px;
}

.dropdown-menu img.icone-menu{
    width: 12px;
    margin-top: -10px;
}

.nav-desktop .navbar .navbar-brand img{
    width: 120px;
}

.nav-mobile .navbar .navbar-brand img {
    width: 90px;
}

.nav-desktop .navbar .dropdown-icone {
    width: 40px;
}

.nav-desktop .navbar .dropdown-grupo {
    color: #fff;
}

.nav-desktop .navbar-mini {
    background: #15171C;
    opacity: 85%;
    z-index: 100;
    position: fixed;
}

.navbar-mobile .collapse {
    background: #15171C;
}

.navbar-mobile ul li a {
    color: #fff;
}

.nav-desktop .dropdown-menu {
    height: 90vh;
    width: 285px;
    /*left: 40%;*/
    right: auto;
    transform: translateX(-171px) translateY(25px);
    /* translateX: -60% -- translateY: 4%*/
    font-size: 2vh;
    letter-spacing: .2rem;
    background: #15171C;
    border-radius: 0;
}

.dropdown-menu li a {
    color: #fff;
    font-weight: lighter;
}

.dropdown-menu li {
    font-weight: lighter;
}

.icones-dropdown {
    position: absolute;
    bottom: 2%;
}

.icones-dropdown a img {
    width: 30px;
}

.icones-dropdown-mb {
    width: 5px;
    padding-left: 10px;
}

.navbar-collapse {
    transition: fade-in 12.5s ease;
}

.dropdown-mobile ul li a {
    color: #fff;
}
.n-pointer{
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .nav-desktop {
        display: none;
    }
    .lateral {
        display: none;
        visibility: hidden;
    }
}

@media screen and (min-width: 481px) {
    .nav-mobile {
        display: none;
    }
    .nav-mobile button {
        border: 0px;
    }
    button.navbar-toggler {
        outline: none!important;
    }
}
/*===========Aviso===========*/
.aviso{
    width: 100vw;
    height: 66.49px!important;
    position: sticky;
    top: 0;
    z-index: 3;
    background-color: #b00009d2;
}
.aviso p{
    color: #fff;
}
/*===========Topo===========*/

#myVideo {
    position: absolute;
    object-fit: fill;
    top: -66.48px;
    right: 0;
    height: 100vh;
    width: 100vw;
    z-index: -1;
}

img.legenda-video {
    width: 450px!important;
    position: absolute;
    left: 59px;
    bottom: 8.6vh;
}

@media screen and (min-width: 1920px) {
    img.legenda-video {
        bottom: -7vh;
    }
}

.topo {
    height: 100vh;
    background: url(components/04-Voo_passaro_Solar_Gonzaga_Maua_edit.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.topo .h3,
.topo-desktop .h3 {
    color: #fff;
    font-size: 2.5rem;
}

.topo-desktop .oseu {
    font-size: 8rem!important;
}

.topo .h1,
.topo-desktop .h1 {
    color: #F9A22B;
    font-size: 3.5rem;
}

.topo img,
.topo-desktop img {
    width: 150px;
}

.topo-desktop {
    height: 100vh;
    width: 100vw;
    z-index: 2;
}

.topo .h3,
.topo-desktop .h3 {
    color: #fff;
    font-size: 2.5rem;
}

.topo .h1,
.topo-desktop .h1 {
    color: #F9A22B;
    font-size: 3.5rem;
}

.topo img {
    width: 150px;
}

.topo {
    display: none!important;
}

@media screen and (max-width: 481px) {
    .topo-desktop {
        display: none!important;
    }
    .topo {
        display: block!important;
    }
}

/*======== Mapa ========*/
.mapa img:hover{
    cursor: pointer;
}


/*===========Parte 2===========*/

h1 {
    color: #1C3A87;
}

.p2-texto {
    background-color: #F9A22B;
    position: absolute;
    right: 0;
    bottom: -7%;
    color: #fff;
    z-index: 1;
}

@media screen and (max-width: 480px) {
    .p2-texto {
        position: relative;
    }
}

.p2-imagem {
    z-index: 2;
}

.p2-row {
    position: relative;
}

/*=========Parte do vídeo==========*/
@media screen and (max-width: 480px) {
    .p-video video{
        width: 95vw;
    }
}


/*===========Parte 3===========*/

.parte-3 .botao {
    background-color: #1C3A87;
    color: #F9A22B;
    border-radius: 0;
}
.parte-3 .owl-carousel img:hover{
    cursor: pointer;
}
.parte-3 .botao {
    box-shadow: 2px 2px 10px #4f4f4f;
}

.parte-3 .planta img {
    width: 800px;
}

.parte-3 .botao {
    transition: transform .2s;
}

.parte-3 .botao:hover {
    transform: scale(1.1);
}

.p3-borda {
    border: 4px solid #F9A22B;
    padding-bottom: 100px;
}


/*tabs*/

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: #F9A22B #F9A22B transparent;
    border-left: 5px solid #F9A22B;
    border-top: 5px solid #F9A22B;
    border-right: 5px solid #F9A22B;
}


/*
.nav-item .nav-link:hover{
    border-color:  #F9A22B #F9A22B transparent;
}*/

.nav-tabs {
    border-bottom: 0;
    margin-left: 13%!important;
}

.nav-tabs p {
    font-size: 2rem;
}

.nav-tabs .nav-link .span {
    color: #525252;
}


/*carousel setas*/

.carousel-wrap {
    margin: auto;
    position: relative;
}

.owl-carousel .owl-nav {
    overflow: hidden;
    height: 0px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #2caae1;
}

.owl-carousel .item {
    text-align: center;
}

.owl-carousel .nav-btn {
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 33%!important;
}

@media screen and (max-width: 480px) {
    .owl-carousel .nav-btn {
        top: 50px !important;
    }
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
}

.owl-carousel .prev-slide {
    background: url(components/arrows.png) no-repeat scroll 0 0;
    left: -33px;
}

.owl-carousel2 .prev-slide {
    background: url(components/arrows2.png) no-repeat scroll 0 0;
    left: -33px;
}

.owl-carousel .next-slide {
    background: url(components/arrows.png) no-repeat scroll -24px 0px;
    right: -33px;
}

.owl-carousel2 .next-slide {
    background: url(components/arrows2.png) no-repeat scroll -24px 0px;
    right: -33px;
}

.owl-carousel .prev-slide:hover {
    background-position: 0px -53px;
}

.owl-carousel .next-slide:hover {
    background-position: -24px -53px;
}


/*===========Parte 4===========*/

.parte-4 img {
    width: 18%;
    padding: 0!important;
    margin: 0!important;
}
.parte-4 img:hover{
    cursor: pointer;
}
.parte-4 .p4-group1 .yellow-shadow {
    box-shadow: 22px 22px 0px 0px #F9A22B;
}

.parte-4 .p4-group1 img {
    display: block;
    float: left;
}

/*@media screen and (max-width: 480px) {
    .parte-4 .p4-group1 img {
        display: block;
        float: none;
    }
}*/

.parte-4 p {
    font-size: large;
}

.parte-4 .p4-group2 .yellow-shadow {
    box-shadow: -22px 22px 0px 0px #F9A22B;
}

.parte-4 .p4-group2 img {
    display: block;
    float: right;
}

/*@media screen and (max-width: 480px) {
    .parte-4 .p4-group2 img {
        display: block;
        float: none;
    }
}*/
.p4-text2-mb {
    display: none;
}

@media screen and (max-width: 480px) {
    .p4-text2-dsk {
        display: none;
    }
    .p4-text2-mb {
        display: block;
    }
}


/*===========Parte 5===========*/

.parte-5 img {
    width: 100%;
    transition: transform .2s;
    cursor: pointer;
}
.parte-5 img:hover{
    transform: scale(1.1);
}
.parte-5 p {
    font-size: large;
}

.hr-mobile {
    border: 1px solid #9d9d9d;
    width: 110vw!important;
    display: none;
}

@media screen and (max-width: 480px) {
    .hr-mobile {
        display: block;
    }
    .p5-imagens img {
        width: 180px;
    }
}


/*===========Parte 6===========*/

.parte-6 {
    height: 480px;
    background: url(components/parte-5-2.png);
    display: table;
    background-repeat: no-repeat;
    background-position: bottom;
}

.parte-6 h1 {
    display: table-cell;
    vertical-align: middle;
}

.parte-6 .surpreendente {
    font-size: 4rem;
}


/*===========Parte 7===========*/
.parte-7{
    height: 80vh;
}
.parte-7-1 {
    /*height: 950px;*/
    background: url(components/predio.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
@media screen and (max-width: 1366px){
    .parte-7-1{
        background-size: 62%;
    }
}
@media screen and (min-width: 1367px){
    .parte-7-1{
        background-size: 58%;
    }
}
@media (min-width: 992px) {
    .parte-7 .col-lg-6 {
        padding: 5px!important;
    }
}
/* .parte-7-1 img{
    max-width: 100%;
    max-height: 100vh;
    display: block;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
} */
.parte-7-1 img:hover{
    transform: none;
}

.parte-7-2 img {
    width: 100%;
    transition: transform .2s;
}

.parte-7-2 .botao {
    background-color: #1C3A87/*#1C7A87*/;
    color: #F9A22B;
    border-radius: 0;
    transition: transform .2s;
    box-shadow: 2px 2px 10px #4f4f4f;
}

.parte-7-2 .botao:hover {
    transform: scale(1.1);
}

.p7-foto-1 {
    position: relative;
}

@media screen and (min-width: 1920px) {
    .p7-botao {
        top: 35%;
        left: 22%;
    }
}

/*
.parte-7 .p7-foto-1 img:hover{
    transform: none;
}
*/

.parte-7-2 img:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.parte-7-2 .p7-img-big {
    width: 100%;
    ;
}

@media screen and (max-width: 480px) {
    .parte-7-2 {
        background: none;
        height: auto;
    }
    .parte-7-2 .p7-img-big {
        width: 95vw;
    }
    .parte-7-2 img {
        width: 45vw;
    }
    .parte-7-2 img{
        justify-content: center;
    }
}


/*===========Parte 8===========*/

.p8-fundo-lateral {
    background: url(components/p8-lateral.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100%;
}

.p8-lateral-mobile {
    display: none;
}

.parte-8 .p8-icones-dsk img {
    width: 150px;
}

.p8-fundo-lateral h1 {
    writing-mode: vertical-rl;
}

.parte-8 table tr td {
    color: #707070;
    border-bottom: 0px;
}

.parte-8 hr {
    width: 60%;
    color: #F9A22B;
    opacity: 100%;
}

.parte-8 h2 {
    color: #F9A22B;
}

.parte-8 ul li {
    color: #707070;
}

.p8-icones-mb {
    display: none;
}

@media screen and (max-width: 480px) {
    .p8-lateral-mobile {
        display: block;
    }
    .p8-lateral {
        display: none;
    }
    .parte-8 .p8-icones img {
        width: 50px;
    }
    .p8-icones-dsk {
        display: none;
    }
    .p8-icones-mb {
        display: block;
    }
    .p8-icones-mb img {
        width: 100px;
        position: absolute;
        right: 0;
    }
}


/*===========Parte 9===========*/

.parte-9 .p9-icone img {
    width: 160px;
}

.p9-borda {
    border-right: 7px solid #253F8E;
    height: 250px;
}

.parte-9 img {
    width: 450px;
}
.parte-9 p{
    font-size: large;
}
@media screen and (max-width: 480px) {
    .p9-borda {
        border-right: 0;
    }
    .parte-9 span{
        display: none;
    }
    .parte-9 p{
        font-size: medium;
    }
    .parte-9 .p9-icone img{
        width: 130px;
        padding-top: 20px;
    }
}


/*===========Sobre Mauá===========*/

.sobre-b {
    background: url(components/sobre-bg.png);
    background-repeat: no-repeat;
}

.sobre img {
    width: 460px;
}

.sobre-texto {
    border: 3px solid #B00009;
    color: #fff;
    z-index: 1;
}

.sobre-imagem {
    z-index: 2;
    padding-left: 5%;
    padding-bottom: 4vh;
}

.sobre-row {
    position: relative;
}

.sobre .h1-sobre {
    color: #B00009;
}

.sobre .sobre-logo {
    position: absolute;
    right: 25%;
    top: 3%;
}

.sobre-texto .row {
    padding-left: 15%;
    padding-right: 5%;
}

.sobre-local iframe {
    width: 230px;
    height: 230px;
    border-radius: 50%;
    border: 5px solid #B00009!important;
}

.sobre-local img{
    width: 80%!important;
}

@media screen and (max-width: 480px) {
    .sobre {
        margin-top: 100px;
    }
    .sobre img {
        width: 80%;
    }
    .sobre-texto {
        position: relative;
    }
    .sobre-texto .row {
        padding: 0;
    }
    .sobre-imagem {
        z-index: 2;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .sobre .sobre-logo {
        left: 8vw;
        top: -5%;
    }
    .sobre-local {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}


/*===========Empreendimentos===========*/

.empreendimentos h2 {
    color: #1C3A87;
    font-weight: bold;
}

.empreendimentos h3 {
    font-size: small;
}

.empreendimentos .img {
    width: 160px;
    height: 210px;
    position: absolute;
    left: -30px;
    top: -35px;
}

.empreendimentos h3 {
    font-weight: 700;
    margin-bottom: 50px;
    text-transform: uppercase;
}

@media screen and (min-width: 1440px) {
    .empreendimentos h3 {
        padding-right: 50px;
    }
}

.empreendimentos .emp-borda h4 {
    position: absolute;
    bottom: 0;
    font-size: smaller;
    color: #1C3A87;
}

.empreendimentos .emp-borda {
    border: 3px solid #1C3A87;
    width: 170px;
    height: 235px;
    position: relative;
    left: 50px;
}
.modal-body img{
    width: 150%;
}


/*===========Contatos===========*/

.contatos {
    background: url(components/parte-5-2.png);
    background-position: bottom 100px center 100px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
}

.caixa-azul {
    background: #1C3A87;
}

.caixa-azul p,
h2 {
    color: #fff;
}

/*===========Ofereça===========*/
.ofereca{
    background: url(components/ofereca-bg-blue.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
}
.ofereca h2{
    text-transform: uppercase;
}
.ofereca button{
    background-color: #fff;
    color: #292929;
    border-radius: 78px;
    transition: transform .2s;
}
.ofereca button:hover{
    transform: scale(1.2);
}
.ofereca input{
    border: 2px solid #fff;
    color: #fff;
    font-weight: bold;
    border-radius: 78px;
    background: transparent;
}

.ofereca input:focus {
    color: #fff;
    background-color: transparent;
    outline: none!important;
    box-shadow: none;
    border: 2px solid #fff;
    border-left: transparent;
}
.ofereca ::placeholder{
    color: #fff;
    font-weight: bold;
}
.ofereca ::-ms-input-placeholder{
    color: #fff;
    font-weight: bold;
}
.input-group-text{
    color: #fff;
    border: 2px solid #fff;
    font-weight: bold;
    border-radius: 78px;
    background: transparent;
    border-right: transparent;
}
.input-group input{
    border-left: transparent;
}

@media screen and (max-width: 700px){
    .mapa img{
        width: 100vw;
    }
    .planta ul li p{
        font-size: .8em;
    }
    .planta ul li span{
        font-size: .7em;
    }
    .planta .tab-content img{
        width: 100vw;
    }
    .planta .nav-tabs{
        width: 100vw;
    }
}


/*===========Footer===========*/

.footer {
    background: #15171C;
    opacity: 80%;
}

.icones img {
    width: 40px;
}

.footer a {
    color: #fff;
    transition: transform .2s;
}

.footer .icones a:hover {
    transform: scale(1.2);
}

.hr-footer {
    background: #fff;
}