* {font-family: Trebuchet MS; margin: 0; padding: 0; box-sizing: border-box; text-decoration: none; transition: all .3s;} a,p {color: #3d3d3d; font-size: .9rem;}

#full {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto;} ::-webkit-scrollbar-track{background-color:#E5E5E5}::-webkit-scrollbar{width:1.3em}::-webkit-scrollbar-thumb{background:#a7a7a7;border-radius: .2em;} .fullFULL {position: absolute; width: 0; height: 0; visibility: hidden; opacity: 0; overflow: hidden;} .hide {transform: translateY(-100rem); top: 0;} input[type="checkbox"],.botMENU {display: none;} .titPADR {position: relative; font-size: 1.4rem; color: #575757;} .subtitPADR {font-size: 1.1rem; color: #707070;} .botPADR {position: relative; width: 11rem; background: #3a49d6; height: 100%; padding: .5rem 1rem; color: #fff; font-weight: 700; text-align: center; border-radius: 2rem; font-size: .9rem;} .botPADR2 {position: relative; width: 11rem; background: #fff; border: .1rem solid #c6c7c8; height: 100%; padding: 1rem; text-align: center; border-radius: .2rem;} .anime {opacity: 0; transform: scale(0);} .anime-start {opacity: 1; transform: scale(1);}

#contTOPO {position: fixed; width: 100%; height: auto; top: 0; display: flex; place-content: center; z-index: 10;}
  #contTOPO a {position: relative; width: 50vw; padding: 1rem; color: #020624; display: flex; place-content: center;} #contTOPO a p {font-size: 1.8rem;}
  #contTOPO a:nth-child(1) {background: #070A75; color: #e2fbff;} #contTOPO a:nth-child(1) p {color: #fff;}  #contTOPO a:nth-child(2) {background: #34af23;} #contTOPO a:hover p {font-size: 2rem;}

#topo {position: relative; width: 100%; background: #fff; top: 0; left: 0; margin: 4.3rem auto 0 auto; display: grid; grid-template-areas: "locTOP locTOP locTOP" "idtTOP navTOP rdsTOP"; padding: 0 0 1rem 0; z-index: 7;}

  #locTOP {position: relative; width: 100%; font-size: 1rem; line-height: 2rem; background: #3a49d6; height: 2rem; text-align: center; color: #fff; top: 0; left: 0; right: 0; margin: 0 auto 1rem auto; grid-area: locTOP;}

#idtTOP {position: relative; width: 7rem; height: 100%; left: 3rem; background-image: url(../imgs/idt-maim-fulldynamic.webp); background-position: center; background-repeat: no-repeat; background-size: 100%; grid-area: idtTOP;}
#topo nav {position: relative; width: 70%; height: 100%; left: -7rem; display: grid; grid-gap: 1rem; top: 0; grid-area: navTOP; grid-template-areas: "navTOP1 navTOP1 navTOP1 navTOP1";} #topo nav a { width: auto; text-align: center; color: #575757; font-size: 1rem; padding: .5rem;} #topo nav a span {color: #3d3d3d} #topo nav a:hover {color: #3a49d6;}
#rdsTOP { position: relative; top: 0; justify-content: right; place-items: center; grid-area: rdsTOP; margin-right: 3rem; grid-gap: .6rem; grid-template-areas: "rdsTOP1 rdsTOP2 rdsTOP3 rdsTOP4"; display: grid;} #rdsTOP a { width: 1.7rem; text-align: center; background: #C1C5F5; height: 1.7rem; font-size: 1rem; color: #3a49d6; border-top-left-radius: 50%; display: grid; place-items: center;} #rdsTOP a:hover {background: #3a49d6; transform: scale(1.1); border-top-left-radius: 0; border-top-right-radius: 50%; color: #fff;}

#slid {position: relative; width: 100%; height: 73rem; left: 0; right: 0; margin: 0 auto; background-position: top; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/capas/capa-maim-estofador-fulldynamic-01.webp);} #exttSLID {position: relative; width: 30%; top: 5rem; left: 7rem;} #exttSLID p {margin: .5rem auto;} #slid a {top:1rem;} #slid a:hover {opacity: .7;}

#sol {position: relative; width: 60%; height: auto; left: 5rem; margin-top: -30rem; padding: 3rem 0; z-index: 3; } #sol .titPADR {width: 50%; margin: 0; text-align: left;} #exttSOL {position: relative; width: 100%;  top: 0; left: 0; margin: 3rem 0; display: grid; grid-template-areas: "blocSOL1 blocSOL2 blocSOL3 blocSOL4"; place-content: start; grid-gap: 1rem;} .blocSOL {width: 10rem; height: 7rem; display: grid; border-radius: .5rem; place-items: center; place-content: center; background-image: url(../imgs/sol/maim-estofador-fulldynamic-10.webp);} #exttSOL a:hover {transform: scale(1.05);} #exttSOL a {border-radius: .5rem; border: .1rem solid #E5E5E5;} 
#exttSOL a::after {content: ''; position: absolute; width: 100%; height: 50%; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: 100%;}
#exttSOL a:nth-child(1)::after {background-image: url(../imgs/sol/maim-estofador-fulldynamic-03.webp);}
#exttSOL a:nth-child(2)::after {background-image: url(../imgs/sol/maim-estofador-fulldynamic-06.webp);}
#exttSOL a:nth-child(3)::after {background-image: url(../imgs/sol/maim-estofador-fulldynamic-05.webp);}
#exttSOL a:nth-child(4)::after {background-image: url(../imgs/sol/maim-estofador-fulldynamic-01.webp);}
#exttSOL a:nth-child(5)::after {background-image: url(../imgs/sol/maim-estofador-fulldynamic-07.webp);}
#exttSOL a:nth-child(6)::after {background-image: url(../imgs/sol/maim-estofador-fulldynamic-04.webp);}
#exttSOL a:nth-child(7)::after {background-image: url(../imgs/sol/maim-estofador-fulldynamic-02.webp);}
#exttSOL a:nth-child(8)::after {background-image: url(../imgs/sol/maim-estofador-fulldynamic-08.webp);}

.titSOL {text-align: center; font-size: 1rem; font-weight: 600; padding: .5rem; color: #707070; width: 10rem; position: relative; margin-top: -3rem;} #sol .anime {transform: scale(0) translateX(0);}
#sol .anime-start {transform: scale(1) translateX(0);} 

#txtS {position: relative; width: 100%; left: 0; right: 0; padding: 1rem 0 7rem 0; margin: 0 auto; } #txtS .titPADR { width: auto; margin-left: 5rem; } .dsgTXT { position: absolute; width: 10rem; height: .5rem; border-radius: 2rem; margin-top: .5rem; margin-left: 5rem; background: #3a49d6;} .descTXTS {margin-top: 2rem; width: 70%; height: auto; margin-left: 5rem; color: #575757; font-size: 1.2rem; font-family: serif;} 
#txtS strong {font-size: 1.3rem;}

#dsgCLTS {position: relative; width: 100%; height: 11rem; background: #3a49d6; margin: -2.1rem auto 0 auto; background-repeat: no-repeat; background-size: cover; background-position: top; background-attachment: fixed; background-image: url(../imgs/capas/capa-maim-estofador-fulldynamic-02.webp);}

#ivt {position: relative; width: 100%; height: 45rem; display: flex; place-content: end; padding: 0 0 4rem 0;} #ivt::after {content: ''; position: absolute; width: 60%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: 100%; background-position: bottom; background-image: url(../imgs/capas/capa-maim-estofador-fulldynamic-03.webp);} #exttIVT {position: relative; width: 45%; top: 14rem; right: 4rem; } #exttIVT .titPADR {text-align: left; padding: 1rem; width: 80%;} .blocIVT {position: relative; width: auto; height: auto; margin: 1rem; display: flex; border-radius: .3rem; place-items: center;} .titIVT {font-size: 1rem; color: #575757;} .blocIVT span {width: 1.7rem; height: 1.7rem; border-radius: 50%; line-height: 1.7rem; text-align: center; background: #3a49d6; color: #fff; font-weight: 600; font-size: .9rem; margin-right: .5rem;} .blocIVT.anime {opacity: 0; transform: scale(0);} .blocIVT.anime-start {opacity: 1; transform: scale(1);} .blocIVT:nth-child(4) {transition: all .5s;} .blocIVT:nth-child(5) {transition: all .8s;} .blocIVT:nth-child(6) {transition: all 1.2s;}
.blocIVT:nth-child(7) {transition: all 1.5s;} .blocIVT:nth-child(8) {transition: all 1.8s;} .blocIVT:nth-child(9) {transition: all 2.1s;}

#port {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; padding: 4rem 0; display: grid; place-items: center;} #port::after {content: ''; position: absolute; width: 100%; height: 50%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/capas/capa-maim-estofador-fulldynamic-04.webp); z-index: -1;} #port .titPADR {text-align: center; color: #fff; width: 50%; margin-bottom: 1rem;}  #exttPORT {width: 100%; place-content: center; display: flex; grid-gap: .5rem; margin: 2.5rem auto;} #port .blocPORT {width: 100%; height: 12rem; box-shadow: 0 0 .2rem #a7a7a7; background-position: center; background-repeat: no-repeat; background-size: cover; border-top-right-radius: 50%; cursor: pointer;} #port .blocPORT:hover {border-radius: 0 !important;} #port .blocPORT::after {content: ''; position: relative; width: 100%; height: 100%; top: 0; left: 0; background: #3a49d6; opacity: .2; display: block; transition: all .3s;} .blocPORT:hover::after {opacity: 0;}

#port .blocPORT:nth-child(1) {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-01.webp);}
#port .blocPORT:nth-child(2) {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-04.webp); border-top-right-radius: 0; border-top-left-radius: 50%;}
#port .blocPORT:nth-child(3) {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-03.webp);}
#port .blocPORT:nth-child(4) {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-02.webp); border-top-right-radius: 0; border-top-left-radius: 50%;}
#port .blocPORT:nth-child(5) {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-05.webp);}
#port .blocPORT:nth-child(6) {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-06.webp); border-top-right-radius: 0; border-top-left-radius: 50%;}
#port .blocPORT:nth-child(7) {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-07.webp);}
#port .blocPORT:nth-child(8) {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-08.webp); border-top-right-radius: 0; border-top-left-radius: 50%;}

.exttBOT {position: relative; width: auto; display: flex; grid-gap: 1rem;} .exttBOT a {width: 11rem; height: auto; padding: .7rem 0; text-align: center; border: .1rem solid #b4b4b4; border-radius: 3rem;} .exttBOT a:hover {transform: scale(1.05);} .exttBOT a:nth-child(2) {background: #3a49d6; color: #fff;}

#port2 {position: relative; width: 80%; margin: 0 auto; padding: 0 0 3rem 0; display: grid; grid-template-areas: "titPORT titPORT titPORT titPORT"; grid-gap: 1rem; place-content: center;} #port2 .blocPORT {width: 15rem; background-color: #3a49d6; border: .3rem solid #3a49d6; height: 15rem; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer;}

.PORT1 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-09.webp);} .PORT2 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-11.webp);} .PORT3 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-12.webp);} .PORT4 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-16.webp);} .PORT5 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-18.webp);} .PORT6 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-19.webp);} .PORT7 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-21.webp);} .PORT8 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-25.webp);} .PORT9 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-33.webp);} .PORT10 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-35.webp);} .PORT11 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-36.webp);} .PORT12 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-38.webp);} .PORT13 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-13.webp);} .PORT14 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-14.webp);} .PORT15 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-27.webp);} .PORT16 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-34.webp);} 

.blocPORT:hover {background-size: 130%; z-index: 100; transition: all .3s;} .blocPORT:nth-child(3) {transition: all .6s;}  .blocPORT:nth-child(4) {transition: all .9s;} .blocPORT:nth-child(5) {transition: all 1.2s;} .blocPORT:nth-child(7) {transition: all .6s;} .blocPORT:nth-child(8) {transition: all .9s;} .blocPORT:nth-child(9) {transition: all 1.2s;} .blocPORT:nth-child(11) {transition: all .6s;} .blocPORT:nth-child(12) {transition: all .9s;} .blocPORT:nth-child(13) {transition: all 1.2s;} 

.detPORT {position: absolute; width: 100%; height: auto; bottom: 0; padding: 1rem; display: grid; place-content: center; place-items: center; margin: 0 auto; background: #fff; font-size: 1rem; color: #2c2c2c; text-align: center; transform: scale(0); visibility: hidden;} .blocPORT:hover .detPORT {visibility: visible; transform: scale(1);}

#feed {position: relative; width: 100%; background: #FFFEF3; padding: 2rem 0; margin: 0 auto;} #feed .titPADR {text-align: center;}
#exttFEED {position: relative; width: 80%; margin: 2rem auto; display: grid; grid-template-areas: "blocFEED1 blocFEED2 blocFEED3 blocFEED4"; grid-gap: 2rem; place-content: center;} .blocFEED {position: relative; width: 15rem; padding: 3rem 1rem 1rem 1rem; box-shadow: 0 0 .3rem #b4b4b4; background-position: center; cursor: pointer; background-repeat: no-repeat; background-size: 100%; background-repeat: no-repeat; background-position: center; background-image: url(../imgs/sol/maim-estofador-fulldynamic-10.webp); border-radius: 1rem;} .blocFEED:hover {background-image: url(../imgs/sol/maim-estofador-fulldynamic-09.webp); transform: scale(1.05);} .titFEED {font-size: 1rem; color: #575757; padding: .5rem; font-weight: 600; margin-top: -1rem;} .descFEED {font-size: .9rem; color: #3d3d3d; padding: .5rem;} #feed a {color: #3a49d6;}

#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 span {font-size: 1.2rem;}
  
  #roda a {font-size: .8rem; padding: 1.2rem 0;} .zapFT {font-size: 1.2rem !important;}
  
  .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;
  }
  
  #idtFT {
    position: absolute;
    width: 50%;
    height: 4rem;
    top: 2.7rem;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(../imgs/idt-maim-fulldynamic-02.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.2rem;
    color: #2c2c2c;
  }
  
  #roda li {transition: all .2s; font-size: .8rem;}
  
  #roda li:hover {opacity: .5;}
  
  .emailFT {
    font-size: .8rem;
  }
  
  #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: .7rem;}
  
  #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: #3a49d6;}


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

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


  @media screen and (min-width:300px) and (max-width:990px) {#rdsTOP {display: none;} 
  #topo { align-items: center; height: auto;} #locTOP {} #idtTOP {background-size: 100%; width: 7rem; height: 3rem; left: 1rem;} .titPADR {width: 80%; margin: 0 auto;}
  #topo label {background: #3a49d6; border-radius: 50%; right: 0; position: absolute; top: 3rem; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; right: 1rem; } #topo label::after {content: ''; position: absolute; transition: all .3s; width: 60%; height: .2rem; border-radius: 1rem; margin-top: -.5rem; background: #fff;} #topo label::before {content: ''; transition: all .3s; position: absolute; width: 60%; height: .2rem; border-radius: 1rem; margin-top: .5rem; background: #fff;} 
  
  #topo input:checked ~ label::after {transform: rotate(45deg); margin:0;} #topo input:checked ~ label::before {margin:0; transform: rotate(-45deg);}
  
  #topo input:checked ~ nav {visibility: visible; transform: translateX(0);}
  
  #topo nav {position: absolute; visibility: hidden; transform: translateX(-100%); display: grid; width: 100vw; height: auto; top: 3rem; background: #f1f1f1; padding: 1rem 0; left: -8.75rem; place-content: center; place-items: center; grid-gap: .5rem; grid-template-areas: "navTOP1 navTOP2";} #topo nav a {width: 45vw; text-align: center; font-size: .9rem; color: #fff; border-radius: 1.5rem; background: #3a49d6; padding: .5rem 1rem; margin: .3rem 0;} 

  #slid {height: 55rem; background-position: -20rem 0; background-size: 200%;} #exttSLID {position: relative; width: 60%; top: 4rem; left: 2rem; background: linear-gradient(90deg, transparent, #fff); padding: .5rem; border-radius: .5rem;} #slid .titPADR {width: 100%;} #exttSLID p {margin: .5rem auto;} #slid a {top:1rem;} 

  #sol {width: 90%; left: 0; margin: -30rem auto 0 auto;} #sol .titPADR {width: 100%; margin: 0 auto; text-align: center;} #exttSOL { width: 100%; top: 0; left: 0; margin: 2rem auto; display: grid; grid-template-areas: "blocSOL1 blocSOL2"; place-content: center; grid-gap: 1rem;} .blocSOL {width: 45vw;}

  #txtS .titPADR {width: 90%; margin-left: 1rem;} .dsgTXT {margin-left: 1rem;} .descTXTS {margin-top: 2rem; width: 90%; margin-left: 1rem;}

  #ivt {width: 100%; height: 45rem;} #ivt::after {background-size: cover;} #exttIVT {width: 50%; top: 4rem; right: 1rem;} #exttIVT .titPADR {padding: 1rem 0; width: 100%;}

  #port {padding: 3rem 0;} #port::after {background-size: cover;} #port .titPADR {width: 90%;}  #exttPORT {display: grid; grid-template-areas: "blocPORT blocPORT blocPORT blocPORT";margin: 1rem auto;} #port .blocPORT {width: 23vw; height: 12rem;}

  #port2 {position: relative; width: 100%; margin: 0 auto; display: grid; grid-template-areas: "titPORT titPORT"; grid-gap: .5rem; place-content: center;} #port2 .blocPORT {width: 49vw; background-size: 100%; height: 11rem;}

  .exttBOT a {width: auto; padding: .5rem 1rem;}

  #exttFEED {width: 90%; margin: 1rem auto; grid-template-areas: "blocFEED1 blocFEED2"; grid-gap: 1rem;} .blocFEED {position: relative; width: 100%; background-size: cover; padding: 2rem .5rem 1rem .5rem;}

  #roda {grid-gap: 0; padding: 0; grid-template-areas: "blocFT1" "blocFT2" "blocFT3" "blocFT4" "dirFT"; text-align: center;}
  #idtFT {position: relative; margin-bottom: 3rem;}
  

.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: 1rem auto; 
}

#idtFULL {right:0;left:0;margin:1rem auto 0 auto; position: relative; display: block;}
}


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

@media screen and (min-width:600px) and (max-width:990px) {*{font-size: 1.2rem;} #slid {height: 60rem;}}

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