body, html{
    height: 100%;
    font-family: 'PT Sans', sans-serif;
    min-width: 360px;
}

h1 {
    font-size: 36px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    color: #11361c;
}

div#alert-modal{
    position: fixed;
    top: 15%;
    left: 17.2%;
    z-index: 3000000 !important;
}

div#alert-modal i{
    font-size: 22px;
    font-weight: 400;
    color: #081216;
}

.borda{
    border: 1px solid red;
}

.borda-verde{
    border: #11361c 1px solid;
}

a.btn:focus{
    box-shadow: none !important;
}

.ajustar-img{
    align-items: flex-start !important;
    display: flex !important;
    height: auto;
}

.help-block{
    color: #dc3545 !important;
}

/*Navbar*/

a.navbar-toggler{
    border: none !important;
}

a.navbar-toggler i{
    color: #081216;
    font-weight: 400 !important;
    font-size: 28px;
}


.custom-collapse{
    background-color: #fafafa;
    position: absolute;
    top: 80px;
    left: 0;
    width: 200px;
    height: 100vh;
}

nav#nav-1{
    background-color: #fafafa;
}

.img-pequena{
    width: 190px;
}

.img-grande{
    width: 230px;
}

a#link-scroll{
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600 !important;
    color: black !important;
}

.custom-nav-3{
    background: transparent;
    position: absolute;
    top: 0;
    padding: 15px 0;
    z-index: 3000000 !important;
}

.custom-nav-4{
    background-color: #fafafa;
    transition: background-color 0.3s;
    padding: 23px 0;
}

nav#nav-2 a#link-roll{
    font-size: 14px;
}

.cor-do-link-start{
    color: white !important;
}

.cor-do-link-end{
    color: black !important;
}

.bordinha-home, .bordinha-porto, .bordinha-perspectivas,
.bordinha-localizacao, .bordinha-projeto, .bordinha-contato{
    height: 1px;
    position: absolute;
    bottom: 0;
}

.bordinha-home-2, .bordinha-porto-2, .bordinha-perspectivas-2,
.bordinha-localizacao-2, .bordinha-projeto-2, .bordinha-contato-2{
    height: 1px;
    position: absolute;
    bottom: 0;
}

.bg-bordinha-branco{
    background-color: white;
}

.bg-bordinha-preto{
    background-color: black;
}

/*Section home*/

section#home{
    min-height: 650px !important;
}

.bg-slide-2{
    background: url(../img/slide-1.jpg) center center no-repeat;
    background-size: cover;
}

.bg-slide-1{
    background: url(../img/slide-2.jpg) center center no-repeat;
    background-size: cover;
}

.primeiro-nome{
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.segundo-nome{
    font-family: "Open Sans", sans-serif;
    color: #d4d4d4;
    font-weight: 300;
}

.btn-home{
    border: 1px solid #911a50;
    color: white;
    padding: 17px 30px !important;
    border-radius: 0 !important;
    transition: all 0.4s;
    font-family: "Open Sans" sans-serif;
    font-size: 20px;
    background-color: #911a50;
}

.btn-home-saiba-mais{
    border: 1px solid white;
    color: white;
    padding: 17px 65px !important;
    border-radius: 0 !important;
    transition: all 0.4s;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
}

.btn-home:hover{
    border: 1px solid #630f37;
    background-color: #630f37;
    transition: all 0.4s;
    color: white;
}

.btn-home-saiba-mais:hover{
    border: 1px solid #224127;
    background-color: #224127;
    transition: all 0.4s;
    color: white;
}

a.carousel-control-prev{
    position: absolute;
    left: 0;
    top: 47%;
    width: 50px;
    height: 60px;
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 0.096);
}

a.carousel-control-next{
    position: absolute;
    right: 0;
    top: 47%;
    width: 50px;
    height: 60px;
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 0.096);
}

.translate-controle-prev{
    -webkit-transform: translate(-100%);
    -o-transform: translate(-100%);
    -moz-transform: translate(-100%);
    transform: translate(-100%);

    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.translate-controle-next{
    -webkit-transform: translate(100%);
    -o-transform: translate(100%);
    -moz-transform: translate(100%);
    transform: translate(100%);

    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.translate-controle-prev-contrario{
    -webkit-transform: translate(0%);
    -o-transform: translate(0%);
    -moz-transform: translate(0%);
    transform: translate(0%);

    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.translate-controle-next-contrario{
    -webkit-transform: translate(0%);
    -o-transform: translate(0%);
    -moz-transform: translate(0%);
    transform: translate(0%);

    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/*Section sobre*/

section#sobre{
    padding: 100px 0;
}

section#sobre h3{
    color: #911a50;
    font-weight: 600;
    font-size: 36px;
}

p#sobre{
    font-size: 16px;
    color: #213811;
}

.texto-sobre{
    color: #777;
    font-size: 18px;
}

.borda-tema-sobre{
    position: absolute;
    bottom: 0;
    background-color: #11361c;
    height: 3px;
}

.links-verde-1{
    border-radius: 0 !important;
    padding: 17px 30px !important;
    font-size: 18px;
    font-weight: 400;
    color: #11361c;
    position: absolute;
    width: 100%;
}

.links-verde-1:hover{
    color: white;
    transition: all 0.5s;
}

.links-verde-2{
    border-radius: 0 !important;
    padding: 17px 60px !important;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    color: #11361c;
    width: 100%;
}

.links-verde-2:hover{
    color: white;
    transition: all 0.5s;
}

.animation-bg-verde-1{
    background-color: #911a50;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);

    -webkit-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    transition: transform 0.5s;

    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

.animation-bg-verde-1-ir{
    background-color: #911a50;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);

    -webkit-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    transition: transform 0.5s;

    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;

    -moz-animation-duration: 0.5s !important;
    -o-animation-duration: 0.5s !important;
    -webkit-animation-duration: 0.5s !important;
    animation-duration: 0.5s !important;
}

.animation-bg-verde-2{
    background-color: #911a50;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);

    -webkit-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    transition: transform 0.5s;

    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

.animation-bg-verde-2-ir{
    background-color: #911a50;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);

    -webkit-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    transition: transform 0.5s;

    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;

    -moz-animation-duration: 0.5s !important;
    -o-animation-duration: 0.5s !important;
    -webkit-animation-duration: 0.5s !important;
    animation-duration: 0.5s !important;
}

/*Section Perspectivas*/

section#perspectivas{
    background-color: #f6f6f6;
    padding-top: 100px;
}

p#pers{
    color: #555555;
}

section#perspectivas h3{
    color: #911a50;
    font-weight: 600;
    font-size: 36px;
}

.borda-tema-pers{
    position: absolute;
    bottom: 0;
    background-color: #11361c;
    height: 3px;
}

.height-divs-modal{
    height: 380px;
}

.img-modal{
    max-width: 170%;
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    -o-transform: scale3d(1.3, 1.3, 1.3);
    -moz-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);

    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

div#div-modal-1:hover .img-modal{
    -webkit-transform: scale3d(1.4, 1.4, 1.4);
    -o-transform: scale3d(1.4, 1.4, 1.4);
    -moz-transform: scale3d(1.4, 1.4, 1.4);
    transform: scale3d(1.4, 1.4, 1.4);

    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a#link-modal-1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a#link-modal-1:hover{
    background-color: #213811a4;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

div#div-modal-1 h6{
    color: white;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 2px;
}

div#div-modal-1 p{
    color: white;
    font-size: 10px;
    font-family: "PT Sans", sans-serif;
    letter-spacing: 2.5px;
}

div#div-modal-2:hover .img-modal{
    -webkit-transform: scale3d(1.4, 1.4, 1.4);
    -o-transform: scale3d(1.4, 1.4, 1.4);
    -moz-transform: scale3d(1.4, 1.4, 1.4);
    transform: scale3d(1.4, 1.4, 1.4);

    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a#link-modal-2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a#link-modal-2:hover{
    background-color: #213811a4;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

div#div-modal-2 h6{
    color: white;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 2px;
}

div#div-modal-2 p{
    color: white;
    font-size: 10px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 2.5px;
}

div#div-modal-3:hover .img-modal{
    -webkit-transform: scale3d(1.4, 1.4, 1.4);
    -o-transform: scale3d(1.4, 1.4, 1.4);
    -moz-transform: scale3d(1.4, 1.4, 1.4);
    transform: scale3d(1.4, 1.4, 1.4);

    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a#link-modal-3{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a#link-modal-3:hover{
    background-color: #213811a4;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

div#div-modal-3 h6{
    color: white;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 2px;
}

div#div-modal-3 p{
    color: white;
    font-size: 10px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 2.5px;
}

div#div-modal-4:hover .img-modal{
    -webkit-transform: scale3d(1.4, 1.4, 1.4);
    -o-transform: scale3d(1.4, 1.4, 1.4);
    -moz-transform: scale3d(1.4, 1.4, 1.4);
    transform: scale3d(1.4, 1.4, 1.4);

    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a#link-modal-4{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a#link-modal-4:hover{
    background-color: #213811a4;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

div#div-modal-4 h6{
    color: white;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 2px;
}

div#div-modal-4 p{
    color: white;
    font-size: 10px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 2.5px;
}

.modal-backdrop.show {
    opacity: 0.7;
    width: 100% !important;
    height: 100% !important;
}

div#modal-1 .modal-content, .modal-body, .modal-header{
    background: transparent !important;
    border: none !important;
}

div#modal-2 .modal-content, .modal-body, .modal-header{
    background: transparent !important;
    border: none !important;
}

div#modal-3 .modal-content, .modal-body, .modal-header{
    background: transparent !important;
    border: none !important;
}

div#modal-4 .modal-content, .modal-body, .modal-header{
    background: transparent !important;
    border: none !important;
}

div#modal-1 .modal-content{
    margin-top: -50px;
}

div#modal-2 .modal-content{
    margin-top: -50px;
}

div#modal-3 .modal-content{
    margin-top: -50px;
}

div#modal-4 .modal-content{
    margin-top: -50px;
}

div#modal-1 .modal-header{
    margin-bottom: -15px;
    z-index: 3000000 !important;
}

div#modal-2 .modal-header{
    margin-bottom: -15px;
    z-index: 3000000 !important;
}

div#modal-3 .modal-header{
    margin-bottom: -15px;
    z-index: 3000000 !important;
}

div#modal-4 .modal-header{
    margin-bottom: -15px;
    z-index: 3000000 !important;
}

div#modal-1 .modal-header i{
    font-size: 30px;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);

    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
    color: #e9e9e9;
    font-weight: 100 !important;
}

div#modal-2 .modal-header i{
    font-size: 30px;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
    color: #e9e9e9;
    font-weight: 100 !important;
}

div#modal-3 .modal-header i{
    font-size: 30px;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
    color: #e9e9e9;
    font-weight: 100 !important;
}

div#modal-4 .modal-header i{
    font-size: 30px;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
    color: #e9e9e9;
    font-weight: 100 !important;
}

div#modal-1 .modal-header i:hover{
    font-size: 30px;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
}

div#modal-2 .modal-header i:hover{
    font-size: 30px;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
}

div#modal-3 .modal-header i:hover{
    font-size: 30px;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
}

div#modal-4 .modal-header i:hover{
    font-size: 30px;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
}

/*Modal contato*/

div#modal-contato .modal-header, div#modal-contato2 .modal-header{
    background-color: #213811 !important;
}

div#modal-contato .modal-header, .modal-body, .modal-content, div#modal-contato2 .modal-header{
    border: none !important;
}

div#modal-contato i, div#modal-contato2 i{
    color: #e9e9e9;
    font-size: 20px;
    font-weight: 100;
}

div#modal-contato h5, div#modal-contato2 h5{
    color: white;
    font-size: 24px;
    padding: 10px 20px 10px 20px;
 
 
}

div#modal-contato .modal-body, div#modal-contato2 .modal-body {
    background-color: #f2f2f2 !important;
    border-radius: 0 0 9px 9px;
}

.btn-contato{
    border: 1px solid black;
    color: #555555;
    padding: 21px 30px !important;
    position: absolute;
    font-size: 13px !important;
    top: 0;
    border-radius: 0 !important;
}

.btn-contato:hover{
    color: white;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border: #213811 1px solid;
}

div#div-btn-contato{
    height: 63px;
}

.animation-bg-verde-3{
    background-color: #213811;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
    animation-name: fadeOut;
}

.animation-bg-verde-3-ir{
    background-color: #213811;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
    animation-name: fadeIn;
    animation-duration: 0.3s !important;
}

/*section caracteristicas*/

section#caracteristicas{
    padding: 100px 0 !important;
}

.borda-tema-caracteristicas{
    position: absolute;
    bottom: 0;
    background-color: #213811;
    height: 3px;
}

.div-bg-ficha{
    background-color: #911a50;
    border-radius: 50%;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
}

.div-bg-ficha i{
    color: white !important;
    font-size: 45px;
}

.p-ficha{
    color: #555555;
    font-size: 16px;
}

p#carac{
    font-size: 16px !important;
    color: black !important;
}

section#caracteristicas h3{
    color: #213811;
    font-weight: 600;
    font-size: 36px;
}

section#caracteristicas h6{
    color: #213811;
}

section#caracteristicas p{
    color: #555555;
    font-size: 13px;
}

/*Section esperando*/

section#esperando{
    padding: 150px 0 !important;
}

section#esperando h2#h2-1{
    color: white;
    font-size: 36px;
}

section#esperando h2#h2-2{
    font-size: 36px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #d4d4d4;
}

section#esperando h2#h2-2 span{
    font-size: 36px;
    font-family: "Open Sans", sans-serif;
    color: #d4d4d4;
}

section#esperando a{
    border: 1px solid white;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    border-radius: 0 !important;
    -moz-transition: cubic-bezier(0.075, 0.82, 0.165, 1) all 0.4s ease-out;
    -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) all 0.4s ease-out;
    -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1) all 0.4s ease-out;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) all 0.4s ease-out;
    color: white;
    padding: 18px 30px;
}

section#esperando a:hover{
    border: 1px solid #911a50;
    background-color: #911a50;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    -moz-transition: cubic-bezier(0.075, 0.82, 0.165, 1) all 0.4s ease-out;
    -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) all 0.4s ease-out;
    -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1) all 0.4s ease-out;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) all 0.4s ease-out;
}

/*Section localização*/

section#localizacao{
    background-color: #f6f6f6;
    padding: 100px 0 0 0 !important;
}

.borda-tema-localizacao{
    position: absolute;
    bottom: 0;
    background-color: #11361c;
    height: 3px;
}

p#localizacao-p{
    color: #555555;
}

section#localizacao h3{
    color: #911a50;
    font-weight: 600;
    font-size: 36px;
}

/*Master plan*/

section#masterplan{
    padding: 100px 0 0 0 !important;
}

section#masterplan h3{
    color: #911a50;
    font-weight: 600;
    font-size: 36px;
}

p#masterplan-p{
    color: #555555;
}

.borda-tema-masterplan{
    position: absolute;
    bottom: 0;
    background-color: #11361c;
    height: 3px;
}

/*Ficha-tecnica*/

section#ficha-tecnica{
    padding: 50px 0 100px 0 !important;
}

section#ficha-tecnica i{
    -webkit-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

section#ficha-tecnica p{
    color: #555555
}

section#ficha-tecnica div#div-botoes-sobre{
    margin-top: 100px;
}

div#ficha-1:hover i{
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

div#ficha-2:hover i{
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

div#ficha-3:hover i{
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

div#ficha-4:hover i{
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

div#ficha-5:hover i{
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

div#ficha-6:hover i{
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

section#ficha-tecnica h3{
    color: #911a50;
    font-size: 36px;
    font-weight: 600;
}

section#ficha-tecnica h6{
    color: #911a50;
}

.borda-tema-ficha-tecnica{
    position: absolute;
    bottom: 0;
    background-color: #11361c;
    height: 3px;
}

.links-verde-4{
    border-radius: 0 !important;
    padding: 17px 35px 17px 10px !important;
    font-size: 18px;
    font-weight: 400;
    color: #11361c;
    position: absolute;
    width: 100%;
}

.links-verde-4:hover{
    color: white;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.links-verde-5{
    border-radius: 0 !important;
    padding: 17px 27px 17px 10px !important;
    font-size: 18px;
    font-weight: 400;
    color: #11361c;
    position: absolute;
    width: 100%;
}

.links-verde-5:hover{
    color: white;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.animation-bg-verde-4{
    background-color: #911a50;
    height: 100%;
    width: 130%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    transform: translateX(-110%);
    transition: transform 0.5s;
    animation-name: fadeOut;
}

.animation-bg-verde-4-ir{
    background-color: #911a50;
    height: 100%;
    width: 130%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-10%);
    -o-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    transform: translateX(-10%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    animation-name: fadeIn;
    animation-duration: 0.5s !important;
}

.animation-bg-verde-5{
    background-color: #911a50;
    height: 100%;
    width: 130%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    transform: translateX(-110%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    animation-name: fadeOut;
}

.animation-bg-verde-5-ir{
    background-color: #911a50;
    height: 100%;
    width: 130%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-10%);
    -o-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    transform: translateX(-10%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    animation-name: fadeIn;
    animation-duration: 0.5s !important;
}

/*Section consultor*/

section#consultor{
    background-color: #11361c;
}

section#consultor p{
    font-family: 'PT Sans', sans-serif;
    font-size: 26px;
}

.btn-consultor{
    border: 2px solid white;
    color: white;
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    padding: 17px 30px;
    border-radius: 0 !important;
    height: 63px !important;
    margin-top: 4px;
}

.btn-consultor:hover{
    border: 2px solid #fff;
    background-color: #fff;
    color: #5b1032;
}

/*Formulario final*/

section#contato{
    padding: 100px 0 50px 0 !important;
}

section#contato h3{
    color: #11361c;
    font-weight: 600;
    font-size: 36px;
}

p#contato-p{
    color: #555555;
}

.p-varginha{
    color: grey;
    font-family: 'PT Sans', sans-serif;
    margin-top: -10px !important;
    margin-left: 4px !important;
}

.link-telefone{
    color: grey;
    font-family: 'PT Sans', sans-serif;
    margin-top: 10px !important;
}


.link-telefone:hover{
    color: black;
    text-decoration: none;
}

.borda-tema-contato{
    position: absolute;
    bottom: 0;
    background-color: #11361c;
    height: 3px;
}

.p-telefone{
    margin-top: -5px !important;
}

i#icone-placas{
    color: grey;
    margin-top: 30px;
}

i#icone-telefone{
    color: grey;
}

i#icone-whatsapp{
    color: grey;
    font-size: 18px;
}

.btn-contato-final{
    border: 1px solid #11361c;
    background-color: #11361c;
    color: white;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 0 !important;
    padding: 10px 100px;
    font-size: 13px;
}

.btn-contato-final:hover{
    border: 1px solid #911a50;
    background-color: white;
    color: #911a50;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.letras-pequenas{
    color: grey;
    font-size: 13px;
}

footer{
    padding: 30px 0;
    background-color: #11361c;
    color: white;
    font-size: 14px;
}

footer a{
    color: white !important;
}

footer a:hover{
    color: #acacac !important;
    text-decoration: none !important;   
}

a#botao-suspenso-whatsapp{
    position: fixed;
    bottom: 30px;
    right: 30px;
    height: 65px;
    width: 65px;
    border-radius: 50%;
    background-color: #34af23;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 90000000000 !important;
}

a#botao-suspenso-whatsapp:hover{
    text-decoration: none;
    background-color: #288f1a;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

a#botao-suspenso-whatsapp i{
    font-size: 30px;
    color: white;
}