* {margin: 0; padding: 0; transition: all .3s ease; box-sizing: border-box; text-decoration: none;} body { letter-spacing: .1em; font-family: Franklin Gothic; overflow-x: hidden; background: #E5E5E5;} ::-webkit-scrollbar-track{background-color:#E5E5E5}::-webkit-scrollbar{width:1.3em}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius: .2em;} .fullFULL {position: absolute; width: 0 !important; height: 0 !important; opacity: 0 !important; visibility: hidden; overflow: hidden;}

#full { position: relative; width: 100%; height: auto; left: 0; right: 0; margin: 0 auto; display: grid; grid-template-areas: "slid slid"  "sol sol" "esc esc" "dest dest" "roda roda";}

#topo {position:fixed; width:2rem; height: 100vh; left:0; margin:0; grid-area:topo; border-right:.35rem solid #9B7B30; background: #E5E5E5;z-index: 9;transition: all .3s; place-content: center; place-items: center; display: grid;} #topo:hover {width: 17rem; background: #E5E5E5; }

#topo:hover #menuToggle {left: 0;right: 0; margin: 0 auto;} .hovPADR:hover {background: #CCAE64; animation: hovPADR .1s ease-in;} @keyframes hovPADR {
  0%{transform: rotate(5deg);}
  100%{transform: rotate(-5deg);}
}

header:hover #btMENU {
  background: none;
}

input:checked ~ .spaniptTOP {left: 1em;}

header:hover .spaniptTOP {
  background: #1a1a1a;
  left: 0;
}

header:hover #idt {
  visibility: visible;
  transform: scale(1);
}

header:hover #rds {
  visibility: visible;
  transform: scale(1);
}

header:hover .masthead {
  visibility: visible;
  transform: scale(1);
}

#idt,.masthead {
  visibility: hidden;
  transform: scale(.1);
}

.hide {
  width: 0%;
  transition: all .3s;
  opacity: 0;
  left: -3em;
}

#exttTOP { padding: 0 1em 4em 1em;} #linkIDT {margin-top: -3.2em;  }

#idt {
    position: relative;  width:7em; height:7em; background-image: url(../imgs/dlc-advogados-fulldynamic.webp); left:0; right:0; margin:0 auto; transition: all .3s; background-repeat: no-repeat; background-position: center; background-size: contain; display: block;}

#btMENU {
  position: absolute;
  width: 4rem;
  height: 3.5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #9B7B30;
}

 #menuToggle
 {
   position: relative;  
   width: 50%;
   height: 3em; 
   left: .4rem;
   top: 2.8em;
   right: 0;
   margin: 0 auto; 
   z-index: 10; 
   -webkit-user-select: none;  
   user-select: none;
 }  #menuToggle:hover .spaniptTOP {background: #9B7B30; } 

 #menuToggle a { 
   text-decoration: none;
   transition: color 0.3s ease;
 }
 
 #iptBT-TOP
 {
   display: block;
   width: 100%;
   height: 100%;
   position: absolute; 
   left: 0;
   right: 0;
   margin: 0 auto; 
   cursor: pointer;   
   z-index: 2;   
   opacity: 0;
   -webkit-touch-callout: none;
 }

.spaniptTOP
 {
   display: block; top: .7em;
   width: 2.5em;
   height: .3em;
   position: relative;   
   left: .7em;
   margin: .3em auto;
   background: #fff;
   z-index: 1;   
   transform-origin: 4px 0px;   
   transition: .5s ease;
 }

 .spaniptTOP:first-child
 {
   transform-origin: 0% 0%;
 }
 
.spaniptTOP:nth-last-child(2)
 {
   transform-origin: 0% 100%;
 }


 #menuToggle input:checked ~ .spaniptTOP
 {
   opacity: 1;
   transform: rotate(45deg);
 }
 
 #menuToggle input:checked ~ .spaniptTOP:nth-last-child(2)
 {
   transform: rotate(-45deg); top: 1em;
 }
 

 #menuToggle input:checked ~ .spaniptTOP:nth-last-child(3)
 {
   opacity: 0; background: #9B7B30;
 }
 
 #menu
 {
   position: relative;
   top: 0;
   width: 1em;
   height: 100%;
   left: -100vw;
   list-style-type: none;
   padding: 0;
   margin: 0 auto;
   transition: all .3s; visibility: hidden;
 }

 #menuToggle input:checked ~ #menu {visibility: visible; width: 17.2rem;  height: 15rem; top: 2rem;  left: 0;
 } 

 nav {
   position: relative;  width: 16.5rem; left: -4rem;  background: #E5E5E5; box-shadow: 0 0 .3em #929292; 
 }
 
  nav input {
    display: none;
  }

  nav a, nav label {
    width: 100% !important;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    color: #1a1a1a; 
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    cursor: pointer;
  }

  nav label:hover {color: #9B7B30 !important;}

  nav a:hover {color: #9B7B30 !important;}

  nav .slide {
    display: block;
    border-top: 1em solid transparent;
    position: relative;
    -moz-transition-property: border-width, color;
    -o-transition-property: border-width, color;
    -webkit-transition-property: border-width, color;
    transition-property: border-width, color;
    -moz-transition-duration: 0.1s, 0.2s;
    -o-transition-duration: 0.1s, 0.2s;
    -webkit-transition-duration: 0.1s, 0.2s;
    transition-duration: 0.1s, 0.2s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -moz-transition-delay: 0.2s, 0s;
    -o-transition-delay: 0.2s, 0s;
    -webkit-transition-delay: 0.2s, 0s;
    transition-delay: 0.2s, 0s;
  }
  nav .child-menu {
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    z-index: 10; 
    -moz-transition-property: max-height;
    -o-transition-property: max-height;
    -webkit-transition-property: max-height;
    transition-property: max-height;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  nav .child-menu a {
    display: inline-block; padding: 1em;
    font-weight: 700;   font-size: .9rem;
    transition: all .3s; background: #9B7B30; color: #fff;
  }

  nav input:checked ~ .child-menu {
    width: 16.5rem;  
    max-height: 100vh; 
    -moz-transition-property: max-height;
    -o-transition-property: max-height;
    -webkit-transition-property: max-height;
    transition-property: max-height;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  nav input:checked ~ .has-child .name:after {
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
  
  @media only screen and (min-width: 48.0625em) {
    nav {
      display: block;
      table-layout: auto;
    }
    nav div.nav-container {
      display: block;
    }
    nav div.nav-container > div {
      display: block;
      margin: 5px 0;
    }
    nav div.nav-container > div:hover .slide {
      border-left-width: 2em;
    }
    nav .slide {
      display: block;
      width: auto;
      border-left: solid .3em #9B7B30;
      border-top: none;
      transition: all .3s !important;
    }
    nav .slide .element {
      line-height: 3;
      padding-left: .5em; font-size: 1rem; font-weight: 700; color: #1a1a1a;
    } .slide:hover .element {color: #9B7B30;}

    nav .child-menu {
      display: block;
      position: relative;
      top: 0;
      background-color: transparent !important;
      margin-left: 0;
      width: auto;
      max-height: 0px;
      overflow: hidden;
      border-top: none;
    }
    nav .child-menu a:hover {
      background: #CCAE64; opacity: 1; color: #1a1a1a !important;
    }

    nav input:checked ~ .slide {
      border-width: 0;
    }
  }  

 .slide:hover .iconsMENU {color: #9B7B30;}

  .iconsMENU {
    position: absolute;
    font-size: 1.2rem;
    top: -.1rem;
    right: 1rem;
    z-index: 0;
    color: #1a1a1a;
    transition: all .2s;
  }

  nav .child-menu a:hover .iconsSUB {color: #1a1a1a;}

  .iconsSUB {
    position: relative;
    font-size: 1.2rem; float: right;
    height: 0; right: 0; margin-top: -.1rem;
    padding: 0;
    z-index: 0;
    color: #fff;
    transition: all .2s;
  }

#rds {position:relative; width:100%; height: auto; top: 4em; left: 0; right: 0; margin: 0 auto; bottom: 0; transform:scale(.1); display: grid; grid-template-areas: "rds1 rds2 rds3" "rds4 rds5 rds6";grid-gap:.5em; justify-content: center; transition: all .3s; visibility: hidden;} #rds a {position:relative; width:2.5rem; height:2.5rem; text-align: center; color: #1a1a1a; background: #CCAE64;  font-weight: 600;} 

#rds p {
  width:2.5rem;height: 2.5rem; top: 0; left:0; right:0; margin: 0 auto; line-height: 2.5rem;
}

#slid {
    position: relative;
    width: 100%;
    height: 100vh;
    left: 0;
    right: 0;
    margin: 0 auto;
    grid-area: slid;
    background: #1a1a1a;
    display: grid; place-content: center; place-items: center;
    grid-template-areas: "blocSLID1 blocSLID2" "blocSLID3 blocSLID4";
}
#imgSLID { position: absolute; width: 35rem; height: 24.5rem; top: 0;  right: 0; background-image: url(../imgs/dlc-advogados-slid1.webp); background-position: top; background-size: contain; background-repeat: no-repeat;}

#exttTXT-SLID {width: 30rem; transform: translateX(.5rem); z-index: 7;} .nomDLC-SLID {font-size: 1.2rem; margin: 1.25rem 0; color: #E5E5E5; }
 #exttTXT-SLID h1 {font-size: 1.9rem; margin: .5rem 0; color: #9B7B30;}
#dsgSLID1 {border: .35rem solid #9B7B30;  width: 30rem; height: 15rem; z-index: 7;}
#dsgSLID2 {border: .35rem solid #9B7B30; font-size: 1.2rem; width: 30rem; transform: translateX(.5rem); height: 15rem;  z-index: 7; color: #E5E5E5; display: grid; place-items: center;} #dsgSLID2 p {padding: 1rem; font-family: serif;}

#exttCONTSLID { width: 30rem; justify-content: right; margin-top: 2.5rem; z-index: 7; display: flex;}  #contSLID {display: grid; grid-gap: .5rem; transform: translateX(-2.5rem);} .linkSLID {width:12.5rem; padding: .5rem 0; background: #CCAE64; color: #1a1a1a; text-align: center; }

#rdsS {display: grid; grid-template-areas: "rdsT1 rdsT2 rdsT3"; place-content: center; grid-gap: .5rem; } #rdsS a {background: #CCAE64; width: 2.5rem; height: 2.5rem; color: #1a1a1a; text-align: center; line-height: 2.5rem;}

#sol {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 5rem 0 7.5rem 2.5rem;
  grid-area: sol;
  background: linear-gradient(90deg,#f3f3f3 90%,#9B7B30 1%);
}

#sol h2 {
  position: relative;
  width: 51rem;
  left: 5%;
  text-align: left; 
  font-size: 1.9rem;
  margin-bottom: 2.5rem;
  color: #1a1a1a;
}

#sol section {
  position: relative;
  width: 51rem; 
  left: 5rem;
  display: grid;
  grid-template-areas: "sol1 sol2 sol3 sol4" "sol5 sol6 sol7 sol8";
  grid-gap: 1rem;
}

#sol .anime { transform: translateX(-100%); transition: all 2s;}
#sol .anime-start {transform: inherit;}

#bnf .anime { transform: scale(.1); transition: all 1s;}
#bnf .anime-start {transform: inherit;}

.blocSOL {
  position: relative;
  width: 12rem;
  height: 8rem;
  background: #fff;
  box-shadow: 0 0 .3em #929292;
  cursor: pointer;
  transition: all .2s; display: grid; place-items: center;
}

.blocSOL:hover {
  background: #9B7B30;
  color: #fff;
}

.blocSOL:hover .titSOL {
  color: #fff;
}

.blocSOL:hover .iconsSOL {
  color: #fff;
  font-size: 1.5rem; margin-top: 2.5rem;
}

.titSOL{
  position: relative;
  color: #1a1a1a;
  font-weight: 700;
  font-size: .9rem;
  text-transform: uppercase;
  text-align: center;
  padding: .5em; margin-bottom: 2rem;
  transition: all .2s;
}

.iconsSOL {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #9B7B30; margin-top: 2rem;
  left: 0;
  right: 0;
  transition: all .2s;
  font-size: 1.5rem;
}

#sol aside {
  position: absolute;
  width: 15rem;
  height: 70%;
  top: 15%;
  right: 0;
  margin: 0;
  background: #fff;
  display: grid;
  align-content: center;
  z-index: 10;
  border: .3rem solid #9B7B30; text-transform: uppercase;
}

#bnf div {position: relative; width: 90%; height: auto; left: 0; right: 0; margin: .7rem auto;}

.imgBNF {
  position:absolute; width:2.4rem; height:2.4rem; top:0; left:0; margin:0; background-position: left; background-repeat: no-repeat; background-size: contain; opacity: .8;
}

.imgBNF1 {
  background-image: url(../imgs/gifs/icon-adicao-01.gif);
}

.imgBNF2 {
  background-image: url(../imgs/gifs/icon-adicao-02.gif);
}

.imgBNF3 {
  background-image: url(../imgs/gifs/icon-adicao-03.gif);
}

.descBNF { position: relative; width: 70%; height: 3em; font-size: 1rem; color: #1a1a1a; left: 3.5rem; line-height: 2.4rem; top: 0; margin: 0;}

#esc {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5rem 0;
  grid-area: esc;
  background: #1a1a1a;
  display: grid;
  grid-template-areas: "esc1" "esc2" "esc3"; 
}

#esc .imgESC.anime {transform: translateY(15rem); opacity: 0;} #esc .imgESC.anime-start {transform: translateY(0); opacity: 1;}
#esc .titESC.descESC,.anime {transform: translateX(15rem); opacity: 0;} #esc .titESC.descESC,.anime-start {transform: translateX(0); opacity: 1;}

#esc h3 {position: absolute; visibility: hidden;}

.L-ESC {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.L-ESC .imgESC {
  position: relative;
  width: 35%;
  height: 25rem;
  top: 0;
  left: 10rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.imgESC1 {background-image: url(../imgs/dlc-advogados-01.webp);}
.imgESC2 {background-image: url(../imgs/dlc-advogados-02.webp);}
.imgESC3 {background-image: url(../imgs/dlc-advogados-03.webp);}


.L-ESC .titESC {
  position: absolute;
  width: 35%;
  top: 3rem;
  right: 10rem;
  font-size: 1.9rem;
  color: #fff; 
}

.titESC span {position: absolute;color: #9B7B30; font-size: 2.5rem; margin: -.5rem 0 0 .5rem;}

.L-ESC .descESC {
  position: absolute;
  width: 35%;
  height: auto;
  top: 6.5rem;
  right: 10rem;
  font-size: 1.2rem;  
  color: #a7a7a7; font-family: serif;
}

.R-ESC {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.R-ESC .imgESC {
  position: relative;
  width: 35%;
  height: 25rem;
  float: right;
  right: 10rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.R-ESC .titESC {
  position: absolute;
  width: 35%;
  height: auto;
  top: 3rem;
  left: 10rem;
  font-size: 1.9rem; 
  color: #fff;
}

.R-ESC .descESC {
  position: absolute;
  width: 35%;
  height: auto;
  top: 7rem;
  left: 10rem;
  font-size: 1.2rem; 
  color: #a7a7a7; font-family: serif;
}

#not {
  position: relative;
  width: 100%;
  height: 24rem;
  left: 0;
  right: 0;
  margin: 0 auto 5rem auto;
  grid-area: dest;
  background: #f3f3f3;
  overflow: hidden;
  transition: all 3s;
  padding: 5rem 0 0 0;
}

#not:hover {
overflow: auto; padding-left: 10rem;
}

#not .titNOT {
position: relative;
width: 100%;
left: 0;
right: 0;
font-size: 1.9rem; color: #1a1a1a;
margin: 0 auto 2.5rem auto;
text-align: center;
}

#not:hover > section .blocNOT {
 animation: none;
}

#not section {
position: absolute;
display: flex;
transition: all 3s;
}

.blocNOT {
position: relative;
width: 15rem;
height: 10rem;
margin-left: .3em;
margin-right: .3em;
background: #CCAE64; place-items: center;
color: #1a1a1a;
transition: all .3s;
opacity: .8;
animation-name: desliz;
animation-duration: 25s;
animation-iteration-count: infinite; display: grid; 
}

.blocNOT:hover {
transform: scale(1.05);
opacity: 1;
}

@keyframes desliz {
0%{left: 0;}
50%{left: -50%;}
100%{left: 0;}
}

#not .subtitNOT {
position: absolute;
font-size: 1.2rem;
text-align: center;
left: 0;
right: 0;
margin: -2.5rem auto 0 auto;
color: #1a1a1a;
}

#not span {
position: absolute;
left: 0;
right: 0;
margin: 2rem auto 0 auto;
text-align: center;
font-size: 2.5rem;
color: #9B7B30;
}

footer {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  grid-area: roda; padding-bottom: 1rem;
  background: #E5E5E5;
  display: grid;
  grid-template-areas: "idtFT" "linkFT" "contFT" "dirFT";
} 

#topoFT {position: absolute; right: 2.5rem; top: 2.5rem; font-size: 2.5rem; color: #9B7B30;}

#logFT {
  position: absolute;
  width: 100%;
  height: 7rem;
  left: 0;
  right: 0;
  margin: 0 auto; 
  background: #1a1a1a; display: grid; place-items: center;
}

#logFT p {
  position: absolute;
  width: 100%;
  height: 5rem; 
  filter: brightness(100);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../imgs/dlc-advogados-fulldynamic.webp);
}

#linksFT {position: relative; width: 60rem; left: 0; top: 6.3rem; padding: 2.5rem; place-content: center;  display: grid; grid-template-areas: "titFT titFT titFT titFT" "blocFT1 blocFT2 blocFT3 blocFT4"; grid-gap: .7rem;}

.titFT {grid-area: titFT; font-size: 1.7rem; padding-bottom: 1rem;}

#linksFT .blocSOL {width: 10rem; height: 6rem;} #contFT .titFT {color: #E5E5E5; text-align: center;}

#contFT {width: 24.1rem; height: 100%; position: absolute; display: grid; grid-template-areas: "titFT" "exttCONTFT" "dirFT"; right: 0; margin-top: 6.2rem; background: #1a1a1a; place-items: center;}

#exttCONTFT {margin-top:-7rem; display: grid; grid-gap: .7rem; text-align: center;} #exttCONTFT a {width: 10rem; height: 2.5rem; color: #1a1a1a; line-height: 2.5rem; background: #CCAE64;}

#dirFT {
  position: absolute;
  width: 100%;
  height: 7rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center; padding-top: 5rem;
  font-size: .7em; background: #E5E5E5; 
  grid-area: dirFT;
} 

#FULLRDP {position: absolute; width: 2.5rem; height: 2.5rem;  display: block; top: 1.5rem; right: 2.5rem; background-image: url(../imgs/fulldynamic-digital.webp); background-repeat: no-repeat; background-size: contain; } 


@media screen and (min-width:1000px) and (max-width:1050px) { #full {overflow-x: hidden;} #exttTXT-SLID {width: 20rem;} #dsgSLID1 {transform: translateX(2.5rem) translateY(.5rem); width: 25rem;} #dsgSLID2 {transform: translateX(5rem);} #sol section {width:60%; left: 2.5rem; grid-template-areas: "sol1 sol2" "sol3 sol4" "sol5 sol6" "sol7 sol8";}  #sol h2 {left: 2.5rem; width: 60%;} .blocSOL {width: 17rem;} .L-ESC .imgESC { width: 30%;} #linksFT {width: 30rem; left: 3rem; margin-top: 2rem; padding: .5rem; grid-template-areas: "titFT titFT" "blocFT1 blocFT2" "blocFT3 blocFT4";} #linksFT .blocSOL {width: 14rem;} footer {margin-bottom: 7rem;}}

@media screen and (min-width:1000px) and (min-height:900px) {#slid{height: 50rem;}}

@media screen and (min-width:1000px) and (max-width:1300px) and (min-height:1000px) {*{font-size: 1.05rem;} #menuToggle {top: 2.8rem;} #slid {height: 40rem;}}


@media screen and (min-width:1500px) {*{font-size: 1.1rem;} #btMENU {width: 4.5rem; height: 4rem;} #menuToggle {top: 2.8rem; left: .6rem;} #dirFULL {font-size: .7rem;} #exttCONTFT a {width: 12rem; font-size: 1rem;}}


@media screen and (min-width:1900px) {*{font-size: 1.2rem;}}


@media screen and (min-width:2500px) {*{font-size: 1.4rem;}  #btMENU {width: 5.5rem; height: 5rem;} #menuToggle {top: 3.1em; left: .9rem;}
#topo:hover {width: 25rem;} #topo nav {width: 24.5rem; left: -6.2rem;}    nav .slide .element { line-height: 4; font-size: 1.2rem}
#menuToggle input:checked ~ #menu {width: 24.5rem;} nav input:checked ~ .child-menu {width: 24.5rem;}  .child-menu a {line-height: 3; font-size: 1.1rem !important;} #rds a { width:4rem; height:4rem;} #rds a p {width: 4rem; height: 4rem; line-height: 4rem;}

#imgSLID {width: 45rem; height: 35rem;}

#exttTXT-SLID {width: 40rem; padding-right: 2.5rem; }

#dsgSLID1 {width: 40rem; height: 20rem; }

#dsgSLID2 {width: 40rem; height: 20rem;} #dsgSLID2 p {font-size: 1.6rem;}

#exttCONTSLID { width: 40rem; } .linkSLID {width:15rem; padding: 1rem 0; }  #rdsS a { width: 3rem; height: 3rem; line-height: 3rem;}

.blocSOL {  position: relative;  width: 14rem;  height: 10rem; font-size: 1.4rem;} .titSOL {font-size: 1.1rem;} .iconsSOL {font-size: 1.8rem; margin-top: 3rem;}

#sol aside {width: 20rem;} .descBNF {font-size: 1.3rem;}

#esc {padding: 5rem 12.5rem;} .descESC {font-size: 1.5rem !important;}

#linksFT { top: 7.5rem; margin: 2.5rem 0; left: 10rem;} #linksFT .blocSOL {width: 14rem; height: 10rem;}

#logFT {height: 9rem;} #logFT p {height: 7rem;}
}


@media screen and (min-width:300px) and (max-width:990px) {
  
#full {position: relative; width: 100%; grid-template-areas: "slid "  "sol" "esc" "dest" "roda"; overflow-x: hidden;}
#topo {width: 1%;}
#topo:hover {width: 20rem;} #idt {margin-top: -5rem;} #menuToggle {margin-top:4.5rem; left: 1.25rem;} #menu {left: -100rem; width: 1rem;} #menu nav {width: 19.5rem; left: -5.5rem;} .slide {border-left: .5em solid #9B7B30; line-height: 1.5; padding-left: 1rem; padding-bottom: 1rem; font-size: .9rem;} 

.child-menu {height: 0; transition: all .3s ease-in !important; max-height: 100vh;} nav input:checked ~ .child-menu {width: 19.5em; height: 100vh; max-height: 100vh; transition: all .3s ease-in;} .child-menu a {font-size: .8rem !important; line-height: 2; }

#rds {grid-gap: 1rem;}

#slid {position: relative; width: 100%; height: 100%; grid-template-areas: "blocSLID1" "blocSLID4" "blocSLID3" "blocSLID2"; overflow-x: hidden;}
#exttTXT-SLID {width: 90%; margin: 2rem 0; top:0; transform: none; } .nomDLC-SLID {font-size: 1.2rem; margin: 1rem 0;}
#imgSLID {position: absolute; width: 15rem; height: 12rem; top: 17.5rem;} #dsgSLID1 { width: 10rem; height: 9rem; margin-top: -.5rem; margin-left: 9.5rem;} #dsgSLID2 { font-size: 1.2rem; width: 9.5rem; height: 20rem; margin-left: -10rem;} #dsgSLID2 p {width: 90vw; left: 0!important; right: 0; padding: 1rem; margin: 21rem auto 0 -1.2rem !important; } #exttCONTSLID {display: grid; width: 90%; justify-content: center; margin-top: -2rem; z-index: 7;} #contSLID { grid-gap: 1rem; transform: translateX(0) translateY(-13.5rem);} .linkSLID {width:12rem; padding: 1rem 0;  } #rdsS {margin-top: 12.5rem; margin-bottom: 3.5rem;grid-gap: .7rem; } #rdsS a { font-size: 1.25rem; width: 3.5rem; height: 3.5rem; line-height: 3.5rem;}

#sol {width: 100%; left: 0; right: 0; margin: 0 auto; padding: 2.5rem 0; background: #E5E5E5;}

#sol h2 {
  position: relative;
  width: 90%;
  left: 0;
  right: 0;
  margin: 0 auto; font-size: 1.7rem;
   padding: 0 1rem 2rem 1rem;
}

#sol section {
  position: relative;
  width: 100%;  
  left: 0;
  right: 0; 
  margin: 0 auto 2.5rem auto;
  display: grid; place-content: center;
  grid-template-areas: "sol1 sol2" "sol3 sol4" "sol5 sol6" "sol7 sol8";
  grid-gap: 0;
}

.blocSOL {
  position: relative;
  width: 49vw;
  height: 7rem;
  margin: 0;
  box-shadow: none; border: .1em solid #E5E5E5;
}

#sol aside {
  position: relative;
  width: 100%;
  height: auto; padding: 2.5rem 0; 
  top: 0; z-index: 7;
  right: 0;
  margin: 0 auto;border-left: none; border-right: none;
}

#bnf div {width: 90%; height: auto; left: 0; right: 0; margin: 0 auto;}

.imgBNF {
 left:2.5rem; margin:0 auto; background-position: center; }

.descBNF { margin: 0 auto;}

#esc {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5rem 0 2.5rem 0;
  display: grid; overflow-x: hidden;
}

#esc h3 {position: absolute; visibility: hidden; font-size: 1.7rem;}

.L-ESC {
  position: relative; 
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.L-ESC .imgESC {
  position: relative;
  width: 90%;
  height: 15rem;
  top: 0;
  left: 0;
  right: 0;
  margin: 3.5rem auto 0 auto;}

.L-ESC .titESC {
  position: relative;
  width: 90%;
  top: -17.5rem;
  right: 0;
  left: 0;
  margin: 0 auto;
  font-size: 1.5rem;
  color: #fff; 
}

.titESC span { font-size: 2rem;}

.L-ESC .descESC {
  position: relative;
  width: 90%;
  height: auto; 
  top: 0; font-size: 1.2rem;
  right: 0;
  left: 0;
  margin: -1rem auto 3.5rem auto;
}

.R-ESC .imgESC {
  position: relative;
  width: 90%;
  height: 15rem;
  float: none; 
  left: 0;
  right: 0;
  margin: 3.5rem auto 0 auto;
}

.R-ESC .titESC {
  position: relative;
  width: 90%;
  height: auto;
  top: -17.5rem;
  left: 0;
  margin: 0 auto;
  font-size: 1.5rem; 
}

.R-ESC .descESC {
  position: relative;
  width: 90%;
  height: auto; font-size: 1.2rem;
  top: 0; 
  left: 0;
  right: 0;
  margin: -1rem auto 3.5rem auto;
}

#not {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto 2.5rem auto;
  grid-area: dest;
  background: #f3f3f3;
  overflow-x: hidden;
  transition: all 3s;
  padding: 2.5rem 0 10rem 0; cursor: mover; 
}

#not:hover {
overflow-x: auto; overflow-y: hidden !important;
}

#not h5 {
position: relative;
width: 100%;
left: 0;
right: 0;
font-size: 1.7rem; color: #1a1a1a;
margin: 0 auto 2.5rem auto;
text-align: center;
}

.blocNOT {
position: relative;
width: 12rem;
height: 7rem; 
}

#not h6 {
position: absolute;
font-size: 1rem;
text-align: center;
left: 0;
right: 0; padding: .5rem;
margin: -2.5rem auto .5rem auto;
}

#not span {
font-size: 2rem;
}

footer {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  grid-area: roda; padding-bottom: 1rem;
  background: #E5E5E5;
  display: grid;
  grid-template-areas: "idtFT" "linkFT" "contFT";
} 

#topoFT {position: relative; width: 100%; text-align: center; right: 0; left: 0; top: -2.5rem; padding: .5rem 0; background: #1a1a1a; margin: 0 auto -3rem auto; font-size: 2rem; color: #9B7B30;}

#logFT {
  position: relative;
  width: 100%;
  height: 7rem;
  left: 0;
  right: 0;
  margin: 0 auto; 
  background: #1a1a1a; display: grid; place-items: center;
}

#logFT p {
  position: relative;
  width: 100%;
  height: 5rem;
  left: 0;
  right: 0;
  margin: 0 auto; 
  filter: brightness(100);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../imgs/dlc-advogados-fulldynamic.webp);
}

#linksFT {position: relative; width: 90%; left: 0; right: 0; margin: 1.5rem auto 2.5rem auto; top: 0; padding: 0; place-content: center;  display: grid; grid-template-areas: "titFT titFT" "blocFT1 blocFT2" "blocFT3 blocFT4"; grid-gap: 0;}

#linksFT .titSOL {font-size: .7rem;}

.titFT {grid-area: titFT; width: 90%; font-size: 1.4rem; padding: 1rem;}

#linksFT .blocSOL {width: 49vw; margin: 0; height: 6rem;} #contFT .titFT {color: #E5E5E5; text-align: center; padding: 0; margin: 0 auto;}

#contFT {width: 100%; height: 100%; position: relative; display: grid; grid-template-areas: "titFT" "exttCONTFT" "dirFT"; left: 0; margin: 0 auto; right: 0; padding: .5rem 0 2rem 0; place-items: center;}

#exttCONTFT {display: flex; grid-gap: .7rem; padding: 1rem 0; left: 0; right: 0; margin: 0 auto; text-align: center;} #exttCONTFT a {width: 45vw; margin: 0; height: 2.5rem; line-height: 2.5rem; font-size: .8rem;}

#dirFT {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center; padding: 1rem 1rem 2rem 1rem;
  font-size: .8em; 
  grid-area: dirFT;
} 

#FULLRDP {position: relative; width: 2.5rem; height: 2.5rem;  display: block; top: 0; right: 0; left: 0; margin: 1rem auto; background-image: url(../imgs/fulldynamic-digital.webp); background-repeat: no-repeat; background-size: contain; } 
}


@media screen and (min-width:600px) and (max-width:610px) {*{font-size: 1.2rem;} #menuToggle {top: 3.2rem;} nav input:checked ~ .child-menu {width: 16.5em;} .child-menu a {font-size: 1.05rem !important;}  #dsgSLID2 p {margin: 21rem auto 0 -5rem !important;}}

@media screen and (min-width:630px) and (max-width:990px) {*{font-size: 1.3rem;} #menuToggle {top: 3.5rem;} .element {font-size: 1.2rem !important;} #btMENU {width: 4.5rem; height: 4.5rem;} 
nav input:checked ~ .child-menu {width: 15em;} .child-menu a {font-size: 1.05rem !important;}
#slid {
  position: relative;
  width: 100%;
  height: 75rem; padding: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  grid-area: slid; 
  background: #1a1a1a;
  display: grid; place-content: center; place-items: center; overflow: hidden;
  grid-template-areas: "blocSLID1 blocSLID2" "blocSLID3 blocSLID4";
}

#imgSLID {position: absolute; width: 25rem; height: 20rem; top: 10rem;  right: 0; background-image: url(../imgs/dlc-advogados-02.webp); background-position: top; background-size: contain; background-repeat: no-repeat;}

#exttTXT-SLID {width: 44vw; transform: translateX(5.5rem) translateY(-5rem); z-index: 7;} .nomDLC-SLID {font-size: 1.4rem; padding-left: .5rem; margin: 1.25rem 0;}
#exttTXT-SLID h1 {padding-left: .5rem; background: rgba(0, 0, 0, 0.5); }

#dsgSLID1 {border: .35rem solid #9B7B30; top: 0; width: 44vw; height: 20rem;  transform: translateX(-4rem) translateY(-4rem); z-index: 7;}

#dsgSLID2 {border: .35rem solid #9B7B30;width: 44vw; transform: translateX(10.5rem) translateY(-17rem); height: 20rem; } #dsgSLID2 p {padding: 1rem; font-family: serif; font-size: 1.4rem; }

#exttCONTSLID { width: 15rem; justify-content: center; margin-top: 2.5rem;  z-index: 7; display: grid;} #contSLID { display: grid; grid-gap: .0; transform: translateX(-8rem) translateY(-5.5rem);  height: 15rem; place-content: center; grid-gap: 1rem;} .linkSLID {width:15rem; margin: 0; height: 3.5rem; line-height: 1.5rem; }

#rdsS {position:relative; transform: translateX(-8rem) translateY(6rem); padding-bottom: 4rem; display: grid; grid-template-areas: "rdsT1 rdsT2 rdsT3 rdsT4 rdsT5 rdsT6"; place-content: center; grid-gap: .5rem; } #rdsS a {background: #CCAE64; width: 4rem; height: 4rem; color: #1a1a1a; text-align: center; line-height: 4rem;} #rdsS a p {font-size: 1.6rem;}

#sol section { grid-template-areas: "sol1 sol2 sol3 sol4" "sol5 sol6 sol7 sol8";} .blocSOL {width: 24.9vw;} #sol aside {display: flex; place-items: center;} .imgBNF {position: relative;left: 0; right: 0; margin: 1.2rem auto 0 auto;} .descBNF {left: 0;} #bnf div {width: 90%; height: auto; left: 0; right: 0; margin: 0 .5em; text-align: center; }

#esc {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5rem 0 2.5rem 0;
  display: grid; overflow: hidden;
}

#esc h3 {position: absolute; visibility: hidden;}

.L-ESC {
  position: relative; 
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.L-ESC .imgESC {
  position: relative;
  width: 90%;
  height: 15rem;
  top: 0;
  left: 0;
  right: 0;
  margin: 3.5rem auto 0 auto;}

.L-ESC .titESC {
  position: relative;
  width: 90%;
  top: -18rem;
  right: 0;
  left: 0;
  margin: 0 auto;
  font-size: 1.7rem;
  color: #fff; 
}

.titESC span { font-size: 2rem;}

.L-ESC .descESC {
  position: relative;
  width: 90%;
  height: auto; 
  top: 0; font-size: 1.4rem;
  right: 0;
  left: 0;
  margin: -1rem auto 3.5rem auto;
}

.R-ESC .imgESC {
  position: relative;
  width: 90%;
  height: 15rem;
  float: none; 
  left: 0;
  right: 0;
  margin: 3.5rem auto 0 auto;
}

.R-ESC .titESC {
  position: relative;
  width: 90%;
  height: auto;
  top: -17.5rem;
  left: 0;
  margin: 0 auto;
  font-size: 1.7rem; 
}

.R-ESC .descESC {
  position: relative;
  width: 90%;
  height: auto; font-size: 1.4rem;
  top: 0; 
  left: 0;
  right: 0;
  margin: -1rem auto 3.5rem auto;
}

#not {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto 2.5rem auto;
  grid-area: dest;
  background: #f3f3f3;
  overflow-x: hidden;
  transition: all 3s;
  padding: 2.5rem 0 10rem 0; cursor: mover; 
}

#not:hover {
overflow-x: auto; overflow-y: hidden !important;
}

#not h5 {
position: relative;
width: 100%;
left: 0;
right: 0;
font-size: 1.7rem; color: #1a1a1a;
margin: 0 auto 2.5rem auto;
text-align: center;
}

.blocNOT {
position: relative;
width: 12rem;
height: 7rem; 
}

#not h6 {
position: absolute;
font-size: 1rem;
text-align: center;
left: 0;
right: 0; padding: .5rem;
margin: -2.5rem auto .5rem auto;
}

#not span {
font-size: 2rem;
}

footer {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  grid-area: roda; padding-bottom: 1rem;
  background: #E5E5E5;
  display: grid;
  grid-template-areas: "idtFT" "linkFT" "contFT";
} 

#topoFT {position: relative; width: 100%; text-align: center; right: 0; left: 0; top: -2.5rem; padding: .5rem 0; background: #1a1a1a; margin: 0 auto -3rem auto; font-size: 2rem; color: #9B7B30;}

#logFT {
  position: relative;
  width: 100%;
  height: 7rem;
  left: 0;
  right: 0;
  margin: 0 auto; 
  background: #1a1a1a; display: grid; place-items: center;
}

#logFT p {
  position: relative;
  width: 100%;
  height: 5rem;
  left: 0;
  right: 0;
  margin: 0 auto; 
  filter: brightness(100);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../imgs/dlc-advogados-fulldynamic.webp);
}

#linksFT {position: relative; width: 90%; left: 0; right: 0; margin: 1.5rem auto 2.5rem auto; top: 0; padding: 0; place-content: center;  display: grid; grid-template-areas: "titFT titFT" "blocFT1 blocFT2" "blocFT3 blocFT4"; grid-gap: 0;}

#linksFT .titSOL {font-size: .9rem;}

.titFT {grid-area: titFT; width: 90%; font-size: 1.4rem; padding: 1rem;}

#linksFT .blocSOL {width: 49vw; margin: 0; height: 6rem;} #contFT .titFT {color: #E5E5E5; text-align: center; padding: 0; margin: 0 auto;}

#contFT {width: 100%; height: 100%; position: relative; display: grid; grid-template-areas: "titFT" "exttCONTFT" "dirFT"; left: 0; margin: 0 auto; right: 0; padding: .5rem 0 2rem 0; place-items: center;}

#exttCONTFT {display: flex; grid-gap: .7rem; padding: 1rem 0; left: 0; right: 0; margin: 0 auto; text-align: center;} #exttCONTFT a {width: 45vw; margin: 0; height: 2.5rem; line-height: 2.5rem; font-size: 1rem;}

#dirFT {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center; padding: 1rem 1rem 2rem 1rem;
  grid-area: dirFT;
}  #dirFULL {font-size: .8em;}

#FULLRDP {position: relative; width: 2.5rem; height: 2.5rem;  display: block; top: 0; right: 0; left: 0; margin: 1rem auto; background-image: url(../imgs/fulldynamic-digital.webp); background-repeat: no-repeat; background-size: contain; } }


@media screen and (min-width:900px) and (max-width:990px) and (max-height:700px) {*{font-size: 1.1rem;} nav input:checked ~ .child-menu {width: 20rem;} .child-menu a {font-size: .9rem !important;}  #exttTXT-SLID,#dsgSLID1 {margin-top: 7rem;} #dsgSLID2 {margin-top: -5rem;}  #contSLID {margin-left: -10rem; margin-top: 1.5rem; } #rdsS {margin-top: 20rem; top: -10rem; margin-left: -10rem;}}