* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: 'Trebuchet MS';
} ::-webkit-scrollbar-track{background-color:#f1f1f1;}::-webkit-scrollbar{width:1rem;}::-webkit-scrollbar-thumb{background: #b4b4b4; border-radius: 3rem;}

.anime {
  transition: all 1s;
  transform: translateX(-100%);
  opacity: 0;
}

.anime-start {
  transform: translateX(0);
  opacity: 1;
}

a {color: #2c2c2c; transition: all .2s;} 


#full {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#contFIXZAP{z-index:9999;position:fixed; transition: all .3s; bottom:0;right:0;margin:0;text-align:center;width:auto;height:auto;border-top-left-radius:1rem; padding: .5rem; background:#fff; box-shadow:  0 0 .2rem #7c7c7c; display: flex; place-items: center;} #contFIXZAP p:nth-child(1) {background: #75f8a7; border-radius: .5rem; margin: 0 .3rem; padding: .7rem;}  #contFIXZAP p:nth-child(2){font-size:1.7rem; padding: .3rem; border-radius: 50%; width: 3rem; line-height: 2.5rem; height: 3rem; background: #75f8a7;} #contFIXZAP:hover {opacity: .7;}

.fullFULL {position: absolute; width: 0 !important; height: 0 !important; opacity: 0 !important; overflow: hidden;}

.titPADR {  
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 2rem 0;
  font-weight: 600;
  font-size: 1.6rem;
  color: #3d3d3d;
  text-align: center;
}

.subtitPADR {position: relative; width: 90%; left: 0; right: 0; margin: 0 auto; font-size: 1.1rem; color: #3d3d3d; text-align: center;}
 
#topo {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    grid-area: topo;  background: #F2FEF6;  
    display: grid;
    align-items: center; 
    grid-template-areas: "txtTOP rdsTOP" "menuT menuT";
}

.titTOP {grid-area: txtTOP; width: auto; text-align: center; font-size: .8rem; color: #106E34;}

#idt {  position: relative; left: 0; display: block; 
    width: 100%; height: 2rem;
  background-repeat: no-repeat; 
  background-position: center;
  background-size: contain;  background-image: url(../imgs/idt/desentupidora-win-fulldynamic.webp);}

#contTOP {
    position: relative;
    width: auto;
    height: auto;
    right: 0; 
    margin: 0; padding: .7rem 0; place-content: center;
    text-align: center; display: flex; grid-gap: .5rem;
  }

   #contTOP a {font-size:1rem; border: .1rem solid transparent; color: #2c2c2c; background: #fff; border-radius: 50%; border: .1rem solid #d3d3d3; padding: .2rem; text-align: center;}
  
   #contTOP a:hover {background: #17A64F; color: #fff; }
   
  #menu {
    position: relative;
    width: 100%;
    height: 4rem;
    top: 0;
    background-color: #fff; border-radius: 3rem;
    grid-area: menuT;
    display: flex; place-items: center;
    box-shadow: 0 0 .2rem #b4b4b4;
    z-index: 9999; padding-left: 7rem;
  }  #menu a {width: 10rem; font-size: .9rem; margin: 0 .3rem; position: relative; } .menu-item:hover {border-radius: 0;}
  
  .menu-item {
    height: auto; padding: .4rem 0;
    width: 100%; border-radius: 3rem; color: #2c2c2c; 
    cursor: pointer; font-weight: 600; transition: all .3s;
    padding-left: .4rem; 
    border: .01rem solid #d3d3d3; display: flex; place-items: center; place-content: center;
  } .menu-item1 {border: 0;}

  .menu-item span {color: #2c2c2c;}

  .menu-item:hover {border: none; color: #fff;} .menu-item:hover span {color: #fff;}
  .menu-item:hover::after {height: 100%; background: #17A64F;  visibility: visible;} 

  .menu-item::after { content: ''; margin-left: -.45rem;bottom: 0; position: absolute; visibility: hidden; transition: all .2s; width: 10rem; height: .3rem; display: block; border-radius: 3rem; background: #17A64F; z-index: -1;}

#slid {
    position: relative;
    width: 100%;
    height: 31rem;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;   
    background-image: url(../imgs/capas/capa-desentupidora-win.webp); background-position: bottom; background-repeat: no-repeat; background-size: cover;
    grid-area: slid;
    display: grid; place-content: center; 
}

#slid .titPADR {width: 40%; left: -20rem; text-align: left; font-size: 1.7rem; top: -7rem;}
#slid a {position: relative; width: 11rem; padding: .5rem; text-align: center; font-size: 1rem; box-shadow: 0 0 .3rem #b4b4b4; background: #fff; margin-left: -1.3rem; top: -7.5rem; border-radius: 2rem;} #slid a:hover {background: #fff; color: #17A64F;} #slid a:hover span {position: absolute ; top: .1rem !important; position: relative;}

#ivt {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;   
    grid-area: ivt;
    display: grid;
    background: #fff;
    grid-template-areas: "exttivt1 exttivt2"; 
    padding: 1rem 0 7rem 0;
  }
 #ivt .titPADR {text-align: left; padding-left: 6rem;}
#exttIVT {  
  position: relative;
  width: 50rem;
    height: auto;
  left: 3rem;
  margin: 0;
  grid-area: exttivt1;
  display: grid;place-content: center; 
}
#exttIVT .subtitPADR {margin-top: -1.5rem; text-align: left; padding-left: 3.7rem;}
#exttIVT a {width:12rem;height:100%;display: grid; place-content: center; place-items: center;}
#blocIVT {position: relative; width: 100%; top: 3rem; margin: 0 auto; display: grid; grid-template-areas: "blocIVT blocIVT blocIVT"; place-content: center; grid-gap: 1.5rem;}

.blocIVT {
  position: relative; width: 12rem; height: 10rem; left: 0; right: 0; margin: 0;background: #fff; box-shadow: 0 0 .4em #838383; place-items: center; display: grid; place-content: center; transition: all .3s; border-top-left-radius: 2rem; border-bottom-right-radius: 2rem;}

 .blocIVT p {position:relative; font-size: 1.1rem; color: #3d3d3d; display: grid; top: 4rem; place-items: center; height: 26%; background:#fff;} .blocIVT:hover {border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem;} .blocIVT:hover .imgsIVT {border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem;} .blocIVT:hover p {background: #17A64F;}

.imgsIVT {position: relative; width: 12rem; height: 10rem; transition: all .2s; border-top-left-radius: 2rem; border-bottom-right-radius: 2rem; background-position: center; background-size: cover; background-repeat: no-repeat;}
.imgsIVT1 {background-image: url(../imgs/icons/desentupidora-win-fulldynamic-01.webp);}
.imgsIVT2 {background-image: url(../imgs/icons/desentupidora-win-fulldynamic-02.webp);}
.imgsIVT3 {background-image: url(../imgs/icons/desentupidora-win-fulldynamic-03.webp);}
.imgsIVT4 {background-image: url(../imgs/icons/desentupidora-win-fulldynamic-04.webp);}
.imgsIVT5 {background-image: url(../imgs/icons/desentupidora-win-fulldynamic-05.webp);}
.imgsIVT6 {background-image: url(../imgs/icons/desentupidora-win-fulldynamic-06.webp);}


.titIVT {position:relative;width:99%;top:0;text-align:center;left:0;right:0;margin:0 auto;transition: all .3s;font-size: 1.1rem; color: #3d3d3d;  }

.iconsIVT1 {background-image: url(../imgs/icons/teixeirao-fulldynamic-01.webp);} .iconsIVT2 {background-image: url(../imgs/icons/teixeirao-fulldynamic-02.webp);} .iconsIVT3 {background-image: url(../imgs/icons/teixeirao-fulldynamic-03.webp);} .iconsIVT4 {background-image: url(../imgs/icons/teixeirao-fulldynamic-04.webp);} .iconsIVT5 {background-image: url(../imgs/icons/teixeirao-fulldynamic-05.webp);} .iconsIVT6 {background-image: url(../imgs/icons/teixeirao-fulldynamic-06.webp);}

#allCLT {
  position: relative;
  width: 33rem;
  height: 100%;
  margin: 0; top: 4rem;
  grid-area: exttivt2;
  display: grid;
  place-content: center;
  place-items: center;
}

#allCLT .anime {
  transform: scale(.1);
  transition: all 1s;
}

#allCLT .anime-start {
  transform: scale(1);
}

#allCLT p {
  position: relative; color: #3d3d3d;
  width: 100%; font-size: 1.1rem; margin: 1rem 0;
  z-index:100;
  font-weight: 600;
} #allCLT p span {color: #17A64F;}

#allCLT p:nth-child(2) {
  animation-delay: .13s;
}

#allCLT p:nth-child(3) {
  animation-delay: .18s;
}

  @keyframes btMenu{0%{background-position:-500%}100%{background-position:500%}}

#clt {
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  grid-area: clt;
  padding-bottom: 3.5rem;
}  

#clt .anime {
  transform: scale(.1);
  transition: all 1s;
}

#clt .anime-start {
  transform: scale(1);
}

#clt .titPADR {color: #fff; background: #17A64F;}

.blocCLT {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  margin: .5rem auto; padding: .5rem 0;
}

#exttCLT {position: relative; width: 70%; margin: .5rem 0; left: 9rem; display: grid; grid-template-areas: "imgCLT imgCLT imgCLT imgCLT imgCLT"; grid-gap: 1rem;}

.blocCLT span {color: #3d3d3d;}

.titCLT {  position: relative; width: 50%;
   font-size: 1.1rem; font-weight: 600; color: #106E34;
  left: 9rem; 
  padding: 1rem 0;grid-area: titCLT; 
 }
 
.imgsCLT {
  position: relative;
  width: 13rem;
  height: 13rem;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: .01em solid #d3d3d3;
  box-shadow: 0 0 .2em #d3d3d3;
  border-bottom-left-radius: 2rem; cursor: pointer;
  border-top-right-radius: 2rem;
  margin: 0;
  transition: all .2s !important;
}

.imgsCLT:hover {border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 2rem; border-top-left-radius: 2rem;}

.imgsCLT1 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-01.webp);}
.imgsCLT2 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-02.webp);}
.imgsCLT3 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-03.webp);}
.imgsCLT4 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-04.webp);}
.imgsCLT5 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-05.webp);}

.imgsCLT6 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-06.webp);}
.imgsCLT7 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-07.webp);}
.imgsCLT8 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-08.webp);}
.imgsCLT9 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-09.webp);}
.imgsCLT10 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-10.webp);}

.imgsCLT11 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-11.webp);}
.imgsCLT12 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-12.webp);}
.imgsCLT13 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-13.webp);}
.imgsCLT14 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-14.webp);}
.imgsCLT15 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-15.webp);}

.imgsCLT16 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-16.webp);}
.imgsCLT17 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-17.webp);}
.imgsCLT18 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-18.webp);}
.imgsCLT19 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-19.webp);}
.imgsCLT20 {background-image: url(../imgs/clt/desentupidora-win-sao-paulo-fulldynamic-20.webp);}

#orc {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; background: #17A64F; display: flex; place-content: start;  place-items: center;}
#imgORC {position: relative; width: 17rem; height: 11rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../imgs/capas/desentupidora-win-fulldynamic-01.webp);}
#exttORC {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; display: flex; grid-gap: 1rem; place-content: center; }
#exttORC a {font-size: 1rem; text-align: center; width: 11rem; border: .1rem solid #fff; height: 3rem; line-height: 3rem; background: #fff; color: #2c2c2c; border-radius: 3rem;} #exttORC a:hover {background: #fff; color: #2c2c2c;}

#feed {position: relative; width: 100%; padding: 2rem 0; margin: 0 auto;}
#exttFEED {position: relative; width: 80%; margin: 2rem auto; display: grid; grid-template-areas: "blocFEED1 blocFEED2 blocFEED3 blocFEED4"; grid-gap: 2rem;} .blocFEED {position: relative; transition: all .2s; cursor: pointer; border-top-left-radius: 2rem; border-bottom-right-radius: 2rem; width: 15rem; padding: 3rem 1rem 1rem 1rem; box-shadow: 0 0 .3rem #b4b4b4; background-position: center; background-repeat: no-repeat; background: #fff; background-size: 100%; background-position: top;background-image: url(../imgs/feed/notas-desentupidora-win-fulldynamic.webp); } .titFEED {font-size: 1.1rem; color: #3d3d3d; padding: .5rem; font-weight: 600;} .descFEED {font-size: 1rem; color: #3d3d3d; padding: .5rem;} .blocFEED:hover {border-top-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem;}

#roda {
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  grid-area: roda;
  display: grid;
  padding: 2rem 0;
  grid-gap: 1rem;
  text-transform: uppercase;
  background: #f1f1f1;
  grid-template-areas: "blocFT1 blocFT2 blocFT3 blocFT4";
}

#roda a {font-size: .9rem;}

.blocFT {
  position: relative; 
  width: 20rem;
  height: auto;
  top: -2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: grid;
  align-items: center;
  padding: 2rem 0;
}

footer div:nth-child(4) {
  padding-right: 3em;
  font-size: .9rem;
}

#idtFT {
  position: relative;
  width: auto;
  height: 4rem;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-image: url(../imgs/idt/desentupidora-win-fulldynamic-01.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.blocFT ul {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  list-style: none;
  color: #2c2c2c;
  line-height: 180%;
}

#linksFT li {font-size: .8rem;}

.blocFT ul ol {
  display: grid;
  padding-bottom: .5rem;
  list-style: none;  
  font-size: 1.3rem;
  color: #2c2c2c;
}

#roda li {transition: all .2s; font-size: .8rem;}

#roda li:hover {opacity: .5;}

.emailFT {
  font-size: .9rem;
}

#dirFULL {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  padding: 1.5rem 0;
  text-align: center;
  grid-area: dirFT;
  color: #2c2c2c;
}

#dirFULL p {  font-size: .9rem;}

#idtFULL {
  position:absolute;width:2rem;height:100%;left:2rem;bottom:0;margin:0;padding:0;background-repeat:no-repeat;background-position:center;background-image:url(../imgs/fulldynamic-digital.webp); background-size: contain;
}

#dirFULL::after {content: ''; position: absolute; width: 100%; height: 7%; top: -.5em; left: 0; background: #17A64F;}


@media screen and (min-width:990px) and (max-width:1100px) {
  #exttIVT {width: 40rem;} #allCLT {width: 28rem;} #exttCLT {position: relative; place-content: center; width: 100%; left: 0;} .titCLT,#clt a {left: 5rem;} #exttORC {grid-gap: .2rem;} #exttFEED { width: 85%; grid-gap: 1rem;} .blocFEED {width: 14rem; background-repeat: no-repeat;} #roda {grid-gap: .5rem; padding: 1rem;} .blocFT {width: 16rem;}
  }
  
  @media screen and (min-width:1000px) and (max-width:1300px) {*{font-size: .9rem;}}
  
  @media screen and (min-width:1500px) {*{font-size: 1.105em;} #exttFEED {width: 70%;}}
  
  @media screen and (min-width:1900px) {*{font-size: 1.2rem;} #exttFEED {width: 70%;}}


@media screen and (min-width:300px) and (max-width:990px) { 

#topo {grid-template-areas: "txtTOP" "rdsTOP" "menuT"; }

.titTOP {grid-area: txtTOP; width: 90%; margin: 2rem auto 1rem auto; font-size: 1rem;}

 #contTOP {margin: 0 auto 1rem auto; }

 #menu {padding-left: 17rem; width: 100% !important; padding-right: 1.5rem; padding-left: 1rem; height: 4.5rem; border-bottom-right-radius: 0; border-top-right-radius: 0; overflow: auto;} #menu::-webkit-scrollbar{height:.4em;}
  #contTOP a {padding: .5rem; font-size: 1.3rem; margin: 0 .3rem;}
.menu-item {font-size: 1.1rem; padding: .5rem 1rem;} 
#idt {  position: relative; left: 0; display: block; 
  width: 7rem; height: 2rem;
background-repeat: no-repeat; 
background-position: center;
background-size: contain;  background-image: url(../imgs/idt/desentupidora-win-fulldynamic.webp);}

#slid {margin-top:0; } #slid .titPADR {width: 50%; top: -4rem; left: 2rem; right: 0; margin: 0; text-align: left;} #slid a {margin-left: 0; left: 2rem; margin-top: 2.5rem;}

#ivt {grid-template-areas: "exttivt1" "exttivt2"; width: 100%; padding: 2rem 0 4rem 0;} #ivt .titPADR {width: 85%; margin: 0 auto; text-align: center; left: 0; right: 0; padding: .5rem 0;} #ivt .subtitPADR {margin: 0 auto; left: 0; right: 0; text-align: center; padding: 0; width: 80%;}

#exttIVT {top: 0; width: 100% !important; left: 0;  margin: 0 auto;} #blocIVT {width: 100%; padding: 0; grid-template-areas: "blocIVT blocIVT"; place-content: center; grid-gap: .5rem; top: 2rem;} .blocIVT {width: auto; border: .1rem solid #d3d3d3; box-shadow: none; margin: 0;}
#exttIVT a {width: auto;margin: 0;} .imgsIVT {width: 45vw;}

  #clt .titPADR {padding: 1rem 2rem;}
  #allCLT {position:relative; width: 100% !important; margin: 0 auto !important; padding: 1rem 0 1.5rem 0;} 
  
  #exttCLT {position: relative; width: 100% !important; grid-gap: 0; margin: .5rem auto; left: 0 !important; display: grid; grid-template-areas: "imgCLT1 imgCLT2"; place-content: center;}
  
 .titCLT {left: 0 !important; right: 0; margin: 0 auto; text-align: center;}

 .imgsCLT {width: 49vw !important;}  
 
#orc {padding-bottom: 2rem; display: flex; place-content: center; }
#imgORC {position: relative; width: 40%; height: 13rem; margin-bottom: -2rem; background-position: -2rem;}
#exttORC {position: relative; width: 100%; top: 1rem; left: 0; right: 0; margin: 0 auto; display: grid; grid-template-areas: "blocORC blocORC"; grid-gap: .5rem; place-content: center; place-items: center; }
#exttORC a {display: grid; place-content: center; place-items: center; width: 7rem; height: 3rem; line-height: 1.5rem; border-radius: 2rem;}

 #feed .titPADR {width: 80%;}
 #exttFEED {width: 100%; margin: 1rem auto; display: grid; grid-template-areas: "blocFEED1"; grid-gap: 0;} .blocFEED {width: 80% !important; padding: 4.5rem 0 2rem 0; margin: .5rem auto;} .titFEED,.descFEED {padding: .5rem 1rem;}
 
#roda {grid-gap: 0; padding-top: 3rem !important; grid-template-areas: "blocFT1" "blocFT2" "blocFT3" "blocFT4" "dirFT";} #roda li {margin-top: 1rem; line-height: 2rem; text-align: center;} #roda li a {font-size: 1rem; padding: .3rem; margin: 1rem auto; left: 0; right: 0; position: relative;}

.blocFT {top: 0; width: 100% !important; padding: 1rem;}
 
footer div:nth-child(4) { padding-right: 0;}

.blocFT ul ol {display: grid;}

#dirFULL {
  position: relative !important; 
  width: 100%;
  margin: 3rem auto 1rem auto; padding-bottom: 3rem; 
}

.zapFT {font-size: 1.4rem !important;} .zapFT span {font-size: 1.2rem;}

#dirFULL p {  font-size: .9rem; margin-bottom: 3rem;}

#idtFULL {right:0;left:0;margin:0 auto; width: 3rem; top: 2rem;}
}

@media screen and (min-width:600px) and (max-width:990px) {*{font-size: 1.1rem;}}

@media screen and (min-width:700px) and (max-width:990px) {*{font-size: 1.15rem;} #allCLT {display: grid; grid-template-areas: "blocallCLT1 blocallCLT2"; width: 95% !important; margin: 1rem auto 0 auto !important; } #allCLT p {margin: 1rem 2rem; text-align: center;}  #exttFEED {position: relative; width: 100%; margin: 2rem auto; display: grid; grid-template-areas: "blocFEED1 blocFEED2"; grid-gap: 1.5rem; place-content: center;} .blocFEED {width: 40vw !important; margin: 0 auto;}}

@media screen and (min-width:800px) and (max-width:990px) {*{font-size: 1.25rem;}}

@media screen and (min-width:900px) and (max-width:990px) {*{font-size: .75rem;}
}