@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Italic-webfont.eot');
    src: url('OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Italic-webfont.woff') format('woff'),
         url('OpenSans-Italic-webfont.ttf') format('truetype'),
         url('OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'Avenir';
    src: url('avenirltstd-book.woff2') format('woff2'),
         url('avenirltstd-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Bebas Neue';
    src:  url('Bebas-Neue-Light.ttf.woff') format('woff'),
    url('Bebas-Neue-Light.ttf.svg#Bebas-Neue-Light') format('svg'),
    url('Bebas-Neue-Light.ttf.eot'),
    url('Bebas-Neue-Light.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
ul,li,ol,h1,h2,h3,h4,h5,h6{margin: 0; padding: 0}
img{display: block}
html{font-family: 'Avenir';}
body{margin: 0;overflow-x:hidden}
body > img{position: absolute; top: 0; left: 0; opacity: 0.001;}
.header .logo-plaenge,
.header .menu-button,
.header .nav a,
.header img,
.button{-webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.no-scroll{overflow: hidden}

.content{display: block; max-width: 2360px; width: 100%; margin: 0 auto; padding: 0 2.4%; box-sizing: border-box}
.flex-box{display: -webkit-box;display: flex}
.flex-box.justify-space-between{-webkit-box-pack: justify;justify-content: space-between}
.flex-box.justify-space-around{justify-content: space-around}
.flex-box.justify-flex-end{-webkit-box-pack: end;justify-content: flex-end}
.flex-box.justify-center{-webkit-box-pack: center;justify-content: center}
.flex-box.align-center{-webkit-box-align: center;align-items: center}
.flex-box.direction-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column}
.flex-box.wrap{flex-wrap: wrap}
.flex-box .flex-grow-1{-webkit-box-flex: 1;flex-grow: 1}
.flex-box .flex-shrink-1{flex-shrink: 1}
.flex-box .self-flex-start{align-self: flex-start}
.flex-box.wrap{flex-wrap: wrap;}
textarea,
input[type=tel],
input[type=text],
input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none; border:0; border-bottom: 1px solid #414042; background: none; outline: none; width: 100%; padding: 7px 0; box-sizing: border-box; font-family: 'Avenir'; color: #414042; position: relative; z-index: 1; border-radius: 0;}
textarea{resize: none; overflow: hidden;}
.button{display: table; margin: 40px auto 0; width: auto; border: 1px solid #fff; font-size: 17px; text-decoration: none; padding: 16px 62px; position: relative; background: rgba(0,0,0,0); color: #ffffff; cursor: pointer}
.button:hover{background: rgba(0,0,0,0.3)}

.row{width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; margin-bottom: 53px;}
.hold-label{position: relative;}
.size1 .hold-label{width: 48%;}
.size2 .hold-label{width: 100%;}
.float-label{position: absolute; top: -14px; left: 0; color: #414042; font-size: 14px; z-index: 0;}
.state-two .float-label{top:-14px;  -webkit-transition: all 1500ms ease-in-out;transition: all 1500ms ease-in-out;}
.row .button-send{position: relative;-webkit-transition: all 1500ms ease-in-out;transition: all 1500ms ease-in-out;}
.state-two .button-send{top:0;}
.row .button-send:hover{-webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
section .title-section,
.logo.svg-image tspan,
.logo.svg-image line,
#plantas:after,
section .text,
.header .logo,
section img,
.header{-webkit-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out}

section .title-section,
section .text,
section:not(.status) img{opacity: 0.1}
section.state-two .title-section,
section.state-two .text,
section.state-two img{opacity: 1}

.zoom-image{position: absolute; top: 10px; left: 10px; cursor: -webkit-zoom-in; cursor: zoom-in; color: #5d5d5d; font-size: 24px}

.loading-box{position: fixed; top:0; left:0; width: 100%; width: 100vw; height: 100%; background: rgba(51,51,51,0.99); z-index:9999; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
  animation: lds-ellipsis3 0.6s infinite;
}
@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
    transform: translate(19px, 0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
    transform: translate(19px, 0);
  }
}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 4;height: 71px;background: rgba(0,0,0,0)}
.header .logo-plaenge{position: absolute; left: 2.4%; top: 64px; opacity: 1}
.header .logo-plaenge img{width: 163px; height: auto; display: block}
.header h1 .logo{position: fixed; top: calc(50% - 50px); left: calc(50% - 172.5px); pointer-events: none; width: 345px; height: auto; display: block;opacity: 0;}
.header .logo-plaenge span,
.header .logo span{display: none}
.header .nav{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 4;}
.header .nav .flex-box{height: 100%}
.header .nav ul{margin: 0 auto;list-style: none;}
.header .nav ul li{text-align: center;margin: 15px;}
.header .nav li a{color: rgba(255,255,255,0.8); font-size: 16px; text-transform: uppercase; text-decoration: none;letter-spacing: 3px;}
.header .nav li a:hover{color: #fff;}
.header.no-top{background: rgba(0,0,0,0.5)}
.header.no-top h1 .logo{top: 13px; width: 160px; left: calc(50% - 80px); opacity: 1; pointer-events: auto}
.header.no-top .logo-plaenge{top: 18px; opacity: 0.5}
.header.no-top .menu-button{top: 29px}
.header.no-top .logo:hover,
.header.no-top .logo-plaenge:hover{opacity: 1}
.header .social-links{border: solid 1px #fff; border-right: 0; top: 25vh;right: 0;z-index: 10;position: fixed}
.header.no-top .social-links{background: rgba(0,0,0,0.2)}
.header .social-links li{display: block; margin: 28px 15px; text-align: center}
.header .social-links a{display: block; color: #fff; font-size: 15px}

.menu-button{width: 20px;height: 14px;position: absolute;cursor: pointer;z-index: 999;display: block;-webkit-box-flex: 0;flex: 0 0 30px;right: 2.4%;top: 50px;}
.menu-button span,
.menu-button span:before,
.menu-button span:after{width:100%;height: 2px;background: #fff;position:absolute;left: 50%;top:50%;margin-top: -1px;border-radius: 5px;margin-left: -10px;opacity: 1;box-shadow: 0px 0px 0px 1px rgba(51, 51, 51, 0.18);}
.menu-button span:before,
.menu-button span:after{content:'';opacity: 0;}
.menu-opened .menu-button span:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.menu-opened .menu-button span:before{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-opened .menu-button span:before,
.menu-opened .menu-button span:after{opacity:1;}
.menu-button span:first-child{top:0;margin-top: 0;}
.menu-button span:last-child{top:auto; bottom: 0; margin-top: 0}
.menu-opened .menu-button{width: 20px;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.menu-opened .menu-button span{opacity: 1;background: none;}
.menu-opened .menu-button span:first-child{display:block; top: 14px;opacity: 0;}
.menu-opened .menu-button span:last-child{display:block; bottom: 14px;opacity: 0;}

.text-center{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; flex-wrap: wrap; z-index: 2; padding: 0 2%; box-sizing: border-box; pointer-events: none}
.text-center .box-text > *:not(.button):not(span){font-size: 45px; color: #ffffff; font-weight: normal; letter-spacing: 12px; text-shadow: 0 0 30px rgba(0,0,0,1); position: relative}
.text-center .box-text > *:not(.button):after{content: ''; position: absolute; width: 100%; height: 100%; border-radius: 30%; background:#000000; top: 0; left: 0; -webkit-filter: blur(8px); filter: blur(8px); opacity: 0.15; z-index: 1}
.text-center .box-text img{width: 489px; height: auto}

section{position: relative; background: #dcdddf}
.title-section{color: #747474; font-size: 74px; font-weight: 100; text-align: center; font-family: 'Bebas Neue'; position: relative; z-index: 2}
.title-section.line-after:after{content: ''; width: 1px; height: 80px; display: block; margin: 30px auto 55px; background: #8d8d8d}
section .text{margin: 0 auto}
section .text p,
section .text li{font-size: 18px; color: #66635f; line-height: 30px}
body .chocolat-wrapper .chocolat-overlay{background: #000000; opacity: 0.9}

.video{width:100%; height: 100vh; position: relative; overflow: hidden;}
.video iframe,
.video video{width: 100vw; height: 100vw; min-height: 128vh; min-width: 228.77vh; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.video .audio{position: absolute;z-index: 2;display: block;width: 35px;height: 35px;bottom: 50px;left: calc(20px + 2.4%);background: url('../images/sem-audio.png') no-repeat;background-size: 100%;}
.video .audio.muted{background: url('../images/com-audio.png') no-repeat;background-size: 100%;}

#home{z-index: 3}
#home .go-next{position: absolute; bottom: 50px; left:50%; color: #fff; z-index: 10; font-size: 25px; margin-left: -10.5px}
#home .text-center{display: none}
#home .image img{height: 100vh; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; width: 100%; position: fixed; top: 0; left: 0}
#home .button{margin-top: 18vh}
#home .boxBanner{position: relative}
#home .boxBanner:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; z-index: 2; opacity: 0.5;pointer-events: none;}
#home .boxBanner:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 40%;z-index: 2; opacity: 0.5;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));pointer-events: none;}
#home .boxBanner .banner{width: 100%; height: 100vh; -o-object-fit: cover; object-fit: cover; position: relative; z-index: 1;}
#home .banner{display: none;}
.box-image-text img{width: 100%; height: auto}
.has-image-fixed{position: relative; height: 100vh; overflow: hidden;}
.has-image-fixed .image-full{ clip: rect(0, 100vw, 100vh, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.has-image-fixed .image-fixed{position: fixed; top: -30px; left: 0; width: 100vw; height: calc(100% + 90px); -o-object-fit: cover; object-fit: cover;}

#inspiracao{padding-top: 75px; background: #414042; z-index: 2}
#inspiracao .title-section{color: #7f7f7f}
#inspiracao > .text{text-align: center; margin-bottom: 82px; max-width: 981px}
#inspiracao .col{width: 50%}
#inspiracao .box-text{width: 100%; padding: 40px 78px 0 0; box-sizing: border-box}
#inspiracao .box-text .text{max-width: 415px; margin:0 0 0 auto}
#inspiracao .box-text p{color: #fff; text-align: left; letter-spacing: 2px}
#inspiracao .col:last-child{position: relative}
#inspiracao .col:last-child:after{content: ''; position: absolute; width: 1px; height: 100%; left: -8px; top: 0; background: #dcddde}
/*#inspiracao img{position: relative; margin-bottom: -160px}*/

#conceito{position: relative; padding-bottom: 0}
#conceito .col{position: relative}
#conceito .arrows a{position: absolute; top: 50%; z-index: 2; color: #ffffff; font-size: 26px}
#conceito .arrows a.flex-prev{left: 2.7%}
#conceito .arrows a.flex-next{right: 2.7%}
.conceito img{height: 80vh; -o-object-fit: cover; object-fit: cover}
#conceito .label{background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; width: 100%; color: #ffffff; font-size: 16px}
#conceito .center{max-width: 1170px; padding: 17px 30px; margin: 0 auto; width: 100%; box-sizing: border-box}
.conceito .zoom-image{position: absolute; top: 56px; left: 35px; color: #ffffff; font-size: 18px}
.flexslider.conceito .slides > li{margin-bottom: 0}

#localizacao .bg-color{padding: 65px 0; background: #414042}
#localizacao .content{max-width: 990px; padding: 0 20px; box-sizing: border-box}
#localizacao .title-section{margin-bottom: 56px; color: #7f7f7f}
#localizacao .text{text-align: center}
#localizacao .text p{color: #ffffff; letter-spacing: 2px}
#localizacao .box-image-text{position: relative}
#localizacao .box-image-text:before{content: ''; width: 100%; height: 50%; position: absolute; top: 0; left: 0; background: #414042}
#localizacao .col{position: relative}
#localizacao .col:first-child{width: 46%; z-index: 1}
#localizacao .col:first-child img{margin:0 0 0 auto; width: auto; max-width: 100%; height: auto; position: relative; right: -56px}
#localizacao .col:last-child{width: 54%; position: relative}
#localizacao .image-text p{color: #ffffff; position: absolute; -webkit-transform:rotate(-180deg); transform:rotate(-180deg); bottom: 0; left: 56px; text-align: left; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: mixed; text-orientation: mixed; font-size: 15px}
#localizacao .image-text p:before{content: '—————————'; display: inline-block; vertical-align: bottom; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: mixed; text-orientation: mixed; margin-bottom: 10px}

#endereco{padding: 73px 0; background: #414042; text-align: center}
#endereco .text{opacity: 1}
#endereco *{color: #ffffff}
#endereco i{font-size: 27px}
#endereco p{font-size: 18px; font-weight: 300; line-height: 30px}

#contato{padding: 67px 0 20px}
#contato .container{max-width: 981px; padding: 0 20px; box-sizing: border-box; margin: 0 auto}
#contato .title-section{margin-bottom: 95px}
#contato .button{color: #414042; border-color: #414042; text-transform: uppercase; padding: 12px 47px}
#contato .button:hover{color: #ffffff}
#contato .logo{display: block; margin: 95px auto 0; width: 303px; height: auto}

#arquitetura{padding: 90px 0 0}
#diferenciais .title-section,
#arquitetura .title-section{margin-bottom: 77px}
#diferenciais .content,
#arquitetura .content{max-width: 1114px}
#diferenciais .col,
#arquitetura .col{width: 50%; padding: 0 30px; box-sizing: border-box; position: relative; z-index: 1}
#arquitetura .col p{letter-spacing: 2px}
#arquitetura .flex-box + .flex-box{margin-top: 50px; margin-bottom: -40px}
#arquitetura .box-image-text .col:last-child:before{content: ''; width: 1px; height: 80px; background: #707070; display: block; margin-bottom: 35px}

#diferenciais{background: #d1d1d1; padding: 137px 0 72px}
#diferenciais .text{text-align: center; margin-bottom: 70px}
#diferenciais h3{color: #6e6e6e; margin-bottom: 30px; font-weight: normal; text-transform: uppercase; font-size: 20px}
#diferenciais li,
#diferenciais p{color: #6e6e6e; list-style: none}
#diferenciais li{line-height: 21px}
#diferenciais li + li{margin-top: 7px}
#diferenciais li .fas{margin-right: 5px; font-size: 10px; line-height: 12px}

#plantas{background: #cac5c0; padding: 79px 0 0}
#plantas .title-section{margin-bottom: 78px}
#plantas .container{max-width: 1640px; display: -webkit-box; display: flex; margin: 0 auto 50px}
#plantas .title-container{-webkit-box-flex: 0; flex: 0 0 auto}
#plantas .vertical{color: #d8d8d8; -webkit-transform: rotate(270deg);  transform: rotate(270deg); font-size: 169px; font-family: "Bebas Neue"; font-weight: 400; line-height: normal; margin-top: 320px; margin-bottom: 230px; position: relative; left: 90px;}
#plantas .plantas{-webkit-box-flex: 1;flex: 1 1 auto}
#plantas .flex-box{margin: 0 auto}
#plantas .flex-box .col{width: 50%; position: relative}
#plantas .flex-box .col:last-child{padding-left: 0}
#plantas .col .text{max-width: 400px; display: block; margin-right:0; padding-right: 110px}
#plantas .col .image{height: 100%; display: -webkit-box; display: flex; align-content: center}
#plantas .flex-box .zoom-image{top: 0; left:-23px}
#plantas:after{content: ''; position: absolute; right: 0; width: 0; top: 0; background: #b1aca7; height: 100%; z-index: 0}
#plantas.state-one:after,
#plantas.state-three:after{width: 33%}
#plantas .plantas .slides{z-index: 1; position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center}
.plantas li,
.plantas p{font-size: 24px; margin: 0; color: #66635f}
.plantas p{margin-top: 33px}
.plantas .title{font-weight: 600; font-size: 24px}
.plantas .info{font-size: 22.5px; margin-top: 10px}
.flexslider.plantas .slides img{max-height: 100vh; width: auto; height: auto; max-width: 100%; -o-object-fit: contain; object-fit: contain}
.plantas .flex-box ul{margin-top: 33px}
.plantas .flex-box li{display: block}
.plantas .flex-box li:before{content: ''; width: 6px; height: 6px; display: inline-block; vertical-align: middle;background: #4f4f4f; border-radius: 50%; margin-right: 7px}
.plantas .flex-direction-nav{position: relative; top: -60px; width: auto; display: table; margin: 0 auto;padding-left: 65px;}
.plantas .flex-direction-nav li{display: inline-block}
.plantas .flex-direction-nav a{position: relative; border:3px solid #4f4f4f; width: 12px; height: 12px; display: block; border-left: 0; border-bottom: 0; box-sizing: border-box; margin: 10px; color: transparent}
.plantas .flex-direction-nav a.flex-prev{-webkit-transform: rotate(225deg); transform: rotate(225deg)}
.plantas .flex-direction-nav a.flex-next{-webkit-transform: rotate(45deg); transform: rotate(45deg)}

#aplaenge{background: #414042; padding: 90px 0}
#aplaenge .title-section{color: #eeeeee; margin-bottom: 86px}
#aplaenge .content{max-width: 1114px}
#aplaenge .col{width: 50%}
#aplaenge .col:last-child{padding: 0 34px}
#aplaenge .small-logo{margin: 0 auto; display: block}
#aplaenge .text{max-width: 477px; margin-left: 0}
#aplaenge .text p{color: #eeeeee; letter-spacing: 2px}
#aplaenge .button:before{content: ''; width: 57px; height: 1px; background: #999999; position: absolute; left: -29px; top: 50%}

footer{background: #c2c2c2}
footer .center{max-width: 1170px; display: block; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 19px 30px; position: relative}
footer .center p{color: #ffffff; font-size: 12px; margin: 0}
.go-top{width: 100%; position: fixed; bottom: 0; left: 0; text-align: right; z-index: 2; height: 0}
.go-top a{width:20px; height: 20px; position: absolute; right: 10px; bottom:105px; text-indent: -5000em; display: block; font-size: 28px; color: #414042; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.35);}

.decorado{padding-top: 7rem;}
.decorado ul{list-style: none;}
.decorado ul li{-webkit-box-flex: 1;flex: 1 1 20%;border: 1px solid #ffffff;position: relative;box-sizing: border-box;}
.decorado li img{width: 100%; min-height: 100%; height: auto; -o-object-fit: cover; object-fit: cover; display: block;max-height: 300px;}
.decorado li a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); color: #ffffff; font-size: 61px; opacity: 0; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in;text-align: center;}
.decorado li a:hover{opacity: 1}
.decorado .title-section{margin-bottom: 45px;}

#detalhesprojeto{padding: 120px 0 75px;}
#detalhesprojeto .button{border: 1px solid #747474; color: #747474}
#detalhesprojeto .button:hover{color: #fff;}

@media only screen and (max-width: 1920px){
    .header .logo-plaenge img{width: 122px;}
    .header .logo img{width: 437px;}
    section .text p, 
    section .text li,
    #inspiracao .box-text p{font-size: 16px;line-height: 25px}
    #inspiracao img{margin-bottom: -50px}
    #conceito{padding-top: 160px}
    #localizacao .col:first-child img{max-width: 40%}
}
@media only screen and (max-width: 1650px){
    .header .logo-plaenge img{width: 145px;}
    .header .logo img{width: 234px;}
    .header.no-top .logo img{width: 210px;}
    #contato{padding: 95px 0;}
    #inspiracao .col:first-child{width: 40%}
    #inspiracao .col:last-child{width: 60%}
    #inspiracao > .text{margin-bottom: 32px}
    #inspiracao .box-text{padding-bottom: 50px}
    #inspiracao img{position: static}
}
@media only screen and (max-width: 1440px){
    .button{padding: 13px 48px;}
    .text-center .box-text > *:not(.button):not(span){font-size: 25px;}
    #inspiracao .box-text .text{padding: 0 20px; box-sizing: border-box}
}
@media only screen and (max-width: 1270px){
    .header{height: 61px}
    .header.no-top h1 .logo{top: 5px}
    .header .logo-plaenge img{width: 125px;}
    #inspiracao .box-text .text{margin:0 auto; max-width: none}
    #inspiracao .box-text{padding: 0 0 50px}
    #inspiracao .box-text p{text-align: center}
    #conceito{padding-top: 80px}
    #localizacao .col:first-child,
    #inspiracao .col:last-child{display: none}
    #localizacao .col:last-child{width: 100%}
    #plantas .col .text{padding-right: 30px; padding-left: 20px}
}
@media only screen and (max-width: 1024px){
    #inspiracao > .text{padding: 0 20px; box-sizing: border-box}
    #arquitetura .box-image-text .col p{margin-bottom: 70px}
}
@media only screen and (min-width: 769px){
  #video2{display:none}
}
  @media only screen and (max-width: 768px){
    #home .banner{display: block;}
    #home .video{display: none}
    .flex-box{flex-wrap: wrap}
    #localizacao .image-text p{left: 0}
    #arquitetura .box-image-text img{margin-bottom: 40px}
    #arquitetura .box-image-text .col:last-child:before{display: none}
    #diferenciais .title-section, 
    #arquitetura .title-section{margin-bottom: 47px}
    #arquitetura .flex-box:not(.box-image-text) .col,
    #diferenciais .col{width: 100%; padding: 0}
    #diferenciais .col + .col{margin-top: 60px}
    #plantas .title-section{margin-bottom: 48px}
    #plantas .flex-box .col{width: 100%; padding: 0 20px; -webkit-box-ordinal-group: 3; order: 2}
    #plantas .flex-box .col:last-child{padding-left: 20px; -webkit-box-ordinal-group: 2; order: 1}
    #plantas .col .text{margin: 0 auto}
    .plantas .flex-direction-nav{padding-left: 0}
    #plantas.state-one:after, 
    #plantas.state-three:after{width: 100%}
    #plantas .flex-box .zoom-image{left: 10px; top: -40px}
    #aplaenge .title-section{margin-bottom: 56px}
    #aplaenge .col{width: 100%}
    #aplaenge .col + .col{margin-top: 30px}
    #aplaenge .text{margin: 0 auto; text-align: center}
    #aplaenge .button:before{display: none}
    #contato{padding: 80px 0}
    #contato .col{width: 85%;}
    #contato .row {margin: 0}
    #contato .vertical-line{padding: 50px 50px 0}
    .size1 .hold-label{width: 100%; margin-bottom: 50px}
    .decorado ul li{-webkit-box-flex: 1;flex: 1 1 50%;}
}
@media only screen and (max-width: 640px){
    #arquitetura .col{width: 100%; padding: 0}
    .header h1 .logo{width: 240px; left: calc(50% - 120px)}
}
@media only screen and (max-width: 480px){
    .menu-button{top: 30px; right: 5px}
    .no-top .menu-button{top: 10px}
    .header{height: 60px}
    .header.show{height: auto}
    .header.no-top h1 .logo{top: 5px}
    .header.no-top.show h1 .logo{top: 28px}
    .header.no-top .menu-button{top: 22px}
    .header.no-top.show .menu-button{top: 42px}
    .header.no-top .logo-plaenge{top: -80px}
    .header.no-top.show .logo-plaenge{top: 40px}
    .header .logo-plaenge img{width: 85px;}
    #conceito .text-center span{margin: 0 7px}
    #diferenciais,
    #arquitetura{padding: 80px 0}
    #contato .logo{max-width: 100%}
    .header .logo-plaenge{top: 28px;}
    .header.show{height: auto;}
}