/* margem do menu */
#layout{
  margin-top: 4rem;
}
.nav-link:hover{
  color: #b6761d!important;
}
.conq{
  color: #b6761d!important;
}
/* ####################### fim do header ##################### */
/* ####################### menu lateral ###################### */
.linha{
  background-color: #b6761d;
}
/* .texto, */ 
.number, .texto{
  color: #b6761d;
}
.rolar, .rolar:hover, .rolar:visited{
  color: #484848;
}
.ativado, .ativado:hover, .ativado:visited{
  color: #b6761d;
}
/* ####################### fim menu lateral ############# */
/* ####################### parte 1 ###################### */
#layout{
  position: relative;
  overflow: hidden;
}
#inicial{
  position: relative;
  margin-bottom: 5rem; 
}
.titulo-inicial{
  font-size: 1rem;
  color: #b6761d;
  margin-left: 21.8%;
  margin-bottom: -1rem;
  padding-top: 3rem;
  letter-spacing: .2rem;
  font-family: avenirlight;
}
.img-inicial{
  display: block;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  width: 59%;
}
/* layout */
/* lado esquerdo */
.triangulo-um-in{
  position: absolute;
  top: 16.2%;
  left: -46%;
  z-index: -1;
  margin-left: 40%;
  width: 0;
  border-left: 800px solid #fff;
  border-top: 450px solid transparent;
  border-bottom: 490px solid transparent;
}
/* lado direito */
.triangulo-dois-in{
  position: absolute;
  top: -31%;
  left: 27.5%;
  z-index: -1;
  margin-left: 40%;
  width: 0;
  border-right: 800px solid #fff;
  border-top: 490px solid transparent;
  border-bottom: 400px solid transparent; 
}
.linha-in{
  position: absolute;
  z-index: -2;
  top: 57.8%;
  left: -50%;
  width: 200%;
  border-top: 2.5px solid #b6761d;
  transform: rotate(147deg);
  -ms-transform: rotate(147deg);
  -webkit-transform: rotate(147deg);
}
.img-in{
  position: absolute;
  width: 13%;
  left: 5%;
  top: 45%;
}
/* ################### fim parte 1 ################################ */
/* ################### parte 2 o complexo ######################### */
#complexo{
  position: relative;
  margin-bottom: 4rem;
}
.sub-all{
  color: #b6761d;
}
.texto-complexo{
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  line-height: 1.35rem;
}
.controle-um-complexo{
  text-align: right;
  margin-right: 16%;
  margin-bottom: 3rem;
}
.controle-dois-complexo{
  display: block;
  margin-left: 25%;
  margin-right: 25%
}
.video-complexo{
  position: relative;
  z-index: 3;
  width: 110%;
  height: 50vh;
}
.marca-complexo{
  width: 20%;
  position: absolute;
  z-index: 3;
  top: 22%;
  left: 5%;
}
/* controle de margin */
.margin-complexo-t{
  margin-right: -1.2rem;
  margin-bottom: 1.2rem;
}
.marg-cont{
  margin-right: .3rem;
}
.margin-complexo-b{
  margin-left: -.5rem;
  margin-bottom: 1.2rem;
}
.margin-sub{
  margin-bottom: 2rem;
}
/* fim do controle de margin */
/* ###################### fim complexo ############################# */
/* ###################### parte 3 torres ########################### */
#torres{
  position: relative;
  margin-top: 0;
  margin-bottom: 5rem;
  padding-top: 8rem;
  padding-bottom: 5rem;
}
.todo{
  position: relative;
  width: 30%;
  margin-left: 50px;
  z-index: 2;
}
.im-esquerda{
  width: 19%;
  position: relative;
  left: -31.9%;
  z-index: 3;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  top: .6rem;  
}
.im-direita{
  width: 20.8%;
  position: relative;
  left: -40%;
  top: 1.4rem;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0; 
  z-index: 4;
}
.im-esquerda, .im-direita {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.mover-img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.img-torres{
  margin-left: 13%;
}
.box-torres, .box-torres2, .box-torres3{
  position: absolute;
  left: 45%;
}
.box-torres2, .box-torres3{
 padding-bottom: 3rem;
}
.box-torres{
  top: 22%;
}
.box-torres2{
  top: 22%;
}
.box-torres3{
  top: 22%;
}
.controle-box{
  display: none;
}
.marca-torres{
  width: 28%;
  margin-left: -1rem;
  margin-bottom: .5rem;
}
.marca-torres2{
  width: 26%;
  margin-left: -1rem;
  margin-bottom: .5rem;
}
.t-torres{
  color: #6c6c6c;
  line-height: 1.3rem;
  font-family: avenirroman;
  margin-bottom: 1.7rem;
}
.btn-torres{
  text-decoration: none;
  padding: .25rem 2rem;
  letter-spacing: .15rem;
  border: 1px solid #474747;
  color: #474747;
  margin-top: 1rem;
}
.btn-torres:hover{
  background-color: #474747;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.linha-to{
  position: absolute;
  z-index: 1;
  top: -42.48%;
  left: -30.1%;
  width: 200%;
  border-top: 2.5px solid #b6761d;
  transform: rotate(147deg);
  -ms-transform: rotate(147deg);
  -webkit-transform: rotate(147deg);
}
/* triangulo direito (passando para complexo) */
.triangulo-dois-to{
  position: absolute;
  top: -103.85%;
  left: 21.9%;
  z-index: -1;
  margin-left: 40%;
  width: 0;
  border-right: 1000px solid #fff;
  border-top: 657px solid transparent;
  border-bottom: 635px solid transparent;
}
/* triangulo baixo */
.triangulo-tres-to{
  position: absolute;
  top: -21%;
  left: -55.5%;
  margin-left: 35%;
  z-index: -1;
  width: 0;
  border-right: 1550px solid transparent;
  border-left: 1530px solid transparent;
  border-bottom: 1000px solid #fff;  
}
/* box de auxilio as imagens */
#box-direita, #box-esquerda{
  cursor: pointer;
}
#box-direita{
  position: absolute;
  width: 250px;
  height: 600px;
  z-index: 5;
  left: 28.5%;
  top: 18.5%;
}
#box-esquerda{
  position: absolute;
  width: 247px;
  height: 600px;
  z-index: 5;
  left: 15.5%;
  top: 18.5%;
}
.fa-angle-double-left, .select-torre{
  display: inline;
  color: #b6761d;
}
.select-torre{
  position: relative;
  bottom: .07rem;
  margin-left: .4rem;
  font-size: .8rem;
  letter-spacing: .1rem;
}
/* ########################### fim torres ######################## */
/* Diferenciais */
.margin-dif{
  margin-left: 20%;
  line-height: 9rem;
}
.mov-dif{
  text-align: right;
}
.box-direita-dif{
  float: right;
  margin-right: 20%;
  margin-top: -12rem;
}
.margin-texto-dif{
  margin-right: .35rem;
}
#diferenciais{
  position: relative;
}
.imagens-dif{
  margin-left: 27%;
  margin-top: 3rem;
}
.img-teste-dif{
  max-width: 500px;
}
.img-splot{
  position: relative;
  display: inline-block;
  width: 500px;
}
.splot{
  position: absolute;
  top: 0;
  bottom: 2.75rem;
  left: 0;
  right: 0;
} 
.texto-dif{
  display: none;
  position: absolute;
  top: 40%;
  margin-top: -40px;
  left: 15%;
  margin-left: -15px;
  width: 320px;
  z-index: 98;
  line-height: 1.3rem;
}
.capa{
  position: absolute;
  display: block;
  width: 400px;
  padding-bottom: 1rem;
  padding-top: .8rem;
  bottom: 2px;
  text-align: center;
  z-index: 99;
}
/* corte diagonal da pelicula na parte de baixo */
.block-esquerda-baixo, .pelicula-img-esquerda, .bloco-esquerda, .block-direito-baixo, .pelicula-img-direita, .bloco-direita, .block-direito-meio, .block-esquerda-meio, .pelicula-img-direito-meio, .pelicula-img-esquerda-meio{
  position: absolute;
  bottom: 2px;
  line-height:0;
  width:0;
  height:0;
}
.block-esquerda-baixo{
  border-style: solid;
  border-color: #000 transparent #000 #000;
  opacity: .7;
  border-width: 50px 17px 0px 385px;
}
/* pelicula cortada */
.pelicula-img-esquerda{
  display: none;
  z-index: 97;
  opacity: 0.6;
  border-style: solid;
  border-color: #000 transparent #000 #000;
  border-width: 335px 115.42px 0px 385.20px;
}
.bloco-esquerda, .bloco-direita{
  width: 390px;
  height: 100%;
  z-index: 100;
}
.bloco-direita{
  right: 0;
}
/* controla a distancia entre o bloco da esquerda e o bloco da direita */
.est-direita{
  margin-left: -6rem;
}
.block-direito-baixo {
  border-style: solid;
  border-color: #000 #000 #000 transparent;
  opacity: .7;
  border-width: 0px 483px 50px 17px;
}
.pelicula-img-direita{
  display: none;
  right: 0;
  z-index: 97;
  opacity: 0.6;
  border-style: solid;
  border-color: #000 #000 #000 transparent;
  opacity: .7;
  border-width: 0px 384px 335px 117px;
}
.ultima-pelicula{
  border-width: 0px 385px 335px 116px;
}
.capa-direita{
  position: absolute;
  display: block;
  width: 520px;
  padding-bottom: 1rem;
  padding-top: .8rem;
  bottom: 2px;
  text-align: center;
  z-index: 99;
}
.texto-dif-direita{
  display: none;
  position: absolute;
  top: 40%;
  margin-top: -40px;
  left: 35%;
  margin-left: -35px;
  width: 320px;
  z-index: 98;
  line-height: 1.3rem;
}
.marg-top{
  margin-top: 1rem;
}
.block-esquerda-meio{
  border-style: solid;
  border-color:  #000 transparent #000  #000;
  opacity: .7;
  border-width: 0px 17.3px 50px 483.3px;
}
.pelicula-img-esquerda-meio{
  display: none;
  z-index: 97;
  opacity: 0.6;
  border-style: solid;
  border-color: #000 transparent #000 #000;
  border-width: 0px 115.42px 335px 385.20px;
}
.block-direito-meio {
  border-style: solid;
  right: 0;
  border-color: #000 #000  #000 transparent;
  opacity: .7;
  border-width: 50px 385px 0px 17px;
}
.pelicula-img-direito-meio{
  display: none;
  right: 0;
  z-index: 97;
  opacity: 0.6;
  border-style: solid;
  border-color: #000 #000 #000 transparent;
  opacity: .7;
  border-width: 335px 385px 0px 115px;
}
#fachada-ventilada .texto-dif{
  top: 20%;
  margin-top: -20px;
}
#fibra-optica .texto-dif-direita{
  top: 30%;
  margin-top: -30px;
}
#drone .texto-dif{
  top: 40%;
  margin-top: -40px;
}
#energia-solar .texto-dif-direita{
  top: 30%;
  margin-top: -30px;
}
#carro-hibrido .texto-dif{
  top: 30%;
  margin-top: -30px;
}
/* triangulo esquerdo do diferencial */
.dif-triangulo-um, .dif-triangulo-dois, .dif-triangulo-tres {
  position: absolute;
  top: 20%;
  width: 0;
  border-top: 560px solid transparent;
  border-bottom: 560px solid transparent;
}
.dif-triangulo-um{
  left: -19.7%;
  z-index: -3;
  border-left: 800px solid #b6761d;
}
.dif-triangulo-dois{
  left: -20%;
  z-index: -2;
  border-left: 800px solid #282727;
}
.dif-triangulo-tres{
  left: -24%;
  z-index: -1;
  border-left: 800px solid #fff;
}
.col-bri{
  filter: brightness(20%);
}
/* ########################### localização ####################### */
.loca-conjunto{
  border-bottom: 8px solid #b6761d;
}
/* ######################### veja locais ############################# */
.lista-local-a{
  color: #b6761d;
}
.lista-local-b, .lista-local-c{
  color: #b6761d;
}

/* ########################## fim localização ######################### */
/* ########################## contato ################################# */
#contato::before{
  background: #b6761d;
}
.triangulo-tres-tato{
  border-right: 90vh solid #b6761d;
}
/* ######################### fim contato ########################### */

@media (max-width: 1680px) and (max-height: 1050px){
  .titulo-inicial{
    margin-left: 22.9%;
  }
  .img-inicial{
    width: 57%;
  }
  /* layout */
  /* lado esquerdo */
  .triangulo-um-in{
    top: 5.2%;
    left: -46%;
    margin-left: 35%;
  }
  /* lado direito */
  .triangulo-dois-in{
    top: -41%;
    left: 27%;
  }
  .img-in{
    width: 12%;
  }
  /* #complexo */
  .marca-complexo{
    top: 32%;
  }
    /* layout */
  .triangulo-um-co{
    top: 46.8%;
    left: 24%;
  }
  .triangulo-dois-co{
    left: -11.345%;
  }
  /* tapa buraco de baixo */
  .triangulo-tres-co{
    right: 16.08%;
  }
  /* #### torres ### */
  .linha-to{
    left: -32.84%;
  }
  /* triangulo esquerdo */
  .triangulo-um-to{
  border-bottom: 445px solid transparent;
  border-left: 677px solid #282727;
  }
  .retangulo-to{
    right: -25%;
  }
  #box-direita{
    width: 220px;
    height: 525px;
    left: 29%;
    top: 20%;
  }
  #box-esquerda{
    width: 215px;
    height: 525px;
    left: 16%;
    top: 20%;
  }
  /* ##### dif ####### */
  .margin-dif{
    margin-left: 12%;
  }
  .imagens-dif{
    margin-left: 24.5%;
  }
  .dif-triangulo-um{
    left: -25.7%;
  }
  .dif-triangulo-dois{
    left: -26%;
  }
  .dif-triangulo-tres{
    left: -30%;
}

}

@media (max-width: 1600px) and (max-height: 900px){


/* lado esquerdo */
.triangulo-um-in{
  top: -0.4%;
  left: -52%;
  margin-left: 40%;   
}
/* lado direito */
.triangulo-dois-in{
  top: -41.5%;
  left: 25.5%;
}
/* abaixo do exclusivo */
.triangulo-dois-to{
  top: -116.85%;
  left: 21.9%;
}
.triangulo-tres-to{
  top: -21%;
  left: -70.5%;
  margin-left: 35%;
}
/* dif */
.dif-triangulo-um{
  left: -28.7%;
}
.dif-triangulo-dois{
  left: -29%;
}
.dif-triangulo-tres{
  left: -33%;
}
/* layout */
.linha-to{
  left: -31.3%;
}
#box-direita, #box-esquerda{
  height: 500px;
  top: 20.5%; 
}
#box-direita{
  width: 215px;
  left: 28.8%;
}
#box-esquerda{
  width: 203px;
  left: 16%;
}
}

@media (max-width: 1440px) and (max-height: 900px){
/* lado esquerdo */
.triangulo-um-in{
  top: -8.6%;
  left: -57%;
}
/* lado direito */
.triangulo-dois-in{
  top: -45%;
}
/* abaixo do exclusivo */
.triangulo-dois-to{
  top: -128.85%;
  left: 21.9%;
}
.triangulo-tres-to{
  top: -28%;
  left: -68.5%;
  border-right: 1450px solid transparent;
  border-left: 1330px solid transparent;
  border-bottom: 900px solid #fff;
}
/* layout */
.triangulo-um-co{
  top: 44%;
  left: 22%;
}
.triangulo-dois-co{
  left: -15.6%;
}
/* tapa buraco de baixo */
.triangulo-tres-co{
  right: 17.6%;
}
.linha-to{
  left: -33.7%;
}
.triangulo-um-to{
  border-bottom: 370px solid transparent;
  border-left: 555px solid #282727;
}
.retangulo-to{
  right: -29.48%;
}
.im-esquerda{
  top: .4rem;  
}
.im-direita{
  left: -40.2%;
  top: 1.1rem;
}
#box-direita, #box-esquerda{
  height: 450px;
  top: 21.7%; 
}
#box-direita{
  width: 190px;
  left: 29.3%;
}
#box-esquerda{
  width: 185px;
  left: 16.3%;
}
/* parte dif */
/* Diferenciais */
.margin-dif{
  line-height: 6.5rem;
}
.box-direita-dif{
  margin-top: -9rem;
}
.img-teste-dif{
  max-width: 450px;
}
.img-splot{
  width: 450px;
}     
.texto-dif{
  left: 10%;
  margin-left: -10px;
  width: 320px;
  line-height: 1.2rem;
}
.capa{
  width: 380px;
}

.est-direita{
  margin-left: -5rem;
}
/* corte diagonal da pelicula na parte de baixo */
.block-esquerda-baixo{
  border-width: 50px 17px 0px 347px;
}
/* dif da direita 1 e último */
.block-direito-baixo {
  border-width: 0px 434px 50px 17px;
}
.texto-dif-direita{
  left: 30%;
  margin-left: -30px;
  width: 300px;
  line-height: 1.2rem;
}
.block-esquerda-meio{
  border-width: 0px 17.3px 50px 433.3px;
}
.block-direito-meio {
  right: 0px;
  border-width: 50px 347px 0px 17px;
}
/* triangulo esquerdo do diferencial */
.dif-triangulo-um{
  left: -33.7%;
}
.dif-triangulo-dois{
  left: -34%;
}
.dif-triangulo-tres{
  left: -38%;
}
/* fim dif */
}

@media (max-width: 1366px) and (max-height: 1024px){
  /* lado esquerdo */
  .triangulo-um-in{
    top: -9%;
    left: -57%;
  }
  .triangulo-dois-in{
    top: -49.4%;
  }
  .video-complexo{
    height: 40vh;
  }
  .triangulo-dois-to{
  position: absolute;
  top: -126.85%;
  left: 21.9%;
  z-index: -1;
  margin-left: 40%;
  width: 0;
  border-right: 1000px solid #fff;
  border-top: 657px solid transparent;
  border-bottom: 635px solid transparent;
}
/* triangulo baixo */
.triangulo-tres-to{
  position: absolute;
  top: -21%;
  left: -67.5%;
  margin-left: 35%;
  z-index: -1;
  width: 0;
  border-right: 1300px solid transparent;
  border-left: 1230px solid transparent;
  border-bottom: 800px solid #fff;
}
.margin-dif{
  margin-left: 5rem;
  margin-top: -3rem;
  padding-bottom: 3rem;
}
.imagens-dif{
  margin-left: 14rem;
}
.dif-triangulo-um{
  left: -35.7%;
}
.dif-triangulo-dois{
  left: -36%;
}
.dif-triangulo-tres{
  left: -40%;
}
}

@media (max-width: 1366px) and (max-height: 768px){
/* lado esquerdo */
.triangulo-um-in{
  top: -13.6%;
  left: -60%;
}
/* lado direito */
.triangulo-dois-in{
  top: -51%;
}
/* layout */
.linha-to{
  position: absolute;
  z-index: 1;
  top: -42.48%;
  left: -30.1%;
  width: 200%;
  border-top: 2.5px solid #b6761d;
  transform: rotate(147deg);
  -ms-transform: rotate(147deg);
  -webkit-transform: rotate(147deg);
}
/* triangulo direito (passando para complexo) */
.triangulo-dois-to{
  position: absolute;
  top: -126.85%;
  left: 21.9%;
  z-index: -1;
  margin-left: 40%;
  width: 0;
  border-right: 1000px solid #fff;
  border-top: 657px solid transparent;
  border-bottom: 635px solid transparent;
}
/* triangulo baixo */
.triangulo-tres-to{
  position: absolute;
  top: -21%;
  left: -67.5%;
  margin-left: 35%;
  z-index: -1;
  width: 0;
  border-right: 1300px solid transparent;
  border-left: 1230px solid transparent;
  border-bottom: 800px solid #fff;
}
#box-direita, #box-esquerda{
  height: 422px;
  top: 22.7%;
}
#box-direita{
  width: 168px;
  left: 30.3%;
}
#box-esquerda{
  width: 183px;
  left: 16.7%;
}
/* parte dif */
.texto-dif{
  left: 11%;
  margin-left: -11px;
}
.capa{
  width: 380px;
}
.est-direita{
  margin-left: -5rem;
}
/* corte diagonal da pelicula na parte de baixo */
.block-esquerda-baixo, .pelicula-img-esquerda, .bloco-esquerda, .block-direito-baixo, .pelicula-img-direita, .bloco-direita, .block-direito-meio, .block-esquerda-meio, .pelicula-img-direito-meio, .pelicula-img-esquerda-meio{
  bottom: 1px;
}
.block-esquerda-baixo{
  border-width: 50px 17px 0px 347px;
}
/* dif da direita 1 e último */
.block-direito-baixo {
  border-width: 0px 434px 50px 17px;
}
.texto-dif-direita{
  left: 30%;
  margin-left: -30px;
  width: 300px;
  line-height: 1.2rem;
}
.block-esquerda-meio{
  border-width: 0px 17.3px 50px 433.3px;
}
.block-direito-meio {
  right: 0px;
  border-width: 50px 347px 0px 17px;
}
/* triangulo esquerdo do diferencial */
.dif-triangulo-um, .dif-triangulo-dois, .dif-triangulo-tres {
  top: 15%;
}
.dif-triangulo-um{
  left: -35.7%;
}
.dif-triangulo-dois{
  left: -36%;
}
.dif-triangulo-tres{
  left: -40%;
}
#fachada-ventilada .texto-dif{
  top: 30%;
  margin-top: -30px;
}
#fibra-optica .texto-dif-direita{
  top: 40%;
  margin-top: -40px;
}
#drone .texto-dif{
  top: 40%;
  margin-top: -40px;
}
#energia-solar .texto-dif-direita{
  top: 30%;
  margin-top: -30px;
}
#carro-hibrido .texto-dif{
  top: 40%;
  margin-top: -40px;
}
/* volta dif */
}

@media (max-width: 1360px) and (max-height: 768px){

.triangulo-dois-co{
  left: -14.6%;
}
.linha-to{
  left: -31.1%;
}
.retangulo-to{
  right: -31.5%;
}
  .video-complexo{
    width: 110%;
    height: 50vh;
  }
}

@media (max-width: 1280px) and (max-height: 720px){

.img-in{
  top: 55%;
}
.titulo-inicial{
  font-size: .85rem;
  margin-bottom: -.3rem;
}
.texto-complexo{
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
/* menu flutuante baixo */
#layout{
  margin-top: 2.5rem;
}
.linha-in{
  left: -48%;
} 
/* lado esquerdo */
.triangulo-um-in{
  top: -13.6%;
  left: -65%;
}
/* lado direito */
.triangulo-dois-in{
  top: -50.5%;
}
/* layout */
.marca-complexo{
  width: 17%;
}
/* triangulo direito (passando para complexo) */
.triangulo-dois-to{
  top: -130.85%;
  left: 21.9%;
}
/* triangulo baixo */
.triangulo-tres-to{
  top: -22%;
  left: -73.5%;
}
.imagens-dif{
  margin-left: 17%;
}
/* triangulo esquerdo do diferencial */
.dif-triangulo-um{
  left: -50.7%;
}
.dif-triangulo-dois{
  left: -51%;
}
.dif-triangulo-tres{
  left: -55%;
}
}
@media (max-width: 1024px) and (max-height: 1366px){
  /* lado esquerdo */
.triangulo-um-in{
  top: -30%;
  left: -80%;
}
/* lado direito */
.triangulo-dois-in{
  top: -65.5%;
}
.linha-in{
  left: -47.5%;
}

.controle-um-complexo{
  text-align: right;
  margin-right: 18%;
  margin-bottom: 3rem;
}
/* triangulo direito (passando para complexo) */
.triangulo-dois-to{
  margin-left: 40%;
  width: 0;
  border-right: 1000px solid #fff;
  border-top: 657px solid transparent;
  border-bottom: 635px solid transparent;
}
/* triangulo baixo */
.triangulo-tres-to{
  
  margin-left: 35%;
  width: 0;
  border-right: 1300px solid transparent;
  border-left: 1230px solid transparent;
  border-bottom: 800px solid #fff;
}
.triangulo-dois-to{
  top: -126.85%;
  left: 21.9%;
}
/* triangulo baixo */
.triangulo-tres-to{
  top: -24%;
  left: -96.5%;
}
.marca-complexo{
  width: 20%;
  top: 38%;
  left: 5%;
}
.video-complexo{
  position: relative;
  z-index: 3;
  width: 110%;
  height: 25vh;
}
.linha-to{
  left: -27.4%;
}
.retangulo-to{
  right: -87.3%;
}

.box-torres, .box-torres2, .box-torres3{
  top: 25%;
}
.marca-torres{
  width: 30%;
  margin-bottom: .5rem;
}
.select-torre{
  position: relative;
  bottom: .05rem;
  margin-left: .4rem;
  font-size: .6rem;
  letter-spacing: .1rem;
}
.todo{
  position: relative;
  width: 40%;
  margin-left: -50px;
  z-index: 2;
}
.im-esquerda{
  width: 25.5%;
  left: -42.6%;
  top: .45rem;  
}
.im-direita{
  width: 27.5%;
  left: -53.75%;
  top: 1rem;
}
#box-direita, #box-esquerda{
  height: 420px;
  top: 22.2%; 
}
#box-direita{
  width: 178px;
  left: 25.3%;
}
#box-esquerda{
  width: 175px;
  left: 7.9%;
}
/* dif */
.img-splot{
  width: 450px;
}
.img-teste-dif{
  max-width: 450px;
}
.margin-dif{
  margin-top: -4.5rem;
  margin-left: 3%;
  line-height: 4.5rem;
  margin-bottom: 2rem;
}
.box-direita-dif{
  margin-top: -7rem;
}
.imagens-dif{
  margin-left: 2%;
  margin-top: 1rem;
}
/* parte dif */
.texto-dif{
  left: 11%;
  margin-left: -11px;
}
.capa{
  width: 380px;
}
.est-direita{
  margin-left: -5rem;
}
/* corte diagonal da pelicula na parte de baixo */
.block-esquerda-baixo, .pelicula-img-esquerda, .bloco-esquerda, .block-direito-baixo, .pelicula-img-direita, .bloco-direita, .block-direito-meio, .block-esquerda-meio, .pelicula-img-direito-meio, .pelicula-img-esquerda-meio{
  bottom: 1px;
}
.block-esquerda-baixo{
  border-width: 50px 17px 0px 347px;
}
/* dif da direita 1 e último */
.block-direito-baixo {
  border-width: 0px 434px 50px 17px;
}
.texto-dif-direita{
  left: 30%;
  margin-left: -30px;
  width: 300px;
  line-height: 1.2rem;
}
.block-esquerda-meio{
  border-width: 0px 17.3px 50px 433.3px;
}
.block-direito-meio {
  right: 0px;
  border-width: 50px 347px 0px 17px;
}
/* triangulo esquerdo do diferencial */
.dif-triangulo-um, .dif-triangulo-dois, .dif-triangulo-tres {
  top: 15%;
}
.dif-triangulo-um{
  left: -35.7%;
}
.dif-triangulo-dois{
  left: -36%;
}
.dif-triangulo-tres{
  left: -40%;
}
#fachada-ventilada .texto-dif{
  top: 30%;
  margin-top: -30px;
}
#fibra-optica .texto-dif-direita{
  top: 40%;
  margin-top: -40px;
}
#drone .texto-dif{
  top: 40%;
  margin-top: -40px;
}
#energia-solar .texto-dif-direita{
  top: 30%;
  margin-top: -30px;
}
#carro-hibrido .texto-dif{
  top: 40%;
  margin-top: -40px;
}
/* volta dif */
}

@media (max-width: 1024px) and (max-height: 768px){
/* lado esquerdo */
.triangulo-um-in{
  top: -34%;
  left: -80%;
}
/* lado direito */
.triangulo-dois-in{
  top: -65.5%;
}
.linha-in{
  left: -47.5%;
}

.controle-um-complexo{
  text-align: right;
  margin-right: 18%;
  margin-bottom: 3rem;
}
/* layout */

/* triangulo direito (passando para complexo) */
.triangulo-dois-to{
  top: -128.85%;
  left: 21.9%;
}
/* triangulo baixo */
.triangulo-tres-to{
  top: -24%;
  left: -97.5%;
}
.marca-complexo{
  width: 20%;
  top: 38%;
  left: 5%;
}
.linha-to{
  left: -27.4%;
}
.retangulo-to{
  right: -47.3%;
}
.triangulo-um-to{
border-bottom: 238px solid transparent;
border-left: 364px solid #282727;
}
.box-torres, .box-torres2, .box-torres3{
  top: 25%;
}
.marca-torres{
  width: 30%;
  margin-bottom: .5rem;
}
.select-torre{
  position: relative;
  bottom: .05rem;
  margin-left: .4rem;
  font-size: .6rem;
  letter-spacing: .1rem;
}
.todo{
  position: relative;
  width: 40%;
  margin-left: -50px;
  z-index: 2;
}
.im-esquerda{
  width: 25.5%;
  left: -42.6%;
  top: .45rem;  
}
.im-direita{
  width: 27.5%;
  left: -53.75%;
  top: 1rem;
}
#box-direita, #box-esquerda{
  height: 420px;
  top: 22.2%; 
}
#box-direita{
  width: 178px;
  left: 25.3%;
}
#box-esquerda{
  width: 175px;
  left: 7.9%;
}
/* dif */
.margin-dif{
  margin-top: -4.5rem;
  margin-left: 3%;
  line-height: 4.5rem;
  margin-bottom: 2rem;
}
.box-direita-dif{
  margin-top: -7rem;
}
.imagens-dif{
  margin-left: 2%;
  margin-top: 1rem;
}
/* volta dif */
}