@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');




.menu {display: flex;flex-direction: column;position: fixed;top: 0;right:0px;width: 40%;right: -40%; height: 100%;background-image: url("../img/background-menu-dark.jpg")!important;background-size: contain; transition: right 0.3s;z-index: 999;}
.menu ul {list-style: none;margin: 0;padding: 0;}
.menu li {margin: 0px 0px 0px 60px;}
.menu a {color: white;text-decoration: none;font-weight: 900;display: block;padding: 0px;font-family: "Marcellus", serif!important;font-size: 1.6rem;}
.menu a:hover {background-color: rgba(255, 255, 255, 0.1);}
.menu-toggle {display: flex;flex-direction: column;justify-content: space-around;height: 34px;cursor: pointer;}
.bar {width: 25px;height: 2px;background-color: white;margin: 2px 0;}
.menu.open {right: 0;}
.menu-close {display: flex;justify-content: flex-end;padding: 10px;}
#menu-close-btn {background: none;border: none;color: white;font-size: 2rem;cursor: pointer;}


/* img coursel ------------------------------------------------------------------------------------------------------------ */
.carousel {width: 100%;max-width: 100%;overflow: hidden;position: relative;}
.carousel-track {display: flex;transition: transform 0.5s ease-in-out;}
.carousel-slide {min-width: 100%;}
.carousel-slide picture img {width: 100%;display: block;height: 100%;}
.legenda-carousel p{font-size: 2.8rem!important;color: #FFF;line-height: 1;font-weight: 900; font-family: "Marcellus", serif!important;}
.legenda-carousel {  position: absolute;left: 50%;top: 60%;transform: translate(-50%, -50%);z-index: 999;text-align: center;}
.orcamento-slide {  position: relative;z-index: 999;background-image: url("../img/background-button.jpg");background-size: cover; color: #FFF!important; border: none!important;font-family: "Marcellus", serif!important;margin: auto!important; display: flex;flex-wrap: wrap; justify-content: center; align-items: center; top: -35px;width: 40%;height: 60px;}
.orcamento-slide:hover { background-image: url("../img/background-button-dark.jpg")!important;background-size: cover!important;}
@media only screen and (max-width: 600px) {

	
.orcamento-slide {  width: 70%!important;}
.legenda-carousel p{font-size: 1.8rem!important;}
}



/* sobre nosl ------------------------------------------------------------------------------------------------------------ */
.quemsomos-text {font-size: 4rem;color: #333;line-height: 1;;margin: 0px;font-weight: bold;text-align: center;letter-spacing: 10px;font-family: "Marcellus", serif!important;}




        .testimonial{
            margin:20px;
        }
        .testimonial .testimonial-content{border-radius: 30px;
            padding: 30px;
            background: #EEE;
            position: relative;
        }
       
       
        .testimonial .description{
            font-size: 1rem;padding-top: 5px;
            font-style: italic;
            color: #978B81;
            line-height: 1;
            margin: 0;
        }
       
        .testimonial .post{
            display: block;
            font-size: 1rem;
            color: #978B81;
        }
        .owl-theme .owl-controls{
            margin-top: 20px;
        }
        .owl-theme .owl-controls .owl-page span{
            background: #ccc;
            opacity: 1;
            transition: all 0.4s ease 0s;
        }
        .owl-theme .owl-controls .owl-page.active span,
        .owl-theme .owl-controls.clickable .owl-page:hover span{
            background: #978B81;
        }
	
	
	
	
	.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}
	.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
	










html {
    scroll-behavior: smooth;
}












.marcellus-regular {
  font-family: "Marcellus", serif!important;
  font-weight: 400;
  font-style: normal;
}



.playfair-display{
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight:100;
  font-style: normal;
}



.noto-serif-display{
  font-family: "Noto Serif Display", serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}



.circle-rotate-img {border-radius: 50%; width: 100px; height: 100px; position: relative; margin: auto;}














.marquee span{display:inline-block; vertical-align: middle;
    color: #fff!important;
}


.marquee img {display:inline-block; vertical-align: middle;
    color: #fff!important;
}


.marquee {

    width: 90%;margin:  auto ;margin-top: 100px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    background-color: #978B81;
    color: #fff;
    padding: 40px 0;border-radius: 50px;
    position: relative;
}

.marquee-inner {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 20s linear infinite;
}

.marquee-inner span {
    display: inline-block;
    padding: 0 50px;
    font-size: 2.5rem;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
































.nice-button {
    display: inline-block;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    background-color: #4CAF50; /* Green */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.nice-button:hover {
    background-color: #45a049; /* Darker Green */
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
}

.nice-button:active {
    background-color: #3e8e41; /* Active State */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}



.servico-titulos { font-weight: bold;
}










.faq-container {
    width: 90%;background: #161616;
    max-width: 800px;
    margin: 50px auto;
    padding: 20px;
    border-radius: 30px;
}

.faq-container h1 {
    text-align: center;
    margin-bottom: 20px;
}

.faq-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #978B81;
}

.faq-question { height: auto;
    width: 100%;
    padding: 10px;
    text-align: left;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;
}


.faq-question span { color: #978B81;}

.faq-question:hover {
    background-color: #000;
}

.faq-answer {
    display: none;
    padding: 15px;
}

.faq-answer p {color: #FFF;
    margin: 0;
}

.faq-answer a {
    color: #3498db;
    text-decoration: none;
}

.faq-answer a:hover {
    text-decoration: underline;
}
























.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    transition: background-color 0.3s;
    z-index: 1000;
    padding: 20px 0;height: auto;
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 80px);
    margin: 0 40px;
}

.header.scrolled {
    background-color: #161616;
}

.header.scrolled .logo-header{content:url("../img/logo-02.png");height: 40px;
}

.logo img {
    height: 100px;
}



.content {
    padding-top: 70px; /* Adjust based on the header height */
}








/**
*** ZACH COLE
*** (C) 2016
**/

/* SIMPLE GRID LANDING PAGE CUSTOM STYLES */

* {
  color: #636366;
}


a {
  text-decoration: none;
  color: #fff;
  transition: all 0.3s ease;
}

a:hover {
  text-decoration: none;
}

.m-bottom {
  margin-bottom: 48px;
}

.container {
  padding-top: 100px;
}

.body-content {
  background: #fff;
  padding: 0px 0 0px 0;
  position: relative;
  z-index: 0 !important;
}

.body-content > .container {
  position: relative;
  top: 40px;
  padding-bottom: 100px;
}

.jumbotron {
  background: #FE7880;
  background-image: linear-gradient(#F38BD3, #FE7880);
  height: 760px;
  width: 100%;
  z-index: 100 !important;
}

.jumbotron h1,
.jumbotron h2 {
  color: #fff;
}

button {
  height: 48px;
  width: 180px;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 200;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 30px;
  margin: 20px 0;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
}

button:hover {
  background: #fff;
  color: #161616;
}

button:active {
  outline: none;
}

.btn-secondary {
  border: 1px solid #161616;
  color: #161616;
}

.btn-secondary:hover {
  background: #161616;
  color: #fff;
}

.line {
  height: 1px;
  width: 100%;
  background: #D6D6D8;
  margin: 80px 0;
}

.grid-display {
  margin: 20px 0;
}

.grid-display [class^="col"] {
  background: #FBCED1;
  border: 1px solid #FE7880;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
}

.grid-display [class^="col"] p {
  color: #FE7880;
  font-size: 0.8rem;
}

pre {
  margin-top: 30px;
  overflow: auto;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #D8DCE6;
  padding: 24px 0;
}

code,
.tag,
.el,
.name,
.content,
.comment {
  font-family: monospace;
  font-size: 1.1rem;
  line-height: 1.2rem;
  color: #636366;
}

.el {
  color: #FE7880;
	
	
	
	
	
	
}

.name {
  color: #F9B42D;
}

.content {
  color: #75C050;
}

.comment {
  color: #B6CAD2;
}

footer {
  background: #161616;
  padding-bottom: 80px;
}

footer p {
  color: #fff;
}

/* IMAGES */

.img {
  background-size: contain;
  background-repeat: no-repeat;
}

.footer-logo {
  background-image:url("../img/logo-blee-branco.png");
  background-size: contain;
  height: 180px;
  padding-bottom: 8px;
}

.img-website-mock {
  position: relative;
  background-image: url('img/web-mock.png');
  height: 0;
  padding-top: 71.8%;
  margin-top: 80px;
  z-index: 200 !important;
}

.img-responsive {
  background-image: url('img/responsive.png');
  height: 96px;
  width: 144px;
}

.img-lightweight {
  background-image: url('img/light.png');
  height: 96px;
  width: 96px;
}

.img-simple {
  background-image: url('img/simple.png');
  height: 96px;
  width: 132px;
}

/* === MEDIA QUERIES === */

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

	
	
	
	
	
.menu {right: -80%;width: 80%;}
	
	
.quemsomos-text {font-size: 2rem;letter-spacing: 5px;}
.legenda-carousel p{font-size: 2rem;}
.legenda-carousel {width: 80%;}

	
	
.logo img {height: 70px;}
.header.scrolled .logo-header{content:url("../img/logo-02.png");height: 30px;
}

	

	
	
	
	.footer-logo {
  height: 120px;

}
	
	
	
	
}
	
	
	.tradutor { ; width: 100%; height: 50px;position: relative;

}

	.center-center {  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}

.VIpgJd-ZVi9od-l4eHX-hSRGPd { display: none;    content: "This text replaces the original.";}

  .goog-logo-link {
    display:none !important;
  } 
  .goog-te-gadget{
    color: transparent !important;
  } 
  .goog-te-combo{border-radius: 20px;position:absolute!important; left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-20%, -50%);
    padding: 0px 0px!important;color: #FFF;
    font-size: 20px;
    background: #978B81;
  }