:root{
	--mainGreen: #05C52C;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */hr,
input[type=search] {
  box-sizing:content-box
}
img,
legend {
  border:0
}
legend,
td,
th {
  padding:0
}
.faq-box .btn-link,
.main-nav .menu .menu-item .menu-link {
  font-family:hurme_geometric_sans_4black;
  text-transform:uppercase
}
.banner-container,
.center-box,
.main-banner,
.main-banner .carousel,
.youtube-facade,
svg:not(:root) {
  overflow:hidden
}
html {
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}
body {
  margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display:block
}
audio,
canvas,
progress,
video {
  display:inline-block;
  vertical-align:baseline
}
audio:not([controls]) {
  display:none;
  height:0
}
.center-box .sub-title:after,
.header .whatsapp-box,
.header.active .menu-link-highlight,
.main-banner .carousel .owl-nav,
.main-nav .menu .menu-item.orcamento,
.main-nav .menu .menu-item.telefone,
.section-title:after,
[hidden],
template {
  display:none
}
a {
  background-color:transparent
}
a:active,
a:hover {
  outline:0
}
abbr[title] {
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted
}
b,
optgroup,
strong {
  font-weight:700
}
dfn {
  font-style:italic
}
h1 {
  font-size:2em;
  margin:.67em 0
}
mark {
  background:#ff0;
  color:#000
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup {
  top:-.5em
}
sub {
  bottom:-.25em
}
figure {
  margin:1em 40px
}
hr {
  height:0
}
pre,
textarea {
  overflow:auto
}
code,
kbd,
pre,
samp {
  font-family:monospace,monospace;
  font-size:1em
}
button,
input,
optgroup,
select,
textarea {
  color:inherit;
  font:inherit;
  margin:0
}
button {
  overflow:visible
}
button,
select {
  text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance:button;
  cursor:pointer
}
button[disabled],
html input[disabled] {
  cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border:0;
  padding:0
}
input {
  line-height:normal
}
input[type=checkbox],
input[type=radio] {
  box-sizing:border-box;
  padding:0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height:auto
}
input[type=search] {
  -webkit-appearance:textfield
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
fieldset {
  border:1px solid silver;
  margin:0 2px;
  padding:.35em .625em .75em
}
table {
  border-collapse:collapse;
  border-spacing:0
}
@font-face {
  font-family:hurme_geometric_sans_4black;
  src:url('fonts/hurme_design_-_hurmegeometricsans4_black-webfont.eot');
  src:url('fonts/hurme_design_-_hurmegeometricsans4_black-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/hurme_design_-_hurmegeometricsans4_black-webfont.woff2') format('woff2'),
  url('fonts/hurme_design_-_hurmegeometricsans4_black-webfont.woff') format('woff'),
  url('fonts/hurme_design_-_hurmegeometricsans4_black-webfont.ttf') format('truetype'),
  url('fonts/hurme_design_-_hurmegeometricsans4_black-webfont.svg#hurme_geometric_sans_4black') format('svg');
  font-weight:400;
  font-style:normal;
  font-display:swap
}
@font-face { 
  font-family:hurme_geometric_sans_4bold;
  src:url('fonts/hurme_design_-_hurmegeometricsans4_bold-webfont.eot');
  src:url('fonts/hurme_design_-_hurmegeometricsans4_bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/hurme_design_-_hurmegeometricsans4_bold-webfont.woff2') format('woff2'),
  url('fonts/hurme_design_-_hurmegeometricsans4_bold-webfont.woff') format('woff'),
  url('fonts/hurme_design_-_hurmegeometricsans4_bold-webfont.ttf') format('truetype'),
  url('fonts/hurme_design_-_hurmegeometricsans4_bold-webfont.svg#hurme_geometric_sans_4black') format('svg');
  font-weight:400;
  font-style:normal;
  font-display:swap
}
.section-box {
  padding:80px 0
}
.section-box.gray-box {
  background-color:#f4f4f4
}
.section-box .section-title {
  font-size:45px;
  text-align:center;
  color:#000;
  padding-bottom:30px;
  margin-bottom:30px;
  position:relative
}
.section-box .section-title:after {
  content:" ";
  width:100px;
  height:2px;
  background-color:#fd0;
  margin-left:-50px;
  position:absolute;
  left:50%;
  bottom:0
}
.center-box {
  margin:0 auto;
  padding:0 15px;
  max-width:1240px
}
.owl-carousel .fadeOut {
  -webkit-animation-name:fadeOut;
  animation-name:fadeOut
}
.header {
  padding:10px 30px;
  position:fixed;
  top:0;
  right:0;
  left:0;
  z-index:25
}

#btn-alugar-pc{
	width: 350px; 
	position: absolute; 
	bottom: 20px; 
	left: 40%;
	font-size: 4rem;
}

.tab-cubo-sizes{
	display:flex; 
	justify-content:center;
}

#carousel-video{
	display:flex; 
	justify-content:center;
}

#como-funciona-flex{
	display:flex; 
	justify-content:space-between; 
	width:65vw;
}

@media screen and (max-width:992px) {
	#como-funciona-flex{
		flex-direction:column;
	}
	.tab-cubo-sizes{
		width:80vw;
	}
	#btn-alugar-pc{
		display:none;
	}
	#carousel-video{
		div:has(video){
			width:360px;
			height:640px;
			margin-right:10px;
			align-self:center;
		}
		div video{
			width:-webkit-fill-available;
		}
		flex-direction:column; 
	}
}
@media screen and (min-width:993px) {
	#como-funciona-flex{
		flex-direction:row;
	}
	.tab-cubo-sizes{
		width:50vw;
	}
	#btn-alugar-pc{
		display:block;
	}
	#carousel-video{
		div:has(video){
			width:230px;
		}
		flex-direction:row; 
		height:400px;
	}
}

.header.active,
.header.black {
  background-color:#05C52C;

}

@media screen and (min-width:992px) {
  .header .whatsapp-box {
    width:60px;
    height:60px;
    position:fixed;
    right:15px;
    bottom:15px;
    display:block
  }
  .header .whatsapp-box button {
    margin:0;
    padding:0;
    border:none;
    background:0 0;
    position:relative;
    z-index:2
  }
  .header .whatsapp-box button img {
    width:60px;
    height:auto
  }
}
.header .whatsapp-box .hover-links {
  display:none;
  transition:width .5s
}
.header .whatsapp-box.active .hover-links {
  display:block;
  position:absolute;
  bottom:0;
  right:calc(100% + 15px);
  background-color:#fd0;
  z-index:1;
  padding:5px 10px;
  border-radius:8px
}
.header .whatsapp-box.active .hover-links a {
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  text-decoration:none;
  color:#000;
  display:block;
  padding:4px 0;
  white-space:nowrap
}
.header .whatsapp-box.active .hover-links a img {
  width:30px;
  height:auto
}
.header .whatsapp-box.active .hover-links:after {
  left:100%;
  bottom:7px;
  border:8px solid rgba(255,221,0,0);
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
  border-left-color:#fd0;
  margin-top:-8px
}
.header .nav-btn {
  width:24px;
  height:14px;
  background:0 0;
  border:none;
  border-bottom:2px solid #fff;
  display:block;
  position:absolute;
  top:28px;
  right:15px;
  transition:transform .5s
}
.header .nav-btn:after,
.header .nav-btn:before {
  width:100%;
  height:2px;
  content:" ";
  background-color:#fff;
  position:absolute;
  left:0
}
.header .nav-btn:before {
  top:0
}
.header .nav-btn:after {
  top:6px
}
.header .nav-btn.active {
  transform:rotate(90deg)
}
.header .logo {
  max-width:100px;
  margin:0;
  padding:0
}
.header .menu-link-highlight {
  font-size:14px;
  font-weight:900;
  position:fixed;
  top:20px;
  right:70px;
  padding:4px 10px;
  border:2px solid #fd0
}
.header .menu-link-highlight:active,
.header .menu-link-highlight:focus,
.header .menu-link-highlight:hover,
.header .menu-link-highlight:visited {
  color:#fd0;
  text-decoration:none
}
@media screen and(min-width:768px) {
  .header {
    position:fixed;
    padding:10px 30px
  }
  .header .nav-btn {
    width:35px;
    height:20px;
    top:50px;
    right:50px
  }
  .header .nav-btn:after {
    top:9px
  }
  .header .logo {
    max-width:150px
  }
  .header .menu-link-highlight {
    font-size:16px;
    top:42px;
    right:120px
  }
  #como-funciona-flex{
	flex-direction:column; 
  }
  
}
@media screen and(min-width:1200px) {
  .header {
    padding:10px 30px
  }
}
.main-nav {
  display:none;
  padding:40px 0 15px
}
.main-nav .menu .menu-item {
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.2)
}
.main-nav .menu .menu-item .menu-link {
  font-size:20px;
  font-weight:'900';
  color:#fff;
  display:block;
  position:relative
}
.main-nav .menu .menu-item .menu-link .fa {
  font-size:8px;
  position:absolute;
  right:0;
  top:50%;
  margin-top:-3px
}
.main-nav .menu .menu-item .menu-link:hover,
.main-nav .menu .menu-item .submenu .submenu-item .submenu-link:hover {
  text-decoration:none
}
.main-nav .menu .menu-item .submenu {
  display:none;
  padding-top:10px
}
.main-nav .menu .menu-item .submenu .submenu-item .submenu-link {
  font-size:12px;
  text-transform:uppercase;
  color:#fff;
  padding:10px 0;
  display:block
}
.main-nav .menu .menu-item.active .menu-link {
  color:#fd0
}
.main-nav .menu .menu-espaco {
  padding-top:15px
}
.main-banner video {
  width:100%;
  height:auto
}
.main-banner .carousel .item {
  width:100%
}
.what-is-it .center-box {
  max-width:1035px
}
.what-is-it .btn-primary {
  font-size:12px;
  font-weight:500;
  padding:5px 80px;
  margin-top:30px
}
.what-is-it .btn {
  color:#000;
  border-color:transparent;
  background-color:#fd0;
  transition:background .5s,color .5s
}
.what-is-it .btn:hover {
  color:#fd0;
  background-color:#000
}
.section-title {
  padding-bottom:0
}
.center-box .sub-title {
  padding-top:30px;
  padding-bottom:20px;
  text-align:center;
  font-size:40px;
  color:#000
}
.center-box .subtexto {
  text-align:center
}
.center-box .size-tabs {
  max-width:100%;
  text-align:center;
  display:table;
  margin:25px auto
}
.center-box .size-tabs li {
  margin:1px
}
.center-box .size-tabs li a {
  width:78px;
  height:38px;
  line-height:38px;
  font-size:15px;
  text-decoration:none;
  color:#000;
  border:1px solid #fd0;
  display:block;
  transition:background .5s
}
.center-box .size-tabs li .titulos {
  width:160px
}
.center-box .size-tabs li.active a {
  font-weight:700;
  background-color:#fd0
}
.center-box .unid {
  position:relative;
  border:none;
  margin:0;
  overflow:hidden
}
.center-box .unid .unid-content {
  background-color:#f4f4f4;
  padding:15px
}
.center-box .unid .unid-content .owl-nav {
  text-align:center;
  position:absolute;
  right:0;
  top:calc(50%);
  transform:translateY(-50%)
}
.center-box .unid .unid-content .owl-nav .owl-next,
.center-box .unid .unid-content .owl-nav .owl-prev {
  width:58px;
  height:86px;
  line-height:86px;
  font-size:22px;
  text-align:center;
  color:#000;
  background-color:var(--mainGreen);
  display:block
}
.center-box .unid .unid-content .owl-nav .owl-prev {
  background-color:var(--mainGreen)
}
.center-box .unid .unid-content .title-big {
  font-size:100px;
  color:#fd0;
  margin-bottom:30px;
  position:relative
}
.center-box .unid .unid-content .title-big:after {
  content:" ";
  width:110px;
  height:2px;
  background-color:#fd0;
  position:absolute;
  bottom:-10px;
  left:0
}
.center-box .unid .unid-content .title-big span {
  color:#fff
}
.center-box .unid .unid-content .unidades {
  font-size:30px;
  color:#fd0;
  margin-top:30px;
  margin-bottom:30px;
  position:relative;
  text-align:center
}
.center-box .unid .unid-content .unidades span {
  color:#000
}
.center-box .unid .unid-content p {
  text-align:left
}
.center-box .unid .unid-content .telefone {
  color:#929496;
  text-decoration:none
}

@media screen and(min-width:992px) {
  .section-box {
    padding:120px 0
  }
  .header {
    padding:10px 30px
  }
  .header .logo {
    padding-top:15px;
    float:left
  }
  .header .menu-link-highlight {
    display:none
  }
  .header.active {
    background:0 0
  }
  .header.black {
    background:#05C52C;
    padding:10px 30px
  }
  .header.black .logo {
    max-width:120px
  }
  .header.black .main-nav .menu-item .menu-link {
    height:50px;
    line-height:55px
  }
  .main-nav .menu .menu-item.orcamento .menu-link,
  .main-nav .menu .menu-item.telefone .menu-link {
    height:auto;
    line-height:20px;
    margin:0;
    padding:5px 10px
  }
  .main-nav {
    display:block!important;
    padding:0;
    float:right
  }
  .main-nav .menu {
    display:flex;
    justify-content:center;
    align-items:center
  }
  .main-nav .menu .menu-item {
    display:inline-block;
    padding:0;
    border:none;
    margin:0 10px;
    position:relative
  }
  .main-nav .menu .menu-item.orcamento {
    text-align:center;
    display:block;
    border:1px solid #fd0
  }
  .main-nav .menu .menu-item.orcamento .menu-link,
  .main-nav .menu .menu-item:hover .menu-link,
  .main-nav .menu .menu-item:hover .submenu .submenu-item .submenu-link:hover,
  .main-nav .menu .menu-item:hover .telefone {
    color:#fd0
  }
  .main-nav .menu .menu-item.telefone {
    text-align:center;
    text-transform:uppercase;
    display:block
  }
  .main-nav .menu .menu-item .telefone {
    height:40px;
    line-height:45px;
    font-weight:400;
    font-family:hurme_geometric_sans_4black;
    font-size:16px;
    font-weight:'900';
    text-decoration:none;
    color:#fff
  }
  .main-nav .menu .menu-item .menu-link {
    height:60px;
    line-height:65px;
    font-size:11px;
    font-weight:400
  }
  .main-nav .menu .menu-item .menu-link.has-submenu {
    padding-right:15px
  }
  .main-nav .menu .menu-item .menu-link .icon-up,
  .main-nav .menu .menu-item .submenu,
  .main-nav .menu .menu-item:hover .menu-link .icon-down,
  .main-nav .menu .menu-item:hover .telefone .icon-down {
    display:none!important
  }
  .main-nav .menu .menu-item .menu-link .icon-down,
  .main-nav .menu .menu-item:hover .menu-link .icon-up,
  .main-nav .menu .menu-item:hover .telefone .icon-up {
    display:inline-block!important
  }
  .main-nav .menu .menu-item.active .menu-link,
  .main-nav .menu .menu-item.active .telefone {
    color:#fff
  }
  .main-nav .menu .menu-item:hover .submenu {
    padding:10px 15px;
    background-color:#000;
    display:block!important;
    position:absolute;
    top:100%;
    left:-20px
  }
  .main-nav .menu .menu-item:hover .submenu:after {
    bottom:100%;
    left:50%;
    border:8px solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:transparent transparent #000;
    margin-left:-8px
  }
  .main-nav .menu .menu-item:hover .submenu .submenu-item {
    padding:5px 0;
    border-bottom:1px solid rgba(255,255,255,.2)
  }
  .center-box .size-tabs li {
    float:left
  }
  .center-box .unid .unid-content .unid-content {
    padding:40px 15px
  }
  .center-box .unid .unid-content .centralizar-carrossel {
    padding-top:100px
  }
  .center-box .unid .unid-content .owl-nav {
    top:calc(50% + 50px)
  }
  .center-box .centralizar-mapa {
    margin-top:135px;
    height:400px
  }
  
  #como-funciona-flex{
	flex-direction:row; 
  }
}
.faq-box {
  text-align:center;
  margin:15px 0
}
.faq-box .btn-link {
  font-size:15px;
  color:#000;
  text-decoration:underline
}
.main-banner {
  width:100%;
  display:block;
  max-height:100vh
}
.youtube-facade {
  position:relative;
  cursor:pointer;
  display:block;
  max-width:100%;
  width:100%;
  height:720px;
  padding-top:56.25%
}
.youtube-facade img,
.youtube-facade picture {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.youtube-facade .play-button {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:68px;
  height:68px;
  background-color:transparent;
  border:none;
  background-image:url('../images/play-icon.svg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:2;
  transition:transform .2s ease-in-out
}
.youtube-facade .play-button:hover {
  transform:translate(-50%,-50%) scale(1.1)
}
.banner-container {
  width:100%;
  aspect-ratio:1920/710
}
.banner-container img,
.banner-container picture {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover
}
.logo-box {
  margin-top:60px
}