@font-face {

    font-family: 'Ivy Mode';

    src: local('Ivy Mode Regular'), local('Ivy-Mode-Regular'),

        url('../font/IvyMode-Regular.woff') format('woff'),

        url('../font/IvyMode-Regular.woff2') format('woff2'),

        url('../font/IvyMode-Regular.ttf') format('truetype');

    font-weight: 400;

    font-style: normal;

  }



#intro {

    background:url('../images/abertura.png') -50px -50px;

    background-repeat: no-repeat;

    background-size: calc(100% + 50px);

    height:100%;

    width:100%;    

    position:fixed;

    top:0;

    z-index:0;

}



.offset-rb {

    margin-left: 2.33333333%;

}





.logo {

    max-height: 62px;

}





.hero {

    /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */

    background-image: url('../images/header-desfocado.png');

    /* Set a specific height */

    height: 460px;

    /* Position and center the image to scale nicely on all screens */

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

  }



  .hero-02 {

    height: 360px;

  }



  .hero-intro {

    /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */



    /* Set a specific height */

   /* height: 460px; */

    /* Position and center the image to scale nicely on all screens */

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    background-attachment: fixed;

  }



  .nav-link {

      padding: 0;

  }



.navbar-nav {

    display: ruby;

}



.mobile {

    display: none;

}





nav {

    margin-bottom: 90px;

}



nav, nav a {

    color: #cfcab0 !important;

    text-transform: uppercase;

}



nav, nav a:hover {

    color: #cfcab0b7 !important;

    text-transform: uppercase;

}



nav ul {

    background-color: #343431ea; 

    margin: 50px;

    padding: 15px 50px;

    display: table;

}





nav ul li

{

    align-items: center;

    display: flex;

    flex-direction: row; 

    

    font-size: 14px;

    padding: 10px 10px;

}







.espaco, .orcamento {

    border: 2px solid black;

    margin-bottom: 90px; 

    margin-top: 50px;

    padding: 30px;

    text-align: center;

}



.espaco a, .orcamento a {

    color: #302f29;

    font-weight: bold;

    text-decoration: none;

    text-transform: uppercase;

}



.espaco a:hover, .orcamento a:hover {

    color: #302f29b9;

}



.espaco {

    border-left: none;

}











h1 {

    color: #302f29;

    font-family: 'Ivy Mode';

    font-size: 60px;

    margin-bottom: 55px;

}



h2 {

    color: #302f29;

    font-family: 'Ivy Mode';

    font-size: 48px;

    margin-bottom: 40px;

}



h3 {

    color: #302f29;

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

    font-size: 60px;

    margin-bottom: 55px;

}



h6 {

    color: #ad9c34;

    font-size: 19px;

    font-weight: 600;

    margin-bottom: 21px;

    margin-top: 30px;

}



p {

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

    font-size: 16px;

    font-weight: 400;

}



/* Eventos */

 



/* História */

#historia {

    margin: 120px auto 60px 0;

}





.btn-orcamento {

    border: 1px solid #000;

    font-weight: bold;

    display: block;

    margin: auto;

    padding: 20px 60px;

    text-transform: uppercase;

}



.btn-orcamento02 {

    border: 1px solid #000;

    border-radius: 0;

    float: right;

    font-weight: bold;

    display: block;

    margin-bottom: 15px;

    padding: 15px 50px;

    text-transform: uppercase;

}



.btn-solicitar {

    background-color: #f7f2d2;

    border-bottom: 1px solid #e3daa9;

    border-left: 1px solid #faf7e3;

    border-right: 1px solid #e3daa9;

    border-top: 1px solid #faf7e3;

    font-weight: bold;

    margin-top: 50px;

    padding: 20px 60px;

    text-transform: uppercase;

}



/* List Style*/

.flex-list {

    position: relative;

    margin: 1em;

    overflow: hidden;

}



.flex-list ul {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 50px;

    margin-left: -1px;

    margin-top: 10px;

}



.flex-list li {

    flex-grow: 1;    

    border-left: 1px solid rgb(162, 162, 162);

    flex-basis: auto;

    font-weight: 500;

    list-style: none;

    margin: .25em 5px;

    padding: 0 1em;

    text-align: center;

}



.flex-list li:first-child{

    border-left: 0;

    list-style: none;

}





.orcamento {

    border-left: none;

    border-right: none;

}



.black {

    color: #000;

}



.blackD {

    color: #000;

    font-weight: bolder;

    margin: 10px 0 20px 0;

}



.bold-italic {

    font-style: italic;

    font-weight: bold;

    margin-right: 5px;

}



.italic {

    font-style: italic;

}



.casamento {

    line-height: 21px;

    margin-top: 30px;

}

.casamento p {

    margin-bottom: 10px;

}





.ml-10 {

    margin-left: 10px;

}

.mb-20 {

    margin-bottom: 20px;

}

.mt-20 {

    margin-top: 50px;

}

.mb-50 {

    margin-bottom: 50px;

}

.mb-60 {

    margin-bottom: 60px;

}

.mb-90 {

    margin-bottom: 90px;

}

.mt-10 {

    margin-top: 10px;

}

.mt-20 {

    margin-top: 20px;

}

.mt-30 {

    margin-top: 30px;

}

.mt-40 {

    margin-top: 40px;

}

.mt-50 {

    margin-top: 50px;

}

.mt-60 {

    margin-top: 60px;

}



.obs {

    font-size: 12px;

    font-style: italic;

}



.eventos {

    color: #cfcab0;

    font-size: 42px;

    margin: 35px 0 0 10px;

}



.ruler-eventos {

    margin: 50px 0 120px 0;

}



.atendimento01 {

    color: #302f29 !important;

    font-weight: 700;

}

.atendimento02 {

    color: #302f29 !important;

    font-weight: 300;

    margin-bottom: 30px !important;

}





.contato p {

    color: #cfcab0;

    font-size: 13px;

    margin-bottom: 5px;

    text-transform: uppercase;

}



.contato .email a {

    color: #302f29;

    display: table;

    font-size: 19px;

    margin-bottom: 30px;

    text-decoration: none;

    text-transform: uppercase;

}



.contato .text {

    color: #302f29;

    font-size: 19px;

    margin-bottom: 30px;

    text-decoration: none;

    text-transform: uppercase;

}



.redes {

    margin-bottom: 30px;

}



.redes a  {

    color: #302f29;

    font-size: 27px !important;

    margin-right: 12px;

}



.email a:hover, .redes a:hover  {

    color: #aaa58b;

}



iframe {

    border: 0;

    height: 450px;

    width: 100%;

}





footer {

    background-color: #f7f2d2;

    color: #302f29;

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

    font-size: 16px;

    font-weight: 400;

    padding: 13px 0 10px 0;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 1;

    width: 100%;

}



footer a {

    color: #302f29;

    font-size: 25px;

    margin: 0 12px;

    text-decoration: none;

}



footer a:hover {

    color: #302f2975;

}



/* Navegação Ambientes */

.nav-pills .nav-link {

    border: 1px solid #ffffff;

    color: #a6a59dbe;

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

    font-weight: bolder;

    padding: 10px 5px;

}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

    background-color: #ad9c34;

    color: #ffffff;

}



.navtop {

    border-bottom: 1px solid #000000;

    border-top: 1px solid #000000;

    margin: 50px 0 90px 0;

    padding: 30px;

}



#form-orcamento {

    padding: 0 10px;

  }



  #form-orcamento input, #form-orcamento select, #form-orcamento textarea {

    border-left: 0;

    border-right: 0;

    border-bottom: 1px solid #464646;

    border-top: 0;

    border-radius: 0;

    margin: 0;

    padding: 0;

  }

  

  #form-orcamento select, #form-orcamento input {

      margin: 10px 0;

  }



 #form-orcamento input:focus, #form-orcamento select:focus, #form-orcamento textarea:focus {

    outline: none;

 }

 

 .form-control:focus {

    border-color: inherit;

    -webkit-box-shadow: none;

    box-shadow: none;

  }



 

  .divwhats  {

    padding-top: 10px;

    position:fixed;

    height: 60px;

    bottom: 75px;

    right: 20px;

    background-color:#ffffff;

    border-radius:50px;

    text-align:center;

    font-size: 14px;

    z-index:100;

    -webkit-box-shadow: 5px 9px 15px -6px rgba(0,0,0,0.6); 

    box-shadow: 5px 9px 15px -6px rgba(0,0,0,0.6);

    }



.divwhats a {

    color: #ffffff;

    padding: 0 12px 0 12px;

}



.divwhats a:hover {

    color: #ffffffd5 !important;

    text-decoration: none;

}





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

   /* #intro {

        background:url('../images/abertura.png') -50px -50px;

        background-repeat: no-repeat;

        background-size: auto;

        background-position: center; 

        height:100%;

        width:100%;    

        position:fixed;

        top:0;

        z-index:0;

    }*/



    #intro {

        /* background-attachment: fixed;*/

         background:url('../images/abertura-m.png');

         background-position: top 50px;

         background-attachment: fixed;

         background-size: cover;

         background-repeat: no-repeat;

         z-index:0;

     }

}







/* Menu Hamburger */

.animated-icon1,

.animated-icon2,

.animated-icon3 {

width: 30px;

height: 20px;

position: relative;

margin: 0px;

-webkit-transform: rotate(0deg);

-moz-transform: rotate(0deg);

-o-transform: rotate(0deg);

transform: rotate(0deg);

-webkit-transition: .5s ease-in-out;

-moz-transition: .5s ease-in-out;

-o-transition: .5s ease-in-out;

transition: .5s ease-in-out;

cursor: pointer;

}



.animated-icon1 span {

display: block;

position: absolute;

height: 3px;

width: 100%;

border-radius: 9px;

opacity: 1;

left: 0;

-webkit-transform: rotate(0deg);

-moz-transform: rotate(0deg);

-o-transform: rotate(0deg);

transform: rotate(0deg);

-webkit-transition: .25s ease-in-out;

-moz-transition: .25s ease-in-out;

-o-transition: .25s ease-in-out;

transition: .25s ease-in-out;

}



.animated-icon1 span {

background: #ba8a31;

}



.animated-icon1 span:nth-child(1) {

top: 0px;

}



.animated-icon1 span:nth-child(2) {

top: 10px;

}



.animated-icon1 span:nth-child(3) {

top: 20px;

}



.animated-icon1.open span:nth-child(1) {

top: 11px;

-webkit-transform: rotate(135deg);

-moz-transform: rotate(135deg);

-o-transform: rotate(135deg);

transform: rotate(135deg);

}



.animated-icon1.open span:nth-child(2) {

opacity: 0;

left: -60px;

}



.animated-icon1.open span:nth-child(3) {

top: 11px;

-webkit-transform: rotate(-135deg);

-moz-transform: rotate(-135deg);

-o-transform: rotate(-135deg);

transform: rotate(-135deg);

}



#btn-top {

    display: block;

    position: absolute;

    right:2% !important;

    top: 45px;

    z-index: 1;

}

 

#btn-top-mobile {

    display: none;

}



.modal-title {

        font-size: 20px;

        font-weight: bolder;

}



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

    #btn-top, .btn-solicitar {

        display: none;

    }

    #btn-top-mobile {

        display: block;

    }

}





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



    h1 {

        color: #302f29;

        font-family: 'Ivy Mode';

        font-size: 36px;

        margin-bottom: 30px;

    }

    

    h2 {

        color: #302f29;

        font-family: 'Ivy Mode';

        font-size: 26px;

        margin-bottom: 32px;

    }

    

    h3 {

        color: #302f29;

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

        font-size: 60px;

        margin-bottom: 55px;

    }

    

    h6 {

        color: #ad9c34;

        font-size: 19px;

        font-weight: 600;

        margin-bottom: 21px;

        margin-top: 30px;

    }



    body {

        overflow-x: hidden;

    }



    #intro {

       /* background-attachment: fixed;*/

        background:url('../images/abertura-m.png');

        background-position: top 50px;

        background-attachment: fixed;

        background-size: cover;

        background-repeat: no-repeat;

        z-index:0;

    }



    .hero {

        /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */

        background-image: url('../images/header-desfocado-m.png');

        /* Set a specific height */

        

        height: 380px;

        /* Position and center the image to scale nicely on all screens */

        background-position: 0 left;

        background-repeat: no-repeat;

        background-size: cover;

        position: relative;

      }



      .hero-02 {

        height: 150px;

      }



    nav ul li {

        font-size: 14px;

        padding: 8px;

      }



    #historia {

        margin: 30px auto 10px 0;

    }



    

    footer {

        background-color: #f7f2d2;

        color: #302f29;

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

        font-size: 11px;

        font-weight: 400;

        padding: 10px 0 10px 0;

        position: inherit;

        bottom: 0;

        left: 0;

        width: 100%;

    }



    .navbar-toggler{

        color: #aaa58b;

        margin: 20px;

    }



    .navbar-toggler:focus,

    .navbar-toggler:active,

    .navbar-toggler-icon:focus {

    outline: none;

    box-shadow: none;

}



    .navbar-nav {

        display: block !important;

        margin: 10px 0 0 0;

        padding: 0 !important;

    }

    .navbar-light {

        background-color: #343431ea; 

        border-color: rgb(255, 255, 255);

        color: #ffffff;

        padding: 0;

    }



    .navbar-light img {

        max-height: 50px;

    }



    .zera {

        margin: 0;

        padding: 0;

    }



    #navbarSupportedContent a {

        margin-left: 20px;

    }



    .mobile {

        display: inline;

    }



    .desktop {

        display: none

    }



    .logo-mobile {

        margin: 15px 0 0 15px;

    }



    nav ul {

        background-color: transparent !important; 

    }





    .espaco, .orcamento {

        border: 2px solid black;

        padding: 30px;

        text-align: center;

    }

    

    .espaco {

        border-left: none;

        border-right: none;         

        margin: 50px auto 0 auto;

        width: 90%;

    }



    .orcamento {

        border-left: none;

        border-right: none;   

        margin: -2px auto 30px auto;

        width: 90%;

    }



    .divwhats  {

        bottom: 20px;

    }



    .contato p {

        color: #cfcab0;

        font-size: 12px;

        margin-bottom: 5px;

        text-transform: uppercase;

    }

    

    .contato .email a {

        color: #302f29;

        display: table;

        font-size: 15px;

        margin-bottom: 30px;

        text-decoration: none;

        text-transform: uppercase;

    }

    

    .contato .text {

        color: #302f29;

        font-size: 15px;

        margin-bottom: 30px;

        margin-top: 15px;

        text-decoration: none;

        text-transform: uppercase;

    }



    .ruler-eventos {

        margin: 30px 0 30px 0;

    }



    .tipos {

        font-size: 29px !important;

        margin-bottom: 5px;

        text-align: left;

    }



    .offset-rb {

        margin-left: 0;

      }



      iframe {

        border: 0;

        height: 260px;

        width: 100%;

    }



    .eventos {

        color: #cfcab0;

        font-size: 21px;

        margin: 20px 0 0 3px;

      }



    .ambientes-page h1 {

        font-size: 28px;

        font-weight: bolder;

    }


/*
    .ambientes-page p {

        text-align: justify;

    }

*/

    .btn-orcamento {

        padding: 20px 15px;

    }





      #myTab {

        columns: 2;

        -webkit-columns: 2;

        -moz-columns: 2;

        display: block;

      }



      #myTab li {

          margin-bottom: 12px;

      }



      .flex-list li {

          margin: 0;

          padding: 0;

      }



      #form-orcamento {

        padding: 0 10px;

      }



      #form-orcamento input, #form-orcamento select, #form-orcamento textarea {

        border-left: 0;

        border-right: 0;

        border-bottom: 1px solid #464646;

        border-top: 0;

        border-radius: 0;

        margin: 0;

        padding: 0;

      }

      

      #form-orcamento select {

          margin-top: 10px;

      }



      .btn-orcamento02 {

        border: 1px solid #000;

        border-radius: 0;

        float: right;

        font-weight: bold;

        display: block;

        margin-bottom: 15px;

        padding: 15px;

        text-transform: uppercase;

        width: 100%;

      }



      /* List Style*/

.flex-list {

    position: relative;

    margin: 1em 0;

    overflow: hidden;

}



.flex-list ul {

    display: list-item;

    margin-bottom: 50px;

    margin-top: 10px;

}



.flex-list li {

    border-left: 0;

    flex-basis: auto;

    font-weight: 500;

    list-style: initial;

    margin: 0 0 10px -10px;

    padding: 0;

    text-align: left;

}



.flex-list li:first-child{

    border-left: 0;

    list-style: initial;

}



}



 .assinatura, .assinatura p {

     font-size: 18px;

     font-weight: 700;

     max-width: 235px;

     text-align: center;

 }



 @media only screen and (max-width: 720px) {
    #intro {
        background:url('../images/mirante.webp') -50px -50px;
        background-repeat: no-repeat;
        background-size: calc(100% + 50px);
        height:100%;
        width:100%;    
        position:fixed;
        top:0;
        z-index:0;
        object-fit: scale-down;
        object-position: bottom;
    }
  }